:root{color-scheme:light;--font-sans: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--bg: #f7f8fa;--surface: #ffffff;--surface-soft: #f1f3f6;--surface-raised: rgba(255, 255, 255, .86);--brand-soft: #eaf5ff;--hero: var(--brand-soft);--text: #111318;--muted: #68707d;--line: #dfe3e8;--primary: #0088e3;--primary-deep: #006db6;--active: #e8f3fb;--orange: #f0982d;--shadow: 0 18px 44px rgba(17, 24, 39, .07);--shadow-soft: 0 1px 0 rgba(17, 24, 39, .04), 0 12px 28px rgba(17, 24, 39, .05);--hairline: color-mix(in srgb, var(--line) 78%, transparent);--shell-rail-x: clamp(24px, 2vw, 32px);--sidebar-rail-start: var(--shell-rail-x);--sidebar-rail-end: 0px;--topbar-h: 64px;--sidebar-w: 280px;--content-shell-w: 1320px;--content-main-w: calc(var(--content-shell-w) - var(--toc-w) - var(--content-gap));--content-gap: 36px;--article-main-w: 980px;--article-content-w: 860px;--article-main-offset: 0px;--article-anchor-w: 44px;--article-region-gap: 12px;--toc-w: 204px;--article-tabs-h: 72px;--article-tabs-control-h: 56px;--article-tabs-bottom-pad: 16px;--doc-body-top-gap: 16px;--content-slot-bottom-pad: 96px;--content-start-offset: 32px;--toc-inner-offset: 64px;--toc-sticky-top: calc(var(--topbar-h) + var(--article-tabs-h) + 24px);--anchor-scroll-offset: calc(var(--topbar-h) + var(--article-tabs-h) + 32px);--tabs-inline-start: calc(var(--article-main-offset) + var(--article-anchor-w) + var(--article-region-gap))}[data-brand=deco]{--primary: #39cfe0;--primary-deep: #0aa6be;--brand-soft: #ecfcfd;--active: #dff9fb}[data-brand=tether]{--primary: #52d5c4;--primary-deep: #13a892;--brand-soft: #e9fbf8;--active: #dcf7f2}[data-brand=tapo]{--primary: #0088e3;--primary-deep: #006db6;--brand-soft: #e5f3fc;--active: #cce7f9}[data-brand=omada]{--primary: #2d8f8c;--primary-deep: #0b6c69;--brand-soft: #e8f6f4;--active: #dff0ee}[data-brand=mercusys]{--primary: #e50113;--primary-deep: #b6000f;--brand-soft: #fff0ed;--active: #ffe1dc}[data-brand=soho]{--primary: #52d5c4;--primary-deep: #13a892;--brand-soft: #e9fbf8;--active: #dcf7f2}[data-theme=dark]{color-scheme:dark;--bg: #111317;--surface: #191c21;--surface-soft: #23272f;--surface-raised: rgba(25, 28, 33, .86);--hero: #16222b;--text: #f7f8fa;--muted: #a5adba;--line: #343942;--active: #182f3d;--shadow: 0 18px 48px rgba(0, 0, 0, .34);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .04), 0 14px 32px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px),var(--bg);background-size:56px 56px;color:var(--text);font-family:var(--font-text);font-size:14px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:clamp(28px,3.4vw,48px);height:var(--topbar-h);padding:0 var(--shell-rail-x);border-bottom:0;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.brand,.product-nav,.top-actions,.product-nav a,.mobile-menu-button,.pill-tool,.search{display:flex;align-items:center}.brand{flex:0 0 auto;font-weight:800;color:var(--text)}.topbar-brand-logo{display:block;width:171px;height:36px;color:currentColor;fill:currentColor}.topbar-brand-cutout{fill:var(--surface)}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-size:11px}.site-brand-mark{background:transparent}.site-brand-mark img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover}.product-nav{gap:clamp(18px,2vw,34px);padding:0;border:0;border-radius:0;background:transparent}.product-nav a{position:relative;gap:6px;height:34px;padding:0 10px;border-radius:999px;color:var(--muted);font-size:16px;font-weight:650;text-transform:uppercase;transition:background .16s ease,color .16s ease}.product-nav a:hover{background:transparent;color:var(--text)}.product-nav .is-active{color:var(--text);background:transparent;font-weight:760;box-shadow:none}.top-actions{gap:clamp(14px,1.4vw,24px);margin-left:auto;min-width:0}.mobile-menu-button,.pill-tool,.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--topbar-h);border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.mobile-menu-button{display:none;width:32px;padding:0}.pill-tool{gap:5px;padding:0;font-size:14px;font-weight:500;transition:background .16s ease,color .16s ease;line-height:1}.pill-tool:hover,.mobile-menu-button:hover,.icon-button:hover{background:transparent;color:var(--text)}.pill-tool.is-on{color:color-mix(in srgb,var(--text) 78%,var(--muted))}.search{gap:6px;width:clamp(120px,18vw,190px);max-width:190px;height:32px;padding:0 12px;border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);flex:1 1 150px;border:1px solid var(--hairline);transition:border-color .16s ease,background .16s ease}.search svg,.pill-tool svg,.icon-button svg,.mobile-menu-button svg,.product-nav svg{flex:0 0 auto;stroke-width:2}.search:focus-within{border-color:color-mix(in srgb,var(--text) 42%,var(--line));background:var(--surface)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;line-height:20px}.icon-button{width:32px;padding:0}.layout{display:grid;grid-template-columns:minmax(0,var(--sidebar-w)) minmax(0,1fr);width:100%;min-height:calc(100vh - var(--topbar-h));padding-top:var(--topbar-h);background:color-mix(in srgb,var(--bg) 92%,var(--surface))}.mobile-menu-scrim,.mobile-menu-drawer{display:none}.content-slot{position:relative;display:grid;grid-template-areas:". hero hero hero ." ". content gutter toc .";grid-template-columns:minmax(0,1fr) minmax(0,var(--content-main-w)) var(--content-gap) minmax(180px,var(--toc-w)) minmax(0,1fr);grid-template-rows:auto auto;align-items:start;justify-content:center;column-gap:0;row-gap:24px;width:100%;max-width:none;margin:0 auto;padding:28px 28px var(--content-slot-bottom-pad);min-width:0}.sidebar{position:sticky;top:var(--topbar-h);width:100%;max-width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));overflow-y:auto;overflow-x:hidden}.sidebar{padding:24px 0;background:transparent;border-right:0;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar-title{margin:30px var(--sidebar-rail-end) 12px var(--sidebar-rail-start);padding:0;color:var(--muted);font-size:12px;font-weight:520;text-transform:uppercase;letter-spacing:0}.brand-selector{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 14px;margin:0 var(--sidebar-rail-end) 28px var(--sidebar-rail-start);border-radius:999px;background:color-mix(in srgb,var(--primary) 17%,var(--surface));cursor:pointer;transition:all .2s;border:0;box-shadow:none}.brand-selector-label,.brand-selector-value{min-width:0}.brand-selector-info{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-selector-logo{display:grid;flex:0 0 auto;width:26px;height:26px;place-items:center;overflow:hidden;border-radius:7px;background:transparent;color:var(--surface);font-size:11px;font-weight:800}.brand-selector-logo img{display:block;width:22px;height:22px;object-fit:contain}.brand-selector-value{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;justify-content:space-between}.brand-selector-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:620}.brand-selector:hover{background:color-mix(in srgb,var(--primary) 20%,var(--surface));color:var(--text)}.sidebar-section{margin-bottom:26px}.sidebar-section-title{margin:0 var(--sidebar-rail-end) 10px var(--sidebar-rail-start);padding:0 0 0 14px;color:var(--muted);font-size:12px;font-weight:500}.sidebar nav{display:flex;flex-direction:column;gap:5px;padding:0 var(--sidebar-rail-end) 0 var(--sidebar-rail-start)}.sidebar nav a{position:relative;display:flex;align-items:center;gap:16px;min-width:0;min-height:44px;padding:8px 14px;border-radius:999px;color:color-mix(in srgb,var(--text) 74%,var(--muted));font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;line-height:1.4}.sidebar nav a:hover{background:color-mix(in srgb,var(--surface-soft) 58%,transparent);color:var(--text)}.sidebar nav a.is-current{background:color-mix(in srgb,var(--primary) 17%,var(--surface));color:var(--text);font-weight:680;box-shadow:none}.sidebar nav a.is-current:before{content:none}.sidebar nav a svg{width:18px;height:18px;color:color-mix(in srgb,var(--text) 62%,var(--muted));transition:color .2s}.sidebar nav a.is-current svg{color:var(--text)}.content{grid-area:content;min-width:0;padding:0}.hero{grid-area:hero;display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:276px;margin:0 -20px 0 0;overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--hero) 72%,var(--surface)),var(--surface))}.hero-copy{display:grid;align-content:center;min-width:0;padding:56px;border:0;border-radius:0;background:transparent}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:57px;line-height:64px;font-family:var(--font-sans);font-weight:680;overflow-wrap:anywhere}.resource-row{display:flex;flex-wrap:wrap;gap:16px}.resource-row a,.resource-button{display:inline-flex;align-items:center;min-height:36px;padding:8px 16px;border:0;border-radius:7px;background:#111318;color:#fff;cursor:pointer;font-size:12px;font-weight:600}.resource-row a:hover,.resource-button:hover{background:var(--primary);color:#fff}.hero-visual,.preview-box{background-color:color-mix(in srgb,var(--surface) 84%,var(--bg));background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 58%);background-position:0 0,0 0,0 0;background-size:40px 40px,40px 40px,auto}.hero-visual{display:none}.no-deco .hero-visual{background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,transparent),transparent)}.article-tabs{display:flex;position:sticky;top:var(--topbar-h);z-index:24;align-items:stretch;justify-content:flex-start;gap:22px;width:100%;min-height:var(--article-tabs-h);margin:0;padding:0 0 var(--article-tabs-bottom-pad) var(--tabs-inline-start);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;overflow-y:hidden}.article-tabs:before{content:"";position:absolute;right:0;bottom:var(--article-tabs-bottom-pad);left:var(--tabs-inline-start);height:1px;background:var(--hairline)}.article-tabs button{position:relative;z-index:1;min-height:var(--article-tabs-control-h);padding:0 4px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:680}.article-tabs button:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:transparent}.article-tabs button:hover,.article-tabs .is-selected{color:var(--text)}.article-tabs .is-selected:after{background:currentColor}.doc-body{width:100%;max-width:var(--article-main-w);min-height:max(0px,calc(100vh - var(--topbar-h) - var(--article-tabs-h) - var(--doc-body-top-gap) - var(--content-slot-bottom-pad)));margin:var(--doc-body-top-gap) 0 0;padding-left:var(--article-main-offset);overflow-anchor:none}.doc-body h2[id],.doc-body h3[id]{scroll-margin-top:var(--anchor-scroll-offset)}.doc-page-title-anchor{display:block;height:0;scroll-margin-top:var(--anchor-scroll-offset)}.doc-region{display:grid;grid-template-columns:var(--article-anchor-w) minmax(0,1fr);column-gap:var(--article-region-gap);align-items:start;width:100%;max-width:calc(var(--article-anchor-w) + var(--article-region-gap) + var(--article-content-w));padding-bottom:32px}.doc-region-preview{padding-bottom:64px}.doc-region-table{padding-bottom:48px}.doc-region-subheading{padding-bottom:32px}.doc-anchor{display:flex;justify-content:center;padding-top:8px;padding-left:20px}.doc-anchor-button{width:48px;height:48px;border:0;border-radius:24px;background:transparent;cursor:pointer;opacity:0;transition:opacity .16s ease,background .16s ease}.doc-anchor-button:before{content:"#";color:var(--muted);font-size:18px;font-weight:700}.doc-region:hover .doc-anchor-button,.doc-anchor-button:focus-visible{opacity:1}.doc-anchor-button:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.doc-region-subheading .doc-anchor{padding-top:0}.doc-region-subheading .doc-anchor-button{width:32px;height:32px;border-radius:16px}.doc-region-subheading .doc-anchor-button:before{font-size:14px}.doc-region-content{min-width:0;width:100%}.doc-region-preview .doc-region-content,.doc-region-table .doc-region-content{overflow-x:auto}.doc-region-text .doc-region-content{max-width:760px}.doc-body h2{margin:0;padding-top:0;font-size:44px;font-family:var(--font-sans);font-weight:680;line-height:56px}.doc-body h3{margin:0;font-size:19px;line-height:28px}.doc-body h2+h3{margin-top:0}.doc-body p{margin:0;color:color-mix(in srgb,var(--text) 68%,var(--muted));font-size:16px;line-height:24px}.doc-body p:last-child{margin-bottom:0}.doc-body li{color:color-mix(in srgb,var(--text) 74%,var(--muted))}.doc-body .preview-box{margin:0}.doc-body ul{margin:0;padding-left:23px;font-size:16px;line-height:24px}.doc-body li+li{margin-top:16px}.doc-body code{padding:1px 4px;border-radius:4px;background:var(--surface-soft);color:var(--text);overflow-wrap:anywhere}.color-ramp-container{width:100%;margin:12px 0}.color-row{display:flex;width:100%;border-radius:8px;overflow:hidden;height:60px}.color-swatch{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:10px;cursor:pointer;transition:all .2s}.color-swatch:hover{flex:1.4;z-index:10;box-shadow:0 4px 12px #0000001a}.color-swatch .token{font-weight:700;opacity:.6}.color-swatch .hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:2px;opacity:0;transition:opacity .2s}.color-swatch:hover .hex{opacity:.8}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;margin:16px 0}.palette-card{height:100px;border-radius:8px;background:var(--bg);position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s}.palette-card:hover{transform:translateY(-4px)}.palette-info{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;flex-direction:column;gap:2px}.palette-info strong{font-size:14px;font-weight:700}.palette-info span{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.9}.neutral-strip{display:flex;flex-direction:column;gap:8px;width:100%;margin:16px 0}.neutral-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:8px;font-size:14px}.neutral-item span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.preview-box{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;min-height:auto;padding:0;overflow-x:auto;background:transparent}.preview-box>*{width:100%}.cp-tip{position:relative;cursor:pointer}.cp-tip:before,.cp-tip:after{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:100}.cp-tip:after{content:attr(data-hex);bottom:calc(100% + 8px);transform:translate(-50%) translateY(5px);background:#1a1d23;color:#fff;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 3px 12px #00000047;letter-spacing:0}.cp-tip:before{content:"";bottom:calc(100% + 3px);transform:translate(-50%) translateY(5px);border:5px solid transparent;border-top-color:#1a1d23}.cp-tip:hover:before,.cp-tip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.cp-swatch{position:relative;cursor:pointer;overflow:hidden}.cp-swatch:after{content:attr(data-hex);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000007a;color:#fff;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;letter-spacing:0;border-radius:inherit;opacity:0;transition:opacity .16s ease;pointer-events:none}.cp-swatch:hover:after{opacity:1}.phone-sheet,.android-sheet,.code-card{display:grid;gap:8px;width:min(360px,100%);padding:14px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.sheet-handle{justify-self:center;width:42px;height:4px;margin-bottom:6px;border-radius:99px;background:var(--line)}.phone-sheet button{min-height:42px;border:0;border-radius:10px;background:var(--surface-soft);color:var(--text);text-align:left;padding:0 14px}.phone-sheet .danger{color:#d92d20}.android-sheet span{padding:13px 16px;border-bottom:1px solid var(--line)}.android-sheet span:last-child{border-bottom:0}.code-card code{display:block;margin-top:10px;padding:14px}.doc-body table{width:100%;min-width:560px;margin-top:0;border:1px solid var(--hairline);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden}.doc-body th,.doc-body td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}.doc-body th{background:color-mix(in srgb,var(--surface-soft) 62%,var(--surface));color:var(--muted);font-size:14px;font-weight:500}.doc-body tr:last-child td{border-bottom:0}.toc{grid-area:toc;position:sticky;top:var(--toc-sticky-top);z-index:12;width:100%;height:auto;max-height:calc(100vh - var(--toc-sticky-top));margin-top:0;padding:0;overflow-y:auto;overflow-x:hidden;color:var(--muted)}.toc-inner{width:100%;margin-top:var(--toc-inner-offset)}.toc strong{display:block;width:auto;margin:0 0 14px;color:var(--text);font-size:14px;font-weight:680;line-height:26px}.toc nav{display:grid;gap:0}.toc a{position:relative;display:block;min-height:32px;margin:0;padding:6px 0 6px 16px;color:var(--muted);font-size:14px;line-height:20px}.toc a.is-child{padding-left:32px;font-size:14px}.toc a.is-child.is-visible:before{left:14px}.toc a:hover,.toc a.is-visible{color:var(--text)}.toc a.is-visible{font-weight:500}.toc a.is-visible:before{content:"";position:absolute;top:50%;height:16px;left:0;width:2px;border-radius:999px;background:var(--primary);transform:translateY(-50%)}.feedback-drawer,.theme-drawer,.version-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-end;background:#0f12186b;opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;transition:opacity .18s ease,visibility 0s linear .18s}.theme-drawer{justify-content:flex-start}.feedback-drawer.is-open,.theme-drawer.is-open,.version-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease}.drawer-card{width:min(420px,100%);height:100%;padding:28px;background:var(--surface);box-shadow:-20px 0 50px #0003;transform:translate(100%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.feedback-drawer.is-open .drawer-card{transform:translate(0)}.drawer-close{float:right;width:32px;height:32px;border:0;border-radius:8px;background:var(--surface-soft);color:var(--text);cursor:pointer}.drawer-card h2{margin-bottom:8px}.drawer-card p{color:var(--muted)}.drawer-card label{display:grid;gap:8px;margin-top:18px;color:var(--muted);font-weight:700}.drawer-card input,.drawer-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);outline:0;padding:10px 12px}.drawer-card textarea{min-height:150px;resize:vertical}.feedback-screenshot-field{display:grid;gap:8px;margin-top:18px}.feedback-screenshot-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:700}.feedback-screenshot-head small{color:var(--muted);font-size:12px;font-weight:700}.feedback-screenshot-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.feedback-screenshot-upload{display:flex;min-height:48px;align-items:center;gap:10px;margin-top:0;border:1px dashed var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);cursor:pointer;font-weight:800;padding:12px}.feedback-screenshot-upload span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-screenshot-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.feedback-screenshot-meta button{border:0;background:transparent;color:var(--primary);cursor:pointer;font:inherit;font-weight:800;padding:0}.submit-button{width:100%;min-height:42px;margin-top:18px;border:0;border-radius:8px;background:var(--primary);color:#07343a;cursor:pointer;font-weight:800}.brand-theme-panel{display:flex;flex-direction:column;width:min(430px,100%);height:100%;padding:28px 30px;overflow:hidden;background:var(--surface);box-shadow:20px 0 50px #0000002e;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.theme-drawer.is-open .brand-theme-panel{transform:translate(0)}.brand-theme-panel header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.brand-theme-panel h2{margin:0;font-size:28px;font-family:var(--font-sans);font-weight:680;line-height:36px}.brand-theme-panel header button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;font-size:24px}.brand-theme-panel header button:hover{background:color-mix(in srgb,var(--surface-soft) 76%,transparent);color:var(--text)}.theme-segment{flex:0 0 auto;display:flex;gap:26px;margin-bottom:28px;padding:0 0 18px;border-bottom:1px solid var(--hairline);background:transparent}.theme-segment button{position:relative;min-height:28px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:650;text-transform:uppercase}.theme-segment button:after{content:"";position:absolute;right:0;bottom:-19px;left:0;height:2px;background:currentColor;opacity:0}.theme-segment button:hover,.theme-segment .is-selected{color:var(--text);background:transparent;box-shadow:none}.theme-segment .is-selected:after{opacity:1}.theme-list{flex:1 1 auto;display:grid;align-content:start;gap:14px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:2px;border-top:0}.theme-card{position:relative;display:flex;align-items:center;min-height:94px;overflow:hidden;border:0;border-radius:14px;background:transparent;cursor:pointer}.theme-card:hover,.theme-card.is-selected{box-shadow:none}.theme-card:hover{background:color-mix(in srgb,var(--surface-soft) 62%,transparent)}.theme-card.is-selected{background:color-mix(in srgb,var(--theme-color) 9%,var(--surface))}.theme-card-body{display:flex;align-items:center;gap:18px;width:100%;min-height:94px;padding:0 14px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.theme-logo{display:grid;width:48px;height:48px;place-items:center;border-radius:10px;background:var(--theme-color);color:#fff;font-size:17px;font-weight:900}.theme-logo.has-brand-icon{background:transparent}.theme-logo img{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover}.theme-card strong{flex:1 1 auto;margin-right:auto;color:var(--text);font-size:28px;font-family:var(--font-sans);font-weight:680;line-height:34px}.theme-check{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:0;color:color-mix(in srgb,var(--text) 34%,transparent);font-size:12px;transform:translate(-4px);opacity:.42;transition:color .16s ease,opacity .16s ease,transform .16s ease}.theme-card.is-selected .theme-check{background:transparent;color:var(--theme-color);opacity:1;transform:translate(0)}.theme-card:hover .theme-check{color:var(--text);opacity:1;transform:translate(0)}.version-panel{width:min(930px,76vw);height:100%;overflow:auto;padding:30px 36px 54px;background:var(--surface);box-shadow:-20px 0 50px #0003;transform:translate(100%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.version-drawer.is-open .version-panel{transform:translate(0)}.version-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.version-panel h2{margin:0;font-size:20px}.version-panel header button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:24px}.version-panel header button:hover{background:var(--surface-soft);color:var(--text)}.version-selectors{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:24px;margin-bottom:34px;max-width:760px}.version-selectors label{display:grid;gap:7px}.version-selectors span{color:var(--muted);font-size:12px;font-weight:800}.version-selectors select{width:100%;height:42px;padding:0 38px 0 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 18px) 18px / 6px 6px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 12px) 18px / 6px 6px no-repeat,var(--surface);color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0}.version-selectors select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.version-section{margin-top:44px}.version-section:first-child{margin-top:0}.version-section h3{margin-bottom:24px;font-size:28px;line-height:1.2}.brand-diff-section{margin-bottom:32px}.brand-diff-section h4{margin:0 0 12px;color:var(--muted)}.diff-table{overflow:hidden;border:1px solid var(--line);border-radius:9px}.diff-table table{width:100%;border-collapse:collapse}.diff-table th,.diff-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.diff-table th{background:var(--surface-soft);color:var(--muted)}.diff-table tr:last-child td{border-bottom:0}.diff-table td:nth-child(2),.diff-table td:nth-child(3){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}.diff-value-changed{color:var(--primary-deep);font-weight:900}.diff-value-with-swatch{display:inline-flex;align-items:center;gap:8px}.diff-swatch{width:18px;height:18px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:5px}.tpc-toast{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-toast-svg{display:block;flex:0 0 auto}.tpc-toast-loading-gradient{width:100%;height:100%;color:inherit;background:conic-gradient(from 90deg,color-mix(in srgb,currentColor 63%,transparent) 0deg,color-mix(in srgb,currentColor 64%,transparent) 6.0436deg,transparent 6.092deg,color-mix(in srgb,currentColor 63%,transparent) 360deg)}.tpc-toast-center{display:grid;place-items:center;justify-items:center;gap:var(--tpc-toast-center-gap, 16px);width:var(--tpc-toast-center-default-width, 180px);min-height:var(--tpc-toast-center-default-min-height, 104px);padding:var(--tpc-toast-center-padding-vertical, 16px) var(--tpc-toast-center-padding-horizontal, 10px);border-radius:var(--tpc-toast-center-radius, 8px);background:var(--tpc-toast-container-default, #000000b2);color:var(--tpc-toast-text-inverse, #fff);transition:width .16s ease,min-height .16s ease,padding .16s ease}.tpc-toast-center.is-state-loading{width:var(--tpc-toast-center-loading-size, 100px);min-height:var(--tpc-toast-center-loading-size, 100px);padding:var(--tpc-toast-center-loading-padding, 30px)}.tpc-toast-center-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;color:var(--tpc-toast-icon-inverse, #e6e9ed)}.tpc-toast-center-icon .tpc-toast-svg{display:none;width:40px;height:40px}.tpc-toast-center.is-state-loading .tpc-toast-svg-loading,.tpc-toast-center.is-state-success .tpc-toast-svg-success,.tpc-toast-center.is-state-failed .tpc-toast-svg-failed{display:block}.tpc-toast-center.is-state-loading .tpc-toast-svg-loading{animation:tpc-toast-spin var(--motion-duration-indicator-spin, .9s) var(--motion-easing-linear, linear) infinite;transform-origin:center}.tpc-toast-center-text{max-width:160px;color:var(--tpc-toast-text-inverse, #fff);font-size:var(--tpc-toast-message-font-size, 14px);font-weight:400;line-height:var(--tpc-toast-center-text-line-height, 16px);text-align:center}.tpc-toast-center.is-state-loading .tpc-toast-center-text{display:none}.tpc-toast-top{display:flex;align-items:center;width:min(100%,var(--tpc-toast-top-max-width, 359px));min-height:var(--tpc-toast-top-min-height, 40px);padding:var(--tpc-toast-top-padding-vertical, 8px) 0 var(--tpc-toast-top-padding-vertical, 8px) var(--tpc-toast-top-padding-left, 16px);border-radius:var(--tpc-toast-top-radius, 8px);background:var(--tpc-toast-container-default, #000000b2);color:var(--tpc-toast-text-inverse, #fff);box-sizing:border-box}.tpc-toast-top.is-action-text-button{min-height:41px}.tpc-toast-leading-icon,.tpc-toast-status-icon{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:32px;height:24px;padding-right:var(--tpc-toast-top-icon-text-gap, var(--tpc-toast-fixed-icon-content-gap, 8px));box-sizing:border-box}.tpc-toast-leading-icon{color:var(--tpc-toast-icon-inverse, var(--tpc-toast-text-inverse, #fff))}.tpc-toast-message{min-width:0;font-size:var(--tpc-toast-message-font-size, 14px);font-weight:400;line-height:var(--tpc-toast-message-line-height, 17px)}.tpc-toast-top>.tpc-toast-message{flex:1 1 auto;padding-right:var(--tpc-toast-top-message-action-gap, 16px);color:var(--tpc-toast-text-inverse, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpc-toast-actions{display:contents}.tpc-toast-action{display:none;flex:0 0 auto}.tpc-toast-action-close{width:36px;height:24px;padding-right:var(--tpc-toast-top-close-action-inset, 12px);color:currentColor;box-sizing:border-box}.tpc-toast-action-text{align-items:center;height:25px;padding:4px var(--tpc-toast-top-text-action-inset, 16px) 4px 0;color:var(--tpc-toast-action-text, #007aff);box-sizing:border-box;font-size:14px;font-weight:400;line-height:var(--tpc-toast-message-line-height, 17px);white-space:nowrap}.tpc-toast-action-go{width:24px;height:24px;padding-right:var(--tpc-toast-top-close-action-inset, 12px);color:#c9cbcc;box-sizing:border-box}.tpc-toast.is-action-close .tpc-toast-action-close,.tpc-toast.is-action-text-button .tpc-toast-action-text,.tpc-toast.is-action-go-to .tpc-toast-action-go{display:inline-flex}.tpc-toast-top.no-icon .tpc-toast-leading-icon,.tpc-toast-fixed.no-icon .tpc-toast-status-icon{display:none}.tpc-toast-fixed{display:flex;flex-direction:column;align-items:stretch;gap:var(--tpc-toast-fixed-stack-gap, 8px);width:min(100%,var(--tpc-toast-fixed-max-width, 370px));min-height:var(--tpc-toast-fixed-min-height, 41px);padding:var(--tpc-toast-fixed-padding-vertical, 8px) var(--tpc-toast-fixed-padding-horizontal, 12px);border:0;border-radius:var(--tpc-toast-fixed-radius, 16px);background:var(--tpc-toast-container-fixed-default, #fff);color:var(--tpc-toast-text-primary, #1d2529);box-sizing:border-box}.tpc-toast-fixed.is-status-success{background:var(--tpc-toast-container-fixed-success, #0088e31a)}.tpc-toast-fixed.is-status-warning{background:var(--tpc-toast-container-fixed-warning, #ed9e001a)}.tpc-toast-fixed.is-status-danger{background:var(--tpc-toast-container-fixed-danger, #eb2f451a)}.tpc-toast-fixed.is-status-info{background:var(--tpc-toast-container-fixed-info, #0088e31a)}.tpc-toast-fixed-content{display:flex;align-items:flex-start;width:100%;min-width:0}.tpc-toast-status-icon{color:var(--tpc-toast-icon-default, var(--tpc-toast-text-primary, #1d2529))}.tpc-toast-status-icon .tpc-toast-svg{display:none;width:24px;height:24px}.tpc-toast-fixed.is-status-default .tpc-toast-svg-fixed-default,.tpc-toast-fixed.is-status-success .tpc-toast-svg-fixed-success,.tpc-toast-fixed.is-status-warning .tpc-toast-svg-fixed-warning,.tpc-toast-fixed.is-status-danger .tpc-toast-svg-fixed-danger,.tpc-toast-fixed.is-status-info .tpc-toast-svg-fixed-info{display:block}.tpc-toast-fixed.is-status-success .tpc-toast-status-icon{color:var(--tpc-toast-icon-success, #0088e3)}.tpc-toast-fixed.is-status-warning .tpc-toast-status-icon{color:var(--tpc-toast-icon-warning, #ed9e00)}.tpc-toast-fixed.is-status-danger .tpc-toast-status-icon{color:var(--tpc-toast-icon-danger, #eb2f45)}.tpc-toast-fixed.is-status-info .tpc-toast-status-icon{color:var(--tpc-toast-icon-info, #0088e3)}.tpc-toast-fixed-copy{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:0;color:var(--tpc-toast-text-primary, #1d2529);box-sizing:border-box}.tpc-toast-fixed.is-action-close .tpc-toast-fixed-copy,.tpc-toast-fixed.is-action-go-to .tpc-toast-fixed-copy{padding-right:var(--tpc-toast-fixed-content-action-gap, 16px)}.tpc-toast-fixed.has-description .tpc-toast-fixed-copy{gap:var(--tpc-toast-fixed-title-description-gap, 2px)}.tpc-toast-fixed .tpc-toast-message{display:flex;align-items:center;min-height:24px;padding:4px 0;box-sizing:border-box}.tpc-toast-fixed.has-description .tpc-toast-message{min-height:auto;padding:0}.tpc-toast-description{display:none;margin-top:0;color:var(--tpc-toast-text-secondary, rgba(29, 37, 41, .5));font-size:var(--tpc-toast-message-font-size, 14px);line-height:var(--tpc-toast-message-line-height, 17px)}.tpc-toast-fixed.has-description .tpc-toast-description{display:block}.tpc-toast-fixed .tpc-toast-action{color:var(--tpc-toast-fixed-trailing-action, var(--tpc-toast-icon-default, var(--tpc-toast-text-primary, #1d2529)));opacity:1}.tpc-toast-fixed .tpc-toast-action-close{width:24px;padding-right:0}.tpc-toast-fixed .tpc-toast-action-go{width:12px;padding-right:0;color:currentColor}.tpc-toast-inline-button{display:none;align-items:center;justify-content:center;width:100%;height:var(--tpc-toast-fixed-inline-button-height, 36px);margin:0;padding:var(--tpc-toast-fixed-inline-button-spacing, 8px) 16px;border-radius:var(--tpc-toast-in-card-button-radius, 10px);background:color-mix(in srgb,var(--tpc-toast-text-primary, #1d2529) 8%,transparent);color:var(--tpc-toast-text-primary, #1d2529);box-sizing:border-box;font-size:var(--tpc-toast-inline-button-font-size, 15px);font-weight:510;line-height:normal;text-align:center}.tpc-toast-fixed.has-button .tpc-toast-inline-button{display:flex}.tpc-toast-fixed.no-icon.has-button .tpc-toast-inline-button{margin-left:0}@keyframes tpc-toast-spin{to{transform:rotate(360deg)}}.sec-layout{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;padding:0;background:transparent;border-radius:14px}.sec-text{flex:1;min-width:0}.sec-text p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.75}.sec-text p:last-child{margin-bottom:0}.sec-text ul{margin:0 0 12px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.75}.sec-text li+li{margin-top:6px}.sec-palette-demo{flex:1 1 280px;display:flex;gap:8px;align-items:stretch;max-width:100%;background:var(--surface-soft);padding:20px;border-radius:12px}.spd-brand{width:56px;min-height:110px;border-radius:10px}.spd-aux{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}.sec-grad-demo{flex:1 1 280px;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;background:var(--surface-soft);padding:20px;border-radius:12px}.sgd-boxes{display:flex;gap:10px}.sgd-box{flex:1;padding:12px;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:4px}.sgd-box span:first-child{font-size:12px;font-weight:700}.sgd-box span:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;opacity:.85}.sgd-strip{display:flex;height:26px;border-radius:8px;overflow:hidden}.sec-text-only{padding:0;background:transparent;border-radius:14px}.sec-text-only p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.75}.sec-text-only ul{margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.75}.sec-text-only li+li{margin-top:6px}.hsb-intro{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;padding:0;background:transparent;border-radius:14px}.hsb-left{flex:1;min-width:0}.hsb-left p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.75}.hsb-left p:last-child{margin-bottom:0}.hsb-right{flex:1 1 320px;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0;max-width:100%;background:var(--surface-soft);padding:24px;border-radius:12px}.hsb-diagram{display:flex;align-items:center;gap:10px;max-width:100%;overflow-x:auto}.hsb-box{width:76px;height:76px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.hsb-side{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted)}.hsb-brand{color:#fff;box-shadow:0 6px 20px #00000026}.hsb-circles{display:flex;gap:8px;align-items:center;max-width:100%;overflow-x:auto}.hsb-dot{width:26px;height:26px;border-radius:50%;box-shadow:0 2px 6px #00000026}.ds-block{width:100%;margin-bottom:4px}.ds-row{display:flex;width:100%;border-radius:8px;overflow:hidden;height:56px}.dss{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;transition:flex .18s;cursor:default}.dss:hover{flex:2.6}.dss.dss-base{box-shadow:inset 0 0 0 3px #0000002e}.dss-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:600;letter-spacing:0;white-space:nowrap;opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s;pointer-events:none;-webkit-user-select:none;user-select:none}.dss:hover .dss-hex{opacity:1;transform:translate(0)}.dss-copy{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid currentColor;border-radius:5px;background:#ffffff1a;color:inherit;cursor:pointer;opacity:0;transform:scale(.75);transition:opacity .15s,transform .15s,background .12s}.dss:hover .dss-copy{opacity:.85;transform:scale(1)}.dss-copy:hover{opacity:1!important;background:#ffffff47}.dss-copy:active{transform:scale(.9)}.dss-check-icon,.dss[data-copied] .dss-copy-icon{display:none}.dss[data-copied] .dss-check-icon{display:flex}.dss[data-copied] .dss-copy{opacity:1!important;background:#ffffff40}.ds-labels{display:flex;width:100%;margin-top:5px}.dsl{flex:1;text-align:center;font-size:10px;color:var(--muted);min-width:0;overflow:hidden;line-height:1.4}.dsl-base{color:var(--text);font-size:11px}.dsl-base strong{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsl-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:400}.dsl-contrast{display:block;font-size:9px;color:#e23434;margin-top:2px;line-height:1.3}@media(max-width:1280px){:root{--sidebar-w: 220px;--toc-w: 168px;--content-gap: 24px;--article-main-offset: 0px;--article-anchor-w: 44px;--content-start-offset: 28px}.layout{grid-template-columns:minmax(0,var(--sidebar-w)) minmax(0,1fr)}.content-slot{grid-template-columns:minmax(0,1fr) minmax(0,var(--content-main-w)) var(--content-gap) minmax(148px,var(--toc-w)) minmax(0,1fr);max-width:none;padding-right:24px;padding-left:24px}.toc{display:block}.doc-body{width:100%;margin-left:0}}@media(max-width:1200px){.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;min-height:276px}.hero-copy{padding:48px 56px}.hero-visual{min-height:0;border-top:1px solid var(--hairline);border-left:0;border-radius:0}}@media(max-width:820px){:root{--topbar-h: 60px;--sidebar-w: 0px;--article-main-offset: 0px;--content-slot-bottom-pad: 72px;--content-start-offset: 24px;--tabs-inline-start: 24px}.topbar{flex-wrap:nowrap;height:var(--topbar-h);padding:0 16px;gap:8px}.mobile-menu-button{display:inline-flex;flex:0 0 32px}.product-nav{display:none}.top-actions{flex:1 1 auto;margin-left:auto;min-width:0;justify-content:flex-end}.pill-tool{width:32px;padding:0;gap:0;font-size:0}.search{width:auto;min-width:132px;max-width:240px;flex:0 1 240px}.mobile-menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:block;background:#0f12186b;opacity:0;pointer-events:none;transition:opacity .18s ease}.mobile-menu-scrim.is-open{opacity:1;pointer-events:auto}.mobile-menu-drawer{--mobile-drawer-x: 32px;--mobile-nav-icon-w: 40px;position:fixed;top:0;left:0;z-index:61;display:flex;flex-direction:column;width:min(336px,calc(100vw - 48px));height:100dvh;padding:24px 0 32px;border-right:1px solid var(--line);background:var(--surface);box-shadow:24px 0 48px #0f172a29;overflow-y:auto;transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}.mobile-menu-drawer.is-open{transform:translate(0);visibility:visible}.mobile-drawer-header{display:flex;align-items:center;gap:12px;margin:0 0 34px;padding:0 var(--mobile-drawer-x)}.mobile-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.mobile-drawer-close:hover{background:var(--active);color:var(--text)}.mobile-drawer-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-size:18px;font-weight:680}.mobile-brand-selector{display:grid;grid-template-columns:var(--mobile-nav-icon-w) minmax(0,1fr) auto;align-items:center;gap:16px;width:auto;min-height:80px;padding:0 18px;margin:0 var(--mobile-drawer-x) 40px;border:0;border-radius:28px;background:color-mix(in srgb,var(--brand-soft) 76%,var(--surface-soft));color:var(--text);cursor:pointer;text-align:left}.mobile-brand-selector span:first-child{display:none;min-width:0;color:var(--muted);font-size:14px}.mobile-brand-selector strong{font-size:26px;font-weight:680}.mobile-brand-selector:hover{background:var(--active)}.mobile-nav-tree{display:grid;gap:10px;padding:0 var(--mobile-drawer-x)}.mobile-nav-parent,.mobile-nav-direct{position:relative;display:flex;align-items:center;width:100%;min-height:56px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-size:18px;font-weight:560}.mobile-nav-parent{gap:16px}.mobile-nav-parent>svg:first-child,.mobile-nav-direct>svg:first-child{width:var(--mobile-nav-icon-w);flex:0 0 var(--mobile-nav-icon-w)}.mobile-nav-parent span,.mobile-nav-direct span{min-width:0;flex:1}.mobile-nav-parent>svg:last-child{transition:transform .16s ease}.mobile-nav-parent[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.mobile-nav-direct{gap:16px}.mobile-nav-parent:hover,.mobile-nav-direct:hover{background:var(--surface-soft);color:var(--text)}.mobile-nav-parent.is-current,.mobile-nav-direct.is-current{background:transparent;color:var(--primary-deep);font-weight:680}.mobile-nav-parent.is-current:before,.mobile-nav-direct.is-current:before{content:"";position:absolute;left:-14px;top:14px;bottom:14px;width:3px;border-radius:999px;background:var(--primary)}.mobile-nav-parent.is-current:hover,.mobile-nav-direct.is-current:hover{background:color-mix(in srgb,var(--primary) 9%,transparent)}.mobile-nav-children{display:grid;gap:28px;padding:10px 0 18px;border-left:0;margin-left:0}.mobile-nav-group{display:grid;gap:18px}.mobile-nav-group h3{margin:0;color:var(--muted);font-size:22px;font-weight:680}.mobile-nav-group>div{display:grid;gap:14px}.mobile-nav-group a{display:flex;align-items:center;gap:16px;min-height:62px;padding:0;border-radius:0;color:var(--text);font-size:25px;font-weight:560}.mobile-nav-group a svg{width:var(--mobile-nav-icon-w);flex:0 0 var(--mobile-nav-icon-w)}.mobile-nav-group a:hover{background:transparent;color:var(--text)}.mobile-nav-group a.is-current{background:transparent;color:var(--text);font-weight:680}.mobile-nav-group a.is-current svg{color:var(--primary)}.layout>.sidebar{display:none}.layout{grid-template-columns:minmax(0,1fr)}.content-slot{grid-template-areas:"hero" "content";grid-template-columns:minmax(0,1fr);padding:16px 24px var(--content-slot-bottom-pad)}.toc{display:none}.content{padding:0}.hero{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:0;min-height:276px;margin-right:0}.hero-copy{padding:32px 24px}h1{font-size:42px;line-height:50px}.doc-body h2{font-size:34px;line-height:44px}.hero-visual{min-height:0;border-top:1px solid var(--hairline);border-left:0;border-radius:0}.doc-body{padding-left:24px;padding-right:24px}.doc-region{grid-template-columns:minmax(0,1fr);max-width:none}.doc-anchor{display:none}}.tp-toast{position:fixed;top:calc(var(--topbar-h) + 12px);left:50%;transform:translate(-50%) translateY(-12px);z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 24px #0000001f;font-size:14px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.tp-toast.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.tp-toast-check{width:20px;height:20px;border-radius:50%;background:#00b42a;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.tp-toast-token{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-soft);padding:2px 6px;border-radius:4px;font-size:14px}.tp-toast-close{background:transparent;border:0;cursor:pointer;color:var(--muted);padding:4px;display:inline-flex;align-items:center;justify-content:center}.tp-toast-close:hover{color:var(--text)}.token-inspector{position:fixed;z-index:9998;width:min(340px,calc(100vw - 24px));max-height:min(420px,calc(100vh - 24px));overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 18px 48px #1d25292e;font-size:12px}.ti-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ti-kind{color:var(--muted);font-size:11px;margin-bottom:4px}.ti-head h4{margin:0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.ti-swatch{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.08);flex:0 0 auto}.ti-value{display:inline-flex;margin-top:10px;padding:4px 6px;border-radius:5px;background:var(--surface-soft);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.ti-section{margin-top:12px}.ti-section-title{margin-bottom:6px;color:var(--muted);font-size:11px}.ti-row,.ti-branch summary{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);line-height:1.45;cursor:default}.ti-row span,.ti-branch summary span{min-width:0;overflow-wrap:anywhere}.ti-row small,.ti-branch summary small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-align:right;flex:0 0 auto}.ti-branch summary{cursor:pointer}.ti-branch ul{margin:0;padding:2px 0 8px 14px;color:var(--muted)}.ti-branch li{margin:4px 0;overflow-wrap:anywhere}.ti-empty{margin-top:12px;padding:10px;border-radius:6px;background:var(--surface-soft);color:var(--muted)}[data-token-ref],.bs-cell[data-token],.tt-val code{cursor:help}.bs-wrap{margin-top:8px}.bs-radio{display:none}.bs-tabs{display:flex;gap:22px;margin-bottom:14px}.bs-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 0;font-size:14px;color:var(--muted);cursor:pointer}.bs-tab:before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid var(--muted);display:inline-block}.bs-wrap .bs-radio:nth-of-type(1):checked~.bs-tabs .bs-tab-l,.bs-wrap .bs-radio:nth-of-type(2):checked~.bs-tabs .bs-tab-d{color:var(--text);font-weight:600}.bs-wrap .bs-radio:nth-of-type(1):checked~.bs-tabs .bs-tab-l:before,.bs-wrap .bs-radio:nth-of-type(2):checked~.bs-tabs .bs-tab-d:before{border-color:var(--accent, #1677ff);background:radial-gradient(circle,var(--accent, #1677ff) 0 4px,transparent 5px)}.bs-toolbar{display:flex;justify-content:flex-start;margin-bottom:14px}.bs-fmt{display:inline-flex;background:var(--surface-soft);border-radius:8px;padding:3px;gap:2px}.bs-fmt-btn{background:transparent;border:0;padding:5px 14px;font-size:12px;font-weight:500;color:var(--muted);border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit}.bs-fmt-btn:hover{color:var(--text)}.bs-fmt-btn.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000f}.bs-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.bs-col{position:relative;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;flex:0 0 160px;min-width:160px;max-width:160px}.bs-col-dark{background:#1d2529}.bs-col-dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #1d2529;pointer-events:none}.bs-cell{position:relative;padding:10px 12px;min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;cursor:pointer;line-height:1.3;transition:filter .15s ease}.bs-cell .bs-name{white-space:nowrap}.bs-cell .bs-aaa{font-size:11px;font-weight:500;opacity:.85;align-self:flex-end;white-space:nowrap}.bs-cell:hover{filter:brightness(1.06)}.bs-cell:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:5px 9px;background:#1d2529eb;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:5}.bs-wrap[data-format=rgba] .bs-cell:hover:before{content:attr(data-rgba);opacity:1}.bs-wrap[data-format=hex] .bs-cell:hover:before{content:attr(data-hex);opacity:1}.bs-cell.is-copied:before{opacity:0!important}.bs-cell.is-copied:after{content:"Copied";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:12px;font-weight:600;border-radius:inherit;pointer-events:none;animation:bsCopy 1.4s ease forwards}@keyframes bsCopy{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@media(max-width:560px){:root{--content-start-offset: 16px}.layout{grid-template-columns:minmax(0,1fr)}}.dt-visual{margin:0;width:100%;padding:24px;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:16px;background:color-mix(in srgb,var(--brand) 7%,var(--surface-soft))}.dt-visual figcaption{display:flex;flex-direction:column;gap:6px;margin:0 0 22px}.dt-visual figcaption strong{color:var(--text);font-size:22px;line-height:28px}.dt-visual figcaption span{max-width:720px;color:color-mix(in srgb,var(--text) 66%,var(--muted));font-size:14px;line-height:21px}.dt-spread-diagram{position:relative;min-height:420px;border-radius:18px;background:color-mix(in srgb,var(--surface) 66%,var(--brand) 4%);overflow:hidden}.dt-spread-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.dt-spread-lines path{fill:none;stroke:color-mix(in srgb,var(--text) 76%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;marker-end:url(#dt-spread-arrow)}.dt-spread-lines marker path{fill:color-mix(in srgb,var(--text) 76%,transparent);stroke:none}.dt-node{position:absolute;left:var(--x);top:var(--y);z-index:2;display:flex;flex-direction:column;gap:8px;align-items:center;transform:translate(-50%,-50%)}.dt-node b{color:var(--text);font-size:15px;font-weight:500;line-height:20px}.dt-token-pill{display:inline-flex;gap:8px;align-items:center;max-width:240px;min-height:38px;padding:7px 14px 7px 8px;border-radius:999px;background:#292f32;color:#fff;box-shadow:0 10px 24px #1d252929}.dt-token-pill i{flex:0 0 auto;width:24px;height:24px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff6b}.dt-token-pill code{padding:0!important;background:transparent!important;color:#fff!important;font-size:12px;font-weight:800;line-height:16px;white-space:nowrap}.dt-branch{position:absolute;z-index:1;display:block;border-color:color-mix(in srgb,var(--text) 64%,transparent);pointer-events:none}.dt-branch:after{position:absolute;width:9px;height:9px;border-right:2px solid color-mix(in srgb,var(--text) 64%,transparent);border-bottom:2px solid color-mix(in srgb,var(--text) 64%,transparent);content:""}.dt-branch-root-left{left:34%;top:30%;width:16%;height:13%;border-top:2px solid;border-left:2px solid}.dt-branch-root-right{left:50%;top:30%;width:16%;height:13%;border-top:2px solid;border-right:2px solid}.dt-branch-root-left:after,.dt-branch-root-right:after{bottom:-1px;transform:rotate(45deg)}.dt-branch-root-left:after{left:-6px}.dt-branch-root-right:after{right:-6px}.dt-branch-area-left-a{left:22%;top:58%;width:12%;height:16%;border-top:2px solid;border-left:2px solid}.dt-branch-area-left-b{left:34%;top:58%;width:12%;height:16%;border-top:2px solid;border-right:2px solid}.dt-branch-area-right{left:66%;top:58%;width:12%;height:16%;border-left:2px solid;border-bottom:2px solid}.dt-branch-area-left-a:after,.dt-branch-area-left-b:after,.dt-branch-area-right:after{bottom:-1px;transform:rotate(45deg)}.dt-branch-area-left-a:after{left:-6px}.dt-branch-area-left-b:after,.dt-branch-area-right:after{right:-6px}.dt-type-diagram{display:grid;grid-template-columns:minmax(120px,.46fr) minmax(320px,1fr);align-items:center;max-width:760px;min-height:500px;margin:0 auto;padding:30px 16px}.dt-type-row{display:contents}.dt-type-row>span{justify-self:end;padding-right:24px;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:15px;font-weight:700;line-height:20px}.dt-type-row .dt-token-pill{justify-self:start}.dt-value-swatch{display:inline-flex;gap:12px;align-items:center;justify-self:start}.dt-value-swatch i{flex:0 0 auto;width:44px;height:24px;border-radius:6px;box-shadow:inset 0 0 0 1px #1d252914}.dt-value-swatch b{color:var(--text);font-size:14px;line-height:20px}.dt-type-arrow,.dt-dotted-line{grid-column:2;justify-self:start;width:2px;height:42px;margin-left:20px;background:color-mix(in srgb,var(--text) 42%,transparent)}.dt-type-arrow{position:relative}.dt-type-arrow:before{position:absolute;top:-1px;left:50%;width:8px;height:8px;border-top:2px solid color-mix(in srgb,var(--text) 42%,transparent);border-left:2px solid color-mix(in srgb,var(--text) 42%,transparent);content:"";transform:translate(-50%) rotate(45deg)}.dt-dotted-line{height:34px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--text) 42%,transparent) 0,color-mix(in srgb,var(--text) 42%,transparent) 3px,transparent 3px,transparent 7px)}.dt-button-demo{grid-column:2;justify-self:start;display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:color-mix(in srgb,var(--brand) 16%,#fff);box-shadow:0 14px 26px #1d25292e}.dt-button-demo span{width:28px;height:28px;background:#0088e3;clip-path:polygon(14% 66%,62% 18%,82% 38%,34% 86%,10% 90%)}html[data-theme=dark] .dt-visual{background:color-mix(in srgb,var(--brand) 13%,var(--surface-soft))}html[data-theme=dark] .dt-spread-diagram{background:color-mix(in srgb,var(--surface) 78%,#000)}@media(max-width:860px){.dt-spread-diagram{min-height:auto;padding:18px}.dt-node{position:static;margin:0 auto;transform:none}.dt-node+.dt-node{margin-top:16px}.dt-branch{display:none}.dt-type-diagram{grid-template-columns:1fr;justify-items:center;min-height:0;padding:18px 0}.dt-type-row>span,.dt-type-row .dt-token-pill,.dt-type-arrow,.dt-dotted-line,.dt-button-demo,.dt-value-swatch{grid-column:1;justify-self:center;margin-left:0;padding-right:0}.dt-type-row>span{margin-bottom:8px}}@media(max-width:640px){.dt-visual{padding:18px;border-radius:12px}.dt-visual figcaption strong{font-size:19px;line-height:25px}.dt-token-pill code{max-width:190px;overflow:hidden;text-overflow:ellipsis}}.corner-radius-legend{display:grid;gap:28px;margin:20px 0 0;color:var(--text)}.corner-radius-copy{display:grid;gap:12px;max-width:820px}.corner-radius-copy h3{margin:0;color:var(--text);font-size:32px;font-weight:600;line-height:1.2}.corner-radius-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.6}.corner-radius-stage{display:grid;gap:36px;min-width:0;padding:56px clamp(36px,8vw,104px);border:1px solid var(--border);border-radius:8px;background:#f5f7fa}.corner-radius-demo-row{display:grid;grid-template-columns:minmax(220px,360px) minmax(220px,1fr);align-items:center;gap:0;width:min(760px,100%);margin:0 auto}.corner-radius-demo-shape{position:relative;width:min(360px,100%);height:96px;border-radius:var(--corner-radius-value);background:#eef2f6;border:1px solid #d5dce3}.corner-radius-demo-corner{position:absolute;right:0;bottom:0;width:78px;height:48px;border-right:5px solid #6b7280;border-bottom:5px solid #6b7280;border-bottom-right-radius:var(--corner-radius-value)}.corner-radius-demo-label{display:grid;grid-template-columns:minmax(72px,128px) auto;align-items:center;gap:20px;min-width:0;color:#1d2529;font-size:16px;line-height:1.3}.corner-radius-demo-label span{display:block;height:1px;background:#9aa3ad}.corner-radius-demo-label p{display:flex;align-items:baseline;gap:10px;margin:0;min-width:0}.corner-radius-demo-label strong{font-weight:500;white-space:nowrap}.corner-radius-demo-label em{color:#6b7280;font-style:normal;font-weight:500;white-space:nowrap}@media(max-width:820px){.corner-radius-stage{padding:36px 24px}.corner-radius-demo-row{grid-template-columns:minmax(0,1fr);gap:18px}.corner-radius-demo-label{grid-template-columns:72px auto}}@media(max-width:560px){.corner-radius-copy h3{font-size:26px}.corner-radius-demo-shape{height:76px}.corner-radius-demo-label{grid-template-columns:44px minmax(0,1fr)}}.spacing-legend{margin:20px 0 32px;min-width:0}.spacing-legend-copy,.spacing-legend-note{max-width:760px;color:var(--text);font-size:16px;line-height:1.7}.spacing-legend-copy{margin:0 0 22px}.spacing-legend-note{margin:22px 0 0;color:var(--muted)}.spacing-scale{position:relative;width:min(760px,100%);min-height:278px;padding:34px 42px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 72%,#fff);overflow:hidden}.spacing-scale-track{position:absolute;top:0;right:86px;bottom:0;left:86px}.spacing-scale-line,.spacing-scale-fill,.spacing-scale-tick,.spacing-scale-label{position:absolute}.spacing-scale-line{top:142px;left:0;right:0;height:1px;background:color-mix(in srgb,var(--text) 54%,transparent)}.spacing-scale-fill{top:80px;left:0;right:0;height:62px}.spacing-scale-segment{position:absolute;left:var(--spacing-segment-left);right:calc(100% - var(--spacing-segment-right));bottom:0;height:62px;border-left:1px solid color-mix(in srgb,var(--text) 42%,transparent);border-right:1px solid color-mix(in srgb,var(--text) 42%,transparent);background:color-mix(in srgb,var(--text) calc(var(--spacing-segment-alpha) * 18%),transparent)}.spacing-scale-tick{top:72px;left:var(--spacing-position);right:auto;width:1px;height:70px;background:color-mix(in srgb,var(--text) 54%,transparent);transform:translate(-.5px)}.spacing-scale-tick strong{position:absolute;left:50%;bottom:calc(100% + 8px);color:var(--text);font-size:18px;font-weight:500;line-height:1;transform:translate(-50%);white-space:nowrap}.spacing-scale-label{top:142px;left:var(--spacing-position);right:auto;display:grid;justify-items:center;width:190px;transform:translate(-50%)}.spacing-scale-label.is-edge-start{justify-items:start;transform:none}.spacing-scale-label.is-edge-end{justify-items:end;transform:translate(-100%)}.spacing-scale-label span{width:1px;height:var(--spacing-label-offset);background:color-mix(in srgb,var(--text) 54%,transparent)}.spacing-scale-label strong{margin-top:8px;color:var(--text);font-size:16px;font-weight:500;line-height:1.2;white-space:nowrap}.spacing-scale-label em{margin-top:4px;color:var(--muted);font-size:13px;font-style:normal;line-height:1.2}@media(max-width:720px){.spacing-scale{min-width:720px}}.tt-wrap{overflow-x:auto;margin-top:16px;font-size:13px;color:var(--text)}.tt-radio{display:none}.fc-swatch-panel{display:flex;flex-direction:column;gap:18px;margin:20px 0 8px}.fc-swatch-group{display:flex;flex-direction:column;gap:12px}.fc-swatch-dark{display:none}.fc-mode-wrap:has(.tt-mode-d:checked) .fc-swatch-light{display:none}.fc-mode-wrap:has(.tt-mode-d:checked) .fc-swatch-dark{display:flex}.fc-swatch-heading{font-size:14px;font-weight:700;color:var(--text)}.fc-swatch-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:24px;width:100%}.fc-swatch-row>div{width:100%!important;min-width:0!important;max-width:200px!important}.fc-text-preview-panel{margin-top:28px}.fc-text-preview-row{display:grid;grid-template-columns:repeat(5,140px);gap:22px;max-width:920px}.fc-text-preview-item{display:flex;min-width:0;flex-direction:column;gap:8px}.fc-text-preview-card{display:flex;align-items:center;justify-content:center;width:140px;height:140px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 62%,transparent);background-color:#fff;background-image:linear-gradient(45deg,#e2e2e2 25%,transparent 25%),linear-gradient(-45deg,#e2e2e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e2e2 75%),linear-gradient(-45deg,transparent 75%,#e2e2e2 75%);background-position:0 0,0 16px,16px -16px,-16px 0;background-size:32px 32px}.fc-swatch-dark .fc-text-preview-card{border-color:#ffffff14;background-color:#000;background-image:linear-gradient(45deg,#1f1f1f 25%,transparent 25%),linear-gradient(-45deg,#1f1f1f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1f1f1f 75%),linear-gradient(-45deg,transparent 75%,#1f1f1f 75%)}.fc-text-preview-card span{font-size:112px;font-weight:800;line-height:1}.fc-text-preview-label{color:var(--text);font-size:18px;font-weight:700;line-height:24px}.fc-text-preview-value{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:20px}.fc-bg-preview-panel{margin-top:28px}.fc-bg-preview{display:grid;grid-template-columns:minmax(260px,1fr) minmax(250px,.82fr);align-items:center;width:min(760px,100%);min-height:300px;padding:34px 42px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 72%,#fff);overflow:hidden}.fc-bg-preview-dark{border-color:#ffffff14;background:#202020}.fc-bg-stack{position:relative;width:260px;height:220px;justify-self:center}.fc-bg-diamond{position:absolute;left:50%;width:210px;height:84px;background:#1d252938;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%)}.fc-bg-diamond:before{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--layer-color);clip-path:inherit;content:""}.fc-bg-preview-dark .fc-bg-diamond{background:#ffffff3d}.fc-bg-layer-2{top:8px;z-index:3}.fc-bg-layer-1{top:74px;z-index:2}.fc-bg-layer-base{top:140px;z-index:1}.fc-bg-labels{display:grid;gap:45px;color:color-mix(in srgb,var(--text) 62%,var(--muted))}.fc-bg-preview-dark .fc-bg-labels{color:#ffffffa8}.fc-bg-label{display:flex;align-items:center;gap:16px;font-size:16px;font-style:italic;line-height:22px}.fc-bg-label:before{display:block;width:72px;height:1px;background:currentColor;opacity:.52;content:""}.tt-tabs{display:flex;gap:24px;min-width:720px;border-bottom:1px solid var(--line);padding:0 4px}.tt-tab{padding:10px 2px;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease}.tt-tab:hover{color:var(--text)}.tt-wrap .tt-mode-l:checked~.tt-tabs .tt-tab-l,.tt-wrap .tt-mode-d:checked~.tt-tabs .tt-tab-d{color:var(--text);font-weight:600;border-bottom-color:var(--text)}.tt-table{display:flex;flex-direction:column;min-width:720px}.md-table-wrap{margin-top:0}.md-table{width:100%;min-width:560px}.md-table .tt-row{grid-template-columns:var(--md-table-columns)}.md-table .tt-row:last-child{border-bottom:0}.tt-body-l,.tt-body-d{display:none}.tt-wrap .tt-mode-l:checked~.tt-table .tt-body-l{display:block}.tt-wrap .tt-mode-d:checked~.tt-table .tt-body-d{display:block}.tt-page-chunk,.tt-foot-range{display:none}.tt-row{display:grid;grid-template-columns:2fr 1.4fr 2fr;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line)}.tt-head{font-size:13px;color:var(--muted);font-weight:500;padding:12px 4px}.tt-cell{padding:0 8px;min-width:0}.tt-var{display:flex;align-items:center;gap:12px;min-width:0}.tt-sw{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.08);flex-shrink:0;display:inline-block;cursor:pointer}.tt-sw.cp-swatch:after{content:none}.tt-var-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.tt-val{display:flex;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--text);overflow-wrap:anywhere}.tt-val span:last-child{min-width:0;overflow-wrap:anywhere}.tt-use{color:var(--text);overflow-wrap:anywhere}.tt-foot{display:flex;justify-content:space-between;align-items:center;min-width:720px;padding:16px 4px 4px;font-size:12px;color:var(--muted)}.tt-page{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;cursor:pointer}.tt-pagination{display:flex;gap:6px}.tt-empty{margin:16px 0 0;color:var(--muted);font-size:13px}@media(max-width:860px){.fc-text-preview-row{grid-template-columns:repeat(auto-fit,140px)}.fc-bg-preview{grid-template-columns:1fr;gap:18px;padding:24px}.fc-bg-labels{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}@media(max-width:560px){:root{--topbar-h: 60px;--tabs-inline-start: 16px}.brand{flex:0 0 auto}.brand strong{font-size:14px}.top-actions{flex:1 1 auto;margin-left:auto;justify-content:flex-end}.search{width:32px;min-width:32px;max-width:32px;flex:0 0 32px;justify-content:center;padding:0;border-color:transparent;background:transparent}.search:hover{background:var(--active);color:var(--text)}.search:focus-within{border-color:transparent;background:transparent}.search input{display:none}.hero-copy{padding:28px 24px}h1{font-size:40px;line-height:48px}.doc-body h2{font-size:30px;line-height:38px}.article-tabs{justify-content:flex-start;overflow-x:auto}.doc-body{padding-left:16px;padding-right:16px}.preview-box{padding:0}.content-slot{padding-right:16px;padding-left:16px}.sec-palette-demo,.sec-grad-demo,.hsb-right{flex-basis:100%;padding:14px}.hsb-box{flex:0 0 64px;width:64px;height:64px}.tt-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);row-gap:8px}.tt-use{grid-column:1 / -1}}@media(max-width:420px){.search{flex:0 0 32px;width:32px;min-width:32px;padding:0;justify-content:center}.search input{display:none}}.component-anatomy{display:grid;gap:16px;min-width:0;container-type:inline-size}.ca-artboard-scroll{overflow-x:auto;overflow-y:hidden;border-radius:8px}.ca-artboard{position:relative;width:100%;min-width:760px;height:470px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:8px;background:radial-gradient(circle at center,color-mix(in srgb,var(--muted) 22%,transparent) 1px,transparent 1.35px) 0 0 / 16px 16px,linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 86%,#fff),var(--surface))}.ca-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.ca-lines line{stroke:color-mix(in srgb,var(--text) 72%,transparent);stroke-dasharray:3 3;stroke-linecap:round;stroke-width:1.2}.ca-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;padding:54px 56px}.toast-anatomy-stack{display:grid;justify-items:center;gap:18px;width:min(560px,100%)}.toast-anatomy-stack .tpc-toast{box-shadow:0 10px 28px #1d25291a}.toast-anatomy-stack .tpc-toast-fixed.has-description .tpc-toast-description{max-width:252px}.toast-anatomy-stack .tpc-toast-fixed.has-button{padding-bottom:12px}.toast-anatomy-stack .tpc-toast-inline-button{justify-content:center;min-height:36px;margin-top:12px;border-radius:999px;background:color-mix(in srgb,#fff 88%,transparent);color:var(--text)}.ca-marker{position:absolute;top:var(--ca-marker-y);left:var(--ca-marker-x);z-index:3;display:grid;width:30px;height:30px;border-radius:50%;background:var(--text);color:var(--surface);font-size:14px;font-weight:800;line-height:1;place-items:center;transform:translate(-50%,-50%)}.ca-table-wrap{overflow-x:auto;overflow-y:hidden}.ca-table{min-width:560px}.ca-table .tt-row{grid-template-columns:72px minmax(180px,.8fr) minmax(320px,1.6fr)}.ca-number-cell{justify-content:center}.ca-table-number{display:grid;width:28px;height:28px;border-radius:50%;background:var(--text);color:var(--surface);font-size:13px;font-weight:800;place-items:center}.ca-part-cell,.ca-hook-cell{color:var(--primary-deep);font-size:13px;font-weight:700}.ca-name-cell{color:var(--muted);font-weight:400}@container (max-width: 720px){.ca-artboard{min-width:680px;height:430px}.ca-preview{padding-inline:44px}.toast-anatomy-stack{width:520px;transform:scale(.92)}}.component-measurement{display:grid;gap:16px;min-width:0;container-type:inline-size}.cm-artboard-scroll{overflow-x:auto;overflow-y:hidden;border-radius:8px}.cm-artboard{position:relative;width:var(--cm-artboard-w);min-width:var(--cm-artboard-min-w);height:var(--cm-artboard-h);overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:8px;background:radial-gradient(circle at center,color-mix(in srgb,var(--muted) 20%,transparent) 1px,transparent 1.35px) 0 0 / 16px 16px,linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 88%,#fff),var(--surface))}.cm-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cm-annotations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.cm-guide,.cm-dim-line{fill:none;stroke:#e33616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.cm-guide{stroke-dasharray:5 4;opacity:.7}.cm-measure-block{fill:#e33616;opacity:.56}.cm-measure-outline{fill:transparent;stroke:#e33616;stroke-dasharray:2 2;stroke-linejoin:round;stroke-width:1.2}.cm-badge text{fill:var(--text);font-size:16px;font-weight:700;letter-spacing:0;paint-order:stroke;stroke:color-mix(in srgb,var(--surface) 92%,transparent);stroke-linejoin:round;stroke-width:5px}.toast-measurement-preview{position:absolute;top:0;right:0;bottom:0;left:0}.toast-measurement-sample{position:absolute;top:var(--tm-y);left:var(--tm-x);width:var(--tm-w);transform:scale(var(--tm-scale));transform-origin:top left}.toast-measurement-sample .tpc-toast{box-shadow:0 12px 32px #1d25291f}.cm-table-wrap{overflow-x:auto;overflow-y:hidden}.cm-table{min-width:420px}.cm-table .tt-row{grid-template-columns:minmax(260px,1fr) minmax(108px,.35fr)}.cm-token-cell{color:var(--muted);font-size:13px;font-weight:400}.cm-value-cell{color:var(--text);font-weight:800}.cv-empty,.cv-playground{border-radius:16px;background:var(--surface);color:var(--text);container-type:inline-size;overflow:hidden}.cv-empty{padding:16px;color:var(--muted)}.cv-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:12px;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface))}.cv-canvas,.cv-panel{min-width:0;border-radius:16px;background:var(--surface)}.cv-canvas{display:grid;grid-template-rows:auto minmax(220px,1fr)}.cv-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}html[data-render-source=spec-markdown] .doc-body .cv-playground .cv-canvas-head h4{margin:0;color:var(--text);font-size:16px;font-weight:400;line-height:24px}.cv-stage{position:relative;display:grid;place-items:center;min-height:260px;padding:28px;overflow:visible}.cv-measure-toggle{z-index:5;flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);box-shadow:0 4px 12px #0f172a14;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.cv-measure-toggle:hover,.cv-measure-toggle[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.cv-stage.is-measuring{cursor:default}.cv-measure-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.cv-measure-layer[hidden]{display:none}.cv-token-highlight-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.cv-token-highlight-layer[hidden]{display:none}.cv-measure-svg,.cv-token-highlight-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cv-measure-line,.cv-measure-cap,.cv-measure-parent{fill:none;stroke:#e33616;stroke-width:1;vector-effect:non-scaling-stroke}.cv-measure-parent{stroke-dasharray:4 4;opacity:.45}.cv-measure-value{fill:#e33616;stroke:var(--surface);stroke-width:2px;paint-order:stroke;font-size:11px;font-weight:600;letter-spacing:0;dominant-baseline:middle}.cv-token-highlight-rect{fill:color-mix(in srgb,var(--primary) 10%,transparent);stroke:var(--primary);stroke-width:1;vector-effect:non-scaling-stroke}.cv-token-highlight-corner{fill:none;stroke:#e33616;stroke-width:1.2;vector-effect:non-scaling-stroke}.cv-token-highlight-label{fill:#e33616;stroke:var(--surface);stroke-width:1.5px;paint-order:stroke;font-size:11px;font-weight:600;letter-spacing:0;dominant-baseline:middle}.cv-measure-box{position:absolute;border:1px solid var(--primary);border-radius:3px;box-sizing:border-box}.cv-measure-hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-style:dashed;opacity:.9}.cv-measure-selected{background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent)}.cv-measure-panel{position:absolute;z-index:2;min-width:208px;max-width:min(280px,calc(100% - 16px));padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 82%,var(--primary));border-radius:8px;background:color-mix(in srgb,var(--surface) 98%,transparent);color:var(--text);box-shadow:0 12px 28px #0f172a1f}.cv-measure-panel-title{margin-bottom:8px;color:var(--text);font-size:13px;font-weight:700;line-height:16px}.cv-measure-panel dl{display:grid;gap:4px;margin:0}.cv-measure-panel-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:baseline}.cv-measure-panel dt,.cv-measure-panel dd{margin:0;font-size:11px;line-height:15px}.cv-measure-panel dt{color:var(--muted)}.cv-measure-panel dd{min-width:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--mono-font, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)}.cv-panel{display:grid;align-content:start}.cv-panel-head{padding:18px 20px;border-bottom:1px solid var(--line)}html[data-render-source=spec-markdown] .doc-body .cv-playground .cv-panel-head h5{margin:0;color:var(--text);font-size:16px;font-weight:400;line-height:24px}.cv-controls{display:grid;gap:16px;margin:0;padding:20px}.cv-control{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin:0;padding:0;border:0}.cv-control-label{color:var(--muted);font-size:13px;font-weight:400}.cv-control-boolean input{position:absolute;opacity:0;pointer-events:none}.cv-toggle-ui{position:relative;flex:0 0 auto;width:36px;height:20px;border-radius:999px;background:var(--surface-soft);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.cv-toggle-ui span{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a2e;transition:transform .16s ease}.cv-control-boolean input:checked+.cv-toggle-ui{background:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.cv-control-boolean input:checked+.cv-toggle-ui span{transform:translate(16px)}.cv-control-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:132px;min-height:34px;padding:0 22px 0 10px;border:1px solid var(--line);border-radius:8px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236F7785' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:12px 12px;color:var(--text);font-size:12px;font-weight:400}.cv-control-select select option{font-weight:400}.cv-switch-canvas{display:grid;place-items:center;width:100%;min-height:260px;border-radius:8px;background:var(--surface)}.cv-toast-canvas,.cv-action-sheet-canvas,.cv-alert-canvas,.cv-element-canvas,.cv-header-canvas,.cv-input-canvas,.cv-list-canvas,.cv-keyboard-canvas,.cv-menu-canvas,.cv-page-controller-canvas,.cv-picker-canvas,.cv-pop-up-canvas,.cv-prompt-canvas,.cv-search-bar-canvas,.cv-segment-canvas,.cv-slider-canvas,.cv-subtitle-canvas,.cv-tab-bar-canvas,.cv-text-canvas,.cv-button-canvas{display:grid;place-items:center;width:100%;min-height:260px;border-radius:8px;background:var(--cv-toast-preview-bg, #f5f7fa)}.cv-action-sheet-canvas,.cv-alert-canvas{height:360px;overflow:hidden}.cv-action-sheet-canvas .tpc-action-sheet-stage,.cv-alert-canvas .tpc-alert-stage{transform:scale(.42);transform-origin:center}.cv-header-canvas{align-items:start;min-height:300px;padding-block:24px}.cv-input-canvas,.cv-element-canvas,.cv-page-controller-canvas,.cv-search-bar-canvas,.cv-segment-canvas,.cv-slider-canvas{min-height:220px}.cv-subtitle-canvas{min-height:200px}.cv-text-canvas,.cv-picker-canvas,.cv-tab-bar-canvas,.cv-prompt-canvas{min-height:240px}.cv-keyboard-canvas{min-height:360px;overflow:hidden}.cv-pop-up-canvas{min-height:560px;overflow:hidden}.cv-menu-canvas .menu-preview-canvas{display:grid;place-items:center}.cv-toast-canvas.is-dark-preview{background:var(--cv-toast-preview-bg-dark, #000)}.cv-switch-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:center;justify-items:center;gap:28px;width:100%}.cv-switch-sample{display:grid;place-items:center;min-height:140px;min-width:0}.cv-switch-sample-annotated{min-height:150px}.cv-switch-preview{position:relative;width:50px;height:30px;padding:0;border:0;border-radius:15px;background:var(--cv-switch-track-off, #f5f7fa);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent);cursor:default;transition:background .16s ease,box-shadow .16s ease,opacity .16s ease}.cv-switch-preview.is-on{background:var(--cv-switch-track-on, #007aff);box-shadow:none}.cv-switch-preview.is-disabled.is-on{background:var(--cv-switch-track-on-disabled, color-mix(in srgb, var(--cv-switch-track-on, #007aff) 40%, transparent))}.cv-switch-preview.is-disabled:not(.is-on){opacity:.55}.cv-switch-thumb{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--cv-switch-thumb, #fff);box-shadow:none;transition:transform .16s ease}.cv-switch-preview.is-on .cv-switch-thumb{transform:translate(20px)}.cv-switch-loading{position:absolute;top:3px;left:13px;width:24px;height:24px;border:2px solid rgba(255,255,255,.36);border-top-color:#d8d8d8;border-radius:50%;opacity:0;animation:cv-spin var(--motion-duration-indicator-spin, .9s) var(--motion-easing-linear, linear) infinite}.cv-switch-preview.is-on .cv-switch-loading{border-color:#ffffff5c;border-top-color:#d8d8d8}.cv-switch-preview.is-loading .cv-switch-loading{opacity:1}.cv-switch-annotated{--cv-switch-left: 42px;--cv-switch-top: 40px;position:relative;width:130px;height:100px}.cv-switch-annotated .cv-switch-preview{position:absolute;top:var(--cv-switch-top);left:var(--cv-switch-left)}.cv-switch-annotations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.cv-switch-annotations marker path{fill:none;stroke:#e33616;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}.cv-switch-guide,.cv-switch-dim-line{fill:none;stroke:#e33616;stroke-width:1;vector-effect:non-scaling-stroke}.cv-switch-guide{stroke-dasharray:5 4}.cv-switch-dim-line{marker-start:url(#cv-switch-arrow-start);marker-end:url(#cv-switch-arrow-end)}.cv-switch-badge{transition:transform .16s ease}.cv-switch-badge rect{fill:#e33616}.cv-switch-badge text{fill:#fff;font-size:12px;font-weight:500;text-anchor:middle;dominant-baseline:middle}.cv-token-usage{margin:8px;padding:8px 20px;border-radius:16px;background:var(--surface)}.cv-token-tabs{display:grid;gap:0}.cv-token-tab-list{display:flex;gap:28px;overflow-x:auto;border-bottom:1px solid var(--line)}.cv-token-tab{position:relative;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap;cursor:pointer}.cv-token-tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:999px;background:transparent;content:""}.cv-token-tab[aria-selected=true]{color:var(--primary)}.cv-token-tab[aria-selected=true]:after{background:var(--primary)}.cv-token-panel[hidden]{display:none}.cv-token-table{overflow-x:auto;overflow-y:hidden;min-width:720px}.cv-token-table .tt-row{grid-template-columns:minmax(220px,1.05fr) minmax(220px,.9fr) minmax(260px,1.2fr)}.cv-token-row[hidden]{display:none}.cv-token-row:not([hidden]){cursor:pointer;transition:background .16s ease}.cv-token-row:not([hidden]):hover,.cv-token-row.is-selected{background:color-mix(in srgb,var(--primary) 7%,transparent)}.cv-token-row.is-selected .tt-var-name{color:var(--text)}.cv-token-value{display:flex;align-items:center;gap:12px}.cv-token-value-stack{display:grid;gap:2px}.cv-token-value-stack small{color:var(--muted);font-size:11px;font-weight:400;line-height:14px}.cv-token-usage-cell{color:var(--muted)}.cv-color-swatch{cursor:default}.cv-generic-canvas{display:grid;gap:18px;justify-items:center}.cv-generic-object{display:grid;place-items:center;min-width:140px;min-height:72px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);font-weight:800}.cv-generic-canvas dl{display:grid;gap:8px;min-width:220px;margin:0}.cv-generic-canvas dl div{display:flex;justify-content:space-between;gap:18px}.cv-generic-canvas dt,.cv-generic-canvas dd{margin:0;font-size:12px}.cv-generic-canvas dt{color:var(--muted)}.cv-generic-canvas dd{color:var(--text);font-weight:800}@keyframes cv-spin{to{transform:rotate(360deg)}}@container (max-width: 760px){.cv-workbench{grid-template-columns:minmax(0,1fr)}.cv-canvas-head{display:grid}}@container (max-width: 520px){.cv-stage{padding-right:14px;padding-left:14px}}.preview-box:has(.icon-library){padding:0;border:0;background:transparent;box-shadow:none}.icon-library{display:flex;flex-direction:column;gap:18px;color:var(--text)}.icon-library-head{display:flex;flex-direction:column;gap:14px}.icon-detail-panel header span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.icon-library-head h3{margin:0;font-size:24px;line-height:1.2}.icon-search-shell{display:flex;width:100%;min-height:44px;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--muted)}.icon-search-shell input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.icon-primary-tabs{display:flex;flex-wrap:wrap;gap:22px;border-bottom:1px solid var(--line)}.icon-primary-tabs button{position:relative;display:inline-flex;min-height:38px;align-items:center;padding:0 0 10px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:700;line-height:1}.icon-primary-tabs button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.icon-primary-tabs button:hover,.icon-primary-tabs button:focus-visible,.icon-primary-tabs button.is-active{color:var(--primary);outline:none}.icon-primary-tabs button.is-active:after{background:var(--primary)}.icon-browser{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.icon-results{min-width:0}.icon-category-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--topbar-h) + var(--article-tabs-h) + 16px)}.icon-category-section[hidden],.icon-card[hidden],.icon-empty-state[hidden]{display:none}.icon-category-section+.icon-category-section{margin-top:34px}.icon-category-section header{display:flex;justify-content:space-between;gap:16px}.icon-category-section h4{margin:0;font-size:17px}.icon-category-section p{margin:6px 0 0;color:var(--muted);font-size:13px}.icon-category-section header>span{color:var(--muted);font-size:12px;white-space:nowrap}.icon-category-groups{display:flex;flex-direction:column;gap:22px}.icon-subgroup-section{display:flex;flex-direction:column;gap:10px}.icon-subgroup-section[hidden]{display:none}.icon-subgroup-section header{align-items:center;padding-top:2px}.icon-subgroup-section h5{margin:0;color:var(--text);font-size:14px;font-weight:700;line-height:1.3}.icon-resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.icon-card{position:relative;display:grid;grid-template-rows:46px auto;min-height:118px;align-content:start;align-items:center;justify-content:center;justify-items:center;gap:10px;padding:12px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:center}.icon-card:hover,.icon-card:focus-visible,.icon-card.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));outline:none}.icon-preview{display:grid;width:46px;height:46px;align-self:center;place-items:center}.icon-preview img{width:30px;height:30px;object-fit:contain}.icon-card-name{display:-webkit-box;max-width:100%;align-self:center;color:var(--text);font-size:13px;font-weight:400;line-height:1.25;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.icon-card-path{display:none}.icon-empty-state{margin:0;padding:36px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}.icon-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:32px;background:#0f12186b}.icon-detail-modal[hidden]{display:none}.icon-detail-panel{display:flex;width:min(520px,100%);max-height:min(760px,calc(100vh - 64px));flex-direction:column;gap:18px;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 70px #0000003d}.icon-detail-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.icon-detail-panel h4{margin:0;font-size:22px;line-height:1.2;overflow-wrap:anywhere}.icon-detail-close{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--text);cursor:pointer}.icon-detail-main{display:grid;gap:14px}.icon-detail-preview{position:relative;display:grid;min-height:172px;place-items:center;border:1px solid var(--line);border-radius:8px;background:linear-gradient(45deg,color-mix(in srgb,var(--muted) 8%,transparent) 25%,transparent 25%) 0 0 / 18px 18px,linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--muted) 8%,transparent) 75%) 0 0 / 18px 18px,var(--bg)}.icon-detail-preview img{width:64px;height:64px;object-fit:contain}.icon-detail-preview button{position:absolute;right:12px;bottom:12px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.icon-detail-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.icon-detail-controls label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:400}.icon-detail-controls input{min-height:38px;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;padding:0 10px}.icon-detail-meta{display:grid;gap:10px;margin:0}.icon-detail-meta div{display:grid;gap:4px}.icon-detail-meta dt{color:var(--muted);font-size:13px;font-weight:400}.icon-detail-meta dd{margin:0;color:var(--text);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.icon-detail-actions{display:grid;gap:8px}.icon-detail-actions button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font:inherit;font-weight:700}.icon-download-primary{background:var(--primary);color:#fff}.icon-download-secondary{background:var(--bg);color:var(--text)}html[data-theme=dark] .icon-preview img,html[data-theme=dark] .icon-detail-preview img{filter:invert(1) brightness(1.25)}@media(max-width:720px){.icon-detail-modal{align-items:flex-end;padding:16px}.icon-detail-panel{width:100%;max-height:calc(100vh - 32px)}.icon-resource-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.icon-card{min-height:108px}.icon-detail-controls{grid-template-columns:1fr}}.typo-table{border:1px solid var(--line);border-radius:12px;overflow-x:auto;overflow-y:hidden;background:var(--surface)}.typo-row{display:grid;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);gap:16px;font-size:13px;color:var(--text)}.typo-row:last-child{border-bottom:none}.typo-head{background:var(--surface-soft);color:var(--muted);font-weight:500;font-size:12px;padding:10px 16px}.typo-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);background:var(--surface-soft);padding:2px 6px;border-radius:4px}.typo-family .typo-row,.typo-weight-table .typo-row{grid-template-columns:1.4fr 1.2fr 2fr;min-width:520px}.typo-size-table .typo-row{grid-template-columns:1.2fr 1.4fr 1fr 1fr 1.6fr 2.2fr;min-width:760px}.typo-weight>div+code,.typo-size>div+code{display:inline-block;margin-top:4px}.typo-style{font-weight:600}.typo-preview{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--tapo-font-family, "SF Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif)}.typo-inline-preview{display:inline-block;margin-left:12px;color:var(--text);font-family:var(--tapo-font-family, "SF Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif)}.font-legend{margin:20px 0 0;color:var(--text)}.font-legend-copy{display:grid;gap:14px;margin-bottom:24px;font-size:15px;line-height:1.6;color:var(--text)}.font-legend-copy strong{font-size:17px;font-weight:700}.font-legend-stage{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:56px;justify-items:center;padding:48px 40px;background:var(--surface-soft);border-radius:8px}.font-legend-item{display:grid;justify-items:center;gap:20px}.font-legend-card{display:grid;grid-template-rows:1fr auto;width:210px;min-height:210px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-family:var(--font-legend-family)}.font-legend-sample{display:grid;place-items:center;min-height:140px;font-size:70px;line-height:1;color:var(--text)}.font-legend-name{display:grid;place-items:center;min-height:64px;border-top:1px solid var(--line);font-size:28px;line-height:1;color:var(--text)}.font-legend-link{font-size:22px;line-height:1.2;color:var(--muted);text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.font-legend-stage{grid-template-columns:1fr;gap:32px;padding:32px 20px}.font-legend-card{width:180px;min-height:180px}.font-legend-sample{min-height:116px;font-size:56px}.font-legend-name{min-height:56px;font-size:22px}.font-legend-link{font-size:18px}}.line-height-legend{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(360px,1.1fr);gap:34px;margin:24px 0 0;padding:24px;border-radius:8px;background:var(--surface-soft);color:var(--text)}.line-height-legend h3{margin:0 0 24px;padding:12px 16px;background:var(--surface);color:var(--brand, #0088e3);font-size:18px;font-weight:700;line-height:1.3;text-align:center}.line-height-default{display:flex;min-width:0;flex-direction:column}.line-height-auto-card{display:inline-flex;align-items:center;gap:18px;width:fit-content;margin:24px 0 20px;padding:26px 42px;border-radius:6px;background:#2f2f2f;color:#fff}.line-height-auto-icon{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;color:#ffffffbf;font-size:36px;line-height:1}.line-height-auto-icon:before,.line-height-auto-icon:after{position:absolute;left:5px;width:38px;height:2px;background:currentColor;content:""}.line-height-auto-icon:before{top:0}.line-height-auto-icon:after{bottom:0}.line-height-auto-card strong{font-size:36px;line-height:1}.line-height-default code{color:var(--brand, #0088e3);font-family:inherit;font-size:24px;line-height:1.35}.line-height-custom{min-width:0;border-left:1px dashed color-mix(in srgb,var(--muted) 60%,transparent);padding-left:34px}.line-height-example-title{margin:18px 0 14px;padding:8px 14px;background:color-mix(in srgb,var(--line) 55%,transparent);color:var(--text);font-size:16px;line-height:1.35}.line-height-title-grid,.line-height-body-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}.line-height-example-block,.line-height-body-block{position:relative;min-width:0;padding:24px 20px 24px 48px;background:#ffffff85}.line-height-example-block strong{display:inline;font-size:24px;font-weight:700;line-height:1.3;white-space:pre-line;background:#ee3dff29}.line-height-example-block small{display:block;width:fit-content;margin-top:34px;font-size:15px;font-weight:700;line-height:1.3;white-space:pre-line;letter-spacing:.08em;background:#ee3dff29}.line-height-example-cn strong{font-size:22px;line-height:1.5}.line-height-example-cn small{font-size:14px;line-height:1.5;letter-spacing:0}.line-height-body-block p,.line-height-body-block pre{width:fit-content;margin:0;color:var(--text);background:#ee3dff24}.line-height-body-block p{font-size:14px;line-height:1.5}.line-height-body-block pre{margin-top:32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap}.line-height-body-block:nth-child(2) p{line-height:1.7}.line-height-body-block:nth-child(2) pre{line-height:1.7}.line-height-ratio{position:absolute;left:12px;top:50%;color:#dd00d8;font-size:14px;font-weight:500;transform:translateY(-50%)}@media(max-width:900px){.line-height-legend{grid-template-columns:1fr}.line-height-custom{border-left:0;border-top:1px dashed color-mix(in srgb,var(--muted) 60%,transparent);padding-left:0;padding-top:24px}}@media(max-width:640px){.line-height-title-grid,.line-height-body-grid{grid-template-columns:1fr}.line-height-auto-card{padding:22px 28px}}.letter-spacing-legend{display:grid;justify-items:center;gap:22px;margin:22px 0 0;padding:56px 24px;border-radius:8px;background:var(--surface-soft);color:var(--text)}.letter-spacing-tool-card{display:inline-flex;align-items:center;gap:12px;padding:22px 34px;border:18px solid #2f2f2f;border-radius:2px;background:#3a3a3a;color:#fff}.letter-spacing-bars{display:inline-block;width:4px;height:42px;background:#ffffffb8}.letter-spacing-a{color:#ffffffb3;font-size:42px;line-height:1}.letter-spacing-tool-card strong{font-size:42px;font-weight:700;line-height:1}.letter-spacing-legend code{color:var(--brand, #0088e3);font-family:inherit;font-size:24px;line-height:1.35}@media(max-width:640px){.letter-spacing-legend{padding:40px 18px}.letter-spacing-tool-card{border-width:12px;padding:18px 24px}.letter-spacing-bars{height:34px}.letter-spacing-a,.letter-spacing-tool-card strong{font-size:34px}.letter-spacing-legend code{font-size:20px}}.landing-page{--lp-page-x: clamp(48px, 4.2vw, 76px);--lp-content-max: 1760px;min-height:100vh;padding-top:var(--topbar-h);background:var(--bg)}.lp-hero{position:relative;display:grid;grid-template-areas:". copy visual .";grid-template-columns:minmax(var(--lp-page-x),1fr) minmax(360px,calc(var(--lp-content-max) * .43)) minmax(520px,calc(var(--lp-content-max) * .57)) minmax(var(--lp-page-x),1fr);align-items:stretch;min-height:min(640px,calc(100vh - var(--topbar-h) - 62px));padding:0;overflow:hidden;border-bottom:0;background:#030303;color:#fff}.lp-hero:before,.lp-hero:after{content:"";position:absolute;pointer-events:none}.lp-hero:before{top:0;right:0;bottom:0;left:0;opacity:.32;background:linear-gradient(90deg,transparent 0 49.95%,rgba(255,255,255,.22) 50%,transparent 50.05%),linear-gradient(180deg,transparent 0 68%,rgba(255,255,255,.22) 68.15%,transparent 68.35%)}.lp-hero:after{content:none}.lp-hero-copy{grid-area:copy;position:relative;z-index:2;display:grid;align-content:space-between;min-height:100%;max-width:none;padding:clamp(38px,5vw,72px) clamp(28px,4vw,60px) clamp(34px,4.4vw,64px) 0;border-right:0}.lp-hero-copy:before{content:"Design system for connected products";max-width:300px;color:#ffffffc7;font-size:15px;font-weight:520;line-height:1.35;text-transform:uppercase}.lp-hero-copy h1{align-self:end;margin:0;color:#fff;font-size:clamp(64px,7.2vw,130px);font-family:var(--font-sans);font-weight:560;line-height:.86;letter-spacing:0;text-transform:uppercase}.lp-hero-copy p{max-width:420px;margin:22px 0 0;color:#ffffffb8;font-size:15px;line-height:24px}.lp-hero-copy p+p{margin-top:3px}.lp-hero-desc span{display:block}.lp-atlas{grid-area:visual;position:relative;display:grid;align-items:center;justify-items:center;min-height:100%;overflow:hidden;border-radius:0;background:#030008;box-shadow:none}.lp-atlas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 42% 38%,rgba(74,207,255,.16),transparent 42%)}.lp-atlas:after{content:none}.lp-atlas img{position:relative;z-index:1;display:block;width:auto;height:100%;max-width:100%;object-fit:contain}.lp-section{padding:30px var(--lp-page-x) 40px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 88%,var(--surface))}.lp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1760px;margin:0 auto 24px}.lp-section h2{margin:0;color:var(--text);font-size:28px;font-family:var(--font-sans);font-weight:680;line-height:34px}.lp-text-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0;border:0;background:transparent;color:#0877e8;cursor:pointer;font-size:14px;font-weight:600}.lp-text-link:hover{color:var(--primary-deep)}.lp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1760px;margin:0 auto}.lp-product-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:318px;padding:22px 20px 0;overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:none;color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lp-product-card:after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--line-color)}.lp-product-card:hover{border-color:color-mix(in srgb,var(--line-color) 45%,var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.lp-product-head{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:start;gap:20px;margin-bottom:24px}.lp-product-mark{display:grid;width:43px;height:43px;place-items:center;border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--line-color) 88%,white),var(--line-color));color:#fff}.lp-product-mark.has-brand-icon{background:transparent}.lp-product-mark img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover}.lp-product-card[data-product-theme=tapo] .lp-product-mark img{border:.5px solid #d6dde8}.lp-product-card strong{display:block;margin:0 0 4px;font-size:18px;line-height:24px}.lp-product-role{display:block;color:#657184;font-size:14px;line-height:23px}.lp-product-preview{position:relative;display:block;height:142px;margin-top:auto;overflow:hidden;border:1px solid var(--hairline);border-bottom:0;border-radius:8px 8px 0 0;background:#fff}.lp-preview-top{display:flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-bottom:1px solid #edf1f6}.lp-preview-top i{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.lp-preview-body{display:grid;grid-template-columns:.84fr 1fr;gap:12px;padding:13px 12px 0}.lp-preview-copy{display:grid;align-content:start;gap:9px}.lp-preview-copy b{display:block;height:9px;border-radius:999px;background:#e8eef5}.lp-preview-copy b:first-child{width:58px;height:18px;background:color-mix(in srgb,var(--line-color) 78%,white)}.lp-preview-copy b:nth-child(2){width:44px}.lp-preview-copy b:nth-child(3){width:64px}.lp-preview-visual{position:relative;min-height:92px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#f7f9fc,#e8edf4)}.lp-preview-visual i{position:absolute;display:block;background:var(--line-color)}.lp-card-arrow{position:absolute;right:14px;bottom:20px;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--hairline);border-radius:8px;background:#fff;color:#152033;box-shadow:0 10px 24px #19283c1a}.lp-preview-deco .lp-preview-visual i:first-child{right:20px;bottom:-20px;width:56px;height:86px;border-radius:28px 28px 18px 18px;background:linear-gradient(180deg,#fff,#dfe7ef);box-shadow:inset 0 0 0 1px #d6dee8}.lp-preview-tether .lp-preview-top{height:48px;background:linear-gradient(135deg,#24c795,#52d5c4);border-bottom:0}.lp-preview-tether .lp-preview-top i{background:#ffffffb8}.lp-preview-tether .lp-preview-body{margin:-6px 0 0;border-radius:10px 10px 0 0;background:#fff}.lp-preview-tapo .lp-preview-visual{background:radial-gradient(circle at 58% 52%,#2b3038 0 14px,#eef2f6 15px 30px,transparent 31px),linear-gradient(135deg,#eef1f5,#cfd8e3)}.lp-preview-omada .lp-preview-visual{background:radial-gradient(circle at 48% 68%,transparent 0 26px,color-mix(in srgb,var(--line-color) 62%,transparent) 27px 32px,transparent 33px),linear-gradient(180deg,#fbfcfe,#edf2f6)}.lp-preview-omada .lp-preview-visual i:first-child,.lp-preview-omada-web .lp-preview-visual i:first-child{right:18px;bottom:28px;width:70px;height:32px;border-radius:999px 999px 0 0;background:transparent;border-top:4px solid var(--line-color)}.lp-preview-deco-web .lp-preview-visual{background:linear-gradient(90deg,transparent 48%,#dce7f1 49% 51%,transparent 52%),linear-gradient(180deg,transparent 52%,#dce7f1 53% 55%,transparent 56%),#f8fbfd}.lp-preview-deco-web .lp-preview-visual i{width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--line-color) 18%,white);border:1px solid color-mix(in srgb,var(--line-color) 38%,white)}.lp-preview-deco-web .lp-preview-visual i:first-child{top:18px;left:22px}.lp-preview-deco-web .lp-preview-visual i:nth-child(2){top:44px;right:24px}.lp-preview-tapo-web .lp-preview-visual{background:linear-gradient(135deg,#fff3,#00000014),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='96' viewBox='0 0 160 96'%3E%3Crect width='160' height='96' fill='%23d8dde4'/%3E%3Cpath d='M0 72 L45 38 L82 58 L128 24 L160 42 L160 96 L0 96 Z' fill='%23aeb8c5'/%3E%3C/svg%3E");background-size:cover}.lp-preview-omada-web .lp-preview-visual{background:conic-gradient(from 12deg,var(--line-color) 0 32%,#e7edf5 32% 45%,#2f83ff 45% 70%,#f2f6fa 70% 100%);border-radius:50%;min-height:86px;max-width:88px;margin-left:auto}.lp-preview-omada-web .lp-preview-visual:after{content:"238";position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#162033;font-size:16px;font-weight:800}.lp-essential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1760px;margin:0 auto}.lp-essential-card{display:grid;grid-template-columns:43px minmax(0,1fr) 20px;align-items:center;gap:20px;min-height:112px;padding:22px;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lp-essential-card:hover{border-color:color-mix(in srgb,var(--line-color) 42%,var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.lp-essential-icon{display:grid;width:43px;height:43px;place-items:center;border:1px solid color-mix(in srgb,var(--line-color) 26%,#dfe5ee);border-radius:8px;background:color-mix(in srgb,var(--line-color) 8%,white);color:var(--line-color)}.lp-essential-card strong,.lp-essential-card small{display:block}.lp-essential-card strong{margin-bottom:8px;font-size:16px;line-height:22px}.lp-essential-card small{color:#657184;font-size:14px;line-height:22px}[data-theme=dark] .landing-page{background:var(--bg)}[data-theme=dark] .lp-hero-copy h1{color:var(--text)}[data-theme=dark] .lp-hero-copy p,[data-theme=dark] .lp-product-role,[data-theme=dark] .lp-essential-card small{color:var(--muted)}[data-theme=dark] .lp-product-card,[data-theme=dark] .lp-essential-card,[data-theme=dark] .lp-atlas-card,[data-theme=dark] .lp-atlas-phone,[data-theme=dark] .lp-atlas-node,[data-theme=dark] .lp-mini-chip{border-color:var(--line);background:var(--surface)}@media(max-width:1500px){.lp-essential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1040px){.lp-hero{grid-template-areas:"copy" "visual";grid-template-columns:minmax(0,1fr);padding:0 40px}.lp-hero-copy{padding:48px 0 28px}.lp-atlas{min-height:260px;margin-top:0}.lp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.lp-hero,.lp-section{padding-right:20px;padding-left:20px}.lp-hero-copy{padding:40px 0}.lp-section-head{display:grid}.lp-product-grid,.lp-essential-grid{grid-template-columns:1fr}.lp-atlas{display:grid;min-height:260px}.lp-essential-card{grid-template-columns:43px minmax(0,1fr) 20px}.lp-essential-icon{width:43px;height:43px}}html[data-render-source=spec-markdown]{--md-space-inline: 16px;--md-space-heading-body: 24px;--md-space-block: 32px;--md-space-section: 48px;--md-space-showcase: 64px;--md-article-end-pad: clamp(16px, 3vw, 48px);--article-main-w: calc(var(--content-main-w) - var(--md-article-end-pad));--article-content-w: calc(var(--article-main-w) - var(--article-anchor-w) - var(--article-region-gap))}html[data-render-source=spec-markdown] .doc-region{padding-bottom:var(--md-space-block)}html[data-render-source=spec-markdown] .doc-region-heading,html[data-render-source=spec-markdown] .doc-region-subheading,html[data-render-source=spec-markdown] .doc-region-minor-heading{padding-bottom:var(--md-space-heading-body)}html[data-render-source=spec-markdown] .doc-region-text{padding-bottom:var(--md-space-inline)}html[data-render-source=spec-markdown] .doc-region-text .doc-region-content{max-width:min(920px,100%)}html[data-render-source=spec-markdown] .doc-region-table,html[data-render-source=spec-markdown] .doc-region-code,html[data-render-source=spec-markdown] .doc-region-quote,html[data-render-source=spec-markdown] .doc-region-callout,html[data-render-source=spec-markdown] .doc-region-image,html[data-render-source=spec-markdown] .doc-region-diagram{padding-bottom:var(--md-space-block)}html[data-render-source=spec-markdown] .doc-region-preview{padding-bottom:var(--md-space-showcase)}html[data-render-source=spec-markdown] .doc-region:has(+.doc-region-heading),html[data-render-source=spec-markdown] .doc-region:has(+.doc-region-subheading),html[data-render-source=spec-markdown] .doc-region:has(+.doc-region-minor-heading){padding-bottom:var(--md-space-section)}html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-table),html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-preview),html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-code),html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-quote),html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-callout),html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-image),html[data-render-source=spec-markdown] .doc-region-text:has(+.doc-region-diagram),html[data-render-source=spec-markdown] .doc-region-table:has(+.doc-region-text),html[data-render-source=spec-markdown] .doc-region-preview:has(+.doc-region-text),html[data-render-source=spec-markdown] .doc-region-subheading:has(+.doc-region-table),html[data-render-source=spec-markdown] .doc-region-subheading:has(+.doc-region-preview),html[data-render-source=spec-markdown] .doc-region-minor-heading:has(+.doc-region-table),html[data-render-source=spec-markdown] .doc-region-minor-heading:has(+.doc-region-preview){padding-bottom:var(--md-space-block)}html[data-render-source=spec-markdown] .doc-region-preview:has(+.doc-region-heading),html[data-render-source=spec-markdown] .doc-region-preview:has(+.doc-region-subheading){padding-bottom:var(--md-space-showcase)}html[data-render-source=spec-markdown] .doc-region-content>p+p,html[data-render-source=spec-markdown] .doc-region-content>p+ul,html[data-render-source=spec-markdown] .doc-region-content>p+ol,html[data-render-source=spec-markdown] .doc-region-content>ul+p,html[data-render-source=spec-markdown] .doc-region-content>ol+p{margin-top:var(--md-space-inline)}html[data-render-source=spec-markdown] .doc-body h2{font-size:24px;line-height:32px}html[data-render-source=spec-markdown] .doc-body h3{font-size:20px;line-height:28px}html[data-render-source=spec-markdown] .doc-body h4,html[data-render-source=spec-markdown] .doc-body h5,html[data-render-source=spec-markdown] .doc-body h6{margin:0;color:var(--text);font-size:16px;font-weight:700;line-height:24px}html[data-render-source=spec-markdown] .doc-body h4[id],html[data-render-source=spec-markdown] .doc-body h5[id],html[data-render-source=spec-markdown] .doc-body h6[id]{scroll-margin-top:var(--anchor-scroll-offset)}html[data-render-source=spec-markdown] .doc-link{display:inline-flex;gap:4px;align-items:center;color:var(--primary-deep);font-weight:700;text-decoration:none;text-underline-offset:3px;vertical-align:baseline}html[data-render-source=spec-markdown] .doc-link:before{content:"";width:12px;height:12px;flex:0 0 12px;background:currentcolor;mask:var(--doc-link-icon) center / contain no-repeat}html[data-render-source=spec-markdown] .doc-external-link{--doc-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M15 21H5a2 2 0 0 1-2-2V9'/%3E%3C/svg%3E")}html[data-render-source=spec-markdown] .doc-internal-link{--doc-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.07 0l2.83-2.83a5 5 0 0 0-7.07-7.07L11.5 4.43'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.07 0L4.1 13.83a5 5 0 0 0 7.07 7.07l1.33-1.33'/%3E%3C/svg%3E")}html[data-render-source=spec-markdown] .doc-link:hover{text-decoration:underline}html[data-render-source=spec-markdown] .doc-body :not(pre)>code{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary-deep);font-family:inherit;padding:1px 5px}html[data-render-source=spec-markdown] .doc-figure{margin:0}html[data-render-source=spec-markdown] .doc-image{display:block;max-width:100%;height:auto;border:1px solid var(--hairline);border-radius:8px;background:var(--surface)}html[data-render-source=spec-markdown] .doc-figure-caption{margin-top:10px;color:var(--muted);font-size:14px;font-weight:500;line-height:22px}html[data-render-source=spec-markdown] .doc-mermaid-frame{overflow:auto;min-height:360px;border:1px solid var(--hairline);border-radius:8px;background-color:color-mix(in srgb,var(--surface) 72%,var(--bg));padding:32px}html[data-render-source=spec-markdown] .doc-mermaid-source{margin:0;white-space:pre-wrap}html[data-render-source=spec-markdown] .doc-mermaid-rendered{display:grid;min-width:max-content;place-items:center}html[data-render-source=spec-markdown] .doc-mermaid-rendered svg{display:block;max-width:none;min-width:720px;height:auto;font-family:var(--font-text)}html[data-render-source=spec-markdown] .doc-mermaid-rendered .node rect,html[data-render-source=spec-markdown] .doc-mermaid-rendered .node .basic,html[data-render-source=spec-markdown] .doc-mermaid-rendered .node polygon,html[data-render-source=spec-markdown] .doc-mermaid-rendered .node circle,html[data-render-source=spec-markdown] .doc-mermaid-rendered .node ellipse{filter:drop-shadow(0 8px 16px rgba(15,23,42,.08));stroke-width:1.5px}html[data-render-source=spec-markdown] .doc-mermaid-rendered .node rect,html[data-render-source=spec-markdown] .doc-mermaid-rendered .node .basic{rx:14px;ry:14px}html[data-render-source=spec-markdown] .doc-mermaid-rendered .edgePath path{stroke-width:2px}html[data-render-source=spec-markdown] .doc-mermaid-rendered .edgeLabel{color:var(--text);font-size:14px;font-weight:600}html[data-render-source=spec-markdown] .doc-mermaid-rendered .edgeLabel rect,html[data-render-source=spec-markdown] .doc-mermaid-rendered .labelBkg{fill:color-mix(in srgb,var(--surface) 72%,var(--bg))!important;stroke:none!important;stroke-width:0;rx:8px;ry:8px}html[data-render-source=spec-markdown] .doc-mermaid-rendered .edgeLabel text{dominant-baseline:middle}html[data-render-source=spec-markdown] .doc-mermaid-frame.is-error{min-height:0;background-image:none}html[data-render-source=spec-markdown] .doc-body mark{border-radius:4px;padding:0 4px;background:#ffeb3b;color:var(--text)}html[data-render-source=spec-markdown] .doc-body del{color:var(--muted)}html[data-render-source=spec-markdown] .doc-list{margin:0;padding-left:23px;color:color-mix(in srgb,var(--text) 74%,var(--muted));font-size:16px;line-height:24px}html[data-render-source=spec-markdown] .doc-list .doc-list{margin-top:12px}html[data-render-source=spec-markdown] .doc-list li+li{margin-top:12px}html[data-render-source=spec-markdown] .doc-task-list{padding-left:0;list-style:none}html[data-render-source=spec-markdown] .doc-task-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}html[data-render-source=spec-markdown] .doc-task-item input{width:16px;height:16px;margin:4px 0 0;accent-color:var(--primary)}html[data-render-source=spec-markdown] .doc-task-content{min-width:0}html[data-render-source=spec-markdown] .doc-task-item.is-checked>.doc-task-content{color:var(--muted);text-decoration:line-through}html[data-render-source=spec-markdown] blockquote,html[data-render-source=spec-markdown] .doc-callout{position:relative;margin:0;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 78%,var(--bg));overflow:hidden;padding:16px 18px 16px 22px}html[data-render-source=spec-markdown] blockquote:before,html[data-render-source=spec-markdown] .doc-callout:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--primary);border-radius:8px 0 0 8px}html[data-render-source=spec-markdown] blockquote p,html[data-render-source=spec-markdown] .doc-callout p{margin:0}html[data-render-source=spec-markdown] blockquote p+p,html[data-render-source=spec-markdown] .doc-callout p+p{margin-top:12px}html[data-render-source=spec-markdown] .doc-callout-title{color:var(--text);font-size:15px;font-weight:500;line-height:22px}html[data-render-source=spec-markdown] .doc-callout-body{margin-top:8px}html[data-render-source=spec-markdown] .doc-callout-tip,html[data-render-source=spec-markdown] .doc-callout-success,html[data-render-source=spec-markdown] .doc-callout-check,html[data-render-source=spec-markdown] .doc-callout-warning,html[data-render-source=spec-markdown] .doc-callout-caution,html[data-render-source=spec-markdown] .doc-callout-danger,html[data-render-source=spec-markdown] .doc-callout-error,html[data-render-source=spec-markdown] .doc-callout-bug,html[data-render-source=spec-markdown] .doc-callout-failure{--doc-callout-line: var(--primary)}html[data-render-source=spec-markdown] .doc-callout:before{background:var(--doc-callout-line, var(--primary))}html[data-render-source=spec-markdown] .doc-region-divider{padding-bottom:var(--md-space-block)}html[data-render-source=spec-markdown] .doc-region-divider hr{margin:0;border:0;border-top:1px solid var(--line)}html[data-render-source=spec-markdown] .doc-code-frame{overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface) 76%,var(--bg))}html[data-render-source=spec-markdown] .doc-code-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:14px 18px 4px}html[data-render-source=spec-markdown] .doc-code-label{color:var(--text);font-size:15px;font-weight:500;line-height:20px}html[data-render-source=spec-markdown] .doc-code-copy{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 4px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;transition:background .16s ease,color .16s ease}html[data-render-source=spec-markdown] .doc-code-copy:hover{background:#0f172a0f}html[data-render-source=spec-markdown] .doc-code-copy-icon{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 auto}html[data-render-source=spec-markdown] .doc-code-copy-icon:before,html[data-render-source=spec-markdown] .doc-code-copy-icon:after{content:"";position:absolute;width:9px;height:11px;border:1.5px solid currentColor;border-radius:4px;background:color-mix(in srgb,var(--surface) 76%,var(--bg))}html[data-render-source=spec-markdown] .doc-code-copy-icon:before{top:1px;left:5px}html[data-render-source=spec-markdown] .doc-code-copy-icon:after{top:4px;left:1px}html[data-render-source=spec-markdown] .doc-code-copy-label,html[data-render-source=spec-markdown] .doc-code-copy-done{align-items:center;min-height:20px;line-height:20px}html[data-render-source=spec-markdown] .doc-code-copy-done{display:none}html[data-render-source=spec-markdown] .doc-code-copy.is-copied{color:var(--primary-deep)}html[data-render-source=spec-markdown] .doc-code-copy.is-copied .doc-code-copy-icon:before{content:"✓";top:0;left:0;width:16px;height:16px;border:0;border-radius:0;background:transparent;color:currentColor;font-size:15px;font-weight:500;line-height:16px;text-align:center}html[data-render-source=spec-markdown] .doc-code-copy.is-copied .doc-code-copy-icon:after{display:none}html[data-render-source=spec-markdown] .doc-code-copy.is-copied .doc-code-copy-label{display:none}html[data-render-source=spec-markdown] .doc-code-copy.is-copied .doc-code-copy-done{display:inline}html[data-render-source=spec-markdown] .doc-code-frame pre{margin:0;overflow-x:auto;padding:4px 18px 18px}html[data-render-source=spec-markdown] .doc-code-frame code{padding:0;border-radius:0;background:transparent;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:400;line-height:24px}html[data-theme=dark][data-render-source=spec-markdown] .doc-code-frame{border-color:#ffffff1a;background:#1f2023}html[data-theme=dark][data-render-source=spec-markdown] .doc-code-label,html[data-theme=dark][data-render-source=spec-markdown] .doc-code-copy,html[data-theme=dark][data-render-source=spec-markdown] .doc-code-frame code{color:#ffffffeb}html[data-theme=dark][data-render-source=spec-markdown] .doc-code-copy:hover{background:#ffffff14}html[data-theme=dark][data-render-source=spec-markdown] .doc-code-copy-icon:before,html[data-theme=dark][data-render-source=spec-markdown] .doc-code-copy-icon:after{background:#1f2023}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-rounded-DwJoZgbj.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.tpc-picker,.tpc-picker-preview-canvas,.tpc-picker-anatomy-canvas{--tpc-picker-container: var(--tapo-color-picker-container-default, var(--tapo-color-general-card, #fff));--tpc-picker-text-primary: var(--tapo-color-picker-option-text-selected, var(--tapo-color-general-default-primary, #1d2529));--tpc-picker-text-near: var(--tapo-color-picker-option-text-near, var(--tapo-color-black-32, rgba(29, 37, 41, .32)));--tpc-picker-text-far: var(--tapo-color-picker-option-text-far, rgba(29, 37, 41, .14));--tpc-picker-selection: var(--tapo-color-picker-selection-indicator, var(--tapo-color-black-6, rgba(29, 37, 41, .06)));--tpc-picker-mask-solid: var(--tapo-color-picker-mask-solid, var(--tapo-color-general-card, #fff));--tpc-picker-mask-soft: var(--tapo-color-picker-mask-soft, rgba(255, 255, 255, .7));--tpc-picker-width-base: var(--tapo-size-picker-container-width-base, 343px);--tpc-picker-width-new: var(--tapo-size-picker-container-width-new, 370px);--tpc-picker-height-single: var(--tapo-size-picker-wheel-height-single, 216px);--tpc-picker-height-multi: var(--tapo-size-picker-wheel-height-multi, 186px);--tpc-picker-selection-height: var(--tapo-size-picker-selection-indicator-height, 40px);--tpc-picker-radius-container: var(--tapo-radius-picker-container, var(--tapo-radius-card, 10px));--tpc-picker-radius-selection: var(--tapo-radius-picker-selection-indicator, 7px);--tpc-picker-radius-selection-multi: var(--tapo-radius-picker-multi-selection-indicator, 6px);--tpc-picker-single-selection-inset-x: var(--tapo-spacing-picker-single-selection-inset-x, 8px);--tpc-picker-padding-x: var(--tapo-spacing-picker-container-padding-x, var(--tapo-spacing-base, 16px));--tpc-picker-padding-y: var(--tapo-spacing-picker-container-padding-y, var(--tapo-spacing-card-tight, 10px));--tpc-picker-column-gap: var(--tapo-spacing-picker-column-gap, var(--tapo-spacing-base-tight, 12px));--tpc-picker-column-padding-x: var(--tapo-spacing-picker-column-padding-x, 6px);--tpc-picker-font-selected: var(--tapo-typography-picker-option-selected-size, 22px);--tpc-picker-font-near: var(--tapo-typography-picker-option-near-size, 20px);--tpc-picker-font-mid: var(--tapo-typography-picker-option-mid-size, 17px);--tpc-picker-font-far: var(--tapo-typography-picker-option-far-size, 14px);--tpc-picker-line-selected: var(--tapo-typography-picker-option-selected-line-height, 28px);box-sizing:border-box;color:var(--tpc-picker-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-picker{position:relative;display:flex;width:var(--tpc-picker-width-new);max-width:100%;height:var(--tpc-picker-height-single);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--tpc-picker-radius-container);background:var(--tpc-picker-container)}.tpc-picker.is-screen-base{width:var(--tpc-picker-width-base)}.tpc-picker.is-multi-column{height:var(--tpc-picker-height-multi);padding:var(--tpc-picker-padding-y) var(--tpc-picker-padding-x)}.tpc-picker-selection{position:absolute;z-index:1;top:50%;right:var(--tpc-picker-padding-x);left:var(--tpc-picker-padding-x);height:var(--tpc-picker-selection-height);border-radius:var(--tpc-picker-radius-selection);background:var(--tpc-picker-selection);transform:translateY(-50%)}.tpc-picker.is-single-column .tpc-picker-selection{right:var(--tpc-picker-single-selection-inset-x);left:var(--tpc-picker-single-selection-inset-x)}.tpc-picker.is-multi-column .tpc-picker-selection{border-radius:var(--tpc-picker-radius-selection-multi)}.tpc-picker-wheel{position:relative;z-index:2;display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:var(--tpc-picker-column-gap)}.tpc-picker-column{position:relative;display:grid;height:100%;min-width:0;flex:0 1 auto;grid-template-rows:repeat(7,1fr);align-items:center;justify-items:center;padding:0 var(--tpc-picker-column-padding-x)}.tpc-picker.is-single-column .tpc-picker-column{width:100%}.tpc-picker-option,.tpc-picker-unit{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:20px;overflow:hidden;color:var(--tpc-picker-text-near);font-size:var(--tpc-picker-font-mid);line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tpc-picker-option[data-picker-distance="1"]{color:var(--tpc-picker-text-near);font-size:var(--tpc-picker-font-near);line-height:24px}.tpc-picker-option[data-picker-distance="2"]{color:var(--tpc-picker-text-near);font-size:var(--tpc-picker-font-mid);opacity:.72}.tpc-picker-option[data-picker-distance="3"]{color:var(--tpc-picker-text-far);font-size:var(--tpc-picker-font-far)}.tpc-picker-option.is-selected,.tpc-picker-unit{color:var(--tpc-picker-text-primary);font-size:var(--tpc-picker-font-selected);line-height:var(--tpc-picker-line-selected);opacity:1}.tpc-picker-unit{position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.tpc-picker-mask{position:absolute;z-index:3;right:0;left:0;height:36%;pointer-events:none}.tpc-picker-mask-top{top:0;background:linear-gradient(180deg,var(--tpc-picker-mask-solid) 4%,var(--tpc-picker-mask-soft) 46%,transparent 100%)}.tpc-picker-mask-bottom{bottom:0;background:linear-gradient(0deg,var(--tpc-picker-mask-solid) 4%,var(--tpc-picker-mask-soft) 46%,transparent 100%)}.tpc-picker-live-value{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tpc-picker-preview-canvas,.tpc-picker-anatomy-canvas{display:flex;min-width:0;align-items:center;justify-content:center;padding:16px}.tpc-pop-up-stage,.tpc-pop-up{--tpc-pop-up-scrim: var(--tapo-color-pop-up-scrim-default, rgb(29 37 41 / 50%));--tpc-pop-up-stage-bg: var(--tapo-color-general-background, #dfe3e6);--tpc-pop-up-container-bg: var(--tapo-color-pop-up-container-default, var(--tapo-color-general-card, #ffffff));--tpc-pop-up-container-bg-dark: var(--tapo-color-pop-up-container-default-dark, var(--tapo-color-general-card-dark, #202426));--tpc-pop-up-title: var(--tapo-color-pop-up-title-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-pop-up-body: var(--tapo-color-pop-up-body-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-pop-up-eyebrow: var(--tapo-color-pop-up-eyebrow-secondary, var(--tapo-color-general-default-secondary, rgb(29 37 41 / 50%)));--tpc-pop-up-close-bg: var(--tapo-color-pop-up-close-container, var(--tapo-color-black-10, rgb(29 37 41 / 10%)));--tpc-pop-up-close-icon: var(--tapo-color-pop-up-close-icon, var(--tapo-color-general-default-secondary, rgb(29 37 41 / 50%)));--tpc-pop-up-primary-bg: var(--tapo-color-pop-up-primary-action-container, var(--tapo-color-general-focus, #007aff));--tpc-pop-up-primary-text: var(--tapo-color-pop-up-primary-action-text, var(--tapo-color-general-white-primary, #ffffff));--tpc-pop-up-page-dot: var(--tapo-color-pop-up-page-control-dot, var(--tapo-color-general-default-disabled, rgb(29 37 41 / 24%)));--tpc-pop-up-page-dot-selected: var(--tapo-color-pop-up-page-control-dot-selected, var(--tapo-color-general-focus, #007aff));--tpc-pop-up-width: var(--tapo-size-pop-up-container-width, 342px);--tpc-pop-up-min-height: var(--tapo-size-pop-up-container-min-height, 370px);--tpc-pop-up-radius: var(--tapo-radius-pop-up-container, 28px);--tpc-pop-up-content-radius: var(--tapo-radius-pop-up-content-container, 24px);--tpc-pop-up-header-height: var(--tapo-size-pop-up-header-height, 50px);--tpc-pop-up-header-padding-x: var(--tapo-spacing-pop-up-header-padding-x, 20px);--tpc-pop-up-header-padding-right: var(--tapo-spacing-pop-up-header-padding-right, 16px);--tpc-pop-up-title-padding-x: var(--tapo-spacing-pop-up-title-padding-x, 20px);--tpc-pop-up-title-padding-top: var(--tapo-spacing-pop-up-title-padding-top, 16px);--tpc-pop-up-title-padding-bottom: var(--tapo-spacing-pop-up-title-padding-bottom, 12px);--tpc-pop-up-body-padding-x: var(--tapo-spacing-pop-up-body-padding-x, 20px);--tpc-pop-up-body-padding-bottom: var(--tapo-spacing-pop-up-body-padding-bottom, 16px);--tpc-pop-up-footer-padding-x: var(--tapo-spacing-pop-up-footer-padding-x, 20px);--tpc-pop-up-footer-button-padding-x: var(--tapo-spacing-pop-up-footer-button-padding-x, 10px);--tpc-pop-up-footer-button-padding-bottom: var(--tapo-spacing-pop-up-footer-button-padding-bottom, 36px);--tpc-pop-up-button-height: var(--tapo-size-pop-up-primary-action-height, 44px);--tpc-pop-up-button-min-width: var(--tapo-size-pop-up-primary-action-min-width, 168px);--tpc-pop-up-button-max-width: var(--tapo-size-pop-up-primary-action-max-width, 315px);--tpc-pop-up-page-footer-height: var(--tapo-size-pop-up-page-control-footer-height, 118px);--tpc-pop-up-page-selected-width: var(--tapo-size-pop-up-page-control-selected-width, 32px);--tpc-pop-up-page-dot-size: var(--tapo-size-pop-up-page-control-dot, 8px);--tpc-pop-up-page-next-size: var(--tapo-size-pop-up-page-control-next, 48px);--tpc-pop-up-page-control-gap: var(--tapo-spacing-pop-up-page-control-gap, 8px);--tpc-pop-up-page-control-padding-x: var(--tapo-spacing-pop-up-page-control-padding-x, 12px);--tpc-pop-up-page-next-radius: var(--tapo-radius-pop-up-page-control-next, 50%);--tpc-pop-up-page-dot-radius: var(--tapo-radius-pop-up-page-control-dot, 100px);--tpc-pop-up-bottom-safe-area: var(--tapo-spacing-pop-up-bottom-safe-area, 36px);--tpc-pop-up-title-size: var(--tapo-typography-pop-up-title-size, 20px);--tpc-pop-up-body-size: var(--tapo-typography-pop-up-body-size, 16px);--tpc-pop-up-eyebrow-size: var(--tapo-typography-pop-up-eyebrow-size, 15px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-pop-up-stage{position:relative;display:grid;min-height:520px;place-items:center;overflow:hidden;background:var(--tpc-pop-up-stage-bg)}.tpc-pop-up-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tpc-pop-up-scrim)}.tpc-pop-up{position:relative;display:flex;width:min(100%,var(--tpc-pop-up-width));min-height:var(--tpc-pop-up-min-height);flex-direction:column;overflow:hidden;border-radius:var(--tpc-pop-up-radius);color:var(--tpc-pop-up-title);box-shadow:var(--tapo-shadow-pop-up-container, 0 18px 44px rgb(0 0 0 / 18%));box-sizing:border-box}.tpc-pop-up-stage.is-mode-dark .tpc-pop-up{--tpc-pop-up-container-bg: var(--tpc-pop-up-container-bg-dark)}.tpc-pop-up-content{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;border-radius:var(--tpc-pop-up-content-radius) var(--tpc-pop-up-content-radius) 0 0;background:var(--tpc-pop-up-container-bg)}.tpc-pop-up-header{display:flex;align-items:center;min-height:var(--tpc-pop-up-header-height);padding:18px var(--tpc-pop-up-header-padding-right) 0 var(--tpc-pop-up-header-padding-x);box-sizing:border-box;gap:var(--tapo-spacing-pop-up-header-gap, 8px)}.tpc-pop-up-leading-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;color:var(--tpc-pop-up-eyebrow)}.tpc-pop-up-eyebrow{min-width:0;flex:1 1 auto;overflow:hidden;color:var(--tpc-pop-up-eyebrow);font-size:var(--tpc-pop-up-eyebrow-size);font-weight:510;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.tpc-pop-up.is-header-subtitle .tpc-pop-up-header{justify-content:center;padding-left:52px}.tpc-pop-up.is-header-subtitle .tpc-pop-up-eyebrow{text-align:center;color:var(--tpc-pop-up-title);font-size:18px;font-weight:590}.tpc-pop-up.is-header-none .tpc-pop-up-header{justify-content:flex-end}.tpc-pop-up-close{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--tpc-pop-up-close-icon);cursor:pointer}.tpc-pop-up-close .tpc-pop-up-svg{display:block;width:28px;height:28px;padding:5px;border-radius:50%;background:var(--tpc-pop-up-close-bg);box-sizing:border-box}.tpc-pop-up-copy{display:flex;flex-direction:column;gap:var(--tapo-spacing-pop-up-title-body-gap, 8px);padding:var(--tpc-pop-up-title-padding-top) var(--tpc-pop-up-title-padding-x) var(--tpc-pop-up-title-padding-bottom)}.tpc-pop-up-title{margin:0;color:var(--tpc-pop-up-title);font-size:var(--tpc-pop-up-title-size);font-weight:590;line-height:normal}.tpc-pop-up-body{margin:0;color:var(--tpc-pop-up-body);font-size:var(--tpc-pop-up-body-size);font-weight:400;line-height:normal}.tpc-pop-up-illustration{height:var(--tapo-size-pop-up-illustration-height, 180px);margin:0 16px 16px;border-radius:var(--tapo-radius-pop-up-illustration-container, var(--tapo-radius-card, 16px));background:var(--tapo-color-pop-up-illustration-placeholder, var(--tapo-color-black-10, rgb(29 37 41 / 10%)))}.tpc-pop-up-footer{display:flex;flex:0 0 auto;align-items:center;background:var(--tpc-pop-up-container-bg);box-sizing:border-box}.tpc-pop-up.is-action-button .tpc-pop-up-footer{justify-content:center;min-height:94px;padding:10px var(--tpc-pop-up-footer-button-padding-x) var(--tpc-pop-up-footer-button-padding-bottom)}.tpc-pop-up-primary{display:grid;width:min(100%,var(--tpc-pop-up-button-max-width));min-width:var(--tpc-pop-up-button-min-width);min-height:var(--tpc-pop-up-button-height);place-items:center;border:0;border-radius:var(--tapo-radius-button, 24px);background:var(--tpc-pop-up-primary-bg);color:var(--tpc-pop-up-primary-text);font:inherit;font-size:17px;font-weight:510;line-height:normal}.tpc-pop-up.is-action-page-control .tpc-pop-up-footer{justify-content:space-between;min-height:var(--tpc-pop-up-page-footer-height);padding:20px var(--tpc-pop-up-footer-padding-x) 50px}.tpc-pop-up-page-control{display:flex;align-items:center;gap:var(--tpc-pop-up-page-control-gap);padding:8px var(--tpc-pop-up-page-control-padding-x)}.tpc-pop-up-page-control span{display:block;width:var(--tpc-pop-up-page-dot-size);height:var(--tpc-pop-up-page-dot-size);border-radius:var(--tpc-pop-up-page-dot-radius);background:var(--tpc-pop-up-page-dot)}.tpc-pop-up-page-control .is-selected{width:var(--tpc-pop-up-page-selected-width);background:var(--tpc-pop-up-page-dot-selected)}.tpc-pop-up-next{display:grid;width:var(--tpc-pop-up-page-next-size);height:var(--tpc-pop-up-page-next-size);place-items:center;border:0;border-radius:var(--tpc-pop-up-page-next-radius);background:var(--tpc-pop-up-primary-bg);color:var(--tpc-pop-up-primary-text)}.tpc-pop-up-svg{display:block}.tpc-pop-up-preview-canvas{display:grid;min-height:560px;place-items:center;padding:32px;background:var(--tapo-color-general-background, #dfe3e6);box-sizing:border-box}.tpc-pop-up-preview-canvas .tpc-pop-up-stage{width:402px;min-height:560px}.tpc-pop-up-anatomy-stack{display:grid;width:min(100%,460px);gap:24px;padding:24px;background:var(--tapo-color-general-background, #dfe3e6);box-sizing:border-box}.tpc-prompt{--tpc-prompt-container-background: var(--tapo-color-prompt-container-default, var(--tapo-color-black-80, rgba(29, 37, 41, .8)));--tpc-prompt-text-color: var(--tapo-color-prompt-text-inverse, var(--tapo-color-general-white-primary, #fff));--tpc-prompt-radius: var(--tapo-radius-prompt-container, var(--tapo-radius-card, 16px));--tpc-prompt-arrow-corner-radius: var(--tapo-radius-prompt-arrow-corner, 12px);--tpc-prompt-padding: var(--tapo-spacing-prompt-container-padding, 12px);--tpc-prompt-arrow-inset: var(--tapo-spacing-prompt-arrow-inset, 12px);--tpc-prompt-arrow-width: var(--tapo-size-prompt-arrow-width, 16px);--tpc-prompt-arrow-height: var(--tapo-size-prompt-arrow-height, 8px);--tpc-prompt-side-arrow-width: var(--tapo-size-prompt-side-arrow-width, 8px);--tpc-prompt-side-arrow-height: var(--tapo-size-prompt-side-arrow-height, 16px);--tpc-prompt-fixed-width: var(--tapo-size-prompt-fixed-width, 159px);--tpc-prompt-side-fixed-width: var(--tapo-size-prompt-side-fixed-width, 167px);--tpc-prompt-max-width: var(--tapo-size-prompt-container-max-width, 326px);--tpc-prompt-shadow: var(--tapo-shadow-prompt-container, 0 0 5px rgba(0, 0, 0, .15));position:relative;display:inline-flex;color:var(--tpc-prompt-text-color);filter:drop-shadow(var(--tpc-prompt-shadow));font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-prompt.is-arrow-bottom-left,.tpc-prompt.is-arrow-bottom-right{flex-direction:column}.tpc-prompt.is-arrow-top-left,.tpc-prompt.is-arrow-top-right{flex-direction:column-reverse}.tpc-prompt.is-arrow-left{flex-direction:row;align-items:center}.tpc-prompt.is-arrow-right{flex-direction:row-reverse;align-items:center}.tpc-prompt.is-context-fixed{width:var(--tpc-prompt-fixed-width)}.tpc-prompt.is-context-fixed.is-arrow-left,.tpc-prompt.is-context-fixed.is-arrow-right{width:var(--tpc-prompt-side-fixed-width)}.tpc-prompt-content{display:flex;align-items:flex-end;max-width:var(--tpc-prompt-max-width);padding:var(--tpc-prompt-padding);border-radius:var(--tpc-prompt-radius);background:var(--tpc-prompt-container-background);box-sizing:border-box}.tpc-prompt.is-context-fixed .tpc-prompt-content{width:100%}.tpc-prompt-message{min-width:0;color:var(--tpc-prompt-text-color);font-size:var(--tapo-typography-prompt-message-size, 14px);font-weight:400;line-height:var(--tapo-typography-prompt-message-line-height, 18px);word-break:break-word}.tpc-prompt.is-context-adaptive .tpc-prompt-message{white-space:nowrap}.tpc-prompt-arrow{display:block;width:0;height:0;color:var(--tpc-prompt-container-background)}.tpc-prompt.is-arrow-bottom-left .tpc-prompt-content{border-bottom-left-radius:var(--tpc-prompt-arrow-corner-radius)}.tpc-prompt.is-arrow-bottom-right .tpc-prompt-content{border-bottom-right-radius:var(--tpc-prompt-arrow-corner-radius)}.tpc-prompt.is-arrow-top-left .tpc-prompt-content{border-top-left-radius:var(--tpc-prompt-arrow-corner-radius)}.tpc-prompt.is-arrow-top-right .tpc-prompt-content{border-top-right-radius:var(--tpc-prompt-arrow-corner-radius)}.tpc-prompt.is-arrow-bottom-left .tpc-prompt-arrow,.tpc-prompt.is-arrow-bottom-right .tpc-prompt-arrow{border-left:calc(var(--tpc-prompt-arrow-width) / 2) solid transparent;border-right:calc(var(--tpc-prompt-arrow-width) / 2) solid transparent;border-top:var(--tpc-prompt-arrow-height) solid currentColor}.tpc-prompt.is-arrow-top-left .tpc-prompt-arrow,.tpc-prompt.is-arrow-top-right .tpc-prompt-arrow{border-left:calc(var(--tpc-prompt-arrow-width) / 2) solid transparent;border-right:calc(var(--tpc-prompt-arrow-width) / 2) solid transparent;border-bottom:var(--tpc-prompt-arrow-height) solid currentColor}.tpc-prompt.is-arrow-bottom-left .tpc-prompt-arrow,.tpc-prompt.is-arrow-top-left .tpc-prompt-arrow{margin-left:var(--tpc-prompt-arrow-inset)}.tpc-prompt.is-arrow-bottom-right .tpc-prompt-arrow,.tpc-prompt.is-arrow-top-right .tpc-prompt-arrow{margin-left:auto;margin-right:var(--tpc-prompt-arrow-inset)}.tpc-prompt.is-arrow-left .tpc-prompt-arrow{border-top:calc(var(--tpc-prompt-side-arrow-height) / 2) solid transparent;border-bottom:calc(var(--tpc-prompt-side-arrow-height) / 2) solid transparent;border-right:var(--tpc-prompt-side-arrow-width) solid currentColor}.tpc-prompt.is-arrow-right .tpc-prompt-arrow{border-top:calc(var(--tpc-prompt-side-arrow-height) / 2) solid transparent;border-bottom:calc(var(--tpc-prompt-side-arrow-height) / 2) solid transparent;border-left:var(--tpc-prompt-side-arrow-width) solid currentColor}.tpc-prompt-preview-canvas,.tpc-prompt-anatomy-stack{display:grid;gap:12px;place-items:center;padding:24px}.tpc-prompt-anatomy-stack{place-items:start;background:#f4f6f8}.tpc-tab-bar{--tpc-tab-bar-width: var(--tapo-size-tab-bar-container-width-base, 375px);--tpc-tab-bar-height: var(--tapo-size-tab-bar-container-height, 84px);--tpc-tab-bar-content-height: var(--tapo-size-tab-bar-content-height, 42px);--tpc-tab-bar-safe-area-height: var(--tapo-size-tab-bar-safe-area-height, 34px);--tpc-tab-bar-padding-x: var(--tapo-spacing-tab-bar-container-padding-x, 4px);--tpc-tab-bar-content-offset-top: var(--tapo-spacing-tab-bar-content-offset-top, 8px);--tpc-tab-bar-bg: var(--tapo-color-tab-bar-container-background, #f5f7fa);--tpc-tab-bar-divider: var(--tapo-color-tab-bar-divider, #1d25293d);--tpc-tab-bar-selected: var(--tapo-color-tab-bar-item-selected, #1d2529);--tpc-tab-bar-unselected: var(--tapo-color-tab-bar-item-unselected, #1d25293d);--tpc-tab-bar-icon-size: var(--tapo-size-tab-bar-icon, 30px);--tpc-tab-bar-label-size: var(--tapo-typography-tab-bar-label-size, 10px);--tpc-tab-bar-label-line-height: var(--tapo-typography-tab-bar-label-line-height, 12px);--tpc-tab-bar-label-weight: var(--tapo-typography-tab-bar-label-weight, 500);--tpc-tab-bar-touch-target: var(--tapo-size-tab-bar-touch-target-min, 48px);--tpc-tab-bar-badge-bg: var(--tapo-color-tab-bar-badge-background, #eb2f45);--tpc-tab-bar-badge-text: var(--tapo-color-tab-bar-badge-text, #fff);position:relative;display:flex;flex-direction:column;width:min(100%,var(--tpc-tab-bar-width));height:var(--tpc-tab-bar-height);padding:var(--tpc-tab-bar-content-offset-top) var(--tpc-tab-bar-padding-x) 0;background:var(--tpc-tab-bar-bg);color:var(--tpc-tab-bar-unselected);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-tab-bar.is-screen-new{--tpc-tab-bar-width: var(--tapo-size-tab-bar-container-width-new, 402px)}.tpc-tab-bar.is-wide-layout{--tpc-tab-bar-width: 100%;--tpc-tab-bar-height: var(--tapo-size-tab-bar-wide-container-height, 72px);--tpc-tab-bar-content-height: calc(var(--tpc-tab-bar-height) - var(--tapo-spacing-tab-bar-wide-container-padding-y, 8px) * 2);--tpc-tab-bar-safe-area-height: 0px;--tpc-tab-bar-padding-x: var(--tapo-spacing-tab-bar-wide-page-margin-x, 60px);--tpc-tab-bar-content-offset-top: var(--tapo-spacing-tab-bar-wide-container-padding-y, 8px)}.tpc-tab-bar-divider{position:absolute;top:0;right:0;left:0;height:1px;background:var(--tpc-tab-bar-divider)}.tpc-tab-bar-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:0 0 var(--tpc-tab-bar-content-height);height:var(--tpc-tab-bar-content-height)}.tpc-tab-bar[data-tab-count="2"] .tpc-tab-bar-items{grid-template-columns:repeat(2,minmax(0,1fr))}.tpc-tab-bar[data-tab-count="3"] .tpc-tab-bar-items{grid-template-columns:repeat(3,minmax(0,1fr))}.tpc-tab-bar[data-tab-count="4"] .tpc-tab-bar-items{grid-template-columns:repeat(4,minmax(0,1fr))}.tpc-tab-bar[data-tab-count="5"] .tpc-tab-bar-items{grid-template-columns:repeat(5,minmax(0,1fr))}.tpc-tab-bar-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:var(--tpc-tab-bar-touch-target);padding:0;border:0;background:transparent;color:var(--tpc-tab-bar-unselected);cursor:default;font:inherit}.tpc-tab-bar-item.is-selected{color:var(--tpc-tab-bar-selected)}.tpc-tab-bar-icon{position:relative;display:grid;place-items:center;width:var(--tpc-tab-bar-icon-size);height:var(--tpc-tab-bar-icon-size);flex:0 0 var(--tpc-tab-bar-icon-size)}.tpc-tab-bar-svg{display:block;width:24px;height:24px;fill:currentColor}.tpc-tab-bar-label{display:block;width:100%;color:currentColor;font-size:var(--tpc-tab-bar-label-size);font-weight:var(--tpc-tab-bar-label-weight);line-height:var(--tpc-tab-bar-label-line-height);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tpc-tab-bar.no-icon .tpc-tab-bar-icon,.tpc-tab-bar.no-label .tpc-tab-bar-label{display:none}.tpc-tab-bar-badge{position:absolute;top:2px;right:0;display:grid;min-width:8px;height:8px;padding:0;border:1px solid var(--tpc-tab-bar-bg);border-radius:999px;background:var(--tpc-tab-bar-badge-bg);color:var(--tpc-tab-bar-badge-text);box-sizing:border-box;font-size:9px;font-weight:600;line-height:1;place-items:center}.tpc-tab-bar-badge.is-count{min-width:16px;height:16px;padding:0 4px;transform:translate(4px,-4px)}.tpc-tab-bar-safe-area{display:block;flex:0 0 var(--tpc-tab-bar-safe-area-height)}.tpc-tab-bar.is-wide-layout .tpc-tab-bar-items{gap:var(--tapo-spacing-tab-bar-wide-icon-label-gap, 8px)}.tpc-tab-bar.is-wide-layout .tpc-tab-bar-item{flex-direction:row;justify-content:center;gap:var(--tapo-spacing-tab-bar-wide-icon-label-gap, 8px)}.tpc-tab-bar.is-wide-layout .tpc-tab-bar-label{width:auto;max-width:142px;text-align:left}.tpc-tab-bar-preview-canvas{display:grid;min-width:420px;min-height:160px;place-items:center}.tpc-tab-bar-preview-canvas[data-preview-component=tab-bar-responsive] .tpc-tab-bar{max-width:904px}.tab-bar-anatomy-stack{display:grid;place-items:center;padding:24px}.tpc-text{--tpc-text-width-base: var(--tapo-size-text-container-width-base, 375px);--tpc-text-width-new: var(--tapo-size-text-container-width-new, 402px);--tpc-text-width-pad: var(--tapo-size-text-container-max-width-pad, 440px);--tpc-text-padding-x: var(--tapo-spacing-text-container-padding-x, 20px);--tpc-text-paragraph-gap: var(--tapo-spacing-text-paragraph-gap, 8px);--tpc-text-marker-gap: var(--tapo-spacing-text-step-marker-gap, 12px);--tpc-text-step-gap: var(--tapo-spacing-text-step-item-gap, 12px);--tpc-text-primary-color: var(--tapo-color-text-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-text-secondary-color: var(--tapo-color-text-secondary, color-mix(in srgb, var(--tpc-text-primary-color) 50%, transparent));--tpc-text-alert-color: var(--tapo-color-text-alert, var(--tapo-color-general-alert, #eb2f45));--tpc-text-link-color: var(--tapo-color-text-link, var(--tapo-color-general-focus, #0088e3));--tpc-text-primary-size: var(--tapo-typography-text-primary-size, 17px);--tpc-text-secondary-size: var(--tapo-typography-text-secondary-size, 14px);--tpc-text-number-size: var(--tapo-typography-text-number-size, 15px);--tpc-text-line-height: var(--tapo-typography-text-body-line-height, 20px);--tpc-text-weight: var(--tapo-typography-text-weight, 400);--tpc-text-emphasis-weight: var(--tapo-typography-text-note-emphasis-weight, 700);--tpc-text-inline-icon-size: var(--tapo-size-text-inline-icon, 16px);--tpc-text-step-marker-size: var(--tapo-size-text-step-marker, 24px);--tpc-text-step-marker-bg: var(--tapo-color-text-step-marker-container, var(--tapo-color-general-focus, #0088e3));--tpc-text-step-marker-fg: var(--tapo-color-text-step-marker-text, var(--tapo-color-general-white-primary, #fff));--tpc-text-inline-icon-reserve: var(--tapo-spacing-text-inline-icon-reserve, 5ch);display:flex;flex-direction:column;gap:var(--tpc-text-paragraph-gap);box-sizing:border-box;width:min(100%,var(--tpc-text-width-new));padding-inline:var(--tpc-text-padding-x);color:var(--tpc-text-primary-color);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:var(--tpc-text-secondary-size);font-weight:var(--tpc-text-weight);line-height:var(--tpc-text-line-height);letter-spacing:0}.tpc-text.is-screen-base{width:min(100%,var(--tpc-text-width-base))}.tpc-text.is-screen-pad{width:min(100%,var(--tpc-text-width-pad));margin-inline:auto}.tpc-text.is-type-head{gap:var(--tapo-spacing-text-head-title-gap, 16px)}.tpc-text.is-role-primary{font-size:var(--tpc-text-primary-size)}.tpc-text.is-role-secondary-weak,.tpc-text.is-role-note{color:var(--tpc-text-secondary-color)}.tpc-text.is-role-icon{color:var(--tpc-text-alert-color)}.tpc-text.is-role-link,.tpc-text-link{color:var(--tpc-text-link-color)}.tpc-text-copy,.tpc-text-paragraph,.tpc-text-link{display:block;min-width:0}.tpc-text-link{text-decoration:underline;text-underline-offset:2px}.tpc-text.is-interactive-selectable{-webkit-user-select:text;user-select:text}.tpc-text.is-clamped .tpc-text-copy,.tpc-text.is-clamped .tpc-text-link{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--tpc-text-line-clamp, 2)}.tpc-text-emphasis,.tpc-text-number,.tpc-text-bullet,.tpc-text-inline-icon{display:none}.tpc-text.is-role-note .tpc-text-emphasis{display:inline;font-weight:var(--tpc-text-emphasis-weight)}.tpc-text.is-role-number .tpc-text-number{display:inline;font-size:var(--tpc-text-number-size)}.tpc-text.is-role-bullet .tpc-text-bullet{display:inline}.tpc-text.is-role-icon .tpc-text-inline-icon{display:inline-block;width:var(--tpc-text-inline-icon-size);height:var(--tpc-text-inline-icon-size);margin-right:var(--tpc-text-inline-icon-reserve);border-radius:999px;background:currentColor;vertical-align:-3px}.tpc-text-step{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--tpc-text-marker-gap);align-items:start}.tpc-text-step+.tpc-text-step{margin-top:var(--tpc-text-step-gap)}.tpc-text-marker{display:inline-grid;min-width:var(--tpc-text-step-marker-size);height:var(--tpc-text-step-marker-size);place-items:center;border-radius:999px;background:var(--tpc-text-step-marker-bg);color:var(--tpc-text-step-marker-fg);font-size:13px;font-weight:600;line-height:1}.tpc-text.is-marker-text-number .tpc-text-marker,.tpc-text.is-marker-bullet-point .tpc-text-marker,.tpc-text.is-marker-regular-text .tpc-text-marker{min-width:auto;height:auto;border-radius:0;background:transparent;color:currentColor;font-weight:var(--tpc-text-weight)}.tpc-text.is-marker-regular-text{grid-template-columns:1fr}.tpc-text.is-marker-regular-text .tpc-text-marker{display:none}.tpc-action-sheet-stage{--tpc-action-sheet-stage-bg: var(--tapo-color-action-sheet-stage-background, var(--tapo-color-general-background, #f4f6f8));--tpc-action-sheet-screen-base-width: var(--tapo-size-action-sheet-screen-base-width, 375px);--tpc-action-sheet-screen-base-height: var(--tapo-size-action-sheet-screen-base-height, 812px);--tpc-action-sheet-screen-new-width: var(--tapo-size-action-sheet-screen-new-width, 402px);--tpc-action-sheet-screen-new-height: var(--tapo-size-action-sheet-screen-new-height, 874px);--tpc-action-sheet-bottom-safe-area: var(--tapo-spacing-action-sheet-bottom-safe-area, 34px);--tpc-action-sheet-divider-thickness: var(--tapo-size-action-sheet-divider-thickness, .5px);--tpc-action-sheet-android-top: var(--tapo-spacing-action-sheet-android-candidate-top, 230px);--tpc-action-sheet-android-left: var(--tapo-spacing-action-sheet-android-candidate-left, 32px);--tpc-action-sheet-android-header-gap: var(--tapo-spacing-action-sheet-android-header-gap, 16px);--tpc-action-sheet-android-header-padding-x: var(--tapo-spacing-action-sheet-android-header-padding-x, 24px);--tpc-action-sheet-android-header-padding-top: var(--tapo-spacing-action-sheet-android-header-padding-top, 24px);--tpc-action-sheet-android-action-padding: var(--tapo-spacing-action-sheet-android-action-padding, 24px 24px 24px 8px);--tpc-action-sheet-android-action-height: var(--tapo-size-action-sheet-android-action-height, 40px);--tpc-action-sheet-android-action-radius: var(--tapo-radius-action-sheet-android-action, 100px);position:relative;width:var(--tpc-action-sheet-screen-base-width);height:var(--tpc-action-sheet-screen-base-height);overflow:hidden;background:var(--tpc-action-sheet-stage-bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-action-sheet-stage.is-screen-new{width:var(--tpc-action-sheet-screen-new-width);height:var(--tpc-action-sheet-screen-new-height)}.tpc-action-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tpc-action-sheet-scrim, var(--tapo-color-action-sheet-scrim, rgba(0, 0, 0, .4)))}.tpc-action-sheet{position:absolute;right:var(--tpc-action-sheet-screen-inset-x, var(--tapo-spacing-action-sheet-screen-inset-x, 8px));bottom:var(--tpc-action-sheet-bottom-safe-area);left:var(--tpc-action-sheet-screen-inset-x, var(--tapo-spacing-action-sheet-screen-inset-x, 8px));display:flex;flex-direction:column;gap:var(--tpc-action-sheet-group-gap, var(--tapo-spacing-action-sheet-group-gap, 8px))}.tpc-action-sheet-menu,.tpc-action-sheet-cancel{overflow:hidden;border:0;border-radius:var(--tpc-action-sheet-container-radius, var(--tapo-radius-action-sheet-container, 12px));background:var(--tpc-action-sheet-container, var(--tapo-color-action-sheet-container, #fff));color:var(--tpc-action-sheet-action-text, var(--tapo-color-action-sheet-action-text, #007aff))}.tpc-action-sheet-header{display:flex;flex-direction:column;gap:var(--tpc-action-sheet-title-description-gap, var(--tapo-spacing-action-sheet-title-description-gap, 4px));padding:var(--tpc-action-sheet-header-padding-y, var(--tapo-spacing-action-sheet-header-padding-y, 14px)) var(--tpc-action-sheet-header-padding-x, var(--tapo-spacing-action-sheet-header-padding-x, 16px));color:var(--tpc-action-sheet-title, var(--tapo-color-action-sheet-title, rgba(29, 37, 41, .5)));font-size:var(--tpc-action-sheet-header-font-size, var(--tapo-typography-action-sheet-header-size, 13px));line-height:normal;text-align:center;overflow-wrap:anywhere}.tpc-action-sheet-title{color:var(--tpc-action-sheet-title, var(--tapo-color-action-sheet-title, rgba(29, 37, 41, .5)));font-weight:590}.tpc-action-sheet-description{color:var(--tpc-action-sheet-description, var(--tapo-color-action-sheet-description, rgba(29, 37, 41, .5)));font-weight:400}.tpc-action-sheet-actions{display:flex;flex-direction:column}.tpc-action-sheet-action{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--tpc-action-sheet-action-height, var(--tapo-size-action-sheet-action-height, 56px));padding:0 var(--tpc-action-sheet-action-padding-x, 16px);border:0;background:var(--tpc-action-sheet-container, var(--tapo-color-action-sheet-container, #fff));color:var(--tpc-action-sheet-action-text, var(--tapo-color-action-sheet-action-text, #007aff));font:inherit;cursor:pointer}.tpc-action-sheet-action-label,.tpc-action-sheet-cancel{min-width:0;overflow:hidden;font-size:var(--tpc-action-sheet-action-font-size, var(--tapo-typography-action-sheet-action-size, 20px));line-height:20px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tpc-action-sheet-action.is-state-alert{color:var(--tpc-action-sheet-action-alert-text, var(--tapo-color-action-sheet-action-alert-text, #e23434))}.tpc-action-sheet-action.is-state-disabled{color:var(--tpc-action-sheet-action-disabled-text, var(--tapo-color-action-sheet-action-disabled-text, rgba(29, 37, 41, .24)));cursor:not-allowed}.tpc-action-sheet-divider{position:absolute;top:0;right:0;left:0;height:var(--tpc-action-sheet-divider-thickness);background:var(--tpc-action-sheet-divider, var(--tapo-color-action-sheet-divider, #e6e6e6))}.tpc-action-sheet-cancel{display:flex;align-items:center;justify-content:center;min-height:var(--tpc-action-sheet-cancel-height, var(--tapo-size-action-sheet-cancel-height, 57px));padding:0 var(--tpc-action-sheet-cancel-padding-x, 20px);font-weight:510;cursor:pointer}.tpc-action-sheet-android-candidate{position:absolute;top:var(--tpc-action-sheet-android-top);left:var(--tpc-action-sheet-android-left);display:flex;width:var(--tpc-action-sheet-android-candidate-width, var(--tapo-size-action-sheet-android-candidate-width, 312px));flex-direction:column;align-items:flex-end;overflow:hidden;border-radius:var(--tpc-action-sheet-android-candidate-radius, var(--tapo-radius-action-sheet-android-candidate-container, 28px));background:var(--tpc-action-sheet-container, var(--tapo-color-action-sheet-container, #fff));color:var(--tpc-action-sheet-android-text, var(--tapo-color-general-default-primary, #1d2529));font-family:Roboto,-apple-system,BlinkMacSystemFont,Inter,sans-serif}.tpc-action-sheet-android-header{display:flex;width:100%;flex-direction:column;gap:var(--tpc-action-sheet-android-header-gap);box-sizing:border-box;padding:var(--tpc-action-sheet-android-header-padding-top) var(--tpc-action-sheet-android-header-padding-x) 0}.tpc-action-sheet-android-title{font-size:var(--tpc-action-sheet-android-title-font-size, var(--tapo-typography-action-sheet-android-title-size, 24px));line-height:32px}.tpc-action-sheet-android-description{font-size:var(--tpc-action-sheet-android-body-font-size, var(--tapo-typography-action-sheet-android-body-size, 14px));line-height:20px;letter-spacing:.25px}.tpc-action-sheet-android-actions{display:flex;padding:var(--tpc-action-sheet-android-action-padding)}.tpc-action-sheet-android-action{min-height:var(--tpc-action-sheet-android-action-height);padding:10px 12px;border:0;border-radius:var(--tpc-action-sheet-android-action-radius);background:transparent;color:var(--tpc-action-sheet-action-text, var(--tapo-color-action-sheet-action-text, #007aff));font:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.tpc-action-sheet-android-action.is-state-alert{color:var(--tpc-action-sheet-action-alert-text, var(--tapo-color-action-sheet-action-alert-text, #e23434))}.tpc-action-sheet-android-action.is-state-disabled{color:var(--tpc-action-sheet-action-disabled-text, var(--tapo-color-action-sheet-action-disabled-text, rgba(29, 37, 41, .24)))}.tpc-alert-stage{--tpc-alert-scrim: var(--tapo-color-alert-scrim-default, rgb(29 37 41 / 50%));--tpc-alert-container-bg: var(--tapo-color-alert-container-default, var(--tapo-color-general-white-primary, #fff));--tpc-alert-title-color: var(--tapo-color-alert-title-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-alert-message-color: var(--tapo-color-alert-text-secondary, var(--tapo-color-general-default-secondary, #4d5559));--tpc-alert-action-primary: var(--tapo-color-alert-action-primary, var(--tapo-color-general-focus, #0088e3));--tpc-alert-action-destructive: var(--tapo-color-alert-action-destructive, var(--tapo-color-general-alert, #eb2f45));--tpc-alert-action-disabled: var(--tapo-color-alert-action-disabled, rgb(29 37 41 / 24%));--tpc-alert-divider: var(--tapo-color-alert-divider-default, rgb(29 37 41 / 8%));--tpc-alert-ios-width: var(--tapo-size-alert-ios-container-width, 270px);--tpc-alert-android-width: var(--tapo-size-alert-android-container-width, 312px);--tpc-alert-ios-action-height: var(--tapo-size-alert-ios-action-height, 44px);--tpc-alert-android-action-height: var(--tapo-size-alert-android-action-height, 40px);--tpc-alert-ios-padding-x: var(--tapo-spacing-alert-ios-container-padding-x, 24px);--tpc-alert-android-padding-x: var(--tapo-spacing-alert-android-container-padding-x, 24px);--tpc-alert-title-message-gap: var(--tapo-spacing-alert-title-message-gap, 8px);--tpc-alert-content-action-gap: var(--tapo-spacing-alert-content-action-gap, 24px);--tpc-alert-ios-radius: var(--tapo-radius-alert-ios-container, 14px);--tpc-alert-android-radius: var(--tapo-radius-alert-android-container, 28px);--tpc-alert-title-size: var(--tapo-typography-alert-title-size, 17px);--tpc-alert-title-line-height: var(--tapo-typography-alert-title-line-height, 22px);--tpc-alert-message-size: var(--tapo-typography-alert-message-size, 13px);--tpc-alert-message-line-height: var(--tapo-typography-alert-message-line-height, 18px);position:relative;display:grid;place-items:center;width:375px;min-height:812px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-alert-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tpc-alert-scrim)}.tpc-alert{position:relative;display:flex;flex-direction:column;width:var(--tpc-alert-ios-width);overflow:hidden;border-radius:var(--tpc-alert-ios-radius);background:var(--tpc-alert-container-bg);color:var(--tpc-alert-title-color);box-shadow:var(--tapo-shadow-alert-container, 0 12px 32px rgb(0 0 0 / 12%));box-sizing:border-box}.tpc-alert-stage.is-platform-android .tpc-alert{width:var(--tpc-alert-android-width);border-radius:var(--tpc-alert-android-radius)}.tpc-alert-copy{display:flex;flex-direction:column;gap:var(--tpc-alert-title-message-gap);padding:24px var(--tpc-alert-ios-padding-x) 0;text-align:center}.tpc-alert-stage.is-platform-android .tpc-alert-copy{padding-right:var(--tpc-alert-android-padding-x);padding-left:var(--tpc-alert-android-padding-x);text-align:left}.tpc-alert-title{margin:0;color:var(--tpc-alert-title-color);font-size:var(--tpc-alert-title-size);font-weight:600;line-height:var(--tpc-alert-title-line-height)}.tpc-alert-message{margin:0;color:var(--tpc-alert-message-color);font-size:var(--tpc-alert-message-size);font-weight:400;line-height:var(--tpc-alert-message-line-height)}.tpc-alert-content-slot{padding:16px var(--tpc-alert-ios-padding-x) 0}.tpc-alert-stage.is-platform-android .tpc-alert-content-slot{padding-right:var(--tpc-alert-android-padding-x);padding-left:var(--tpc-alert-android-padding-x)}.tpc-alert-input{width:100%;height:48px;border:1px solid var(--tapo-color-alert-input-border-default, rgb(29 37 41 / 10%));border-radius:var(--tapo-radius-alert-input, 8px);background:var(--tapo-color-alert-input-container-default, #f5f7fa);color:var(--tpc-alert-title-color);box-sizing:border-box;padding:0 12px;font:inherit}.tpc-alert-dropdown{overflow:hidden;border-radius:var(--tapo-radius-alert-dropdown, 8px);background:var(--tapo-color-alert-dropdown-container-default, #fff)}.tpc-alert-dropdown-item,.tpc-alert-operation-item{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--tpc-alert-divider);color:var(--tpc-alert-title-color)}.tpc-alert-dropdown-item:last-child{border-bottom:0}.tpc-alert-dropdown-item span:first-child,.tpc-alert-operation-item span{display:flex;flex-direction:column;gap:4px;min-width:0}.tpc-alert-dropdown-item strong,.tpc-alert-operation-item strong{font-size:13px;font-weight:500;line-height:18px}.tpc-alert-dropdown-item small,.tpc-alert-operation-item small{color:var(--tpc-alert-message-color);font-size:12px;line-height:16px}.tpc-alert-dropdown-item[data-selected=true]{color:var(--tpc-alert-action-primary)}.tpc-alert-operation-item{border-bottom:0}.tpc-alert-illustration{display:none;place-items:center;width:100%;height:140px;background:var(--tapo-color-alert-illustration-container-default, #d7ecf8)}.tpc-alert-stage.is-type-illustrated-title-text .tpc-alert-illustration,.tpc-alert-stage.is-type-illustration-text .tpc-alert-illustration{display:grid}.tpc-alert-stage.is-type-illustration-text .tpc-alert-title{display:none}.tpc-alert-illustration-fill{width:56px;height:56px;border-radius:16px;background:var(--tapo-color-alert-illustration-mark-default, var(--tpc-alert-action-primary))}.tpc-alert.is-type-illustration-text .tpc-alert-copy,.tpc-alert-stage.is-type-illustration-text .tpc-alert-copy{padding-top:16px}.tpc-alert-actions{display:flex;margin-top:var(--tpc-alert-content-action-gap);border-top:1px solid var(--tpc-alert-divider)}.tpc-alert-actions.is-layout-vertical{flex-direction:column}.tpc-alert-action{position:relative;display:grid;flex:1 1 0;place-items:center;min-width:0;min-height:var(--tpc-alert-ios-action-height);border:0;background:transparent;color:var(--tpc-alert-action-primary);font:inherit;font-size:17px;line-height:22px;cursor:pointer}.tpc-alert-stage.is-platform-android .tpc-alert-actions{justify-content:flex-end;gap:8px;padding:16px var(--tpc-alert-android-padding-x) 24px;border-top:0}.tpc-alert-stage.is-platform-android .tpc-alert-actions.is-layout-vertical{align-items:stretch}.tpc-alert-stage.is-platform-android .tpc-alert-action{flex:0 0 auto;min-height:var(--tpc-alert-android-action-height);padding:0 12px;font-size:14px;font-weight:600;line-height:20px}.tpc-alert-actions.is-layout-vertical .tpc-alert-action{flex-basis:auto;width:100%;border-bottom:1px solid var(--tpc-alert-divider)}.tpc-alert-actions.is-layout-vertical .tpc-alert-action:last-child{border-bottom:0}.tpc-alert-action.is-tone-secondary{color:var(--tapo-color-alert-action-secondary, var(--tpc-alert-action-primary))}.tpc-alert-action.is-tone-destructive{color:var(--tpc-alert-action-destructive)}.tpc-alert-action:disabled{color:var(--tpc-alert-action-disabled);cursor:not-allowed}.tpc-alert-divider{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--tpc-alert-divider)}.tpc-alert-actions.is-layout-vertical .tpc-alert-divider,.tpc-alert-stage.is-platform-android .tpc-alert-divider{display:none}.tpc-button{--tpc-button-height: var(--tapo-size-button-height, 44px);--tpc-button-padding-x: var(--tapo-spacing-button-padding-x, 20px);--tpc-button-padding-y: var(--tapo-spacing-button-padding-y, 12px);--tpc-button-gap: var(--tapo-spacing-button-icon-label-gap, 8px);--tpc-button-radius: var(--tapo-radius-button-pill, 24px);--tpc-button-bg: var(--tapo-color-button-container-primary, #0088ff);--tpc-button-fg: var(--tapo-color-button-text-primary, #ffffff);--tpc-button-progress-overlay: var(--tapo-color-button-progress-overlay, color-mix(in srgb, var(--tpc-button-fg) 16%, transparent));--tpc-button-progress: 63%;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;min-width:78px;min-height:var(--tpc-button-height);align-items:center;justify-content:center;gap:var(--tpc-button-gap);overflow:hidden;padding:var(--tpc-button-padding-y) var(--tpc-button-padding-x);border:0;border-radius:var(--tpc-button-radius);background:var(--tpc-button-bg);color:var(--tpc-button-fg);cursor:pointer;font:600 var(--tapo-typography-button-label-size, 14px) / var(--tapo-typography-button-label-line-height, 20px) system-ui,sans-serif}.tpc-button.is-secondary,.tpc-button.is-in-card{--tpc-button-bg: var(--tapo-color-button-container-secondary, #e5f4ff);--tpc-button-fg: var(--tapo-color-button-text-secondary, #0088ff)}.tpc-button.is-text{--tpc-button-bg: transparent;--tpc-button-fg: var(--tapo-color-button-text-secondary, #0088ff);min-height:var(--tapo-size-button-text-height, 34px);padding-block:var(--tapo-spacing-button-compact-padding-y, 8px)}.tpc-button.is-short,.tpc-button.is-in-card{--tpc-button-height: var(--tapo-size-button-compact-height, 36px);--tpc-button-padding-y: var(--tapo-spacing-button-compact-padding-y, 8px)}.tpc-button.is-in-card{--tpc-button-padding-x: var(--tapo-spacing-button-in-card-padding-x, 16px)}.tpc-button.is-icon{width:var(--tapo-size-button-icon-container, 64px);height:var(--tapo-size-button-icon-container, 64px);min-width:var(--tapo-size-button-icon-container, 64px);min-height:var(--tapo-size-button-icon-container, 64px);padding:0;border-radius:var(--tapo-radius-button-icon-container, 50%)}.tpc-button.is-disabled,.tpc-button:disabled.is-disabled{--tpc-button-bg: var(--tapo-color-button-container-disabled, #dcecf8);--tpc-button-fg: var(--tapo-color-button-text-disabled, #8da3b5);cursor:not-allowed}.tpc-button.is-warning-strong{--tpc-button-bg: var(--tapo-color-button-container-warning-strong, #e53935)}.tpc-button.is-warning-mild{--tpc-button-bg: var(--tapo-color-button-container-warning-mild, #fdeaea);--tpc-button-fg: var(--tapo-color-button-text-warning-mild, #d93025)}.tpc-button-label,.tpc-button-icon,.tpc-button-spinner{position:relative;z-index:1}.tpc-button-icon{display:none;width:var(--tapo-size-button-icon, 20px);height:var(--tapo-size-button-icon, 20px);border-radius:999px;box-shadow:inset 0 0 0 2px currentColor}.tpc-button.has-icon .tpc-button-icon,.tpc-button.is-icon .tpc-button-icon{display:inline-block;width:var(--tapo-size-button-icon-large, 24px);height:var(--tapo-size-button-icon-large, 24px)}.tpc-button-spinner{display:none;width:var(--tapo-size-button-icon, 20px);height:var(--tapo-size-button-icon, 20px);border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:999px}.tpc-button.is-loading .tpc-button-spinner{display:inline-block}.tpc-button-progress-fill{display:none;position:absolute;inset:0 auto 0 0;width:var(--tpc-button-progress);background:var(--tpc-button-progress-overlay)}.tpc-button.is-loading-progress .tpc-button-progress-fill{display:block}.tpc-fixed-button{width:var(--tapo-size-button-fixed-width, 402px);padding:var(--tapo-spacing-button-fixed-padding-top, 20px) var(--tapo-spacing-button-fixed-padding-x, 20px) var(--tapo-spacing-button-fixed-padding-bottom, 8px);border-radius:var(--tapo-radius-button-fixed-top, 24px) var(--tapo-radius-button-fixed-top, 24px) 0 0;background:var(--tapo-color-button-fixed-container, #f5f8fb)}.tpc-fixed-button-stack{display:grid;gap:var(--tapo-spacing-button-fixed-stack-gap, 16px)}.tpc-fixed-button-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--tapo-spacing-button-icon-label-gap, 8px)}.tpc-fixed-button-indicator{display:block;width:var(--tapo-size-button-fixed-indicator-width, 134px);height:var(--tapo-size-button-fixed-indicator-height, 5px);margin:var(--tapo-spacing-button-fixed-safe-area, 28px) auto 0;border-radius:var(--tapo-radius-button-fixed-indicator, 999px);background:var(--tapo-color-button-fixed-indicator, var(--tapo-color-general-default-primary, #000000))}.tpc-button-anatomy-stack{display:grid;width:320px;gap:18px}.tpc-button-preview-canvas{display:grid;min-height:220px;place-items:center;padding:32px}.tpc-element-card,.tpc-element-mask,.tpc-element-anatomy-stack,.tpc-element-preview-canvas{--tpc-element-card-container: var(--tapo-color-element-card-container, var(--tapo-color-general-card, #ffffff));--tpc-element-card-container-dark: var(--tapo-color-element-card-container-dark, var(--tapo-color-general-card, #212124));--tpc-element-card-width: var(--tapo-size-element-card-width, 343px);--tpc-element-card-height: var(--tapo-size-element-card-height, 56px);--tpc-element-card-radius: var(--tapo-radius-element-card-container, 10px);--tpc-element-card-system-radius: var(--tapo-radius-card, 16px);--tpc-element-mask-overlay: var(--tapo-color-element-mask-overlay, rgba(0, 0, 0, .4));--tpc-element-mask-overlay-dark: var(--tapo-color-element-mask-overlay-dark, rgba(0, 0, 0, .4));--tpc-element-mask-width: var(--tapo-size-element-mask-width, 375px);--tpc-element-mask-height: var(--tapo-size-element-mask-height, 812px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-element-card{width:var(--tpc-element-card-width);height:var(--tpc-element-card-height);border-radius:var(--tpc-element-card-radius);background:var(--tpc-element-card-container);box-shadow:none}.tpc-element-card.is-mode-dark{background:var(--tpc-element-card-container-dark)}.tpc-element-card.is-radius-card{border-radius:var(--tpc-element-card-system-radius)}.tpc-element-mask{width:var(--tpc-element-mask-width);height:var(--tpc-element-mask-height);background:var(--tpc-element-mask-overlay)}.tpc-element-mask.is-mode-dark{background:var(--tpc-element-mask-overlay-dark)}.tpc-element-preview-canvas{display:grid;min-height:168px;place-items:center;padding:24px;background:var(--tapo-color-general-background, #f5f7fa);box-sizing:border-box}.tpc-element-mask-preview{min-height:360px;overflow:hidden}.tpc-element-mask-preview .tpc-element-mask,.tpc-element-overview-preview .tpc-element-mask{max-width:min(100%,var(--tpc-element-mask-width));height:min(320px,var(--tpc-element-mask-height))}.tpc-element-overview-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.tpc-element-anatomy-stack{display:grid;width:min(100%,460px);gap:20px;padding:24px;background:var(--tapo-color-general-background, #f5f7fa);box-sizing:border-box}.tpc-element-anatomy-card-sample,.tpc-element-anatomy-mask-sample{display:grid;gap:8px;justify-items:start}.tpc-element-anatomy-mask-sample .tpc-element-mask{width:188px;height:240px}.tpc-element-anatomy-label{color:var(--tapo-color-general-default-secondary, rgba(29, 37, 41, .5));font-size:12px;line-height:16px}.tpc-header{--tpc-header-bg: var(--tapo-color-header-background-default, var(--tapo-color-general-background, #f5f7fa));--tpc-header-modal-bg: var(--tapo-color-header-background-modal, #f5f7fa);--tpc-header-title-color: var(--tapo-color-header-title-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-header-subtitle-color: var(--tapo-color-header-subtitle-secondary, var(--tapo-color-general-default-secondary, rgb(29 37 41 / 50%)));--tpc-header-action-color: var(--tapo-color-header-action-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-header-action-disabled: var(--tapo-color-header-action-disabled, var(--tapo-color-general-default-disabled, rgb(29 37 41 / 24%)));--tpc-header-status-inverse: var(--tapo-color-header-status-bar-inverse, #fff);--tpc-header-status-inverse-bg: var(--tapo-color-header-status-bar-background-inverse, #000);--tpc-header-nav-row-height: var(--tapo-size-header-navigation-row-height, 48px);--tpc-header-icon-size: var(--tapo-size-header-icon-visual, 24px);--tpc-header-action-hit-area: var(--tapo-size-header-action-hit-area, 48px);--tpc-header-large-title-row-height: var(--tapo-size-header-large-title-row-height, 50px);--tpc-header-title-padding-x: var(--tapo-spacing-header-title-padding-x, 20px);--tpc-header-icon-action-padding: var(--tapo-spacing-header-icon-action-padding, 12px);--tpc-header-action-gap: var(--tapo-spacing-header-action-gap, 20px);--tpc-header-regular-title-size: 18px;--tpc-header-large-title-size: 28px;--tpc-header-modal-large-title-size: 22px;--tpc-header-subtitle-size: 14px;--tpc-header-action-size: 17px;display:flex;flex-direction:column;width:min(100%,375px);overflow:hidden;background:var(--tpc-header-bg);color:var(--tpc-header-title-color);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-header.is-screen-new{width:min(100%,402px)}.tpc-header.is-modal{overflow:visible;background:var(--tpc-header-modal-bg)}.tpc-header-status-safe-area{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:50px;padding:19px 8px 0 20px;color:var(--tpc-header-title-color);background:transparent}.tpc-header.is-screen-new .tpc-header-status-safe-area{height:62px;padding:21px 16px 19px}.tpc-header.is-modal .tpc-header-status-safe-area{position:relative;height:50px;color:var(--tpc-header-status-inverse);background:var(--tpc-header-status-inverse-bg)}.tpc-header.is-modal.is-screen-new .tpc-header-status-safe-area{height:62px}.tpc-header-status-time{min-width:54px;font-size:15px;font-weight:590;line-height:18px;text-align:center}.tpc-header-status-levels{display:inline-flex;align-items:center;gap:7px;color:currentColor}.tpc-header-status-screen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tpc-header-navigation-row{position:relative;display:flex;align-items:center;width:100%;min-height:var(--tpc-header-nav-row-height)}.tpc-header-left-action,.tpc-header-right-action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--tpc-header-action-hit-area);height:var(--tpc-header-action-hit-area);margin:0;border:0;background:transparent;color:var(--tpc-header-action-color);font:inherit;cursor:pointer}.tpc-header-left-action{flex:0 0 var(--tpc-header-action-hit-area);padding:var(--tpc-header-icon-action-padding)}.tpc-header-left-action.is-empty{pointer-events:none}.tpc-header-left-action:disabled,.tpc-header-right-action:disabled{color:var(--tpc-header-action-disabled);cursor:default}.tpc-header-title-group{min-width:0;color:var(--tpc-header-title-color)}.tpc-header-navigation-row>.tpc-header-title-group{position:absolute;right:var(--tpc-header-action-hit-area);left:var(--tpc-header-action-hit-area)}.tpc-header-title-group.is-align-center{text-align:center}.tpc-header-title-group.is-align-start{text-align:left}.tpc-header-title{display:block;overflow:hidden;font-size:var(--tapo-typography-header-title-size, var(--tpc-header-regular-title-size));font-weight:590;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.tpc-header-subtitle{display:block;overflow:hidden;color:var(--tpc-header-subtitle-color);font-size:var(--tapo-typography-header-subtitle-size, var(--tpc-header-subtitle-size));font-weight:400;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.tpc-header-right-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--tpc-header-action-gap);min-width:var(--tpc-header-action-hit-area);min-height:var(--tpc-header-action-hit-area);margin-left:auto;padding-right:1px}.tpc-header-right-action{min-width:auto;padding:0 16px 0 12px;color:var(--tpc-header-action-color);font-size:var(--tapo-typography-header-action-size, var(--tpc-header-action-size));font-weight:510;line-height:normal;white-space:nowrap}.tpc-header-right-action.is-icon{width:var(--tpc-header-action-hit-area);min-width:var(--tpc-header-action-hit-area);padding:var(--tpc-header-icon-action-padding)}.tpc-header-icon{display:block;width:var(--tpc-header-icon-size);height:var(--tpc-header-icon-size);color:currentColor}.tpc-header-large-title-row{display:flex;align-items:flex-start;box-sizing:border-box;min-height:var(--tpc-header-large-title-row-height);width:100%;padding:6px var(--tpc-header-title-padding-x) 10px}.tpc-header-large-title-row .tpc-header-title-group{width:100%}.tpc-header-large-title-row .tpc-header-title{font-size:var(--tapo-typography-header-large-title-size, var(--tpc-header-large-title-size))}.tpc-header.is-modal .tpc-header-large-title-row .tpc-header-title{font-size:var(--tapo-typography-header-modal-large-title-size, var(--tpc-header-modal-large-title-size))}.tpc-header-extension-tabs,.tpc-header-extension-search{width:100%;box-sizing:border-box}.tpc-header-extension-tabs{padding:12px var(--tpc-header-title-padding-x) 8px}.tpc-header-extension-search{padding:8px 16px 16px}.tpc-header-tabs-placeholder{display:flex;gap:8px;width:100%;min-height:25px;color:var(--tpc-header-title-color);font-size:15px;font-weight:510;text-align:center}.tpc-header-tabs-placeholder span{position:relative;flex:1 1 0;min-width:0;padding-bottom:7px}.tpc-header-tabs-placeholder .is-selected{color:var(--tapo-color-general-focus, #007aff)}.tpc-header-tabs-placeholder .is-selected:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:currentColor;content:""}.tpc-header-search-placeholder{display:flex;align-items:center;gap:4px;box-sizing:border-box;width:100%;min-height:36px;padding:7px 8px;border-radius:10px;background:var(--tapo-color-search-bar-background, rgb(29 37 41 / 6%));color:var(--tapo-color-general-default-secondary, rgb(29 37 41 / 50%));font-size:17px;line-height:22px}.tpc-header-anatomy-stack{display:grid;gap:24px;justify-items:start;min-width:430px}.tpc-input{--tpc-input-width-new: var(--tapo-size-input-standard-width-new, 370px);--tpc-input-width-base: var(--tapo-size-input-standard-width-base, 343px);--tpc-input-width: var(--tpc-input-width-new);--tpc-input-container: var(--tapo-color-input-container, var(--tapo-color-general-card, #fff));--tpc-input-text: var(--tapo-color-input-text-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-input-placeholder: var(--tapo-color-input-placeholder, var(--tapo-color-general-default-tertiary, #a5b0b8));--tpc-input-label: var(--tapo-color-input-label, var(--tapo-color-general-default-secondary, rgb(29 37 41 / 64%)));--tpc-input-helper: var(--tapo-color-input-helper, var(--tapo-color-general-default-secondary, rgb(29 37 41 / 64%)));--tpc-input-error: var(--tapo-color-input-error-text, var(--tapo-color-general-alert, #ff3b30));--tpc-input-disabled-content: var(--tapo-color-input-disabled-content, var(--tapo-color-general-default-tertiary, #b4c0c8));--tpc-input-clear-icon: var(--tapo-color-input-clear-icon, var(--tpc-input-placeholder));--tpc-input-divider: var(--tapo-color-input-divider-default, #e6e6e6);--tpc-input-divider-dark: var(--tapo-color-input-divider-default-dark, rgb(230 230 230 / 16%));--tpc-input-divider-active: var(--tapo-color-input-divider-active, var(--tapo-color-general-focus, #0088e3));--tpc-input-divider-error: var(--tapo-color-input-divider-error, var(--tapo-color-general-alert, #ff3b30));--tpc-input-divider-current: var(--tpc-input-divider);--tpc-input-divider-stroke-default: var(--tapo-stroke-input-divider-default, 1px);--tpc-input-divider-stroke-active: var(--tapo-stroke-input-divider-active, 2px);--tpc-input-divider-stroke-current: var(--tpc-input-divider-stroke-default);--tpc-input-radius: var(--tapo-radius-input-container, var(--tapo-radius-card, 10px));--tpc-input-standard-height: var(--tapo-size-input-standard-height, 72px);--tpc-input-standard-error-height: var(--tapo-size-input-standard-error-height, 81px);--tpc-input-compact-height: var(--tapo-size-input-compact-height, 56px);--tpc-input-list-error-height: var(--tapo-size-input-list-error-height, 61px);--tpc-input-icon-note-height: var(--tapo-size-input-icon-note-height, 62px);--tpc-input-min-height: var(--tpc-input-standard-height);--tpc-input-icon-size: var(--tapo-size-input-icon, 24px);--tpc-input-action-hit-size: var(--tapo-size-input-action-hit, 44px);--tpc-input-list-label-min-width: var(--tapo-size-input-list-label-min-width, 92px);--tpc-input-padding-x: var(--tapo-spacing-input-container-padding-x, var(--tapo-spacing-base, 16px));--tpc-input-padding-top: var(--tapo-spacing-input-container-padding-top, 8px);--tpc-input-padding-bottom: var(--tapo-spacing-input-container-padding-bottom, 6px);--tpc-input-list-gap: var(--tapo-spacing-input-list-label-value-gap, var(--tapo-spacing-base, 16px));--tpc-input-icon-gap: var(--tapo-spacing-input-icon-value-gap, var(--tapo-spacing-tight, 8px));--tpc-input-label-value-gap: var(--tapo-spacing-input-label-value-gap, 2px);--tpc-input-support-gap: var(--tapo-spacing-input-helper-gap, 4px);--tpc-input-label-size: var(--tapo-typography-input-label-size, 13px);--tpc-input-value-size: var(--tapo-typography-input-value-size, 17px);--tpc-input-helper-size: var(--tapo-typography-input-helper-size, 14px);--tpc-input-value-weight: var(--tapo-typography-input-value-weight, 400);--tpc-input-label-weight: var(--tapo-typography-input-label-weight, 400);--tpc-input-value-line-height: var(--tapo-typography-input-value-line-height, 22px);--tpc-input-helper-line-height: var(--tapo-typography-input-helper-line-height, 16px);--tpc-input-font-family: var(--tapo-typography-input-font-family, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif);--tpc-input-icon-stroke: var(--tapo-stroke-input-icon, 2px);--tpc-input-anatomy-stack-gap: var(--tapo-spacing-input-anatomy-stack-gap, 12px);position:relative;display:inline-flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:var(--tpc-input-width);max-width:100%;min-height:var(--tpc-input-min-height);padding:var(--tpc-input-padding-top) var(--tpc-input-padding-x) var(--tpc-input-padding-bottom);border-radius:var(--tpc-input-radius);background:var(--tpc-input-container);color:var(--tpc-input-text);font-family:var(--tpc-input-font-family);letter-spacing:0}.tpc-input.is-screen-base{--tpc-input-width: var(--tpc-input-width-base)}.tpc-input.is-form-list,.tpc-input.is-form-label-free,.tpc-input.is-form-icon{--tpc-input-min-height: var(--tpc-input-compact-height)}.tpc-input.is-form-standard.has-error{--tpc-input-min-height: var(--tpc-input-standard-error-height)}.tpc-input.is-form-list.has-error{--tpc-input-min-height: var(--tpc-input-list-error-height)}.tpc-input.is-form-icon.has-helper,.tpc-input.is-form-icon.has-error{--tpc-input-min-height: var(--tpc-input-icon-note-height)}.tpc-input.is-dark{--tpc-input-container: var(--tapo-color-input-container-dark, var(--tapo-color-general-card-dark, #11171a));--tpc-input-divider: var(--tpc-input-divider-dark)}.tpc-input.is-state-ready,.tpc-input.is-state-typing{--tpc-input-divider-current: var(--tpc-input-divider-active);--tpc-input-divider-stroke-current: var(--tpc-input-divider-stroke-active)}.tpc-input.has-error{--tpc-input-divider-current: var(--tpc-input-divider-error);--tpc-input-divider-stroke-current: var(--tpc-input-divider-stroke-active)}.tpc-input.is-state-disabled{--tpc-input-text: var(--tpc-input-disabled-content);--tpc-input-placeholder: var(--tpc-input-disabled-content);--tpc-input-label: var(--tpc-input-disabled-content);--tpc-input-helper: var(--tpc-input-disabled-content)}.tpc-input.is-readonly{--tpc-input-helper: var(--tapo-color-input-readonly-helper, var(--tapo-color-general-default-secondary, rgb(29 37 41 / 64%)))}.tpc-input-label{display:block;min-width:0;margin:0 0 var(--tpc-input-label-value-gap);overflow:hidden;color:var(--tpc-input-label);font-size:var(--tpc-input-label-size);font-weight:var(--tpc-input-label-weight);line-height:var(--tpc-input-helper-line-height);text-overflow:ellipsis;white-space:nowrap}.tpc-input-main{min-width:0}.tpc-input.is-form-list .tpc-input-main{display:grid;grid-template-columns:minmax(var(--tpc-input-list-label-min-width),max-content) minmax(0,1fr);align-items:center;gap:var(--tpc-input-list-gap)}.tpc-input.is-form-list .tpc-input-label{margin:0}.tpc-input-line{display:flex;min-width:0;align-items:center;gap:var(--tpc-input-icon-gap)}.tpc-input-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;flex:1 1 auto;min-width:0;height:var(--tpc-input-value-line-height);padding:0;border:0;outline:0;background:transparent;color:var(--tpc-input-text);font:var(--tpc-input-value-weight) var(--tpc-input-value-size) / var(--tpc-input-value-line-height) var(--tpc-input-font-family);letter-spacing:0}.tpc-input-control::placeholder{color:var(--tpc-input-placeholder);opacity:1}.tpc-input-control:disabled{color:var(--tpc-input-disabled-content);cursor:not-allowed}.tpc-input-prefix-icon,.tpc-input-suffix-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--tpc-input-placeholder)}.tpc-input-prefix-icon{width:var(--tpc-input-icon-size);height:var(--tpc-input-icon-size)}.tpc-input-suffix-action{width:var(--tpc-input-action-hit-size);height:var(--tpc-input-action-hit-size);margin:0;padding:calc((var(--tpc-input-action-hit-size) - var(--tpc-input-icon-size)) * .5);border:0;background:transparent;cursor:pointer}.tpc-input-suffix-action.is-clear{color:var(--tpc-input-clear-icon)}.tpc-input-prefix-icon svg,.tpc-input-suffix-action svg{width:var(--tpc-input-icon-size);height:var(--tpc-input-icon-size);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--tpc-input-icon-stroke)}.tpc-input-suffix-action.is-custom svg circle{fill:currentColor;stroke:none}.tpc-input-affix{flex:0 0 auto;color:var(--tpc-input-label);font-size:var(--tpc-input-value-size);line-height:var(--tpc-input-value-line-height);white-space:nowrap}.tpc-input-divider{display:block;width:100%;height:var(--tpc-input-divider-stroke-current);margin-top:var(--tpc-input-support-gap);background:var(--tpc-input-divider-current)}.tpc-input-support{display:block;min-width:0;margin-top:var(--tpc-input-support-gap);overflow:hidden;color:var(--tpc-input-helper);font-size:var(--tpc-input-helper-size);line-height:var(--tpc-input-helper-line-height);text-overflow:ellipsis;white-space:nowrap}.tpc-input-error{color:var(--tpc-input-error)}.tpc-input.is-state-disabled .tpc-input-suffix-action,.tpc-input.is-readonly .tpc-input-suffix-action{display:none}.tpc-input-anatomy-stack{display:grid;width:min(100%,var(--tpc-input-width-new));gap:var(--tpc-input-anatomy-stack-gap)}.tpc-list-shell{--tpc-list-container: var(--tapo-color-list-container-default, var(--tapo-color-general-card, #fff));--tpc-list-title: var(--tapo-color-list-title-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-list-text-secondary: var(--tapo-color-list-text-secondary, var(--tapo-color-general-default-secondary, rgba(29, 37, 41, .5)));--tpc-list-text-disabled: var(--tapo-color-list-text-disabled, var(--tapo-color-general-default-disabled, rgba(29, 37, 41, .24)));--tpc-list-focus: var(--tapo-color-list-indicator-focus, var(--tapo-color-general-focus, #007aff));--tpc-list-divider: var(--tapo-color-list-divider-default, var(--tapo-color-component-list-divider, #e6e6e6));--tpc-list-danger: var(--tapo-color-list-swipe-action-danger-container, var(--tapo-color-general-alert, #ff3b3b));--tpc-list-warning: var(--tapo-color-list-swipe-action-warning-container, var(--tapo-color-general-warning, #ff9500));--tpc-list-regular-action: var(--tapo-color-list-swipe-action-regular-container, var(--tapo-color-black-10, rgba(29, 37, 41, .1)));--tpc-list-leading-placeholder: var(--tapo-color-list-leading-placeholder, #e6e6e6);--tpc-list-drill-in: var(--tapo-color-list-drill-in, #c7c7cc);--tpc-list-switch-off: var(--tapo-color-list-switch-off, #d1d1d6);--tpc-list-switch-thumb: var(--tapo-color-list-switch-thumb, #fff);--tpc-list-swipe-action-text: var(--tapo-color-list-swipe-action-text, #fff);--tpc-list-radius: var(--tapo-radius-list-container, var(--tapo-radius-card, 10px));--tpc-list-width-new: var(--tapo-size-list-container-width-new, 370px);--tpc-list-width-base: var(--tapo-size-list-container-width-base, 343px);--tpc-list-height-default: var(--tapo-size-list-container-height-default, 56px);--tpc-list-height-media: var(--tapo-size-list-container-height-with-media, 64px);--tpc-list-divider-thickness: var(--tapo-size-list-divider-thickness, .5px);--tpc-list-small-image: var(--tapo-size-list-leading-image-small, 24px);--tpc-list-large-image: var(--tapo-size-list-leading-image-large, 40px);--tpc-list-dot: var(--tapo-size-list-leading-dot, 8px);--tpc-list-drill-width: var(--tapo-size-list-drill-in-width, 12px);--tpc-list-drill-height: var(--tapo-size-list-drill-in-height, 24px);--tpc-list-control-size: var(--tapo-size-list-control, 24px);--tpc-list-control-icon-size: var(--tapo-size-list-control-icon, 18px);--tpc-list-text-button-height: var(--tapo-size-list-text-button-height, 36px);--tpc-list-stepper-button-size: var(--tapo-size-list-stepper-button, 28px);--tpc-list-swipe-action-width: var(--tapo-size-list-swipe-action-width, 78px);--tpc-list-swipe-action-icon-size: var(--tapo-size-list-swipe-action-icon, 22px);--tpc-list-padding-left: var(--tapo-spacing-list-container-padding-left, var(--tapo-spacing-base, 16px));--tpc-list-content-trailing-gap: var(--tapo-spacing-list-content-trailing-gap, var(--tapo-spacing-base, 16px));--tpc-list-title-label-gap: var(--tapo-spacing-list-title-label-gap, var(--tapo-spacing-super-tight, 4px));--tpc-list-trailing-gap: var(--tapo-spacing-list-trailing-gap, var(--tapo-spacing-tight, 8px));--tpc-list-trailing-padding-right: var(--tapo-spacing-list-trailing-padding-right, 12px);--tpc-list-title-size: var(--tapo-typography-list-title-size, var(--tapo-font-size-main-text, 17px));--tpc-list-title-line-height: var(--tapo-typography-list-title-line-height, normal);position:relative;display:inline-flex;width:var(--tpc-list-width-new);max-width:100%;color:var(--tpc-list-title);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-list-shell.is-screen-base{width:var(--tpc-list-width-base)}.tpc-list-row{position:relative;z-index:1;display:flex;box-sizing:border-box;width:100%;min-height:var(--tpc-list-height-default);align-items:center;gap:var(--tpc-list-content-trailing-gap);overflow:hidden;padding-left:var(--tpc-list-padding-left);border-radius:var(--tpc-list-radius);background:var(--tpc-list-container)}.tpc-list-shell.has-label .tpc-list-row,.tpc-list-shell.has-image-large .tpc-list-row,.tpc-list-shell.has-image-dot .tpc-list-row{min-height:var(--tpc-list-height-media)}.tpc-list-content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;justify-content:center;gap:var(--tpc-list-title-label-gap);padding:12px 0}.tpc-list-title,.tpc-list-label,.tpc-list-trailing-value,.tpc-list-dual-value span,.tpc-list-picker{overflow:hidden;text-overflow:ellipsis}.tpc-list-title{color:var(--tpc-list-title);font-size:var(--tpc-list-title-size);line-height:var(--tpc-list-title-line-height);white-space:nowrap}.tpc-list-label{color:var(--tpc-list-text-secondary);font-size:14px;line-height:16px}.tpc-list-leading,.tpc-list-edit,.tpc-list-selection{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--tpc-list-focus)}.tpc-list-edit{display:none}.tpc-list-shell.has-edit .tpc-list-edit{display:inline-flex}.tpc-list-leading{display:none}.tpc-list-leading:not(.is-image-none){display:inline-flex}.tpc-list-leading>[data-leading-kind]{display:none}.tpc-list-leading.is-image-small [data-leading-kind=small],.tpc-list-leading.is-image-large [data-leading-kind=large],.tpc-list-leading.is-image-dot [data-leading-kind=dot]{display:inline-flex}.tpc-list-leading-small,.tpc-list-selection,.tpc-list-edit{width:var(--tpc-list-small-image);height:var(--tpc-list-small-image)}.tpc-list-leading-large{width:var(--tpc-list-large-image);height:var(--tpc-list-large-image);border-radius:50%;background:var(--tpc-list-leading-placeholder)}.tpc-list-leading-dot{width:var(--tpc-list-dot);height:var(--tpc-list-dot);border-radius:50%;background:var(--tpc-list-focus)}.tpc-list-leading svg,.tpc-list-edit svg,.tpc-list-selection svg,.tpc-list-trailing svg,.tpc-list-swipe-action svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.tpc-list-selection.is-selection-none{display:none}.tpc-list-selection>[data-selection-kind]{display:none}.tpc-list-selection.is-selection-checkmark.is-selected>[data-selection-kind=checkmark],.tpc-list-selection.is-selection-radio>[data-selection-kind=box],.tpc-list-selection.is-selection-checkbox>[data-selection-kind=box]{display:inline-flex}.tpc-list-selection-box{width:18px;height:18px;border:1.5px solid var(--tpc-list-text-secondary);border-radius:50%}.tpc-list-selection.is-selection-checkbox .tpc-list-selection-box{border-radius:4px}.tpc-list-selection.is-selected .tpc-list-selection-box{border-color:var(--tpc-list-focus);background:radial-gradient(circle at 50% 50%,var(--tpc-list-focus) 0 42%,transparent 44%)}.tpc-list-selection.is-selection-checkbox.is-selected .tpc-list-selection-box{background:var(--tpc-list-focus)}.tpc-list-trailing{display:inline-flex;min-width:0;flex:0 0 auto;align-self:stretch;align-items:center;justify-content:flex-end;gap:var(--tpc-list-trailing-gap);padding-right:var(--tpc-list-trailing-padding-right);color:var(--tpc-list-text-secondary);font-size:var(--tpc-list-title-size);line-height:var(--tpc-list-title-line-height);text-align:right}.tpc-list-trailing.is-trailing-none{display:none}.tpc-list-trailing>[data-trailing-kind]{display:none}.tpc-list-trailing.is-trailing-detail>[data-trailing-kind=detail],.tpc-list-trailing.is-trailing-detail-disclosure>[data-trailing-kind=detail],.tpc-list-trailing.is-trailing-popup>[data-trailing-kind=detail],.tpc-list-trailing.is-trailing-dual-text>[data-trailing-kind=dual-text],.tpc-list-trailing.is-trailing-info>[data-trailing-kind=info],.tpc-list-trailing.is-trailing-icon>[data-trailing-kind=icon],.tpc-list-trailing.is-trailing-text-button>[data-trailing-kind=text-button],.tpc-list-trailing.is-trailing-switch>[data-trailing-kind=switch],.tpc-list-trailing.is-trailing-picker-date-time>[data-trailing-kind=picker-date-time],.tpc-list-trailing.is-trailing-stepper>[data-trailing-kind=stepper],.tpc-list-trailing.is-trailing-disclosure>[data-trailing-kind=drill-in],.tpc-list-trailing.is-trailing-detail-disclosure>[data-trailing-kind=drill-in],.tpc-list-trailing.is-trailing-popup>[data-trailing-kind=drill-in],.tpc-list-trailing.is-trailing-picker-date-time>[data-trailing-kind=drill-in]{display:inline-flex}.tpc-list-trailing-value,.tpc-list-picker{max-width:120px;white-space:nowrap}.tpc-list-dual-value{display:inline-flex;flex-direction:column;gap:2px;max-width:92px}.tpc-list-dual-value span{white-space:nowrap}.tpc-list-drill-in{display:inline-flex;width:var(--tpc-list-drill-width);height:var(--tpc-list-drill-height);flex:0 0 auto;color:var(--tpc-list-drill-in)}.tpc-list-info,.tpc-list-trailing-icon{display:inline-flex;width:var(--tpc-list-control-size);height:var(--tpc-list-control-size);color:var(--tpc-list-text-secondary)}.tpc-list-text-button{display:inline-flex;min-height:var(--tpc-list-text-button-height);align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--tpc-list-focus);font:inherit}.tpc-list-text-button svg,.tpc-list-trailing-icon svg{width:var(--tpc-list-control-icon-size);height:var(--tpc-list-control-icon-size)}.tpc-list-shell.is-loading .tpc-list-text-button svg,.tpc-list-shell.is-loading .tpc-list-trailing-icon svg{animation:tpc-list-spin .9s linear infinite}.tpc-list-switch{position:relative;display:inline-flex;width:51px;height:31px;align-items:center;padding:2px;border-radius:999px;background:var(--tpc-list-switch-off)}.tpc-list-switch span{width:27px;height:27px;border-radius:50%;background:var(--tpc-list-switch-thumb);box-shadow:0 2px 6px #0003;transition:transform .16s ease}.tpc-list-switch.is-on{background:var(--tpc-list-focus)}.tpc-list-switch.is-on span{transform:translate(20px)}.tpc-list-stepper{display:inline-flex;align-items:center;gap:8px}.tpc-list-stepper button{width:var(--tpc-list-stepper-button-size);height:var(--tpc-list-stepper-button-size);border:0;border-radius:50%;background:var(--tpc-list-regular-action);color:var(--tpc-list-title);font:inherit}.tpc-list-divider{position:absolute;right:0;bottom:0;left:var(--tpc-list-padding-left);height:var(--tpc-list-divider-thickness);background:var(--tpc-list-divider)}.tpc-list-divider[hidden]{display:none}.tpc-list-shell.is-disabled,.tpc-list-shell.is-disabled .tpc-list-title,.tpc-list-shell.is-disabled .tpc-list-label,.tpc-list-shell.is-disabled .tpc-list-trailing{color:var(--tpc-list-text-disabled)}.tpc-list-swipe-actions{position:absolute;top:0;right:0;bottom:0;z-index:0;display:inline-flex;overflow:hidden;border-radius:0 var(--tpc-list-radius) var(--tpc-list-radius) 0}.tpc-list-swipe-action{display:inline-flex;min-width:var(--tpc-list-swipe-action-width);align-items:center;justify-content:center;gap:6px;padding:0 12px;background:var(--tpc-list-regular-action);color:var(--tpc-list-swipe-action-text);font-size:17px;line-height:20px}.tpc-list-swipe-action svg{width:var(--tpc-list-swipe-action-icon-size);height:var(--tpc-list-swipe-action-icon-size);fill:currentColor;stroke:none}.tpc-list-swipe-action.is-tone-weak-warning{background:var(--tpc-list-warning)}.tpc-list-swipe-action.is-tone-danger{background:var(--tpc-list-danger)}.tpc-list-shell.has-swipe-actions .tpc-list-row{transform:translate(calc(-1 * var(--tpc-list-swipe-action-width)))}.tpc-list-shell.has-swipe-actions .tpc-list-swipe-actions{width:var(--tpc-list-swipe-action-width)}.tpc-list-shell.has-swipe-actions .tpc-list-swipe-action+.tpc-list-swipe-action{display:none}.tpc-list-anatomy-stack{display:flex;width:min-content;flex-direction:column;gap:12px}@keyframes tpc-list-spin{to{transform:rotate(360deg)}}.tpc-menu{--tpc-menu-container-bg: var(--tapo-color-menu-container-default, var(--tapo-color-general-card, var(--tapo-color-general-white-primary, #fff)));--tpc-menu-text-primary: var(--tapo-color-menu-item-text-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-menu-text-alert: var(--tapo-color-menu-item-text-alert, var(--tapo-color-general-alert, #ff383c));--tpc-menu-text-disabled: var(--tapo-color-menu-item-text-disabled, var(--tapo-color-general-default-disabled, #1d25293d));--tpc-menu-icon-default: var(--tapo-color-menu-icon-default, var(--tapo-color-general-default-primary, #1d2529));--tpc-menu-selected-indicator: var(--tapo-color-menu-selected-indicator, var(--tapo-color-general-focus, #007aff));--tpc-menu-divider: var(--tapo-color-menu-divider-default, var(--tapo-color-component-list-divider, #e6e6e6));--tpc-menu-width: var(--tapo-size-menu-container-width, 200px);--tpc-menu-custom-width: var(--tapo-size-menu-custom-container-width, 191px);--tpc-menu-popup-width: var(--tapo-size-menu-popup-container-width, 250px);--tpc-menu-radius: var(--tapo-radius-menu-container, var(--tapo-radius-card, 10px));--tpc-menu-shadow: var(--tapo-shadow-menu-container, 0 0 32px rgba(0, 0, 0, .2));--tpc-menu-item-height-ios: var(--tapo-size-menu-item-height-ios, 44px);--tpc-menu-item-height-android: var(--tapo-size-menu-item-height-android, 56px);--tpc-menu-item-height-custom: var(--tapo-size-menu-item-height-custom, 52px);--tpc-menu-icon-size: var(--tapo-size-menu-icon, 24px);--tpc-menu-radio-size: var(--tapo-size-menu-radio, 16px);--tpc-menu-placeholder-icon-size: var(--tapo-size-menu-placeholder-icon, 14px);--tpc-menu-padding-x: var(--tapo-spacing-menu-item-padding-x, var(--tapo-spacing-base, 16px));--tpc-menu-leading-gap: var(--tapo-spacing-menu-leading-label-gap, var(--tapo-spacing-base-tight, 12px));--tpc-menu-trailing-gap: var(--tapo-spacing-menu-label-trailing-gap, var(--tapo-spacing-base, 16px));--tpc-menu-group-divider-height: var(--tapo-size-menu-group-divider-height, 6px);--tpc-menu-label-size: var(--tapo-typography-menu-label-size, 17px);--tpc-menu-label-line-height: var(--tapo-typography-menu-label-line-height, 22px);display:flex;flex-direction:column;align-items:stretch;width:var(--tpc-menu-width);overflow:hidden;border-radius:var(--tpc-menu-radius);background:var(--tpc-menu-container-bg);box-shadow:var(--tpc-menu-shadow);color:var(--tpc-menu-text-primary);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-menu.is-platform-custom{width:var(--tpc-menu-custom-width);padding-block:var(--tapo-spacing-menu-custom-container-padding-y, 4px)}.tpc-menu.is-selection-checkmark,.tpc-menu.is-selection-radio{width:var(--tpc-menu-popup-width)}.tpc-menu-title{display:flex;align-items:center;min-height:var(--tpc-menu-item-height-ios);padding-inline:var(--tpc-menu-padding-x);color:var(--tpc-menu-text-primary);font-size:var(--tpc-menu-label-size);font-weight:600;line-height:var(--tpc-menu-label-line-height);box-sizing:border-box}.tpc-menu-item-wrap{display:flex;flex-direction:column;min-width:0}.tpc-menu-group-divider{display:block;height:var(--tpc-menu-group-divider-height);background:color-mix(in srgb,var(--tpc-menu-divider) 62%,transparent)}.tpc-menu-item{display:flex;align-items:center;width:100%;min-width:0;min-height:var(--tpc-menu-item-height-ios);padding:0 var(--tpc-menu-padding-x);border:0;border-top:.5px solid transparent;background:transparent;color:var(--tpc-menu-text-primary);box-sizing:border-box;cursor:default;font:400 var(--tpc-menu-label-size) / var(--tpc-menu-label-line-height) -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",sans-serif;letter-spacing:0;text-align:left}.tpc-menu-item-wrap+.tpc-menu-item-wrap .tpc-menu-item.is-platform-ios,.tpc-menu-item-wrap+.tpc-menu-item-wrap .tpc-menu-item.is-platform-custom{border-top-color:var(--tpc-menu-divider)}.tpc-menu-item.is-platform-android{min-height:var(--tpc-menu-item-height-android)}.tpc-menu-item.is-platform-custom{min-height:var(--tpc-menu-item-height-custom)}.tpc-menu-item.is-state-alert{color:var(--tpc-menu-text-alert)}.tpc-menu-item.is-state-disabled,.tpc-menu-item:disabled{color:var(--tpc-menu-text-disabled)}.tpc-menu-leading,.tpc-menu-trailing{display:flex;align-items:center;justify-content:center;flex:0 0 var(--tpc-menu-icon-size);width:var(--tpc-menu-icon-size);height:var(--tpc-menu-icon-size);color:var(--tpc-menu-icon-default)}.tpc-menu-leading{margin-right:var(--tpc-menu-leading-gap)}.tpc-menu-trailing{margin-left:var(--tpc-menu-trailing-gap)}.tpc-menu-label{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpc-menu-check{display:grid;place-items:center;width:var(--tpc-menu-icon-size);height:var(--tpc-menu-icon-size);color:transparent}.tpc-menu-check.is-selected{color:var(--tpc-menu-selected-indicator)}.tpc-menu-radio{display:block;width:var(--tpc-menu-radio-size);height:var(--tpc-menu-radio-size);border:1.5px solid color-mix(in srgb,var(--tpc-menu-text-primary) 24%,transparent);border-radius:50%;box-sizing:border-box}.tpc-menu-radio.is-selected{border:4px solid var(--tpc-menu-selected-indicator)}.tpc-menu-placeholder-icon{display:block;width:var(--tpc-menu-placeholder-icon-size);height:var(--tpc-menu-placeholder-icon-size);border:1.5px dashed currentColor;border-radius:3px;opacity:.84;box-sizing:border-box}.tpc-menu.is-selection-checkmark .tpc-menu-radio,.tpc-menu.is-selection-radio .tpc-menu-check,.tpc-menu.is-selection-none .tpc-menu-check,.tpc-menu.is-selection-none .tpc-menu-radio,.tpc-menu:not(.is-selection-none) .tpc-menu-placeholder-icon{display:none}.menu-anatomy-stack{display:flex;align-items:flex-start;gap:var(--tapo-spacing-extra-loose, 32px)}.tpc-page-controller,.tpc-page-controller-control,.tpc-page-controller-anatomy-stack{--tpc-page-controller-current-color: var(--tapo-color-page-controller-current-indicator, var(--tapo-color-general-focus, #007aff));--tpc-page-controller-dot-color: var(--tapo-color-page-controller-dot-default, var(--tapo-color-general-default-disabled, rgb(29 37 41 / 24%)));--tpc-page-controller-control-background: var(--tapo-color-page-controller-background-container, var(--tapo-color-black-10, rgb(29 37 41 / 10%)));--tpc-page-controller-stage-background: var(--tapo-color-page-controller-stage-background, var(--tapo-color-general-background, #f5f7fa));--tpc-page-controller-action-background: var(--tapo-color-page-controller-action-container, var(--tapo-color-general-focus, #007aff));--tpc-page-controller-action-foreground: var(--tapo-color-page-controller-action-content, var(--tapo-color-general-white-primary, #ffffff));--tpc-page-controller-dot-size: var(--tapo-size-page-controller-dot, 8px);--tpc-page-controller-compact-dot-size: var(--tapo-size-page-controller-compact-dot, 6px);--tpc-page-controller-current-width: var(--tapo-size-page-controller-current-indicator-width, 32px);--tpc-page-controller-control-height: var(--tapo-size-page-controller-control-height, 24px);--tpc-page-controller-row-height: var(--tapo-size-page-controller-row-height, 44px);--tpc-page-controller-process-height: var(--tapo-size-page-controller-process-height, 118px);--tpc-page-controller-screen-base-width: var(--tapo-size-page-controller-screen-base-width, 375px);--tpc-page-controller-screen-new-width: var(--tapo-size-page-controller-screen-new-width, 402px);--tpc-page-controller-action-size: var(--tapo-size-page-controller-action-size, 48px);--tpc-page-controller-text-action-min-width: var(--tapo-size-page-controller-text-action-min-width, 78px);--tpc-page-controller-dot-gap: var(--tapo-spacing-page-controller-dot-gap, 8px);--tpc-page-controller-control-padding-x: var(--tapo-spacing-page-controller-control-padding-x, 12px);--tpc-page-controller-control-padding-y: var(--tapo-spacing-page-controller-control-padding-y, 8px);--tpc-page-controller-process-padding-x: var(--tapo-spacing-page-controller-process-padding-x, 20px);--tpc-page-controller-process-padding-top: var(--tapo-spacing-page-controller-process-padding-top, 20px);--tpc-page-controller-process-padding-bottom: var(--tapo-spacing-page-controller-process-padding-bottom, 50px);--tpc-page-controller-action-padding-x: var(--tapo-spacing-page-controller-action-padding-x, 20px);--tpc-page-controller-radius-pill: var(--tapo-radius-page-controller-pill, 50px);--tpc-page-controller-radius-action: var(--tapo-radius-page-controller-action, 24px);--tpc-page-controller-background-blur: var(--tapo-effect-page-controller-background-blur, 20px);--tpc-page-controller-action-label-size: var(--tapo-typography-page-controller-action-label-size, 17px);--tpc-page-controller-action-label-line-height: var(--tapo-typography-page-controller-action-label-line-height, 1);--tpc-page-controller-action-label-weight: var(--tapo-typography-page-controller-action-label-weight, 510);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-page-controller-control{display:inline-flex;min-height:var(--tpc-page-controller-control-height);align-items:center;justify-content:center;gap:var(--tpc-page-controller-dot-gap);box-sizing:border-box;padding:var(--tpc-page-controller-control-padding-y) var(--tpc-page-controller-control-padding-x);border-radius:var(--tpc-page-controller-radius-pill)}.tpc-page-controller-control.has-background{background:var(--tpc-page-controller-control-background);-webkit-backdrop-filter:blur(var(--tpc-page-controller-background-blur));backdrop-filter:blur(var(--tpc-page-controller-background-blur))}.tpc-page-controller-indicator{display:block;flex:0 0 auto;width:var(--tpc-page-controller-dot-size);height:var(--tpc-page-controller-dot-size);border-radius:var(--tpc-page-controller-radius-pill);background:var(--tpc-page-controller-dot-color)}.tpc-page-controller-indicator.is-current{background:var(--tpc-page-controller-current-color)}.tpc-page-controller-control.is-style-bar .tpc-page-controller-indicator.is-current{width:var(--tpc-page-controller-current-width)}.tpc-page-controller-indicator.is-compact{width:var(--tpc-page-controller-compact-dot-size);height:var(--tpc-page-controller-compact-dot-size)}.tpc-page-controller{width:var(--tpc-page-controller-screen-base-width);min-height:var(--tpc-page-controller-process-height);background:var(--tpc-page-controller-stage-background)}.tpc-page-controller.is-screen-new{width:var(--tpc-page-controller-screen-new-width)}.tpc-page-controller-surface{display:flex;width:100%;min-height:var(--tpc-page-controller-process-height);align-items:center;justify-content:space-between;box-sizing:border-box;padding:var(--tpc-page-controller-process-padding-top) var(--tpc-page-controller-process-padding-x) var(--tpc-page-controller-process-padding-bottom)}.tpc-page-controller-process-control{flex:0 0 auto}.tpc-page-controller-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;min-width:var(--tpc-page-controller-action-size);height:var(--tpc-page-controller-action-size);align-items:center;justify-content:center;box-sizing:border-box;margin:0;border:0;border-radius:var(--tpc-page-controller-radius-pill);background:var(--tpc-page-controller-action-background);color:var(--tpc-page-controller-action-foreground);cursor:pointer}.tpc-page-controller-action.is-action-text{min-width:var(--tpc-page-controller-text-action-min-width);padding:8px var(--tpc-page-controller-action-padding-x);border-radius:var(--tpc-page-controller-radius-action)}.tpc-page-controller-action-icon{display:block;width:24px;height:24px;color:currentColor}.tpc-page-controller-action-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.tpc-page-controller-action-label{min-width:0;overflow:hidden;color:currentColor;font-size:var(--tpc-page-controller-action-label-size);font-weight:var(--tpc-page-controller-action-label-weight);line-height:var(--tpc-page-controller-action-label-line-height);text-align:center;text-overflow:ellipsis;white-space:nowrap}.tpc-page-controller-anatomy-stack{display:grid;width:390px;gap:18px;padding:24px;background:var(--tpc-page-controller-stage-background)}.tpc-search-bar{--tpc-search-bar-width-base: var(--tapo-size-search-bar-width-base, 343px);--tpc-search-bar-width-new: var(--tapo-size-search-bar-width-new, 370px);--tpc-search-bar-width-fluid: var(--tapo-size-search-bar-width-fluid, min(100%, 984px));--tpc-search-bar-ios-height: var(--tapo-size-search-bar-ios-field-height, 36px);--tpc-search-bar-android-placeholder-height: var(--tapo-size-search-bar-android-placeholder-height, 40px);--tpc-search-bar-android-active-height: var(--tapo-size-search-bar-android-active-height, 48px);--tpc-search-bar-action-hit-size: var(--tapo-size-search-bar-action-hit-size, 48px);--tpc-search-bar-icon-size: var(--tapo-size-search-bar-icon, 24px);--tpc-search-bar-cancel-width: var(--tapo-size-search-bar-cancel-width, 54px);--tpc-search-bar-ios-radius: var(--tapo-radius-search-bar-ios-container, 10px);--tpc-search-bar-android-radius: var(--tapo-radius-search-bar-android-container, 28px);--tpc-search-bar-ios-bg: var(--tapo-color-search-bar-ios-container, rgba(29, 37, 41, .06));--tpc-search-bar-android-bg: var(--tapo-color-search-bar-android-container, rgba(118, 118, 128, .12));--tpc-search-bar-text: var(--tapo-color-search-bar-input-text, var(--tapo-color-general-default-primary, #1d2529));--tpc-search-bar-placeholder: var(--tapo-color-search-bar-placeholder, rgba(29, 37, 41, .5));--tpc-search-bar-icon: var(--tapo-color-search-bar-icon, rgba(29, 37, 41, .5));--tpc-search-bar-clear: var(--tapo-color-search-bar-clear-icon, rgba(29, 37, 41, .5));--tpc-search-bar-action: var(--tapo-color-search-bar-action, var(--tapo-color-general-focus, #007aff));--tpc-search-bar-cursor: var(--tapo-color-search-bar-cursor, var(--tapo-color-general-focus, #007aff));--tpc-search-bar-ios-padding-left: var(--tapo-spacing-search-bar-ios-padding-left, 8px);--tpc-search-bar-ios-padding-right: var(--tapo-spacing-search-bar-ios-padding-right, 6px);--tpc-search-bar-icon-text-gap: var(--tapo-spacing-search-bar-icon-text-gap, 2px);--tpc-search-bar-cancel-gap: var(--tapo-spacing-search-bar-cancel-gap, 16px);--tpc-search-bar-font-ios: var(--tapo-typography-search-bar-ios-size, 17px);--tpc-search-bar-line-ios: var(--tapo-typography-search-bar-ios-line-height, 22px);--tpc-search-bar-font-android: var(--tapo-typography-search-bar-android-size, 16px);--tpc-search-bar-line-android: var(--tapo-typography-search-bar-android-line-height, 24px);display:flex;width:var(--tpc-search-bar-width-base);align-items:center;gap:0;color:var(--tpc-search-bar-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,system-ui,sans-serif;letter-spacing:0;box-sizing:border-box}.tpc-search-bar.is-size-new{width:var(--tpc-search-bar-width-new)}.tpc-search-bar.is-size-fluid{width:var(--tpc-search-bar-width-fluid)}.tpc-search-bar.has-cancel{gap:var(--tpc-search-bar-cancel-gap)}.tpc-search-bar-field{position:relative;display:flex;flex:1 1 auto;min-width:0;align-items:center;overflow:hidden;box-sizing:border-box}.tpc-search-bar.is-platform-ios .tpc-search-bar-field{height:var(--tpc-search-bar-ios-height);padding:0 var(--tpc-search-bar-ios-padding-right) 0 var(--tpc-search-bar-ios-padding-left);border-radius:var(--tpc-search-bar-ios-radius);background:var(--tpc-search-bar-ios-bg)}.tpc-search-bar.is-platform-android.is-state-placeholder .tpc-search-bar-field{height:var(--tpc-search-bar-android-placeholder-height);padding:4px;border-radius:var(--tpc-search-bar-android-radius);background:var(--tpc-search-bar-android-bg)}.tpc-search-bar.is-platform-android:not(.is-state-placeholder){gap:var(--tpc-search-bar-cancel-gap)}.tpc-search-bar.is-platform-android:not(.is-state-placeholder) .tpc-search-bar-field{min-height:var(--tpc-search-bar-android-active-height)}.tpc-search-bar-leading-icon,.tpc-search-bar-action,.tpc-search-bar-clear{display:inline-grid;flex:0 0 auto;place-items:center;color:var(--tpc-search-bar-icon)}.tpc-search-bar-leading-icon{width:var(--tpc-search-bar-icon-size);height:var(--tpc-search-bar-icon-size);margin-right:var(--tpc-search-bar-icon-text-gap)}.tpc-search-bar.is-platform-android.is-state-placeholder .tpc-search-bar-leading-icon{width:var(--tpc-search-bar-action-hit-size);height:calc(var(--tpc-search-bar-android-placeholder-height) - 8px);margin-right:4px}.tpc-search-bar svg{display:block;width:var(--tpc-search-bar-icon-size);height:var(--tpc-search-bar-icon-size);fill:currentColor}.tpc-search-bar-text{min-width:0;overflow:hidden;color:var(--tpc-search-bar-placeholder);font-size:var(--tpc-search-bar-font-ios);font-weight:400;line-height:var(--tpc-search-bar-line-ios);text-overflow:ellipsis;white-space:nowrap}.tpc-search-bar-text.is-input{color:var(--tpc-search-bar-text)}.tpc-search-bar.is-platform-android .tpc-search-bar-text{font-family:Roboto,system-ui,sans-serif;font-size:var(--tpc-search-bar-font-android);line-height:var(--tpc-search-bar-line-android)}.tpc-search-bar-cursor{display:inline-block;flex:0 0 auto;width:var(--tapo-size-search-bar-cursor-width, 2px);height:var(--tapo-size-search-bar-cursor-height, 23px);margin-inline:1px;border-radius:2px;background:var(--tpc-search-bar-cursor)}.tpc-search-bar-clear-ios{width:var(--tpc-search-bar-icon-size);height:var(--tpc-search-bar-icon-size);margin-left:auto;border:0;border-radius:999px;background:var(--tpc-search-bar-clear);color:#fff;font:700 14px/1 system-ui,sans-serif}.tpc-search-bar-action,.tpc-search-bar-cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font:inherit}.tpc-search-bar-action{width:var(--tpc-search-bar-action-hit-size);height:var(--tpc-search-bar-action-hit-size);padding:0;color:var(--tpc-search-bar-clear)}.tpc-search-bar-leading-action{color:var(--tpc-search-bar-text)}.tpc-search-bar-clear-android{margin-left:auto}.tpc-search-bar-cancel{flex:0 0 var(--tpc-search-bar-cancel-width);height:var(--tpc-search-bar-ios-height);padding:0;color:var(--tpc-search-bar-action);font-size:var(--tpc-search-bar-font-ios);line-height:var(--tpc-search-bar-line-ios);text-align:center}.tpc-search-bar-preview{display:grid;min-height:180px;place-items:center;padding:32px;background:#f5f7fa}.tpc-search-bar-embedded-preview{width:min(100%,640px);align-content:start;gap:8px;padding:20px}.tpc-search-bar-preview-header{display:grid;width:100%;height:48px;place-items:center;color:var(--tpc-search-bar-text);font:600 16px/20px system-ui,sans-serif}.tpc-search-bar-anatomy-stack{display:grid;width:380px;gap:18px}.tpc-segment{--tpc-segment-width-base: var(--tapo-size-segment-container-width-base, 343px);--tpc-segment-width-new: var(--tapo-size-segment-container-width-new, 370px);--tpc-segment-tab-width-base: var(--tapo-size-segment-tab-container-width-base, 375px);--tpc-segment-tab-width-new: var(--tapo-size-segment-tab-container-width-new, 402px);--tpc-segment-system-height: var(--tapo-size-segment-system-container-height, 34px);--tpc-segment-custom-height: var(--tapo-size-segment-custom-container-height, 37px);--tpc-segment-tab-height: var(--tapo-size-segment-tab-container-height, 45px);--tpc-segment-tab-indicator-height: var(--tapo-size-segment-tab-indicator-height, 2px);--tpc-segment-hot-zone-height: var(--tapo-size-segment-hot-zone-height, 48px);--tpc-segment-system-padding: var(--tapo-spacing-segment-system-container-padding, 4px);--tpc-segment-system-gap: var(--tapo-spacing-segment-system-item-gap, 3px);--tpc-segment-custom-padding: var(--tapo-spacing-segment-custom-container-padding, 2px);--tpc-segment-tab-padding-top: var(--tapo-spacing-segment-tab-padding-top, 12px);--tpc-segment-tab-padding-bottom: var(--tapo-spacing-segment-tab-padding-bottom, 9px);--tpc-segment-tab-padding-x: var(--tapo-spacing-segment-tab-padding-x, 20px);--tpc-segment-tab-gap: var(--tapo-spacing-segment-tab-item-gap, 8px);--tpc-segment-tab-label-indicator-gap: var(--tapo-spacing-segment-tab-label-indicator-gap, 4px);--tpc-segment-system-radius: var(--tapo-radius-segment-system-container, 8px);--tpc-segment-system-selected-radius: var(--tapo-radius-segment-system-selected-container, 5px);--tpc-segment-custom-radius: var(--tapo-radius-segment-custom-container, 999px);--tpc-segment-custom-selected-radius: var(--tapo-radius-segment-custom-selected-container, 16px);--tpc-segment-system-container: var(--tapo-color-segment-system-container, #1d25290f);--tpc-segment-system-selected-container: var(--tapo-color-segment-system-selected-container, var(--tapo-color-general-white-primary, #ffffff));--tpc-segment-custom-container: var(--tapo-color-segment-custom-container, transparent);--tpc-segment-custom-border: var(--tapo-color-segment-custom-border, #1d25290f);--tpc-segment-custom-selected-container: var(--tapo-color-segment-custom-selected-container, var(--tapo-color-general-focus, #007aff));--tpc-segment-selected-label: var(--tapo-color-segment-selected-label, var(--tapo-color-general-default-primary, #1d2529));--tpc-segment-unselected-label: var(--tapo-color-segment-unselected-label, var(--tapo-color-general-default-secondary, #1d252980));--tpc-segment-inverse-selected-label: var(--tapo-color-segment-inverse-selected-label, var(--tapo-color-general-white-primary, #ffffff));--tpc-segment-tab-selected-label: var(--tapo-color-segment-tab-selected-label, var(--tapo-color-button-text-button, #007aff));--tpc-segment-tab-selected-indicator: var(--tapo-color-segment-tab-selected-indicator, var(--tapo-color-button-text-button, #007aff));--tpc-segment-separator: var(--tapo-color-segment-separator, #1d25291a);--tpc-segment-font-family: var(--tapo-typography-family-ios, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif);--tpc-segment-caption-size: var(--tapo-typography-size-subtitle, 14px);--tpc-segment-tab-label-size: var(--tapo-typography-size-body-2, 15px);--tpc-segment-label-weight-selected: var(--tapo-typography-weight-medium, 510);--tpc-segment-label-weight-unselected: var(--tapo-typography-weight-regular, 400);--tpc-segment-label-line-height: var(--tapo-typography-line-height-normal, normal);--tpc-segment-letter-spacing: var(--tapo-typography-letter-spacing-normal, 0);position:relative;display:flex;width:min(100%,var(--tpc-segment-width-base));box-sizing:border-box;color:var(--tpc-segment-unselected-label);font-family:var(--tpc-segment-font-family);letter-spacing:var(--tpc-segment-letter-spacing)}.tpc-segment.is-screen-new{width:min(100%,var(--tpc-segment-width-new))}.tpc-segment.is-screen-fluid{width:100%}.tpc-segment.is-style-system{align-items:center;gap:var(--tpc-segment-system-gap);height:var(--tpc-segment-system-height);padding:var(--tpc-segment-system-padding);border-radius:var(--tpc-segment-system-radius);background:var(--tpc-segment-system-container)}.tpc-segment.is-style-custom{align-items:stretch;height:var(--tpc-segment-custom-height);padding:var(--tpc-segment-custom-padding);border:1px solid var(--tpc-segment-custom-border);border-radius:var(--tpc-segment-custom-radius);background:var(--tpc-segment-custom-container)}.tpc-segment.is-style-tab{align-items:center;gap:var(--tpc-segment-tab-gap);width:min(100%,var(--tpc-segment-tab-width-base));height:var(--tpc-segment-tab-height);padding:var(--tpc-segment-tab-padding-top) var(--tpc-segment-tab-padding-x) var(--tpc-segment-tab-padding-bottom);background:transparent}.tpc-segment.is-style-tab.is-screen-new{width:min(100%,var(--tpc-segment-tab-width-new))}.tpc-segment-item{position:relative;display:flex;min-width:0;flex:1 1 0;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--tpc-segment-system-selected-radius);background:transparent;color:var(--tpc-segment-unselected-label);font:inherit;cursor:pointer}.tpc-segment-item:focus-visible{outline:2px solid var(--tpc-segment-tab-selected-indicator);outline-offset:2px}.tpc-segment-item:disabled{cursor:not-allowed}.tpc-segment-hot-zone{position:absolute;top:50%;left:0;z-index:0;width:100%;min-height:var(--tpc-segment-hot-zone-height);transform:translateY(-50%)}.tpc-segment-label,.tpc-segment-selected-indicator{position:relative;z-index:1}.tpc-segment-label{display:block;min-width:0;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tpc-segment.is-style-system .tpc-segment-item,.tpc-segment.is-style-custom .tpc-segment-item{font-size:var(--tpc-segment-caption-size);line-height:var(--tpc-segment-label-line-height)}.tpc-segment.is-style-system .tpc-segment-item.is-selected{background:var(--tpc-segment-system-selected-container);color:var(--tpc-segment-selected-label)}.tpc-segment.is-style-custom .tpc-segment-item{border-radius:var(--tpc-segment-custom-selected-radius)}.tpc-segment.is-style-custom .tpc-segment-item.is-selected{background:var(--tpc-segment-custom-selected-container);color:var(--tpc-segment-inverse-selected-label)}.tpc-segment.is-style-tab .tpc-segment-item{flex-direction:column;gap:var(--tpc-segment-tab-label-indicator-gap);color:var(--tpc-segment-selected-label);font-size:var(--tpc-segment-tab-label-size);line-height:var(--tpc-segment-label-line-height);white-space:nowrap}.tpc-segment-item.is-selected .tpc-segment-label{font-weight:var(--tpc-segment-label-weight-selected)}.tpc-segment-item.is-unselected .tpc-segment-label{font-weight:var(--tpc-segment-label-weight-unselected)}.tpc-segment.is-style-tab .tpc-segment-item.is-selected{color:var(--tpc-segment-tab-selected-label)}.tpc-segment.is-style-tab .tpc-segment-item.is-unselected .tpc-segment-selected-indicator{opacity:0}.tpc-segment-selected-indicator{display:none}.tpc-segment.is-style-tab .tpc-segment-selected-indicator{display:block;width:100%;height:var(--tpc-segment-tab-indicator-height);background:var(--tpc-segment-tab-selected-indicator)}.tpc-segment-separator{align-self:center;width:1px;height:16px;background:var(--tpc-segment-separator)}.tpc-segment:not(.is-style-system) .tpc-segment-separator{display:none}.tpc-segment.is-disabled{opacity:.6}.tpc-segment-preview-canvas{display:grid;width:min(100%,460px);min-height:180px;place-items:center;padding:32px}.tpc-segment-anatomy-stack{display:grid;width:402px;gap:20px}.tpc-slider,.tpc-slider-composition{--tpc-slider-container: var(--tapo-color-slider-container-default, var(--tapo-color-general-card, #fff));--tpc-slider-text-primary: var(--tapo-color-slider-text-primary, var(--tapo-color-general-default-primary, #1d2529));--tpc-slider-text-secondary: var(--tapo-color-slider-text-secondary, var(--tapo-color-general-default-secondary, rgba(29, 37, 41, .5)));--tpc-slider-track-inactive: var(--tapo-color-slider-track-inactive, var(--tapo-color-black-10, rgba(29, 37, 41, .1)));--tpc-slider-track-active: var(--tapo-color-slider-track-active, var(--tapo-color-general-focus, #007aff));--tpc-slider-track-inactive-outline: var(--tapo-color-slider-track-inactive-outline, transparent);--tpc-slider-thumb: var(--tapo-color-slider-thumb-container, var(--tapo-color-general-card, #fff));--tpc-slider-thumb-border: var(--tapo-color-slider-thumb-border, transparent);--tpc-slider-preset-container: var(--tapo-color-slider-preset-container, var(--tapo-color-black-6, rgba(29, 37, 41, .06)));--tpc-slider-preset-selected-container: var(--tapo-color-slider-preset-selected-container, var(--tapo-color-focus-10, rgba(0, 122, 255, .1)));--tpc-slider-container-radius: var(--tapo-radius-slider-container, var(--tapo-radius-card, 10px));--tpc-slider-thumb-radius: var(--tapo-radius-slider-thumb, 999px);--tpc-slider-preset-radius: var(--tapo-radius-slider-preset-chip, 16px);--tpc-slider-width-base: var(--tapo-size-slider-container-width-base, 343px);--tpc-slider-width-new: var(--tapo-size-slider-container-width-new, 370px);--tpc-slider-container-height: var(--tapo-size-slider-container-height, 56px);--tpc-slider-track-hit-height: var(--tapo-size-slider-track-hit-height, 10px);--tpc-slider-track-stroke: var(--tapo-size-slider-track-stroke, 3px);--tpc-slider-thumb-size: var(--tapo-size-slider-thumb-visual, 28px);--tpc-slider-tick-size: var(--tapo-size-slider-tick, 4px);--tpc-slider-icon-size: var(--tapo-size-slider-icon, 24px);--tpc-slider-padding-x: var(--tapo-spacing-slider-container-padding-x, var(--tapo-spacing-base-tight, 12px));--tpc-slider-icon-track-gap: var(--tapo-spacing-slider-icon-track-gap, var(--tapo-spacing-base-tight, 12px));--tpc-slider-track-inset: var(--tapo-spacing-slider-track-inset, 11px);--tpc-slider-tick-inset: var(--tapo-spacing-slider-tick-inset, 13px);--tpc-slider-label-padding-x: var(--tapo-spacing-slider-label-padding-x, var(--tapo-spacing-base, 16px));--tpc-slider-label-gap: var(--tapo-spacing-slider-label-gap, var(--tapo-spacing-tight, 8px));--tpc-slider-font-body: var(--tapo-typography-size-body-1, 17px);--tpc-slider-font-caption: var(--tapo-typography-size-desc-1, 14px);--tpc-slider-thumb-shadow: var(--tapo-shadow-slider-thumb, 0 1px 3px rgba(39, 63, 70, .16), 0 1px 7px rgba(91, 155, 175, .2));color:var(--tpc-slider-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;letter-spacing:0}.tpc-slider.is-high-contrast{--tpc-slider-track-inactive-outline: var(--tapo-color-slider-track-inactive-outline-high-contrast, rgba(29, 37, 41, .5));--tpc-slider-track-active: var(--tapo-color-slider-track-active-high-contrast, #0069bf);--tpc-slider-thumb-border: var(--tapo-color-slider-thumb-border-high-contrast, #0069bf)}.tpc-slider.is-tone-warning,.tpc-slider-composition.is-tone-warning{--tpc-slider-track-active: var(--tapo-color-slider-track-warning, var(--tapo-color-general-yellow, #ed9e00));--tpc-slider-preset-selected-container: var(--tapo-color-slider-preset-warning-container, rgba(237, 158, 0, .16))}.tpc-slider.is-tone-warning.is-high-contrast,.tpc-slider-composition.is-tone-warning.is-high-contrast{--tpc-slider-track-active: var(--tapo-color-slider-track-warning-high-contrast, #8e5f00);--tpc-slider-thumb-border: var(--tapo-color-slider-thumb-warning-border-high-contrast, #8e5f00)}.tpc-slider{position:relative;display:flex;box-sizing:border-box;width:var(--tpc-slider-width-base);max-width:100%;height:var(--tpc-slider-container-height);align-items:center;justify-content:center;gap:var(--tpc-slider-icon-track-gap);padding:0 var(--tpc-slider-padding-x) 1px;border-radius:var(--tpc-slider-container-radius);background:var(--tpc-slider-container)}.tpc-slider.is-size-new,.tpc-slider-composition.is-size-new{width:var(--tpc-slider-width-new)}.tpc-slider-stack{position:relative;flex:1 1 auto;min-width:0;height:100%}.tpc-slider-track{position:absolute;top:50%;right:0;left:0;height:var(--tpc-slider-track-hit-height);transform:translateY(-50%)}.tpc-slider-track-rail,.tpc-slider-track-fill{position:absolute;top:50%;height:calc(var(--tpc-slider-track-hit-height) - (var(--tpc-slider-track-stroke) * 2));min-height:2px;transform:translateY(-50%)}.tpc-slider-track-rail{right:var(--tpc-slider-track-inset);left:var(--tpc-slider-track-inset);border:1px solid var(--tpc-slider-track-inactive-outline);border-radius:999px;background:var(--tpc-slider-track-inactive)}.tpc-slider-track-fill{right:var(--tpc-slider-fill-right, 50%);left:var(--tpc-slider-fill-left, 0%);border-radius:999px;background:var(--tpc-slider-track-active)}.tpc-slider-ticks{position:absolute;top:50%;right:var(--tpc-slider-tick-inset);left:var(--tpc-slider-tick-inset);display:flex;align-items:center;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.tpc-slider-ticks span{width:var(--tpc-slider-tick-size);height:var(--tpc-slider-tick-size);border-radius:50%;background:color-mix(in srgb,var(--tpc-slider-container) 72%,transparent)}.tpc-slider-thumb{position:absolute;top:50%;z-index:2;width:var(--tpc-slider-thumb-size);height:var(--tpc-slider-thumb-size);border:1px solid var(--tpc-slider-thumb-border);border-radius:var(--tpc-slider-thumb-radius);background:var(--tpc-slider-thumb);box-shadow:var(--tpc-slider-thumb-shadow);transform:translate(-50%,-50%)}.tpc-slider-thumb-primary{left:var(--tpc-slider-thumb-primary-left, 50%)}.tpc-slider-thumb-secondary{left:var(--tpc-slider-thumb-secondary-left, 25%)}.tpc-slider-thumb:focus-visible{outline:2px solid var(--tpc-slider-track-active);outline-offset:3px}.tpc-slider-scale-icon{display:inline-flex;flex:0 0 auto;width:var(--tpc-slider-icon-size);height:var(--tpc-slider-icon-size);align-items:center;justify-content:center;color:var(--tpc-slider-text-primary)}.tpc-slider-scale-svg{display:block;width:100%;height:100%}.tpc-slider-scale-drop,.tpc-slider-scale-slash{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.tpc-slider-composition{display:inline-flex;box-sizing:border-box;width:var(--tpc-slider-width-base);max-width:100%;flex-direction:column;border-radius:var(--tpc-slider-container-radius);background:var(--tpc-slider-container);overflow:hidden}.tpc-slider-composition>.tpc-slider{width:100%;border-radius:0}.tpc-slider-list-row{display:flex;min-height:56px;align-items:center;justify-content:space-between;padding:0 var(--tpc-slider-label-padding-x);gap:var(--tpc-slider-label-gap);font-size:var(--tpc-slider-font-body)}.tpc-slider-list-title,.tpc-slider-list-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpc-slider-list-value,.tpc-slider-label-row,.tpc-slider-current-value{color:var(--tpc-slider-text-secondary)}.tpc-slider-label-row{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:10px var(--tpc-slider-label-padding-x) 0;gap:var(--tpc-slider-label-gap);font-size:var(--tpc-slider-font-caption)}.tpc-slider-label-row.has-three-labels span:nth-child(2){color:var(--tpc-slider-text-primary)}.tpc-slider-preset-row{display:flex;align-items:center;justify-content:space-between;padding:18px var(--tpc-slider-label-padding-x) 8px;gap:var(--tpc-slider-label-gap)}.tpc-slider-preset-row span{display:inline-flex;min-width:56px;height:28px;align-items:center;justify-content:center;box-sizing:border-box;padding:5px 8px;border-radius:var(--tpc-slider-preset-radius);background:var(--tpc-slider-preset-container);color:var(--tpc-slider-text-secondary);font-size:var(--tpc-slider-font-caption)}.tpc-slider-preset-row span.is-selected{background:var(--tpc-slider-preset-selected-container);color:var(--tpc-slider-track-active);font-weight:510}.tpc-slider-current-value{min-height:24px;text-align:center;font-size:var(--tpc-slider-font-caption)}.tpc-slider-icon-label{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;font-size:var(--tpc-slider-font-caption)}.tpc-slider-icon-label .tpc-slider-scale-svg{width:18px;height:18px}.tpc-slider-preview-canvas{display:grid;min-height:220px;place-items:center;padding:32px}.tpc-slider-anatomy-stack{display:grid;width:360px;gap:16px}:root{--deco-font-fonts: "SF Pro";--deco-font-ios: var(--deco-font-fonts);--deco-font-android: "Roboto";--deco-font-icons: "Tether";--deco-font-size-main-text: 17px;--deco-font-weight-title-1: 600;--deco-font-weight-title-4: 600;--deco-font-weight-button-text: 500;--deco-font-family-ios: var(--deco-font-fonts), -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif;--deco-font-family-android: "Roboto", "Noto Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--deco-font-family: var(--deco-font-family-ios);--deco-font-weight-regular: 400;--deco-font-weight-medium: 500;--deco-font-weight-semibold: 600;--deco-font-weight-bold: 700;--deco-font-size-title-1: 28px;--deco-font-size-title-2: 22px;--deco-font-size-title-3: 18px;--deco-font-size-body-1: var(--deco-font-size-main-text);--deco-font-size-body-2: 15px;--deco-font-size-subtitle: 14px;--deco-font-size-desc-1: 14px;--deco-font-size-desc-2: 13px;--deco-font-size-desc-3: 16px;--deco-font-size-desc-4: 12px;--deco-font-size-annotation: 10px;--deco-font-size-annotation-text: var(--deco-font-size-annotation);--deco-line-height-normal: normal;--deco-line-height-title-en: 1.3;--deco-line-height-title-cn: 1.5;--deco-line-height-body-en: 1.5;--deco-line-height-body-cn: 1.7;--deco-letter-spacing-normal: 0px;--tether-font-fonts: "SF Pro";--tether-font-ios: var(--tether-font-fonts);--tether-font-android: "Roboto";--tether-font-icons: "Tether";--tether-font-size-main-text: 17px;--tether-font-weight-title-1: 600;--tether-font-weight-title-4: 600;--tether-font-weight-button-text: 500;--tether-font-family-ios: var(--tether-font-fonts), -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif;--tether-font-family-android: "Roboto", "Noto Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--tether-font-family: var(--tether-font-family-ios);--tether-font-weight-regular: 400;--tether-font-weight-medium: 500;--tether-font-weight-semibold: 600;--tether-font-weight-bold: 700;--tether-font-size-title-1: 28px;--tether-font-size-title-2: 22px;--tether-font-size-title-3: 18px;--tether-font-size-body-1: var(--tether-font-size-main-text);--tether-font-size-body-2: 15px;--tether-font-size-subtitle: 14px;--tether-font-size-desc-1: 14px;--tether-font-size-desc-2: 13px;--tether-font-size-desc-3: 16px;--tether-font-size-desc-4: 12px;--tether-font-size-annotation: 10px;--tether-font-size-annotation-text: var(--tether-font-size-annotation);--tether-line-height-normal: normal;--tether-line-height-title-en: 1.3;--tether-line-height-title-cn: 1.5;--tether-line-height-body-en: 1.5;--tether-line-height-body-cn: 1.7;--tether-letter-spacing-normal: 0px;--tapo-font-fonts: "SF Pro";--tapo-font-ios: var(--tapo-font-fonts);--tapo-font-android: "Roboto";--tapo-font-icons: "Tapo";--tapo-font-size-main-text: 17px;--tapo-font-weight-title-1: 600;--tapo-font-weight-title-4: 600;--tapo-font-weight-button-text: 500;--tapo-font-family-ios: var(--tapo-font-fonts), -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif;--tapo-font-family-android: "Roboto", "Noto Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--tapo-font-family: var(--tapo-font-family-ios);--tapo-font-weight-regular: 400;--tapo-font-weight-medium: 500;--tapo-font-weight-semibold: 600;--tapo-font-weight-bold: 700;--tapo-font-size-title-1: 28px;--tapo-font-size-title-2: 22px;--tapo-font-size-title-3: 18px;--tapo-font-size-body-1: var(--tapo-font-size-main-text);--tapo-font-size-body-2: 15px;--tapo-font-size-subtitle: 14px;--tapo-font-size-desc-1: 14px;--tapo-font-size-desc-2: 13px;--tapo-font-size-desc-3: 16px;--tapo-font-size-desc-4: 12px;--tapo-font-size-annotation: 10px;--tapo-font-size-annotation-text: var(--tapo-font-size-annotation);--tapo-line-height-normal: normal;--tapo-line-height-title-en: 1.3;--tapo-line-height-title-cn: 1.5;--tapo-line-height-body-en: 1.5;--tapo-line-height-body-cn: 1.7;--tapo-letter-spacing-normal: 0px;--omada-font-fonts: "SF Pro";--omada-font-ios: var(--omada-font-fonts);--omada-font-android: "Roboto";--omada-font-icons: "Omada";--omada-font-size-main-text: 16px;--omada-font-weight-title-1: 300;--omada-font-weight-title-4: 400;--omada-font-weight-button-text: 400;--omada-font-family-ios: var(--omada-font-fonts), -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif;--omada-font-family-android: "Roboto", "Noto Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--omada-font-family: var(--omada-font-family-ios);--omada-font-weight-regular: 400;--omada-font-weight-medium: 500;--omada-font-weight-semibold: 600;--omada-font-weight-bold: 700;--omada-font-size-title-1: 28px;--omada-font-size-title-2: 22px;--omada-font-size-title-3: 18px;--omada-font-size-body-1: var(--omada-font-size-main-text);--omada-font-size-body-2: 15px;--omada-font-size-subtitle: 14px;--omada-font-size-desc-1: 14px;--omada-font-size-desc-2: 13px;--omada-font-size-desc-3: 16px;--omada-font-size-desc-4: 12px;--omada-font-size-annotation: 10px;--omada-font-size-annotation-text: var(--omada-font-size-annotation);--omada-line-height-normal: normal;--omada-line-height-title-en: 1.3;--omada-line-height-title-cn: 1.5;--omada-line-height-body-en: 1.5;--omada-line-height-body-cn: 1.7;--omada-letter-spacing-normal: 0px}:root{--deco-spacing-none: 0;--deco-spacing-super-tight: 2px;--deco-spacing-extra-tight: 4px;--deco-spacing-tight: 8px;--deco-spacing-base-tight: 12px;--deco-spacing-base: 16px;--deco-spacing-base-loose: 20px;--deco-spacing-loose: 24px;--deco-spacing-extra-loose: 32px;--deco-spacing-super-loose: 40px;--tether-spacing-none: 0;--tether-spacing-super-tight: 2px;--tether-spacing-extra-tight: 4px;--tether-spacing-tight: 8px;--tether-spacing-base-tight: 12px;--tether-spacing-base: 16px;--tether-spacing-base-loose: 20px;--tether-spacing-loose: 24px;--tether-spacing-extra-loose: 32px;--tether-spacing-super-loose: 40px;--tapo-spacing-none: 0;--tapo-spacing-super-tight: 2px;--tapo-spacing-extra-tight: 4px;--tapo-spacing-tight: 8px;--tapo-spacing-base-tight: 12px;--tapo-spacing-base: 16px;--tapo-spacing-base-loose: 20px;--tapo-spacing-loose: 24px;--tapo-spacing-extra-loose: 32px;--tapo-spacing-super-loose: 40px;--omada-spacing-none: 0;--omada-spacing-super-tight: 2px;--omada-spacing-extra-tight: 4px;--omada-spacing-tight: 8px;--omada-spacing-base-tight: 12px;--omada-spacing-base: 16px;--omada-spacing-base-loose: 20px;--omada-spacing-loose: 24px;--omada-spacing-extra-loose: 32px;--omada-spacing-super-loose: 40px}:root{--deco-height-control-small: 24px;--deco-height-control-default: 32px;--deco-height-control-large: 40px;--deco-border-thickness: 0;--deco-border-thickness-control: 1px;--deco-border-thickness-control-focus: 1px;--deco-width-icon-16: 16px;--deco-width-icon-24: 24px;--deco-width-icon-36: 36px;--deco-width-icon-40: 40px;--deco-width-icon-48: 48px;--deco-width-icon-64: 64px;--deco-width-icon-76: 76px;--deco-width-icon-160: 160px;--tether-height-control-small: 24px;--tether-height-control-default: 32px;--tether-height-control-large: 40px;--tether-border-thickness: 0;--tether-border-thickness-control: 1px;--tether-border-thickness-control-focus: 1px;--tether-width-icon-16: 16px;--tether-width-icon-24: 24px;--tether-width-icon-36: 36px;--tether-width-icon-40: 40px;--tether-width-icon-48: 48px;--tether-width-icon-64: 64px;--tether-width-icon-76: 76px;--tether-width-icon-160: 160px;--tapo-height-control-small: 24px;--tapo-height-control-default: 32px;--tapo-height-control-large: 40px;--tapo-border-thickness: 0;--tapo-border-thickness-control: 1px;--tapo-border-thickness-control-focus: 1px;--tapo-width-icon-16: 16px;--tapo-width-icon-24: 24px;--tapo-width-icon-36: 36px;--tapo-width-icon-40: 40px;--tapo-width-icon-48: 48px;--tapo-width-icon-64: 64px;--tapo-width-icon-76: 76px;--tapo-width-icon-160: 160px;--omada-height-control-small: 24px;--omada-height-control-default: 32px;--omada-height-control-large: 40px;--omada-border-thickness: 0;--omada-border-thickness-control: 1px;--omada-border-thickness-control-focus: 1px;--omada-width-icon-16: 16px;--omada-width-icon-24: 24px;--omada-width-icon-36: 36px;--omada-width-icon-40: 40px;--omada-width-icon-48: 48px;--omada-width-icon-64: 64px;--omada-width-icon-76: 76px;--omada-width-icon-160: 160px}:root{--deco-corner-radius-button: 12px;--deco-corner-radius-card: 10px;--deco-corner-radius-in-card-button: 8px;--deco-radius-button: var(--deco-corner-radius-button);--deco-radius-card: var(--deco-corner-radius-card);--deco-radius-in-card-button: var(--deco-corner-radius-in-card-button);--tether-corner-radius-button: 12px;--tether-corner-radius-card: 10px;--tether-corner-radius-in-card-button: 8px;--tether-radius-button: var(--tether-corner-radius-button);--tether-radius-card: var(--tether-corner-radius-card);--tether-radius-in-card-button: var(--tether-corner-radius-in-card-button);--tapo-corner-radius-button: 24px;--tapo-corner-radius-card: 16px;--tapo-corner-radius-in-card-button: 10px;--tapo-radius-button: var(--tapo-corner-radius-button);--tapo-radius-card: var(--tapo-corner-radius-card);--tapo-radius-in-card-button: var(--tapo-corner-radius-in-card-button);--omada-corner-radius-button: 10px;--omada-corner-radius-card: 10px;--omada-corner-radius-in-card-button: 8px;--omada-radius-button: var(--omada-corner-radius-button);--omada-radius-card: var(--omada-corner-radius-card);--omada-radius-in-card-button: var(--omada-corner-radius-in-card-button)}:root{--deco-easing-ease-in: cubic-bezier(.42, 0, 1, 1);--deco-easing-ease-out: cubic-bezier(0, 0, .58, 1);--deco-easing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--deco-easing-linear: cubic-bezier(0, 0, 1, 1);--deco-duration-emphasized: .5s;--deco-duration-emphasized-decelerate: .4s;--deco-duration-emphasized-accelerate: .2s;--deco-duration-standard: .3s;--deco-duration-standard-decelerate: .25s;--deco-duration-standard-accelerate: .2s;--deco-duration-indicator-spin: .9s;--mercusys-easing-ease-in: var(--deco-easing-ease-in);--mercusys-easing-ease-out: var(--deco-easing-ease-out);--mercusys-easing-ease-in-out: var(--deco-easing-ease-in-out);--mercusys-easing-linear: var(--deco-easing-linear);--mercusys-duration-emphasized: var(--deco-duration-emphasized);--mercusys-duration-emphasized-decelerate: var(--deco-duration-emphasized-decelerate);--mercusys-duration-emphasized-accelerate: var(--deco-duration-emphasized-accelerate);--mercusys-duration-standard: var(--deco-duration-standard);--mercusys-duration-standard-decelerate: var(--deco-duration-standard-decelerate);--mercusys-duration-standard-accelerate: var(--deco-duration-standard-accelerate);--mercusys-duration-indicator-spin: var(--deco-duration-indicator-spin);--tether-easing-ease-in: cubic-bezier(.42, 0, 1, 1);--tether-easing-ease-out: cubic-bezier(0, 0, .58, 1);--tether-easing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--tether-easing-linear: cubic-bezier(0, 0, 1, 1);--tether-duration-emphasized: .5s;--tether-duration-emphasized-decelerate: .4s;--tether-duration-emphasized-accelerate: .2s;--tether-duration-standard: .3s;--tether-duration-standard-decelerate: .25s;--tether-duration-standard-accelerate: .2s;--tether-duration-indicator-spin: .9s;--soho-easing-ease-in: var(--tether-easing-ease-in);--soho-easing-ease-out: var(--tether-easing-ease-out);--soho-easing-ease-in-out: var(--tether-easing-ease-in-out);--soho-easing-linear: var(--tether-easing-linear);--soho-duration-emphasized: var(--tether-duration-emphasized);--soho-duration-emphasized-decelerate: var(--tether-duration-emphasized-decelerate);--soho-duration-emphasized-accelerate: var(--tether-duration-emphasized-accelerate);--soho-duration-standard: var(--tether-duration-standard);--soho-duration-standard-decelerate: var(--tether-duration-standard-decelerate);--soho-duration-standard-accelerate: var(--tether-duration-standard-accelerate);--soho-duration-indicator-spin: var(--tether-duration-indicator-spin);--tapo-easing-ease-in: cubic-bezier(.42, 0, 1, 1);--tapo-easing-ease-out: cubic-bezier(0, 0, .58, 1);--tapo-easing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--tapo-easing-linear: cubic-bezier(0, 0, 1, 1);--tapo-duration-emphasized: .5s;--tapo-duration-emphasized-decelerate: .4s;--tapo-duration-emphasized-accelerate: .2s;--tapo-duration-standard: .3s;--tapo-duration-standard-decelerate: .25s;--tapo-duration-standard-accelerate: .2s;--tapo-duration-indicator-spin: .9s;--omada-easing-ease-in: cubic-bezier(.42, 0, 1, 1);--omada-easing-ease-out: cubic-bezier(0, 0, .58, 1);--omada-easing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--omada-easing-linear: cubic-bezier(0, 0, 1, 1);--omada-duration-emphasized: .5s;--omada-duration-emphasized-decelerate: .4s;--omada-duration-emphasized-accelerate: .2s;--omada-duration-standard: .3s;--omada-duration-standard-decelerate: .25s;--omada-duration-standard-accelerate: .2s;--omada-duration-indicator-spin: .9s;--motion-easing-linear: var(--tapo-easing-linear);--motion-duration-indicator-spin: var(--tapo-duration-indicator-spin)}:root[data-brand=deco]{--motion-easing-linear: var(--deco-easing-linear);--motion-duration-indicator-spin: var(--deco-duration-indicator-spin)}:root[data-brand=mercusys]{--motion-easing-linear: var(--mercusys-easing-linear);--motion-duration-indicator-spin: var(--mercusys-duration-indicator-spin)}:root[data-brand=tether]{--motion-easing-linear: var(--tether-easing-linear);--motion-duration-indicator-spin: var(--tether-duration-indicator-spin)}:root[data-brand=soho]{--motion-easing-linear: var(--soho-easing-linear);--motion-duration-indicator-spin: var(--soho-duration-indicator-spin)}:root[data-brand=omada]{--motion-easing-linear: var(--omada-easing-linear);--motion-duration-indicator-spin: var(--omada-duration-indicator-spin)}:root{--deco-lightgreen-0: #ABD94F1A;--deco-lightgreen-1: #ABD94F33;--deco-lightgreen-2: #ABD94F66;--deco-lightgreen-3: #ABD94F99;--deco-lightgreen-4: #ABD94FCC;--deco-lightgreen-5: #ABD94F;--deco-lightgreen-6: #9AC347;--deco-lightgreen-7: #89AE3F;--deco-lightgreen-8: #789837;--deco-lightgreen-9: #6F8D33;--deco-lightgreen-10: #67822F;--deco-green-0: #51C85B1A;--deco-green-1: #51C85B33;--deco-green-2: #51C85B66;--deco-green-3: #51C85B99;--deco-green-4: #51C85BCC;--deco-green-5: #51C85B;--deco-green-6: #49B452;--deco-green-7: #41A049;--deco-green-8: #398C40;--deco-green-9: #35823B;--deco-green-10: #317837;--deco-brand-0: #4ACBD61A;--deco-brand-1: #4ACBD633;--deco-brand-2: #4ACBD666;--deco-brand-3: #4ACBD699;--deco-brand-4: #4ACBD6CC;--deco-brand-5: #4ACBD6;--deco-brand-6: #43B7C1;--deco-brand-7: #3BA2AB;--deco-brand-8: #348E96;--deco-brand-9: #30848B;--deco-brand-10: #2C7A80;--deco-blue-0: #28A5E41A;--deco-blue-1: #28A5E433;--deco-blue-2: #28A5E466;--deco-blue-3: #28A5E499;--deco-blue-4: #28A5E4CC;--deco-blue-5: #28A5E4;--deco-blue-6: #2495CD;--deco-blue-7: #2084B6;--deco-blue-8: #1C74A0;--deco-blue-9: #1A6B94;--deco-blue-10: #186389;--deco-indigo-0: #4A61D61A;--deco-indigo-1: #4A61D633;--deco-indigo-2: #4A61D666;--deco-indigo-3: #4A61D699;--deco-indigo-4: #4A61D6CC;--deco-indigo-5: #4A61D6;--deco-indigo-6: #4357C1;--deco-indigo-7: #3B4EAB;--deco-indigo-8: #344496;--deco-indigo-9: #303F8B;--deco-indigo-10: #2C3A80;--deco-purple-0: #BF4AD61A;--deco-purple-1: #BF4AD633;--deco-purple-2: #BF4AD666;--deco-purple-3: #BF4AD699;--deco-purple-4: #BF4AD6CC;--deco-purple-5: #BF4AD6;--deco-purple-6: #AC43C1;--deco-purple-7: #993BAB;--deco-purple-8: #863496;--deco-purple-9: #7C308B;--deco-purple-10: #732C80;--deco-red-0: #E234341A;--deco-red-1: #E2343433;--deco-red-2: #E2343466;--deco-red-3: #E2343499;--deco-red-4: #E23434CC;--deco-red-5: #E23434;--deco-red-6: #CB2F2F;--deco-red-7: #B52A2A;--deco-red-8: #9E2424;--deco-red-9: #932222;--deco-red-10: #881F1F;--deco-orange-0: #EE801A1A;--deco-orange-1: #EE801A33;--deco-orange-2: #EE801A66;--deco-orange-3: #EE801A99;--deco-orange-4: #EE801ACC;--deco-orange-5: #EE801A;--deco-orange-6: #D67317;--deco-orange-7: #BE6615;--deco-orange-8: #A75A12;--deco-orange-9: #9B5311;--deco-orange-10: #8F4D10;--deco-yellow-0: #EFBE001A;--deco-yellow-1: #EFBE0033;--deco-yellow-2: #EFBE0066;--deco-yellow-3: #EFBE0099;--deco-yellow-4: #EFBE00CC;--deco-yellow-5: #EFBE00;--deco-yellow-6: #D7AB00;--deco-yellow-7: #BF9800;--deco-yellow-8: #A78500;--deco-yellow-9: #9B7C00;--deco-yellow-10: #8F7200;--deco-Black-0: #00000014;--deco-Black-1: #00000029;--deco-Black-2: #0000003D;--deco-Black-3: #0000004C;--deco-Black-4: #00000066;--deco-Black-5: #00000080;--deco-Black-6: #00000099;--deco-Black-7: #000000B2;--deco-Black-8: #000000CC;--deco-Black-9: #000000E6;--deco-Black-10: #000000;--deco-Grey-0: #1D252914;--deco-Grey-1: #1D252929;--deco-Grey-2: #1D25293D;--deco-Grey-3: #1D25294C;--deco-Grey-4: #1D252966;--deco-Grey-5: #1D252980;--deco-Grey-6: #1D252999;--deco-Grey-7: #1D2529B2;--deco-Grey-8: #1D2529CC;--deco-Grey-9: #1D2529E6;--deco-Grey-10: #1D2529;--deco-White-0: #FFFFFF14;--deco-White-1: #FFFFFF29;--deco-White-2: #FFFFFF3D;--deco-White-3: #FFFFFF4C;--deco-White-4: #FFFFFF66;--deco-White-5: #FFFFFF80;--deco-White-6: #FFFFFF99;--deco-White-7: #FFFFFFB2;--deco-White-8: #FFFFFFCC;--deco-White-9: #FFFFFFE6;--deco-White-10: #FFFFFF;--deco-bluegrey-0: #F5F7FA;--deco-bluegrey-1: #EAEEF4;--deco-bluegrey-2: #D0DAE7;--deco-bluegrey-3: #A7BBD2;--deco-bluegrey-4: #7897B8;--deco-bluegrey-5: #577AA0;--deco-bluegrey-6: #446285;--deco-bluegrey-7: #38506C;--deco-bluegrey-8: #31445B;--deco-bluegrey-9: #2D3B4D;--deco-bluegrey-10: #1D2529;--tether-brand-0: #EBFBF9;--tether-brand-1: #D8F7F4;--tether-brand-2: #B1EFE8;--tether-brand-3: #8AE7DC;--tether-brand-4: #63DFD0;--tether-brand-5: #52D5C4;--tether-brand-6: #4AC0B0;--tether-brand-7: #42AB9D;--tether-brand-8: #399689;--tether-brand-9: #358C80;--tether-brand-10: #318276;--tether-success-0: #E3FCF3;--tether-success-1: #C7F9E7;--tether-success-2: #8FF3CF;--tether-success-3: #57EDB7;--tether-success-4: #1FE79F;--tether-success-5: #00D084;--tether-success-6: #00BB77;--tether-success-7: #00A66A;--tether-success-8: #00915D;--tether-success-9: #008756;--tether-success-10: #007D50;--tether-warning-0: #FFF4E8;--tether-warning-1: #FFE9D1;--tether-warning-2: #FFD3A3;--tether-warning-3: #FEB675;--tether-warning-4: #F89E48;--tether-warning-5: #F0982D;--tether-warning-6: #D88929;--tether-warning-7: #C07A24;--tether-warning-8: #A86B20;--tether-warning-9: #9C631D;--tether-warning-10: #905B1B;--tether-error-0: #FFEEED;--tether-error-1: #FFDCDC;--tether-error-2: #FFBABA;--tether-error-3: #FF9797;--tether-error-4: #F56F6F;--tether-error-5: #E8483F;--tether-error-6: #D14139;--tether-error-7: #B93A32;--tether-error-8: #A2322C;--tether-error-9: #972F29;--tether-error-10: #8C2B26;--tapo-green-0: #BCE1281A;--tapo-green-1: #BCE12833;--tapo-green-2: #BCE12866;--tapo-green-3: #BCE12899;--tapo-green-4: #BCE128CC;--tapo-green-5: #ACD119;--tapo-green-6: #9BBC16;--tapo-green-7: #8AA714;--tapo-green-8: #789211;--tapo-green-9: #677D0F;--tapo-green-10: #56690D;--tapo-lightgreen-0: #42C17C1A;--tapo-lightgreen-1: #42C17C33;--tapo-lightgreen-2: #42C17C66;--tapo-lightgreen-3: #42C17C99;--tapo-lightgreen-4: #42C17CCC;--tapo-lightgreen-5: #42C17C;--tapo-lightgreen-6: #3BAE70;--tapo-lightgreen-7: #359A63;--tapo-lightgreen-8: #2E8757;--tapo-lightgreen-9: #28744A;--tapo-lightgreen-10: #21613E;--tapo-skyblue-0: #28B5D41A;--tapo-skyblue-1: #28B5D433;--tapo-skyblue-2: #28B5D466;--tapo-skyblue-3: #28B5D499;--tapo-skyblue-4: #28B5D4CC;--tapo-skyblue-5: #28B5D4;--tapo-skyblue-6: #24A3BF;--tapo-skyblue-7: #2091AA;--tapo-skyblue-8: #1C7F94;--tapo-skyblue-9: #186D7F;--tapo-skyblue-10: #145B6A;--tapo-brand-0: #0088E31A;--tapo-brand-1: #0088E333;--tapo-brand-2: #0088E366;--tapo-brand-3: #0088E399;--tapo-brand-4: #0088E3CC;--tapo-brand-5: #0088E3;--tapo-brand-6: #007ACC;--tapo-brand-7: #006DB6;--tapo-brand-8: #005F9F;--tapo-brand-9: #005288;--tapo-brand-10: #004472;--tapo-indigo-0: #5B6FF01A;--tapo-indigo-1: #5B6FF033;--tapo-indigo-2: #5B6FF066;--tapo-indigo-3: #5B6FF099;--tapo-indigo-4: #5B6FF0CC;--tapo-indigo-5: #5B6FF0;--tapo-indigo-6: #5264D8;--tapo-indigo-7: #4959C0;--tapo-indigo-8: #404EA8;--tapo-indigo-9: #374390;--tapo-indigo-10: #2E3878;--tapo-purple-0: #AF59EB1A;--tapo-purple-1: #AF59EB33;--tapo-purple-2: #AF59EB66;--tapo-purple-3: #AF59EB99;--tapo-purple-4: #AF59EBCC;--tapo-purple-5: #AF59EB;--tapo-purple-6: #9D50D3;--tapo-purple-7: #8C47BC;--tapo-purple-8: #7A3EA4;--tapo-purple-9: #69358D;--tapo-purple-10: #582D76;--tapo-red-0: #EB2F451A;--tapo-red-1: #EB2F4533;--tapo-red-2: #EB2F4566;--tapo-red-3: #EB2F4599;--tapo-red-4: #EB2F45CC;--tapo-red-5: #EB2F45;--tapo-red-6: #D32A3E;--tapo-red-7: #BC2637;--tapo-red-8: #A42130;--tapo-red-9: #8D1C29;--tapo-red-10: #761823;--tapo-orangered-0: #ED76261A;--tapo-orangered-1: #ED762633;--tapo-orangered-2: #ED762666;--tapo-orangered-3: #ED762699;--tapo-orangered-4: #ED7626CC;--tapo-orangered-5: #ED7626;--tapo-orangered-6: #D56A22;--tapo-orangered-7: #BE5E1E;--tapo-orangered-8: #A6531B;--tapo-orangered-9: #8E4717;--tapo-orangered-10: #773B13;--tapo-orange-0: #ED9E001A;--tapo-orange-1: #ED9E0033;--tapo-orange-2: #ED9E0066;--tapo-orange-3: #ED9E0099;--tapo-orange-4: #ED9E00CC;--tapo-orange-5: #ED9E00;--tapo-orange-6: #D58E00;--tapo-orange-7: #BE7E00;--tapo-orange-8: #A66F00;--tapo-orange-9: #8E5F00;--tapo-orange-10: #774F00;--tapo-yellow-0: #F0BF001A;--tapo-yellow-1: #F0BF0033;--tapo-yellow-2: #F0BF0066;--tapo-yellow-3: #F0BF0099;--tapo-yellow-4: #F0BF00CC;--tapo-yellow-5: #F0BF00;--tapo-yellow-6: #D8AC00;--tapo-yellow-7: #C09900;--tapo-yellow-8: #A88600;--tapo-yellow-9: #907300;--tapo-yellow-10: #786000;--omada-brand-0: #EAF4F4;--omada-brand-1: #D5E9E8;--omada-brand-2: #ABD3D1;--omada-brand-3: #81BDBC;--omada-brand-4: #57A6A4;--omada-brand-5: #2D8F8C;--omada-brand-6: #29817E;--omada-brand-7: #247370;--omada-brand-8: #206462;--omada-brand-9: #1D5D5B;--omada-brand-10: #1B5654;--omada-omadagold-0: #F9F5F0;--omada-omadagold-1: #F3EBE1;--omada-omadagold-2: #E7D7C3;--omada-omadagold-3: #DBC3A5;--omada-omadagold-4: #CFB088;--omada-omadagold-5: #C59B6D;--omada-omadagold-6: #B18C62;--omada-omadagold-7: #9D7C57;--omada-omadagold-8: #8A6D4C;--omada-omadagold-9: #806546;--omada-omadagold-10: #765D41;--tether-bluegrey-0: #F5F7FA;--tether-bluegrey-1: #EAEEF4;--tether-bluegrey-2: #D0DAE7;--tether-bluegrey-3: #A7BBD2;--tether-bluegrey-4: #7897B8;--tether-bluegrey-5: #577AA0;--tether-bluegrey-6: #446285;--tether-bluegrey-7: #38506C;--tether-bluegrey-8: #31445B;--tether-bluegrey-9: #2D3B4D;--tether-bluegrey-10: #1D2529;--tapo-bluegrey-0: #F5F7FA;--tapo-bluegrey-1: #EAEEF4;--tapo-bluegrey-2: #D0DAE7;--tapo-bluegrey-3: #A7BBD2;--tapo-bluegrey-4: #7897B8;--tapo-bluegrey-5: #577AA0;--tapo-bluegrey-6: #446285;--tapo-bluegrey-7: #38506C;--tapo-bluegrey-8: #31445B;--tapo-bluegrey-9: #2D3B4D;--tapo-bluegrey-10: #1D2529;--omada-bluegrey-0: #F5F7FA;--omada-bluegrey-1: #EAEEF4;--omada-bluegrey-2: #D0DAE7;--omada-bluegrey-3: #A7BBD2;--omada-bluegrey-4: #7897B8;--omada-bluegrey-5: #577AA0;--omada-bluegrey-6: #446285;--omada-bluegrey-7: #38506C;--omada-bluegrey-8: #31445B;--omada-bluegrey-9: #2D3B4D;--omada-bluegrey-10: #1D2529;--deco-other-0: #212124;--deco-other-1: #2D2D30;--tether-other-0: #212124;--tether-other-1: #2D2D30;--tapo-other-0: #212124;--tapo-other-1: #2D2D30;--omada-other-0: #212124;--omada-other-1: #2D2D30}