:root{--navy: #081d3d;--mute: #5b6b84;--royal: #1133cc;--line: #e6edf5;--bg: #ffffff;color-scheme:only light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#dfe7f1;color:var(--navy);font-family:Manrope,IBM Plex Sans Arabic,sans-serif;color-scheme:only light}html[lang=ar] body{font-family:IBM Plex Sans Arabic,Manrope,sans-serif}button,a{font:inherit;color:inherit}.stage{width:min(100%,430px);height:100dvh;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}@media(min-width:520px){body{display:grid;place-items:center}.stage{height:min(920px,calc(100dvh - 28px));border-radius:36px;box-shadow:0 30px 80px #081d3d2e}}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#fff;animation:splash 1.15s ease forwards}.splash img{width:92px;height:auto;animation:mark .7s ease both}@keyframes mark{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes splash{0%,68%{opacity:1}to{opacity:0;visibility:hidden}}.intro,.shell{height:100%;display:flex;flex-direction:column}.skip{position:absolute;z-index:2;top:calc(14px + env(safe-area-inset-top));inset-inline-end:18px;border:0;background:transparent;color:var(--mute);font-weight:700;cursor:pointer}.pager{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.panel{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;min-width:0}.visual{flex:1.15;min-height:0;background:#fff;overflow:hidden}.visual video{width:100%;height:100%;object-fit:cover;display:block}.sheet{flex:0 0 auto;margin-top:-28px;padding:26px 24px 8px;border-radius:28px 28px 0 0;background:#fff;position:relative}.sheet h1{margin:0 0 8px;font-size:30px;line-height:1.12;letter-spacing:-.03em}.sheet p{margin:0;color:var(--mute);font-size:16px;line-height:1.45}.intro-bar{padding:8px 20px calc(16px + env(safe-area-inset-bottom));background:#fff}.dots{display:flex;justify-content:center;gap:6px;margin-bottom:14px}.dots i{width:6px;height:6px;border-radius:99px;background:#d5deea;display:block}.dots i.is-on{width:18px;background:var(--royal)}.go{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:16px;background:var(--royal);color:#fff;font-weight:700;font-size:17px;text-decoration:none;cursor:pointer}.go:active{transform:scale(.985)}.go.line{background:#fff;color:var(--navy);border:1px solid var(--line);margin-top:10px}.bar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mark{height:32px;width:auto}.ghost,.lang{border:0;background:transparent;cursor:pointer;font-weight:700}.ghost{justify-self:start;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;padding:8px 0;font-size:14px}.lang{justify-self:end;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-family:IBM Plex Sans Arabic,sans-serif}html[lang=ar] .lang{font-family:Manrope,sans-serif;font-size:12px}main{flex:1;min-height:0}.screen{height:100%}.scroll,.you{height:100%;overflow:auto;padding:8px 20px 24px}.hello{margin:0;color:var(--royal);font-weight:700}.scroll h1,.you h1{margin:6px 0 16px;font-size:32px;line-height:1.1;letter-spacing:-.03em}.scroll h2{margin:26px 0 12px;font-size:18px}.row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row.fill{height:calc(100% - 36px);padding:0 20px 16px}.tile,.story{flex:0 0 78%;scroll-snap-align:start;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line);text-decoration:none;color:var(--navy)}.row.fill .story{flex:0 0 86%;scroll-snap-align:center;display:flex;flex-direction:column}.tile img,.story video,.shot{width:100%;height:148px;object-fit:cover;display:block;background:#fff}.row.fill .story video{height:46%;flex:1}.tile div,.story div{padding:12px 14px 14px}.tile strong,.story strong{display:block;font-size:16px;margin-bottom:4px}.tile span,.story span{color:var(--mute);font-size:13px;line-height:1.4}.stack{display:flex;flex-direction:column;gap:12px}.stack .tile{flex:none;display:grid;grid-template-columns:108px 1fr}.stack .tile img{height:92px}.eq{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 16px 8px;font-size:13px;font-weight:700;color:var(--mute)}.eq b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--royal);color:#fff;font-size:13px}.eq span.is-on{color:var(--navy)}.you{display:flex;flex-direction:column;justify-content:center}.you-mark{width:72px;height:auto}.you p{margin:0 0 18px;color:var(--mute)}.quiet{display:block;margin-top:18px;text-align:center;color:var(--royal);font-weight:700;text-decoration:none}.tabs{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff}.tabs button{border:0;background:transparent;color:#8b98ab;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.tabs button.is-on{color:var(--royal)}.tabs svg{width:22px;height:22px;fill:currentColor}html[dir=rtl] .sheet,html[dir=rtl] .scroll,html[dir=rtl] .you{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/2/assets/app.css.map */