// Application pages v2 (built by v2/app-page.mjs). Scoped page sheet: it adds only what the Industrial Pro system // (assets/oxx-ic.css.liquid,loaded site-wide) and the material-guide components do not already provide. // Result: an application page uses the same tokens,type scale,buttons,tables and chips as /pages/material-guide. // Never restyle .ic-* here; that belongs to the design system. .oxx-app{padding-bottom:40px}.oxx-app-jump{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--ic-line);box-shadow:0 4px 12px #0b1b2e0a}.oxx-app-jump ul{display:flex;gap:2px;margin:0;padding:0;list-style:none;overflow-x:auto;min-width:0}.oxx-app-jump a{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:0 12px;font:600 14px/1 var(--ic-font);color:var(--ic-muted);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}.oxx-app-jump a:hover{color:var(--ic-ink);border-bottom-color:var(--ic-line-2)}.oxx-app-jump a .ic-icon{color:var(--ic-subtle)}.oxx-app-sec{scroll-margin-top:72px}.oxx-app-hero{padding:34px 0 30px;background:linear-gradient(180deg,#fff 0%,#fff 62%,var(--ic-panel) 100%);border-bottom:1px solid var(--ic-line)}.oxx-app-hero .ic-h1{max-width:22ch}.oxx-app-hero__lead{max-width:72ch;font-size:17px}.oxx-app-hero__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.oxx-app-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0;list-style:none;counter-reset:p}.oxx-app-path a{display:flex;align-items:flex-start;gap:12px;height:100%;padding:14px 16px;background:#fff;border:1px solid var(--ic-line-2);border-radius:var(--ic-radius-lg);text-decoration:none;transition:border-color .15s,box-shadow .15s}.oxx-app-path a:hover{border-color:var(--ic-ink);box-shadow:var(--ic-shadow)}.oxx-app-path__n{flex:none;font:700 12px/1 var(--ic-mono);color:var(--ic-orange-deep);padding-top:3px}.oxx-app-path__b{display:grid;gap:3px;min-width:0}.oxx-app-path__b strong{font:650 15.5px/1.25 var(--ic-font);color:var(--ic-ink)}.oxx-app-path__b span{font-size:13.5px;line-height:1.4;color:var(--ic-muted)}.oxx-app-body{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:44px;padding-top:0}.oxx-app-main{min-width:0}.oxx-app-rail{min-width:0;padding-top:40px}@media(min-width:1081px){.oxx-app-rail{position:sticky;top:16px;align-self:start}.oxx-app-rail>*+*{margin-top:14px}}.oxx-app-foot .oxx-app-sec{border-top:1px solid var(--ic-line)}.oxx-app-sec{padding:34px 0}.oxx-app-sec>.ic-shell{padding:0}.oxx-app-head{margin-bottom:16px}.oxx-app-head .ic-h2{margin:0}.oxx-app-head .ic-lead{margin-top:8px}.oxx-app-p{max-width:74ch;margin:0 0 12px;font-size:16px;line-height:1.62;color:var(--ic-text)}.oxx-app-p:last-child{margin-bottom:0}.oxx-app-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:var(--ic-line);border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);overflow:hidden}.oxx-app-glance li{display:grid;gap:4px;padding:15px 17px 17px;background:#fff}.oxx-app-glance__lbl{font:600 11.5px/1.3 var(--ic-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ic-muted)}.oxx-app-glance__ans{font:700 19px/1.2 var(--ic-head);color:var(--ic-ink)}.oxx-app-glance__d{font-size:13.5px;line-height:1.5;color:var(--ic-muted)}.oxx-app-figurewrap{margin:0 0 18px;padding:14px 18px 10px;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg)}.oxx-app-figure{margin:0}.oxx-app-figure svg{display:block;width:100%;height:auto;max-height:300px;color:var(--ic-muted)}.oxx-app-figure .fig-fluid rect{fill:var(--ic-blue-tint)}.oxx-app-figure .fig-wall rect{fill:var(--ic-panel-2);stroke:var(--ic-ink);stroke-width:1.5}.oxx-app-figure .fig-metal rect{fill:#fff;stroke:var(--ic-ink);stroke-width:1.5}.oxx-app-figure .fig-metal rect:nth-child(4){fill:var(--ic-panel)}.oxx-app-figure .fig-oring circle{fill:var(--ic-orange);stroke:var(--ic-ink);stroke-width:1.5}.oxx-app-figure .fig-lead line{stroke:var(--ic-ink);stroke-width:1;stroke-dasharray:3 3}.oxx-app-figure .fig-num circle{fill:var(--ic-ink)}.oxx-app-figure .fig-numt text{font:700 14px var(--ic-mono);fill:#fff;text-anchor:middle;dominant-baseline:middle}.oxx-app-figure .fig-lbl text{font:650 14px var(--ic-font);fill:var(--ic-ink);dominant-baseline:middle}.oxx-app-figure .fig-sub text{font:500 12px var(--ic-mono);fill:var(--ic-muted);text-anchor:middle;letter-spacing:.04em}.oxx-app-figure .fig-move line{stroke:var(--ic-muted);stroke-width:1.5}.oxx-app-figurewrap .ic-note{margin:6px 0 0}.oxx-app-card__n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--ic-ink);color:#fff;font:700 12px/1 var(--ic-mono);vertical-align:1px}@media(max-width:560px){.oxx-app-figurewrap,.oxx-app-card__n{display:none}}.oxx-app-cards{border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);overflow:hidden;background:#fff}.oxx-app-cards__head{display:grid;grid-template-columns:repeat(var(--oxx-cols, 4),minmax(0,1fr));margin:0;background:var(--ic-panel);border-bottom:1px solid var(--ic-line)}.oxx-app-cards__head span{padding:9px 16px;font:600 12px/1.3 var(--ic-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ic-muted)}.oxx-app-card{display:grid;grid-template-columns:repeat(var(--oxx-cols, 4),minmax(0,1fr))}.oxx-app-card+.oxx-app-card{border-top:1px solid var(--ic-line)}.oxx-app-card__cell{padding:14px 16px;font-size:14px;line-height:1.55;color:var(--ic-text)}.oxx-app-card__cell+.oxx-app-card__cell{border-left:1px solid var(--ic-line)}.oxx-app-card__cell strong{color:var(--ic-ink)}.oxx-app-card__lbl{display:none;font:600 11.5px/1.3 var(--ic-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ic-muted)}.oxx-app-g{display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 6px;border-radius:999px;border:1px solid transparent;white-space:nowrap;font:600 12.5px/1.3 var(--ic-font)}.oxx-app-g b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;font:700 12.5px/1 var(--ic-mono);background:#fff}.oxx-app-g--A{background:var(--ic-green-tint);color:var(--ic-green);border-color:#bfe3cd}.oxx-app-g--B{background:var(--ic-blue-tint);color:var(--ic-blue);border-color:#c6dcf8}.oxx-app-g--C{background:var(--ic-amber-tint);color:var(--ic-amber);border-color:#f0d9a8}.oxx-app-g--U{background:#fdecea;color:var(--ic-red);border-color:#f3c9c4}.oxx-app-g--R{background:var(--ic-violet-tint);color:var(--ic-violet);border-color:#d9c9f7}.oxx-app-g--N{background:#fff;color:var(--ic-muted);border-color:var(--ic-line-2)}.oxx-app-g--N b{background:var(--ic-panel);color:var(--ic-muted)}.oxx-app-g--lg{font-size:14px;padding:5px 12px 5px 8px}.oxx-app-g--lg b{min-width:24px;height:24px;font-size:14px}.oxx-app-g--t{gap:0;padding:2px 7px 2px 4px}.oxx-app-g--t b{min-width:19px;height:19px;font-size:12px}.oxx-app-g__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oxx-app-g__flag{display:inline-block;margin-left:6px;font:600 11px/1 var(--ic-mono);text-transform:uppercase;color:var(--ic-violet)}.oxx-app-mx th[scope=row]{min-width:260px;max-width:340px;font-weight:400}.oxx-app-mx th[scope=row] strong{display:block;font-size:14.5px;color:var(--ic-ink)}.oxx-app-mx th[scope=row] small{display:block;margin-top:2px;color:var(--ic-muted);font-size:12.5px;line-height:1.45}.oxx-app-mx__g{text-align:center}.oxx-app-mx__gw{display:inline-flex;flex-direction:column;align-items:center;gap:3px}.oxx-app-mx__gw .oxx-app-g__flag{margin-left:0}.oxx-app-mx__start{white-space:nowrap;font-weight:650;color:var(--ic-ink)}.oxx-app-mx__check{white-space:nowrap}.oxx-app-mx__note{margin:10px 0 0}.oxx-app-mx__key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;font-size:12.5px;color:var(--ic-muted)}.oxx-app-mx__keyl{font:600 11px/1.3 var(--ic-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ic-subtle)}.oxx-app-mx__keyi{display:inline-flex;align-items:center;gap:5px;color:var(--ic-text)}.oxx-app-mx__keyn{flex-basis:100%}@media(max-width:760px){.oxx-app-mxwrap{overflow:visible;border:0;border-radius:0;background:none}.oxx-app-mx,.oxx-app-mx thead,.oxx-app-mx tbody,.oxx-app-mx tr,.oxx-app-mx th,.oxx-app-mx td{display:block}.oxx-app-mx thead{display:none}.oxx-app-mx tr{margin-bottom:12px;padding:14px 16px;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg)}.oxx-app-mx th[scope=row]{min-width:0;max-width:none;padding:0 0 10px;border:0}.oxx-app-mx td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border:0;border-top:1px solid var(--ic-line)}.oxx-app-mx td:before{content:attr(data-label);font:600 11.5px/1.3 var(--ic-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ic-muted)}.oxx-app-mx__g{justify-content:space-between}.oxx-app-mx__gw{flex-direction:row-reverse;gap:8px}.oxx-app-mx__check{justify-content:flex-end;padding-top:12px}}.oxx-app-ladder{margin:18px 0 0;padding:16px 18px;background:var(--ic-panel);border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg)}.oxx-app-ladder ol{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:4px 0 0;padding:0;list-style:none}.oxx-app-ladder li{display:grid;gap:3px}.oxx-app-ladder__v{font-size:15px;font-weight:600;color:var(--ic-ink)}.oxx-app-ladder__l{font-size:12.5px;color:var(--ic-muted)}.oxx-app-ladder__sep{font-size:18px;color:var(--ic-line-2)}.oxx-app-plates{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0 0}.oxx-app-plates__item{padding:12px 14px;background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg)}.oxx-app-plates__dl{display:grid;gap:8px;margin:0}.oxx-app-plates__dl div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.oxx-app-plates__dl dt{font:600 11.5px/1.3 var(--ic-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ic-muted)}.oxx-app-plates__dl dd{margin:0;font-size:14px;color:var(--ic-ink)}.oxx-app-plates__note{margin:8px 0 0}.oxx-app-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;margin:0;padding:1px;list-style:none;counter-reset:st;background:var(--ic-line);border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);overflow:hidden}.oxx-app-steps li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:10px;padding:14px 16px;background:#fff}.oxx-app-steps__n{font:700 12px/1.6 var(--ic-mono);color:var(--ic-orange-deep)}.oxx-app-steps__ico{display:inline-flex;color:var(--ic-muted);padding-top:1px}.oxx-app-steps__b{display:grid;gap:3px;font-size:14px;line-height:1.5;color:var(--ic-muted)}.oxx-app-steps__b strong{font-size:14.5px;color:var(--ic-ink)}.oxx-app-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:16px 0 0}.oxx-app-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--ic-line-2);border-radius:var(--ic-radius-lg);text-decoration:none;transition:border-color .15s,box-shadow .15s}.oxx-app-tile:hover{border-color:var(--ic-ink);box-shadow:var(--ic-shadow)}.oxx-app-tile__ico{display:inline-flex;color:var(--ic-orange-deep)}.oxx-app-tile__b{display:grid;gap:2px;min-width:0}.oxx-app-tile__b strong{font-size:15px;color:var(--ic-ink)}.oxx-app-tile__b span{font-size:13px;color:var(--ic-muted)}.oxx-app-tile>svg:last-child{color:var(--ic-subtle)}.oxx-app-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0}.oxx-app-links a{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-weight:650;color:var(--ic-blue);text-decoration:none}.oxx-app-links a:hover{text-decoration:underline;text-underline-offset:3px}.oxx-app-note{display:flex;gap:10px;margin:16px 0 0;padding:12px 15px;font-size:13.8px;line-height:1.58;color:var(--ic-text);background:var(--ic-panel);border-left:3px solid var(--ic-line-2);border-radius:var(--ic-radius)}.oxx-app-note svg{flex:none;margin-top:2px;color:var(--ic-muted)}.oxx-app-note--key{background:var(--ic-blue-tint);border-left-color:var(--ic-blue)}.oxx-app-note--key svg{color:var(--ic-blue)}.oxx-app-note--warn{background:var(--ic-amber-tint);border-left-color:var(--ic-amber)}.oxx-app-note--warn svg{color:var(--ic-amber)}.oxx-app-faq{display:grid;gap:8px}.oxx-app-faq details{background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg)}.oxx-app-faq details[open]{border-color:var(--ic-line-2);box-shadow:var(--ic-shadow)}.oxx-app-faq summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 18px;font:650 15.5px/1.35 var(--ic-font);color:var(--ic-ink);cursor:pointer;list-style:none}.oxx-app-faq summary::-webkit-details-marker{display:none}.oxx-app-faq summary:after{content:"+";margin-left:auto;font:700 18px/1 var(--ic-mono);color:var(--ic-orange-deep)}.oxx-app-faq details[open] summary:after{content:"\2013"}.oxx-app-faq summary:hover{color:var(--ic-orange-deep)}.oxx-app-faq__a{padding:0 18px 16px}.oxx-app-faq__a p{margin:0;max-width:80ch;font-size:14.5px;line-height:1.62;color:var(--ic-muted)}.oxx-app-quick,.oxx-app-help{background:#fff;border:1px solid var(--ic-line);border-radius:var(--ic-radius-lg);min-width:0}.oxx-app-quick{padding:14px 16px 16px}.oxx-app-quick__h,.oxx-app-help__h{margin:0 0 10px;font:700 16px/1.25 var(--ic-head);color:var(--ic-ink)}.oxx-app-quick__wrap{overflow-x:auto}.oxx-app-quick__t{display:grid;gap:10px;margin:0}.oxx-app-quick__r{display:grid;gap:5px;padding-top:10px;border-top:1px solid var(--ic-line)}.oxx-app-quick__r:first-child{padding-top:0;border-top:0}.oxx-app-quick__t dt{font:700 14px/1.2 var(--ic-head);letter-spacing:.02em;color:var(--ic-ink)}.oxx-app-quick__t dd{display:grid;gap:3px;margin:0;font-size:12.5px;line-height:1.4;color:var(--ic-text)}.oxx-app-quick__use{color:var(--ic-ink-2)}.oxx-app-quick__v{color:var(--ic-muted);font-family:var(--ic-mono);font-size:12px}.oxx-app-quick__v span{font-family:var(--ic-font);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ic-subtle);margin-right:4px}.oxx-app-quick__nav{display:flex;gap:14px;margin:10px 0 8px}.oxx-app-quick__nav a{display:inline-flex;align-items:center;gap:5px;min-height:42px;font:650 13px/1 var(--ic-font);color:var(--ic-blue);text-decoration:none}.oxx-app-quick__nav a:hover{text-decoration:underline}.oxx-app-help{padding:16px;background:var(--ic-ink);border-color:var(--ic-ink)}.oxx-app-help__h{color:#fff}.oxx-app-help p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:#c6cfd9}.oxx-app-help__acts{display:grid;gap:8px}.oxx-app-foot .oxx-app-sec{padding:38px 0}.oxx-app-actions{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}.oxx-app-materials{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:16px 0 0;font-size:14px;color:var(--ic-muted)}.oxx-app-materials a{display:inline-flex;align-items:center;min-height:40px;padding:0 2px;font-weight:650;color:var(--ic-blue)}.oxx-app-materials span[aria-hidden]{color:var(--ic-line-2)}@media(max-width:1080px){.oxx-app-body{grid-template-columns:minmax(0,1fr);gap:0}.oxx-app-rail{padding-top:0;padding-bottom:8px}.oxx-app-quick,.oxx-app-help{margin-top:12px}}@media(max-width:900px){.oxx-app-path{grid-template-columns:minmax(0,1fr)}.oxx-app-cards__head{display:none}.oxx-app-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px}.oxx-app-card+.oxx-app-card{border-top:1px solid var(--ic-line);padding-top:16px}.oxx-app-card__cell{padding:0}.oxx-app-card__cell+.oxx-app-card__cell{border-left:0}.oxx-app-card__lbl{display:block;margin-bottom:3px}}@media(max-width:760px){.oxx-app-hero{padding:18px 0 22px}.oxx-app-hero .ic-h1{max-width:none}.oxx-app-hero>.ic-shell{display:flex;flex-direction:column}.oxx-app-hero__lead{font-size:16px}.oxx-app-hero__acts{order:4;margin-top:16px}.oxx-app-path{order:5;gap:6px;margin-top:16px}.oxx-app-path a{padding:10px 12px;align-items:center}.oxx-app-path__b span{display:none}.oxx-app-sec{padding:26px 0}.oxx-app-glance,.oxx-app-steps{grid-template-columns:minmax(0,1fr)}.oxx-app-figurewrap{padding:10px 10px 4px}.oxx-app-figure svg{max-height:210px}.oxx-app-help__acts .ic-btn,.oxx-app-hero__acts .ic-btn,.oxx-app-actions .ic-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/376/assets/oxx-app-page.css.map */