.qr-kezikonyv{width:100%;min-width:0;max-width:620px;margin:0 auto;container-type:inline-size}.qk-szin{--u:calc(100cqw / 560);aspect-ratio:560/400;width:100%;perspective:calc(1100 * var(--u));border:1px solid var(--line);background-color:var(--surface);position:relative;overflow:clip}.qk-szinpad{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(6deg)}.qk-lap{box-sizing:border-box;left:calc(190 * var(--u));top:calc(26 * var(--u));width:calc(180 * var(--u));height:calc(210 * var(--u));padding:calc(10 * var(--u));border:max(1px, calc(1.25 * var(--u))) solid var(--foreground);background-color:var(--surface);transform:translate3d(calc(var(--tx) * var(--u)), 0, calc(var(--tz) * var(--u))) rotateY(var(--ry));position:absolute}.qk-lap-1{--tx:-168;--tz:20;--ry:-16deg}.qk-lap-2{--tx:0;--tz:40;--ry:0deg;padding-inline:calc(18 * var(--u))}.qk-lap-3{--tx:168;--tz:60;--ry:16deg}.qk-lap-2 .qk-kiadas{left:calc(18 * var(--u));right:calc(14 * var(--u))}.qk-lapcim{color:var(--foreground);font:600 clamp(10px, calc(14 * var(--u)), 15px) / 1.25 var(--font-sans);margin:0}.qk-vonal{height:max(2px, calc(5 * var(--u)));margin-top:calc(9 * var(--u));background-color:var(--line);display:block}.qk-vonal-fo{width:calc(36 * var(--u));height:max(1px, calc(2 * var(--u)));margin-top:calc(7 * var(--u));background-color:var(--accent)}.qk-vonal-2{width:88%}.qk-vonal-3{width:96%}.qk-vonal-4{width:62%}.qk-kiadas{left:calc(10 * var(--u));right:calc(6 * var(--u));bottom:calc(56 * var(--u));color:var(--ink-2);font:400 clamp(10px, calc(12 * var(--u)), 13px) / 1.3 var(--font-mono);margin:0;position:absolute}.qk-tabla{box-sizing:border-box;left:calc(120 * var(--u));top:calc(196 * var(--u));width:calc(320 * var(--u));height:calc(190 * var(--u));border:max(1.5px, calc(3 * var(--u))) solid var(--foreground);background-color:var(--surface);transform-style:preserve-3d;transform:translateZ(calc(90 * var(--u))) rotateY(-12deg);position:absolute}.qk-csavar{width:calc(8 * var(--u));height:calc(8 * var(--u));box-sizing:border-box;border:1px solid var(--foreground);background-color:var(--face-right);position:absolute}.qk-csavar-1{left:calc(8 * var(--u));top:calc(8 * var(--u))}.qk-csavar-2{right:calc(8 * var(--u));top:calc(8 * var(--u))}.qk-csavar-3{left:calc(8 * var(--u));bottom:calc(8 * var(--u))}.qk-csavar-4{right:calc(8 * var(--u));bottom:calc(8 * var(--u))}.qk-hely,.qk-qr{box-sizing:border-box;left:calc(24 * var(--u));top:calc(34 * var(--u));width:calc(110 * var(--u));height:calc(110 * var(--u));position:absolute}.qk-hely{border:1px dashed var(--face-line);background-color:var(--face-left)}.qk-qr{border:1px solid var(--foreground);background-color:var(--surface);transform:translate3d(0, calc(-16 * var(--u)), calc(34 * var(--u)));padding:0}.qk-qr path{fill:var(--foreground)}.qk-szovegek{left:calc(150 * var(--u));right:calc(14 * var(--u));top:calc(30 * var(--u));position:absolute}.qk-szovegek p{overflow-wrap:break-word;margin:0}.qk-gep,.qk-szam{font:400 clamp(10px, calc(13 * var(--u)), 13px) / 1.3 var(--font-mono)}.qk-gep{color:var(--foreground)}.qk-szovegek .qk-szam{margin-top:calc(6 * var(--u));color:var(--ink-2)}@media (width>=20em){.qk-egy{white-space:nowrap}}.qk-szovegek .qk-felhivas{margin-top:calc(14 * var(--u));padding-top:calc(8 * var(--u));border-top:1px solid var(--line);color:var(--muted);font:400 clamp(10px, calc(13 * var(--u)), 13px) / 1.3 var(--font-sans)}.qr-kezikonyv figcaption{color:var(--ink-2);margin-top:10px;font-size:.8125rem;line-height:1.5}@container (width<400px){.qk-felhivas{display:none}}@container (width<=340px){.qk-kiadas{font-size:9px}}@container (width<=380px){.qk-lap-2 .qk-vonal-4{display:none}}@container (width<=340px){.qk-lap-2 .qk-vonal-3{display:none}}@media (width<=479px){.qr-kezikonyv figcaption{font-size:.75rem;line-height:1.4}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.qr-kezikonyv{view-timeline:--qrkezikonyv block}.qk-qr{animation:qk-emel both var(--ease-sheet);animation-duration:auto;animation-timeline:--qrkezikonyv;animation-range:cover 2% cover 24%}.qk-lap{animation:qk-nyit both var(--ease-sheet);animation-duration:auto;animation-timeline:--qrkezikonyv}.qk-lap-1{animation-range:cover 12% cover 36%}.qk-lap-2{animation-range:cover 18% cover 42%}.qk-lap-3{animation-range:cover 24% cover 46%}}}@keyframes qk-emel{0%{transform:translate(0,0)}}@keyframes qk-nyit{0%{transform:translate3d(0, calc(24 * var(--u)), calc(-20 * var(--u))) rotateY(0deg);opacity:0}}