.ocx{--ocx-bg: #070b0f;--ocx-ink-dark: #111820;--ocx-panel: rgba(8, 12, 16, .88);--ocx-panel-strong: rgba(8, 12, 16, .96);--ocx-panel-soft: rgba(255, 255, 255, .06);--ocx-line: rgba(255, 255, 255, .14);--ocx-line-strong: rgba(245, 196, 0, .42);--ocx-text: #f6f7f8;--ocx-muted: rgba(255, 255, 255, .68);--ocx-gold: #f5c400;--ocx-gold-soft: rgba(245, 196, 0, .15);--ocx-red: #ff2a2a;--ocx-green: #8fd3c1;--ocx-shadow: 0 24px 70px rgba(0, 0, 0, .48);width:100%;color:var(--ocx-text);font-family:Rubik,Arial,sans-serif}.ocx *,.ocx *:before,.ocx *:after{box-sizing:border-box}.ocx__bg{min-height:100vh;padding:30px 16px 64px;overflow:hidden;background:radial-gradient(circle at 15% 8%,rgba(245,196,0,.16),transparent 30%),radial-gradient(circle at 86% 22%,rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,#04080cf5,#11181ff2),url(/cdn/shop/files/kg1_gold_wheels_4.jpg?v=1765673746) center/cover no-repeat;color:var(--ocx-text)}.ocx__head,.ocx__grid{max-width:1280px;margin-right:auto;margin-left:auto}.ocx__head{margin-bottom:20px}.ocx__systemBar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--ocx-line);border-radius:8px;background:linear-gradient(135deg,#f5c4001a,#ffffff09 42%,#0003),#080c10c7;box-shadow:0 18px 52px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ocx__brandMark{display:grid;width:118px;height:56px;place-items:center;text-decoration:none}.ocx__brandMark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.65)) drop-shadow(0 0 18px rgba(245,196,0,.12))}.ocx__systemCopy{min-width:0;line-height:1.1}.ocx__systemCopy span{display:block;margin-bottom:4px;color:#ffffff94;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.ocx__systemCopy strong{display:block;color:#fff;font-size:20px;font-weight:900}.ocx__systemNav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.ocx__systemNav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid var(--ocx-line);border-radius:8px;background:#ffffff0e;color:#ffffffd6;font-size:12px;font-weight:900;line-height:1.2;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ocx__systemNav a:first-child{border-color:var(--ocx-line-strong);background:var(--ocx-gold);color:var(--ocx-ink-dark)}.ocx__systemNav a:hover,.ocx__systemNav a:focus{transform:translateY(-1px);border-color:#f5c40094;background:#f5c40024;color:#fff}.ocx__systemNav a:first-child:hover,.ocx__systemNav a:first-child:focus{background:#ffd21f;color:var(--ocx-ink-dark)}.ocx__brandRow{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.ocx__title{max-width:920px;margin:0;color:#fff;font-size:38px;font-weight:900;line-height:1.08;letter-spacing:0}.ocx__sub{max-width:900px;margin:10px 0 0;color:#ffffffd1;font-size:16px;line-height:1.6}.ocx__build{display:none}.ocx__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ocx__chip,.ocx__badge{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid var(--ocx-line);border-radius:8px;background:#ffffff0e;color:#ffffffd6;font-size:12px;font-weight:700;line-height:1.3}.ocx__chip:first-child{border-color:var(--ocx-line-strong);background:var(--ocx-gold-soft)}.ocx__grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);gap:18px}.ocx__card{overflow:hidden;border:1px solid var(--ocx-line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 120px),var(--ocx-panel);box-shadow:var(--ocx-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ocx__visual,.ocx__inputs{padding:16px}.ocx__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ocx__togrow,.ocx__actions,.ocx__measureBtns{display:flex;flex-wrap:wrap;gap:8px}.ocx__tog{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid var(--ocx-line);border-radius:8px;background:#ffffff0d;color:#ffffffdb;font-size:12px}.ocx__tog span,.ocx__modeTxt{font-weight:800;letter-spacing:0}.ocx__sw{position:relative;width:44px;height:24px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1f;cursor:pointer}.ocx__sw:after{content:"";position:absolute;top:50%;left:4px;width:18px;height:18px;border-radius:999px;background:#ffffffdb;transform:translateY(-50%);transition:left .16s ease,background .16s ease}.ocx__sw.is-on{border-color:#f5c40094;background:#f5c4003d}.ocx__sw.is-on:after{left:21px;background:#fff}.ocx__btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid var(--ocx-line);border-radius:8px;background:#ffffff0e;color:#ffffffe6;cursor:pointer;font:inherit;font-size:13px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.ocx__btn:hover,.ocx__btn:focus{transform:translateY(-1px);border-color:#f5c4008f;background:#f5c40021;color:#fff}.ocx__btnP{border-color:var(--ocx-gold);background:var(--ocx-gold);color:var(--ocx-ink-dark)}.ocx__btnP:hover,.ocx__btnP:focus{border-color:#ffd21f;background:#ffd21f;color:var(--ocx-ink-dark)}.ocx__btn:disabled{opacity:.68;cursor:not-allowed}.ocx__measureBar,.ocx__note,.ocx__details,.ocx__panel,.ocx__kpiCard,.ocx__tireBlock{border:1px solid var(--ocx-line);border-radius:8px;background:#ffffff0e}.ocx__measureBar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px}.ocx__measureTitle,.ocx__panelTitle,.ocx__modeL,.ocx__axTitle,.ocx__sectionTitle{color:#fff;font-weight:900;letter-spacing:0}.ocx__btnMini{min-height:34px;padding:8px 10px;font-size:12px}.ocx__btnMini.is-on{border-color:#f5c400ad;background:#f5c40038}.ocx__measureReadout{display:flex;align-items:center;flex:1;gap:10px;min-width:240px}.ocx__measureReadout span{color:var(--ocx-muted);font-weight:800}.ocx__measureReadout b{color:#fff;font-weight:900}.ocx__err{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,42,42,.42);border-radius:8px;background:#ff2a2a24;color:#ffd5d5;font-weight:800;white-space:pre-wrap}.ocx__datum{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px}.ocx__muted,.ocx__axMeta,.ocx__inSub,.ocx__sectionHint,.ocx__kS,.ocx__row span,.ocx__tlabel,.ocx__lbl,.ocx__colH,.ocx__panelHint{color:var(--ocx-muted)}.ocx__muted,.ocx__sectionHint,.ocx__tlabel{font-size:12px;font-weight:700}.ocx__axHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 10px}.ocx__axMeta{font-size:12px}.ocx__vizTall{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(245,196,0,.08),transparent 46%),#0003}.ocx__svg{display:block;width:100%;height:auto;pointer-events:auto}.ocx__svg *{pointer-events:visiblePainted}.ocx__plate{fill:#05090cd6;stroke:#ffffff26;stroke-width:3}.ocx__axisLabel{fill:#ffffffe0;font-size:25px;font-weight:900;letter-spacing:0}.ocx__ground{stroke:#ffffff2e;stroke-width:3}.ocxPick{cursor:crosshair}.ocxPick:hover{stroke:#f5c400fa!important}.ocx__note{margin-top:12px;padding:10px 12px;border-left-color:var(--ocx-line-strong);color:#ffffffd1;font-size:12px;line-height:1.55}.ocx__note strong{color:#fff}.ocx__details{margin-top:10px;overflow:hidden}.ocx__details summary{padding:11px 12px;color:#fff;cursor:pointer;font-weight:900}.ocx__detailsBody{padding:0 12px 12px;color:#ffffffd6;font-size:13px;line-height:1.6}.ocx__detailsBody p,.ocx__detailsBody ul{margin-top:0}.ocx__h4{margin:12px 0 6px;color:#fff;font-size:13px;font-weight:900}.ocx__kpiGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.ocx__kpiCard{position:relative;padding:12px;overflow:hidden}.ocx__kpiCard:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#f5c400bd}.ocx__kT{color:#ffffffb8;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.ocx__kV{margin-top:8px;color:#fff;font-size:18px;font-weight:900;line-height:1.35}.ocx__kS{margin-top:6px;font-size:12px;line-height:1.45}.ocx__row{display:flex;justify-content:space-between;gap:10px;padding-top:6px}.ocx__row span,.ocx__row b{font-size:12px;line-height:1.35}.ocx__row b{max-width:60%;overflow-wrap:anywhere;color:#fff;font-weight:900;text-align:right}.ocx__inHead{margin-bottom:12px}.ocx__inTitle{margin:0;color:#fff;font-size:26px;font-weight:900;line-height:1.15}.ocx__inSub{margin:7px 0 0;font-size:13px;line-height:1.5}.ocx__panel{padding:12px;margin-bottom:12px}.ocx__panelSummary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;cursor:pointer;font-weight:900}.ocx__panelBody{margin-top:12px}.ocx__grid3{display:grid;grid-template-columns:minmax(112px,1.18fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}.ocx__grid3Tight{gap:8px}.ocx__grid2{display:grid;grid-template-columns:minmax(116px,1fr) minmax(0,1fr);gap:10px;align-items:center}.ocx__row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ocx__row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ocx__colH,.ocx__lbl{font-size:12px;font-weight:800;line-height:1.35}.ocx__i{width:100%;min-width:0;min-height:42px;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;outline:none;background:#00000052;color:#fff;font:inherit;font-size:14px;line-height:1.2;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.ocx__i:focus{border-color:#f5c40094;background:#00000057;box-shadow:0 0 0 3px #f5c40024}.ocx__range{width:100%;accent-color:var(--ocx-gold)}.ocx__hr{height:1px;margin:13px 0;background:linear-gradient(90deg,rgba(245,196,0,.28),rgba(255,255,255,.1),transparent)}.ocx__sectionRow,.ocx__modeRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.ocx__sectionTitle{margin:4px 0 10px}.ocx__sectionHint{text-align:right}.ocx__tireBlock{padding:11px;margin-bottom:10px}.ocx__modeTog{display:flex;align-items:center;gap:8px}.ocx__tlabel{margin-top:10px;margin-bottom:6px}@media(max-width:1180px){.ocx__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.ocx__bg{padding:22px 10px 42px}.ocx__systemBar{grid-template-columns:1fr;justify-items:start;gap:10px;padding:12px}.ocx__brandMark{width:132px;height:62px}.ocx__systemNav{width:100%;justify-content:flex-start}.ocx__systemNav a{flex:1 1 130px}.ocx__title{font-size:32px}.ocx__sub{font-size:15px}.ocx__visual,.ocx__inputs{padding:12px}.ocx__toolbar,.ocx__datum,.ocx__sectionRow,.ocx__modeRow{align-items:stretch;flex-direction:column}.ocx__togrow,.ocx__actions,.ocx__chips{width:100%}.ocx__tog{justify-content:space-between}.ocx__btn{flex:1 1 145px}.ocx__measureReadout{min-width:100%}.ocx__kpiGrid{grid-template-columns:1fr}.ocx__sectionHint{text-align:left}.ocx__grid2{grid-template-columns:minmax(108px,.9fr) minmax(0,1fr)}.ocx__grid3{grid-template-columns:minmax(96px,1fr) minmax(0,1fr) minmax(0,1fr)}.ocx__row3,.ocx__row2{gap:8px}.ocx__i{min-height:44px;padding:10px 9px;font-size:16px}}@media(max-width:430px){.ocx__title{font-size:28px}.ocx__tog,.ocx__chip,.ocx__badge{width:100%}.ocx__grid2,.ocx__grid3{gap:8px}.ocx__lbl,.ocx__colH,.ocx__modeTxt,.ocx__sectionHint,.ocx__tlabel{font-size:11px}}@media print{body *{visibility:hidden!important}#ocx-print-area,#ocx-print-area *{visibility:visible!important}#ocx-print-area{position:absolute;top:0;left:0;width:100%;border:0!important;box-shadow:none!important}.ocx__toolbar,.ocx__chips,.ocx__details,.ocx__note{display:none!important}}.ocx .ocx__systemCopy span,.ocx .ocx__systemCopy strong,.ocx .ocx__title,.ocx .ocx__sub,.ocx .ocx__build,.ocx .ocx__brandRow,.ocx .ocx__head{color:#fff!important}.ocx .ocx__systemCopy span{color:#ffffffb8!important}.ocx .ocx__title{text-shadow:0 18px 36px rgba(0,0,0,.62),0 0 1px rgba(255,255,255,.28)!important}.ocx .ocx__sub{color:#ffffffe0!important;text-shadow:0 12px 28px rgba(0,0,0,.52)!important}.ocx .ocx__chip,.ocx .ocx__badge{color:#ffffffe6!important}
/*# sourceMappingURL=/cdn/shop/t/185/assets/offset-calculator.css.map */