.tof-sheet{--u: calc(100cqw / 210);container-type:inline-size;position:relative;width:100%;aspect-ratio:210 / 297;background:#fff;color:#0e0e0e;font-synthesis:none}.tof-sheet.is-print{position:absolute;inset:0 auto auto 0;width:210mm;height:297mm;aspect-ratio:auto}.tof-notice,.tof-strip{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));box-sizing:border-box}.tof-notice{display:flex;border-radius:calc(3 * var(--u));box-shadow:inset 0 0 0 calc(var(--stroke) * var(--u)) #0e0e0e}.tof-copy{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0;padding:calc(var(--inset) * var(--u));overflow:hidden}.tof-title{display:grid;margin:0 0 calc(6 * var(--u));font:800 calc(var(--size) * var(--u)) / 1.08 var(--font-display, "Arial Black", sans-serif)}.tof-body{display:grid;font:500 calc(var(--size) * var(--u)) / var(--line) var(--font-text, system-ui, sans-serif)}.tof-title span,.tof-body span{white-space:nowrap}.tof-cuts{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tof-cuts line{stroke:#0e0e0e;stroke-width:.25}.tof-cut{stroke-dasharray:1.6 1.2}.tof-sheet:not(.is-print) .tof-cuts line{stroke-width:1px;vector-effect:non-scaling-stroke}.tof-sheet:not(.is-print) .tof-cut{stroke-dasharray:4 3}.tof-strip-in{position:absolute;left:0;top:calc(var(--h) * var(--u));display:flex;align-items:center;box-sizing:border-box;gap:calc(var(--gap) * var(--u));width:calc(var(--h) * var(--u));height:calc(var(--w) * var(--u));padding-inline:calc(var(--end) * var(--u));transform:rotate(-90deg);transform-origin:0 0}.tof-strip-text{display:grid;flex:1;min-width:0}.tof-label{margin-bottom:calc(.8 * var(--u));overflow:hidden;font:650 calc(var(--lb) * var(--u)) / 1.15 var(--font-text, system-ui, sans-serif);text-overflow:ellipsis;white-space:nowrap}.tof-phone{font:800 calc(var(--ph) * var(--u)) / 1 var(--font-text, system-ui, sans-serif);white-space:nowrap}.tof-phone.is-empty{color:#a3a09a}.tof-qr{flex:none;width:calc(var(--qr) * var(--u));height:calc(var(--qr) * var(--u));background:#fff}.tof-qr svg{display:block;width:100%;height:100%}.tof-sheet:not(.is-print) .tof-strip{transform-origin:50% 0;transition:transform .22s var(--ease-out, ease-out),box-shadow .22s var(--ease-out, ease-out),background-color .22s var(--ease-out, ease-out)}@media(hover:hover)and (pointer:fine),(pointer:coarse){.tof-sheet:not(.is-print) .tof-strip:hover{background:#fff;box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #0e0e0e47;transform:translateY(calc(4 * var(--u))) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.tof-sheet:not(.is-print) .tof-strip,.tof-sheet:not(.is-print) .tof-strip:hover{transform:none;transition:none}}.tof-title:last-child{margin-bottom:0}@media print{html.tk-sheet-printing,html.tk-sheet-printing body{background-color:#fff!important}}@media(min-width:1000px){.pg-obyavlenie .tof-result{position:sticky;top:96px}}.pg-obyavlenie .tof-set{display:grid;gap:10px;align-content:start;min-width:0;margin:0;padding:0;border:0}.pg-obyavlenie .tof-set legend,.pg-obyavlenie .tof-legend{padding:0;font:600 15px / 1.2 var(--font-label)}.pg-obyavlenie fieldset.tof-set legend{margin-bottom:10px}.pg-obyavlenie .tof-optional{color:var(--stone);font-weight:500}.pg-obyavlenie .tof-pair{display:grid;gap:22px}@media(min-width:480px){.pg-obyavlenie .tof-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.pg-obyavlenie .tof-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:4px;border-radius:18px;background:var(--fog)}.pg-obyavlenie .tof-step{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:14px;background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);cursor:pointer;transition-property:opacity,transform;transition-duration:.15s,.16s;transition-timing-function:ease,var(--ease-press)}.pg-obyavlenie .tof-step:active:not(:disabled){transform:scale(var(--press-scale))}.pg-obyavlenie .tof-step:disabled{opacity:.35;cursor:default}.pg-obyavlenie .tof-step:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.pg-obyavlenie .tof-step-value{font:700 22px / 1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center}.pg-obyavlenie .tof-result{gap:22px}.pg-obyavlenie .tof-stage{display:grid;gap:22px;align-items:start}@media(min-width:560px){.pg-obyavlenie .tof-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}}@media(max-width:559px){.pg-obyavlenie .tof-paper{width:min(100%,380px);justify-self:center}}.pg-obyavlenie .tof-paper{display:grid;gap:12px;margin:0}.pg-obyavlenie .tof-paper .tof-sheet{border-radius:2px;box-shadow:0 0 0 1px #ffffff1f,0 2px 4px #00000059,0 22px 40px -14px #000000bf}.pg-obyavlenie .tof-paper figcaption{display:flex;align-items:center;gap:10px;color:var(--ash);font:600 12px / 1 var(--font-label);letter-spacing:.08em;text-transform:uppercase}.pg-obyavlenie .tof-swatch{flex:none}.pg-obyavlenie .tof-side{display:grid;gap:18px;min-width:0}.pg-obyavlenie .tof-count{display:grid;gap:4px;margin:0;color:var(--ash);font-size:var(--text-small)}.pg-obyavlenie .tof-count-big{color:var(--lime);font:700 clamp(26px,2.6vw,36px) / 1.05 var(--font-display)}.pg-obyavlenie .tof-warnings{display:grid;gap:8px;margin:0;padding:0;color:var(--pink);font-size:var(--text-small);font-weight:600;line-height:1.4;list-style:none}.pg-obyavlenie .tof-status{margin:0;color:var(--ash);font-size:var(--text-small);line-height:1.45}.pg-obyavlenie .tof-go:disabled{opacity:.45;cursor:default}.pg-obyavlenie .tof-result .tk-quiet{display:inline-flex;align-items:center;min-height:44px}
