.ImmersiveLoginSheet-module__OidOGW__panel{--app-col-shift:0px;--background:#fff;--foreground:#000;--field:var(--background);--field-border:#d4d4d4;--field-separator:#e4e4e4;--field-placeholder:#737373;background:var(--background);max-width:none;height:100%;max-height:none;color:var(--foreground);overflow:hidden;container:immersive-login/size}.dark .ImmersiveLoginSheet-module__OidOGW__panel{--background:#101010;--foreground:#fff;--field:var(--background);--field-border:#444;--field-separator:#444;--field-placeholder:#c2c2c2}.ImmersiveLoginSheet-module__OidOGW__panel input[type=tel]{letter-spacing:normal;font-size:18px;font-weight:400}.ImmersiveLoginSheet-module__OidOGW__panel input[type=tel]::placeholder{font-weight:400}.ImmersiveLoginSheet-module__OidOGW__panel [dir=ltr]>span{font-weight:500}.ImmersiveLoginSheet-module__OidOGW__legal{width:100%;max-width:360px;color:color-mix(in srgb, var(--foreground) 65%, var(--background));text-wrap:pretty;text-align:center;flex-shrink:0;margin:auto auto 0;padding-top:28px;font-size:12px;line-height:1.9}.ImmersiveLoginSheet-module__OidOGW__legal a{color:var(--foreground);text-underline-offset:3px;border-radius:3px;text-decoration:underline}.ImmersiveLoginSheet-module__OidOGW__legal a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}[dir=rtl] .ImmersiveLoginSheet-module__OidOGW__headline{letter-spacing:normal}.ImmersiveLoginSheet-module__OidOGW__hero{background:#080808;position:absolute;inset:0;overflow:hidden}.ImmersiveLoginSheet-module__OidOGW__welcome{z-index:3;min-height:38cqh;padding:64px 24px max(env(safe-area-inset-bottom,0px), 28px);background:var(--background);text-align:center;transition:opacity .2s var(--ease-drawer), transform .28s var(--ease-drawer);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.ImmersiveLoginSheet-module__OidOGW__welcome:before{content:"";pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--background) 0%, transparent) 0%, color-mix(in srgb, var(--background) 2%, transparent) 12.5%, color-mix(in srgb, var(--background) 10%, transparent) 25%, color-mix(in srgb, var(--background) 26%, transparent) 37.5%, color-mix(in srgb, var(--background) 50%, transparent) 50%, color-mix(in srgb, var(--background) 74%, transparent) 62.5%, color-mix(in srgb, var(--background) 90%, transparent) 75%, color-mix(in srgb, var(--background) 98%, transparent) 87.5%, var(--background) 100%);height:clamp(120px,18cqh,176px);position:absolute;inset:auto 0 calc(100% - 1px)}.ImmersiveLoginSheet-module__OidOGW__welcome[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(-16px)}.ImmersiveLoginSheet-module__OidOGW__card{flex-shrink:0;width:100%;max-width:360px;margin:0 auto}.ImmersiveLoginSheet-module__OidOGW__welcomeMark{z-index:1;border-radius:21px;width:80px;height:80px;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.ImmersiveLoginSheet-module__OidOGW__headline{color:var(--foreground);text-wrap:balance;margin:0;font-size:30px;font-weight:800;line-height:1.4;position:relative;top:-8px}.ImmersiveLoginSheet-module__OidOGW__welcomeActions{gap:12px;margin-top:28px;display:grid}.ImmersiveLoginSheet-module__OidOGW__signup,.ImmersiveLoginSheet-module__OidOGW__login{width:100%;height:54px;box-shadow:none;transition:transform .15s var(--ease-drawer), background-color .15s ease;border-radius:999px;font-size:16px;font-weight:600}.ImmersiveLoginSheet-module__OidOGW__signup{background:var(--primary-on-light);color:#fff}.ImmersiveLoginSheet-module__OidOGW__login{color:#111;background:#f0f0f0}.dark .ImmersiveLoginSheet-module__OidOGW__login{color:#fff;background:#292929}.ImmersiveLoginSheet-module__OidOGW__signup:active,.ImmersiveLoginSheet-module__OidOGW__login:active{transform:scale(.98)}.ImmersiveLoginSheet-module__OidOGW__formPage{z-index:5;inset:0 0 var(--kb-inset,0px);padding:max(112px, 18cqh) 24px max(env(safe-area-inset-bottom,0px), 24px);background:var(--background);opacity:0;pointer-events:none;transition:transform .28s var(--ease-drawer), opacity .2s var(--ease-drawer);overscroll-behavior:contain;flex-direction:column;scroll-padding-block:20px;display:flex;position:absolute;overflow-y:auto;transform:translateY(6%)}.ImmersiveLoginSheet-module__OidOGW__formPage[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.ImmersiveLoginSheet-module__OidOGW__formCard{flex-shrink:0;width:100%;max-width:380px;margin:0 auto}.ImmersiveLoginSheet-module__OidOGW__formTitle{color:var(--foreground);outline:none;margin:0 0 8px;font-size:28px;font-weight:750;line-height:40px}.ImmersiveLoginSheet-module__OidOGW__formDescription{color:color-mix(in srgb, var(--foreground) 85%, var(--background));text-wrap:pretty;margin:0 0 24px;font-size:16px;font-weight:400;line-height:28px}.ImmersiveLoginSheet-module__OidOGW__panel [dir=ltr]:has(>input[type=tel]){background:var(--background);border-radius:14px}.ImmersiveLoginSheet-module__OidOGW__close,.ImmersiveLoginSheet-module__OidOGW__back{z-index:20;position:absolute;inset-block-start:max(16px, env(safe-area-inset-top,0px))}.ImmersiveLoginSheet-module__OidOGW__close{inset-inline-end:20px}.ImmersiveLoginSheet-module__OidOGW__close[data-welcome=true]{color:#111;-webkit-backdrop-filter:blur(12px);background:#fff6;border-color:#fff6}:is(.dark .ImmersiveLoginSheet-module__OidOGW__close,.dark .ImmersiveLoginSheet-module__OidOGW__back){color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff24;border-color:#ffffff29}.ImmersiveLoginSheet-module__OidOGW__back{inset-inline-start:20px}@media (hover:hover) and (pointer:fine){.ImmersiveLoginSheet-module__OidOGW__close[data-welcome=true]:hover{background:#ffffff80}:is(.dark .ImmersiveLoginSheet-module__OidOGW__close:hover,.dark .ImmersiveLoginSheet-module__OidOGW__back:hover){background:#ffffff38}.ImmersiveLoginSheet-module__OidOGW__signup:hover{background:color-mix(in srgb, var(--primary-on-light) 90%, #000)}.ImmersiveLoginSheet-module__OidOGW__login:hover{background:#e6e6e6}.dark .ImmersiveLoginSheet-module__OidOGW__login:hover{background:#333}}.ImmersiveLoginSheet-module__OidOGW__tilesViewport{position:absolute;inset:0;overflow:hidden}.ImmersiveLoginSheet-module__OidOGW__tilesPlane{--pointer-x:0deg;--pointer-y:0deg;transform:perspective(1100px) rotateX(calc(12deg + var(--pointer-y))) rotateY(calc(-6deg + var(--pointer-x))) rotateZ(-10deg) scale(1.06);transform-style:preserve-3d;will-change:transform;direction:ltr;gap:11px;transition:transform .26s ease-out;display:flex;position:absolute;inset:-22% -16%}.ImmersiveLoginSheet-module__OidOGW__tileColumn{flex:1 1 0;min-width:0;overflow:hidden}.ImmersiveLoginSheet-module__OidOGW__tileTrack{will-change:transform;gap:11px;padding-block:6px;animation:32s linear infinite ImmersiveLoginSheet-module__OidOGW__tile-drift-up;display:grid}.ImmersiveLoginSheet-module__OidOGW__tileColumn:nth-child(2n) .ImmersiveLoginSheet-module__OidOGW__tileTrack{animation-name:ImmersiveLoginSheet-module__OidOGW__tile-drift-down;animation-duration:37s}.ImmersiveLoginSheet-module__OidOGW__tileColumn:nth-child(3n) .ImmersiveLoginSheet-module__OidOGW__tileTrack{animation-duration:41s}.ImmersiveLoginSheet-module__OidOGW__tile{aspect-ratio:.73;background-image:linear-gradient(135deg, #ffffff1a, transparent 40%), var(--tile-image,url(/auth/reelz-login-tiles.webp));background-position:center, var(--tile-x) var(--tile-y);background-size:auto, var(--tile-size,300% 300%);filter:saturate(.9);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff12,0 12px 30px #00000059}@keyframes ImmersiveLoginSheet-module__OidOGW__tile-drift-up{to{transform:translateY(calc(-50% - 5.5px))}}@keyframes ImmersiveLoginSheet-module__OidOGW__tile-drift-down{0%{transform:translateY(calc(-50% - 5.5px))}to{transform:translateY(0)}}@media (min-width:900px){.ImmersiveLoginSheet-module__OidOGW__hero{width:55%;inset:0 auto 0 0}.ImmersiveLoginSheet-module__OidOGW__panel .ImmersiveLoginSheet-module__OidOGW__welcome{justify-content:center;align-items:center;width:45%;padding:40px;display:flex;inset:0 0 0 auto}.ImmersiveLoginSheet-module__OidOGW__welcome:before{display:none}.ImmersiveLoginSheet-module__OidOGW__formPage{padding-inline:40px;left:55%}.ImmersiveLoginSheet-module__OidOGW__welcomeMark{margin:0 auto 20px;position:static;transform:none}}@container immersive-login (max-height:740px){.ImmersiveLoginSheet-module__OidOGW__welcome{padding-top:56px;padding-bottom:max(env(safe-area-inset-bottom,0px), 20px)}.ImmersiveLoginSheet-module__OidOGW__welcomeMark{border-radius:19px;width:72px;height:72px;top:-44px}.ImmersiveLoginSheet-module__OidOGW__headline{font-size:28px}.ImmersiveLoginSheet-module__OidOGW__welcomeActions{margin-top:20px}.ImmersiveLoginSheet-module__OidOGW__formPage{padding-top:88px}}@media (max-width:899px){.ImmersiveLoginSheet-module__OidOGW__formPage{padding-top:calc(max(16px, env(safe-area-inset-top,0px)) + 60px)}}@media (prefers-reduced-motion:reduce){.ImmersiveLoginSheet-module__OidOGW__tileTrack{animation:none}.ImmersiveLoginSheet-module__OidOGW__tilesPlane{transition:none;transform:perspective(1100px)rotateX(12deg)rotateY(-6deg)rotate(-10deg)scale(1.06)}.ImmersiveLoginSheet-module__OidOGW__welcome,.ImmersiveLoginSheet-module__OidOGW__formPage{transition:opacity .15s;transform:none}.ImmersiveLoginSheet-module__OidOGW__welcome[data-hidden=true],.ImmersiveLoginSheet-module__OidOGW__formPage[data-open=true],.ImmersiveLoginSheet-module__OidOGW__signup:active,.ImmersiveLoginSheet-module__OidOGW__login:active,.ImmersiveLoginSheet-module__OidOGW__close:active,.ImmersiveLoginSheet-module__OidOGW__back:active{transform:none}}
/*# sourceMappingURL=0ph.0gdre284e.css.map*/