@layer theme,base;@layer components{.reels-chat-pill{border:1px solid var(--color-brand-primary-400);background:var(--color-brand-primary-500);color:#fff;color:lab(100% 0 0);white-space:nowrap;box-shadow:var(--shadow-md);transition:background-color var(--duration-base), transform var(--duration-fast);border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.reels-chat-pill:hover{background:var(--color-brand-primary-400)}.reels-chat-pill:active{transform:scale(.96)}.reels-chat-pill.is-armed{animation:reels-chat-pill-fill var(--duration-slower) ease-out 2.5s backwards, reels-chat-pill-pulse .6s ease-out 3s}.reels-rail-chat{background:var(--color-brand-primary-500);width:3rem;height:3rem;box-shadow:var(--shadow-md);transition:background-color var(--duration-base);border-radius:9999px;justify-content:center;align-items:center;display:flex}.reels-rail-chat:hover{background:var(--color-brand-primary-400)}.reels-shell{--page-bg:#000;--reels-bottom-offset:0px;margin-top:var(--navbar-height);background:#000;background:lab(0% 0 0)}@supports (color:lab(0% 0 0)){.reels-shell{--page-bg:lab(0% 0 0)}}@media (max-width:767px){.reels-shell{--reels-bottom-offset:calc(70px + var(--safe-area-bottom))}}.reels-viewport{height:calc(100dvh - var(--navbar-height) - var(--reels-bottom-offset,0px))}.reels-scroll{scrollbar-width:none;overscroll-behavior:contain}.reels-scroll::-webkit-scrollbar{display:none}}@layer utilities;@keyframes reels-chat-pill-fill{0%{box-shadow:none;background:#ffffff1f;background:lab(100% 0 0/.12);border-color:#ffffff4d;border-color:lab(100% 0 0/.3)}}@keyframes reels-chat-pill-pulse{0%{box-shadow:0 0 0 0 var(--color-brand-primary-500)}to{box-shadow:0 0 0 10px #0000;box-shadow:0 0 0 10px lab(0% 0 0/0)}}