@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Thin-DdUiS1cj.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraLight-DNfybfsL.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Light-Byrs-DlH.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Regular-CtGL0YI-.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Medium-D86t5Axy.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-SemiBold-26ZP1ILp.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Bold-_OhAJEdh.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-ExtraBold-DCjt2qDm.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn-Black-DA1YqYMq.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--page-max-width:1080px;--page-max-width-wide:1360px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e2e2e2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;font-family:Inter,system-ui,-apple-system,sans-serif}html[lang=fa] body{font-family:Vazirmatn,system-ui,-apple-system,sans-serif}#root{min-height:100vh;transition:opacity .22s,transform .22s}html.lang-switching #root{opacity:0;transform:translateY(10px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cursor-blink{vertical-align:middle;background:#4ade80;width:2px;height:1.1em;margin-inline-start:2px;animation:1.1s step-end infinite blink;display:inline-block}.animate-fade-in-up{opacity:0;animation:.7s forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}.delay-4{animation-delay:.5s}.delay-5{animation-delay:.65s}.section-reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.nav-link{color:#666;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#e2e2e2}.nav-inner{max-width:var(--page-max-width);justify-content:space-between;align-items:center;gap:1rem;height:60px;margin:0 auto;padding:0 2rem;display:flex}.nav-brand{color:#4ade80;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:.85rem}.nav-brand--mobile,.nav-mobile-bar{display:none}.nav-desktop{align-items:center;gap:1.5rem;display:flex}.nav-links{gap:2rem;display:flex}.nav-hamburger{color:#888;cursor:pointer;background:0 0;border:1px solid #1e1e1e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:color .2s,border-color .2s,background .2s;display:none}.nav-lang-switch--mobile{display:none}.nav-lang-switch--desktop{display:flex}.nav-hamburger:hover{color:#4ade80;background:#4ade800d;border-color:#4ade804d}.nav-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;background:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.nav-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.nav-sidebar{z-index:70;background:#0d0d0d;border-right:1px solid #1a1a1a;flex-direction:column;width:min(300px,88vw);height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:auto;transform:translate(-100%);box-shadow:8px 0 32px #0006}html[dir=rtl] .nav-sidebar{border-left:1px solid #1a1a1a;border-right:none;left:auto;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0006}.nav-sidebar.open,html[dir=rtl] .nav-sidebar.open{transform:translate(0)}.nav-sidebar-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;min-height:60px;padding:1.25rem 1.5rem;display:flex}.nav-sidebar-title{color:#4ade80;letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.72rem}html[lang=fa] .nav-sidebar-title{text-transform:none;letter-spacing:0;font-family:Vazirmatn,system-ui,sans-serif}.nav-sidebar-close{color:#666;cursor:pointer;background:0 0;border:1px solid #1e1e1e;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .2s,border-color .2s;display:flex}.nav-sidebar-close:hover{color:#4ade80;border-color:#4ade804d}.nav-sidebar-links{flex-direction:column;flex:1;padding:1rem 0;display:flex;overflow-y:auto}@keyframes sidebarLinkRollInLtr{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarLinkRollInRtl{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}.nav-sidebar-link{color:#888;letter-spacing:.06em;text-transform:uppercase;opacity:0;border-inline-start:2px solid #0000;padding:.9rem 1.5rem;font-size:.9rem;animation:none;display:block}.nav-sidebar.open .nav-sidebar-link{animation:.45s cubic-bezier(.22,1,.36,1) forwards sidebarLinkRollInLtr}html[dir=rtl] .nav-sidebar.open .nav-sidebar-link{animation-name:sidebarLinkRollInRtl}.nav-sidebar.open .nav-sidebar-link:first-child{animation-delay:80ms}.nav-sidebar.open .nav-sidebar-link:nth-child(2){animation-delay:.14s}.nav-sidebar.open .nav-sidebar-link:nth-child(3){animation-delay:.2s}.nav-sidebar.open .nav-sidebar-link:nth-child(4){animation-delay:.26s}.nav-sidebar.open .nav-sidebar-link:nth-child(5){animation-delay:.32s}.nav-sidebar.open .nav-sidebar-link:nth-child(6){animation-delay:.38s}.nav-sidebar-link:hover,.nav-sidebar-link.active{color:#f0f0f0;background:#4ade800a;border-inline-start-color:#4ade80}html[lang=fa] .nav-sidebar-link{text-transform:none;letter-spacing:0}.lang-dropdown{position:relative}.lang-dropdown-trigger{color:#aaa;letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #1e1e1e;border-radius:6px;align-items:center;gap:.35rem;height:36px;padding:0 .65rem;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.lang-dropdown-trigger:hover,.lang-dropdown.open .lang-dropdown-trigger{color:#4ade80;background:#4ade800d;border-color:#4ade804d}.lang-dropdown-chevron{opacity:.7;transition:transform .2s}.lang-dropdown.open .lang-dropdown-chevron{transform:rotate(180deg)}.lang-dropdown-menu{top:calc(100% + 6px);opacity:0;visibility:hidden;z-index:80;background:#111;border:1px solid #1e1e1e;border-radius:8px;min-width:130px;margin:0;padding:.35rem;list-style:none;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;inset-inline-end:0;transform:translateY(-6px);box-shadow:0 8px 24px #00000073}.lang-dropdown.open .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown-option{color:#888;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:.55rem .75rem;font-size:.82rem;transition:color .15s,background .15s;display:block}html[lang=fa] .lang-dropdown-option{font-family:Vazirmatn,system-ui,sans-serif}.lang-dropdown-option:hover{color:#e2e2e2;background:#ffffff0a}.lang-dropdown-option.active{color:#4ade80;background:#4ade8014}html.lang-switching .lang-dropdown-trigger{pointer-events:none}.skill-bar-fill{will-change:width;background:linear-gradient(90deg,#166534,#4ade80);border-radius:2px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}html[dir=rtl] .skill-bar-fill{background:linear-gradient(270deg,#166534,#4ade80)}.project-card{background:#111;border:1px solid #1e1e1e;border-radius:8px;padding:.85rem;transition:border-color .25s,background .25s,transform .25s}.project-card:hover{background:#141414;border-color:#2e2e2e;transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.project-screenshot-btn{cursor:pointer;background:#0a0a0a;border:1px solid #1e1e1e;border-radius:5px;width:100%;margin:0 0 .65rem;padding:0;transition:border-color .2s;display:block;position:relative;overflow:hidden}.project-screenshot-btn:hover{border-color:#4ade8059}.project-screenshot{object-fit:cover;object-position:top center;width:100%;height:88px;display:block}.project-screenshot-overlay{color:#4ade80;opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.project-screenshot-btn:hover .project-screenshot-overlay{opacity:1}.project-card-header{justify-content:space-between;align-items:flex-start;gap:.35rem;margin-bottom:.35rem;display:flex}.project-card-title{color:#f0f0f0;font-size:.85rem;font-weight:500;line-height:1.3}.project-card-link{color:#444;flex-shrink:0;margin-inline-start:8px;transition:color .2s}.project-card-link:hover{color:#4ade80}.project-card-tagline{color:#4ade80;letter-spacing:.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.45rem;font-family:JetBrains Mono,monospace;font-size:.58rem;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-desc{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.65rem;font-size:.72rem;line-height:1.55;display:-webkit-box;overflow:hidden}.project-card-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.project-card-tags .tag{padding:.15rem .45rem;font-size:.58rem}.project-card-period{color:#444;letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:.58rem}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.projects-grid{grid-template-columns:1fr}}.experience-timeline{flex-direction:column;display:flex}.experience-timeline-item{grid-template-columns:28px 1fr;gap:1.25rem;padding-bottom:2.5rem;display:grid}.experience-timeline-item.is-last{padding-bottom:0}.experience-timeline-track{flex-direction:column;align-items:center;padding-top:.35rem;display:flex}.experience-timeline-dot{z-index:1;background:#1e1e1e;border:2px solid #333;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:border-color .2s,box-shadow .2s}.experience-timeline-item.is-current .experience-timeline-dot{background:#4ade80;border-color:#4ade80;box-shadow:0 0 0 4px #4ade8026}.experience-timeline-line{background:linear-gradient(#2a2a2a,#1a1a1a);flex:1;width:2px;min-height:2.5rem;margin-top:4px}.experience-timeline-content{min-width:0}.experience-timeline-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.experience-timeline-period{color:#555;letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:.72rem}.experience-timeline-badge{color:#4ade80;letter-spacing:.06em;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:.65rem;display:inline-flex}.experience-timeline-badge-dot{background:#4ade80;border-radius:50%;width:6px;height:6px}.experience-timeline-role{margin-bottom:.4rem}.experience-timeline-role-title{color:#f0f0f0;font-size:1rem;font-weight:500}.experience-timeline-at{color:#555;margin:0 .5rem}.experience-timeline-company{color:#4ade80;font-weight:500}.experience-timeline-desc{color:#777;margin-bottom:1rem;font-size:.9rem;line-height:1.75}.experience-timeline-stack{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:#4ade80;letter-spacing:.05em;background:#4ade8014;border:1px solid #4ade8026;border-radius:4px;padding:.2rem .6rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem}.about-info-label{color:#555;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;min-width:90px;font-family:JetBrains Mono,monospace;font-size:.7rem}html[lang=fa] .about-info-label{text-transform:none;min-width:72px;font-family:Vazirmatn,system-ui,sans-serif}.section-label{color:#4ade80;letter-spacing:.12em;text-transform:uppercase;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem}.timeline-line{background:linear-gradient(#2a2a2a,#0000);width:1px}a{color:inherit;text-decoration:none}.hero-grid{grid-template-columns:1fr auto;align-items:center;gap:4rem;width:100%;display:grid}.hero-avatar{object-fit:cover;object-position:top center;outline-offset:4px;filter:grayscale(20%);border:2px solid #1e1e1e;border-radius:50%;outline:4px solid #4ade801f;flex-shrink:0;width:220px;height:220px;transition:filter .3s,outline-color .3s}.hero-avatar:hover{filter:grayscale(0%);outline-color:#4ade804d}@media (width<=640px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-avatar-wrap{order:-1}.hero-avatar{width:120px;height:120px}}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-top:2.5rem;display:grid}@media (width<=768px){.nav-inner{height:60px;display:block}.nav-brand--desktop,.nav-desktop{display:none}.nav-mobile-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;height:60px;display:grid}.nav-brand--mobile{text-align:center;text-overflow:ellipsis;justify-self:center;max-width:100%;font-size:.78rem;display:block;overflow:hidden}.nav-mobile-slot{align-items:center;display:flex}.nav-mobile-slot--start{justify-content:flex-start}.nav-mobile-slot--end{justify-content:flex-end}.nav-lang-switch--mobile,.nav-hamburger{display:flex}}@media (width<=700px){.about-grid{grid-template-columns:1fr;gap:2rem}.experience-timeline-item{grid-template-columns:22px 1fr;gap:1rem;padding-bottom:2rem}}html[lang=fa] .section-label{text-transform:none;letter-spacing:0;font-family:Vazirmatn,system-ui,sans-serif}.nav-lang-switch{flex-shrink:0;align-items:center;display:flex}.hero-terminal-dock{z-index:40;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:.65rem;width:min(380px,100vw - 2.5rem);transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:fixed;bottom:1.25rem;left:1.25rem;right:auto;transform:translateY(10px)}html[dir=rtl] .hero-terminal-dock{left:1.25rem;right:auto}.hero-terminal-dock.is-visible{opacity:1;visibility:visible;pointer-events:none;transform:translateY(0)}.hero-terminal-dock.is-visible>*{pointer-events:auto}.hero-terminal-launcher{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#aaa;cursor:pointer;text-align:start;background:#0d0d0df0;border:1px solid #1e1e1e;border-radius:10px;align-items:center;gap:.65rem;width:auto;max-width:100%;padding:.65rem 1rem;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:border-color .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 8px 32px #00000073}.hero-terminal-launcher:hover{border-color:#4ade8059;box-shadow:0 8px 32px #00000080,0 0 0 1px #4ade8014}.hero-terminal-launcher-icon{color:#4ade80;background:#4ade801a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hero-terminal-launcher-teaser{align-items:center;min-width:0;display:inline-flex;overflow:hidden}.hero-terminal-launcher-prompt{color:#4ade80;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-terminal-launcher-cursor{background:#4ade80;flex-shrink:0;width:8px;height:1.1em;margin-inline-start:2px;animation:1.1s step-end infinite blink;display:inline-block}.hero-terminal-dock.is-desktop.is-open .hero-terminal-launcher{display:none}.hero-terminal-panel{background:#0a0a0a;border:1px solid #1e1e1e;border-radius:10px;width:100%;animation:.3s cubic-bezier(.22,1,.36,1) terminalSlideUp;overflow:hidden;box-shadow:0 8px 40px #0000008c}@keyframes terminalSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-terminal-chrome{background:#111;border-bottom:1px solid #1a1a1a;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.hero-terminal-dots{align-items:center;gap:.35rem;display:flex}.hero-terminal-dot{border:none;border-radius:50%;flex-shrink:0;width:10px;height:10px;padding:0}.hero-terminal-dot--red{cursor:pointer;background:#ff5f57;transition:opacity .15s}.hero-terminal-dot--red:hover{opacity:.8}.hero-terminal-dot--yellow{background:#febc2e}.hero-terminal-dot--green{background:#28c840}.hero-terminal-title{color:#555;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,monospace;font-size:.65rem;overflow:hidden}.hero-terminal-minimize{color:#666;cursor:pointer;background:0 0;border:1px solid #1e1e1e;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .2s,border-color .2s;display:flex}.hero-terminal-minimize:hover{color:#4ade80;border-color:#4ade804d}.hero-terminal-body{max-height:min(240px,32vh);padding:.85rem 1rem;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.65;overflow-y:auto}.hero-terminal-line{white-space:pre-wrap;word-break:break-word;margin-bottom:.15rem}.hero-terminal-line--system{color:#555}.hero-terminal-line--input{color:#ccc}.hero-terminal-line--output{color:#999}.hero-terminal-line--success{color:#4ade80}.hero-terminal-line--error{color:#f87171}.hero-terminal-input-row{cursor:text;background:#0d0d0d;border-top:1px solid #1a1a1a;align-items:center;gap:.35rem;padding:.65rem 1rem;display:flex}.hero-terminal-prompt{color:#4ade80;-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:.72rem}.hero-terminal-input-wrap{flex:1;min-width:0;min-height:1.2em;position:relative}.hero-terminal-input-mirror{color:#e2e2e2;pointer-events:none;white-space:pre;align-items:center;max-width:100%;font-family:JetBrains Mono,monospace;font-size:.72rem;display:inline-flex;overflow:hidden}.hero-terminal-cursor{background:#4ade80;flex-shrink:0;width:8px;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}.hero-terminal-input{color:#0000;caret-color:#0000;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-family:JetBrains Mono,monospace;font-size:.72rem;position:absolute;inset:0}html[lang=fa] .hero-terminal-body,html[lang=fa] .hero-terminal-launcher-prompt{font-family:JetBrains Mono,monospace}@media (width<=768px){.hero-terminal-dock{width:auto;max-width:calc(100vw - 2rem);bottom:1rem;left:1rem}.hero-terminal-dock.is-mobile .hero-terminal-launcher{justify-content:center;width:44px;height:44px;padding:.55rem}.hero-terminal-dock.is-mobile.is-open{width:min(360px,100vw - 2rem)}.hero-terminal-dock.is-mobile.is-open .hero-terminal-launcher{width:44px;height:44px}.hero-terminal-body{max-height:min(200px,28vh);font-size:.68rem}}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;pointer-events:auto;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}