@layer theme,base;@layer components{.pg-notfound .nf-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px clamp(40px,6vw,112px);padding-block:clamp(36px,5vw,88px) clamp(80px,8vw,136px);display:grid}.pg-notfound .nf-art{aspect-ratio:1;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;padding:18%;display:grid;position:relative;overflow:hidden}.pg-notfound .nf-art svg{width:100%;height:auto;overflow:visible}html[dir=rtl] .pg-notfound .nf-art svg{transform:scaleX(-1)}.pg-notfound .nf-bar{fill:var(--text)}.pg-notfound .nf-ghost{fill:none;stroke:var(--mint);stroke-width:1.5px;stroke-dasharray:5 5}.pg-notfound .nf-floor{stroke:var(--line);stroke-width:1px}.pg-notfound .nf-num{inset-inline-start:clamp(18px,2vw,28px);letter-spacing:.16em;color:var(--text-3);font-size:13px;font-weight:700;position:absolute;bottom:clamp(14px,1.6vw,22px)}.pg-notfound .nf-replay svg{width:32px;height:32px}.pg-notfound .nf-replay{inset-inline-end:clamp(14px,1.6vw,20px);position:absolute;bottom:clamp(10px,1.2vw,16px)}.pg-notfound .nf-txt{align-content:center;justify-items:start;display:grid}.pg-notfound .nf-txt .label{margin-bottom:18px}.pg-notfound .nf-txt .lead{margin-top:clamp(18px,2vw,26px)}.pg-notfound .nf-txt .ctas{width:auto;margin-top:clamp(24px,2.6vw,34px)}.pg-notfound .nf-nav{width:100%;margin-top:clamp(36px,4vw,56px)}.pg-notfound .nf-k{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px;font-size:13px;font-weight:600}html[lang=ar] .pg-notfound .nf-k{letter-spacing:0;text-transform:none;font-size:15px}.pg-notfound .nf-links{border-top:1.5px solid var(--line-2);margin:0;padding:0;list-style:none}.pg-notfound .nf-links a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:2px 16px;min-height:44px;padding:16px 0;text-decoration:none;display:grid}.pg-notfound .nf-links b{font-size:18px;font-weight:700;transition:color .25s}.pg-notfound .nf-links span{color:var(--text-2);grid-column:1;font-size:15px}.pg-notfound .nf-links svg{width:20px;height:20px;color:var(--accent);transition:transform .3s var(--ease);grid-area:1/2/3}html[dir=rtl] .pg-notfound .nf-links svg{transform:scaleX(-1)}.pg-notfound .nf-links a:hover svg,.pg-notfound .nf-links a:focus-visible svg{transform:translate(5px)}html[dir=rtl] .pg-notfound .nf-links a:hover svg,html[dir=rtl] .pg-notfound .nf-links a:focus-visible svg{transform:scaleX(-1)translate(5px)}.pg-notfound .nf-links a:hover b{color:var(--accent)}@media (max-width:1080px){.pg-notfound .nf-grid{grid-template-columns:minmax(0,1fr)}.pg-notfound .nf-art{aspect-ratio:16/9;padding:8% 24%}}@media (max-width:640px){.pg-notfound .nf-grid{gap:32px;padding-top:24px}.pg-notfound .nf-art{aspect-ratio:4/3;padding:14% 18%}.pg-notfound .nf-txt .ctas,.pg-notfound .nf-txt .ctas .btn{width:100%}}@keyframes nf-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes nf-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(70%)}}@keyframes nf-fade{0%{opacity:0}to{opacity:1}}@keyframes nf-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.pg-notfound .nf-bar{transform-box:fill-box;transform-origin:0}.pg-notfound .nf-top{opacity:0}.pg-notfound .nf-art.is-play .nf-top{opacity:1;animation:.8s cubic-bezier(.7,0,.2,1) .25s backwards nf-draw,1s cubic-bezier(.7,0,.2,1) 1.9s forwards nf-out}.pg-notfound .nf-art.is-play .nf-mid{animation:.8s cubic-bezier(.7,0,.2,1) .39s backwards nf-draw}.pg-notfound .nf-art.is-play .nf-base{animation:.8s cubic-bezier(.7,0,.2,1) .53s backwards nf-draw}.pg-notfound .nf-art.is-play .nf-ghost{animation:.6s cubic-bezier(.22,.8,.2,1) 2.5s both nf-fade}.pg-notfound .nf-txt{animation:.8s cubic-bezier(.22,.8,.2,1) .2s backwards nf-in}@media (prefers-reduced-motion:reduce){.pg-notfound .nf-art.is-play .nf-bar,.pg-notfound .nf-art.is-play .nf-ghost,.pg-notfound .nf-txt{animation:none}.pg-notfound .nf-art.is-play .nf-top{opacity:0}.pg-notfound .nf-replay{display:none}}}@layer utilities;