.sk{--sk-in:60deg;--sk-w:9.5rem;--sk-h:13.3rem;--sk-r:16.5rem;right:0;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;position:fixed}.sk__card{width:var(--sk-w);height:var(--sk-h);transform-origin:100% 100%;transform:rotate(var(--sk-in));background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--sk-jel-szin);will-change:transform;pointer-events:auto;border-radius:.75rem;transition:transform .46s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:-10px 12px 28px #00000059}.sk__link{height:100%;color:var(--color-text-primary);flex-direction:column;padding:.875rem .875rem 1rem 1rem;text-decoration:none;display:flex}.sk__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px;border-radius:.5rem}.sk__text{flex-direction:column;gap:.5rem;display:flex}.sk__label{text-wrap:balance;font-size:1.125rem;font-weight:700;line-height:1.2}.sk__sub{color:var(--color-accent);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;line-height:1.3;display:inline-flex}.sk__sub svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.sk__link:hover .sk__sub svg{transform:translate(3px)}.sk__jel{flex:none;align-self:flex-start;margin-top:auto}.sk__jel-hatter{color:var(--sk-jel-szin)}.sk__jel-nyil{stroke:var(--color-accent)}.sk__jel-ablak{fill:var(--color-bg-secondary);stroke:var(--color-text-primary)}.sk__jel-vonal{stroke:var(--color-text-primary)}.sk__jel-kiemeles{fill:var(--color-accent)}.sk__jel-halvany{fill:var(--color-text-muted)}.sk__close{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:1.5rem;height:1.5rem;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:999px;place-items:center;transition:opacity .2s;display:grid;position:absolute;top:-.625rem;left:-.75rem}.sk__close:hover{color:var(--color-text-primary)}.sk__close:focus-visible{opacity:1;outline:2px solid var(--color-accent);outline-offset:2px}@media (hover:hover){.sk:before{content:"";width:var(--sk-r);height:var(--sk-r);pointer-events:none;border-top-left-radius:100%;position:absolute;bottom:0;right:0}.sk:hover:before{pointer-events:auto}.sk:hover .sk__card,.sk:focus-within .sk__card{transform:rotate(0)}.sk:hover .sk__close,.sk:focus-within .sk__close{opacity:1}.sk[data-escaped=true] .sk__card{transform:rotate(var(--sk-in))}.sk[data-escaped=true] .sk__close{opacity:0}.sk[data-peek=true]:not(:hover):not(:focus-within) .sk__card{animation:1.4s cubic-bezier(.3,.7,.3,1) sk-peek}}@keyframes sk-peek{0%,to{transform:rotate(var(--sk-in))}45%,60%{transform:rotate(calc(var(--sk-in) - 22deg))}}@media (hover:none){@supports (animation-timeline:scroll()){.sk__card{transition:none;animation:linear both sk-lean;animation-timeline:scroll(root);animation-range:0% 75%}.sk__close{transition:none;animation:linear both sk-close-show;animation-timeline:scroll(root);animation-range:0% 75%}}@supports not (animation-timeline:scroll()){.sk__card{transform:rotate(calc(var(--sk-in) / 2))}.sk__close{opacity:1}}}@keyframes sk-lean{0%{transform:rotate(var(--sk-in))}to{transform:rotate(0)}}@keyframes sk-close-show{0%,70%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.sk__card,.sk__card[class]{transition:none;animation:none;transform:none}.sk__close{opacity:1;animation:none}.sk__sub svg{transition:none}}