#termeklap{padding-top:clamp(24px,3vw,48px)}.termeklap-racs{gap:clamp(20px,4vw,32px);display:grid}.termeklap-racs .szakasz-fej{margin-bottom:0}@media (width>=1024px){.termeklap-racs{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:48px}}.termeklap{min-width:0;max-width:600px;margin:0;container-type:inline-size}.tl-szin{--u:calc(100cqw / 664);--tl-k:22;aspect-ratio:664/534;width:100%;perspective:calc(1400 * var(--u));position:relative;overflow:clip}.termeklap figcaption{color:var(--ink-2);margin-top:8px;font-size:.8125rem;line-height:1.5}.tl-pad{left:calc(72 * var(--u));top:calc(138 * var(--u));width:calc(520 * var(--u));height:calc(360 * var(--u));transform-style:preserve-3d;position:absolute;transform:rotateX(58deg)rotate(-38deg)}.tl-lap{box-sizing:border-box;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));border:max(1px, calc(1.25 * var(--u))) solid var(--foreground);background-color:var(--surface);transform:translateZ(calc((2 + var(--n,0) * var(--tl-k)) * var(--u)));position:absolute;overflow:hidden}.tl-alap{border-color:var(--face-line);background-color:var(--face-left);transform:translateZ(0)}.tl-kep{background-color:var(--face-right);background-image:repeating-linear-gradient(45deg, var(--face-line) 0, var(--face-line) 1px, transparent 1px, transparent calc(7 * var(--u)))}.tl-mono{text-rendering:geometricprecision;padding:calc(5 * var(--u)) calc(8 * var(--u));color:var(--foreground);font:400 calc(12 * var(--u)) / calc(16 * var(--u)) var(--font-mono)}.tl-alt{background-color:var(--paper);color:var(--ink-2);font-size:calc(10.5 * var(--u));line-height:calc(14 * var(--u))}.tl-cim{font-weight:500}.tl-rovid{color:var(--ink-2)}.tl-sor{height:calc(4 * var(--u));margin-top:calc(6 * var(--u));background-color:var(--line);display:block}.tl-adatok{align-content:center;gap:calc(4 * var(--u));display:grid}.tl-adat{padding-bottom:calc(4 * var(--u));border-bottom:1px solid var(--line);display:flex}.tl-adat b{width:calc(110 * var(--u));color:var(--ink-2);flex:none;font-weight:400}.tl-vezeto{pointer-events:none;fill:none;stroke:none;width:100%;height:100%;position:absolute;inset:0}.tl-vezeto circle{fill:var(--face-line)}.tl-vezeto path{fill:none;stroke:var(--face-line);stroke-width:1px;vector-effect:non-scaling-stroke}.tl-cimke{white-space:nowrap;color:var(--foreground);font:400 clamp(11px, calc(13 * var(--u)), 13px) / 1.35 var(--font-mono);position:absolute}.tl-cimke-termek{right:0;top:calc(30 * var(--u))}.tl-cimke-kep{left:0;top:calc(66 * var(--u))}.tl-cimke-adat{right:0;top:calc(510 * var(--u));transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.termeklap{view-timeline:--termeklap block}.tl-lap:not(.tl-alap){animation-name:tl-emel;animation-duration:auto;animation-fill-mode:both;animation-timing-function:var(--ease-sheet);animation-timeline:--termeklap;animation-range:entry 40% cover 48%}.tl-vezeto,.tl-cimke{animation-name:tl-latszik;animation-duration:auto;animation-fill-mode:both;animation-timing-function:var(--ease-ink);animation-timeline:--termeklap;animation-range:cover 38% cover 50%}}}@keyframes tl-emel{0%{transform:translateZ(calc(2 * var(--u)))}}@keyframes tl-latszik{0%{opacity:0}}@media (width<=479px){.termeklap figcaption{margin-top:6px;font-size:.75rem;line-height:1.35}}