/* Shared floating tab bar and tab surfaces from the supplied iPhone references. */
.instagram{--ig-mobile-muted:#78818b;--ig-tab-bottom:20px;--ig-tab-height:59px}
.instagram>.native-scroll{padding-bottom:100px;scroll-padding-bottom:100px}
.instagram .instagram-nav{position:absolute;left:20px;right:20px;bottom:var(--ig-tab-bottom);height:var(--ig-tab-height);min-height:0;padding:4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #dedee3a6;border-radius:40px;background:#ffffffe0;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 1px 2px #fff,0 7px 28px #0000000d;z-index:10}
.instagram .instagram-nav>button{width:100%;height:100%;min-height:0;min-width:0;padding:10px 0;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#0c1216;transition:background .15s ease}
.instagram .instagram-nav>button.active{background:#e5e5e7b8}
.instagram .instagram-nav .ig-icon{height:25px;width:25px;stroke-width:1.9}
.instagram .instagram-nav .active .ig-icon-reels{fill:currentColor;fill-rule:evenodd}
.instagram .instagram-nav .active .ig-icon-send{fill:currentColor}
.instagram-nav .ig-send-cutout{fill:none;stroke:var(--ig-tab-cutout,#fff);stroke-width:2.1}
.instagram.ig-reels .instagram-nav{--ig-tab-cutout:#666668}
.instagram .instagram-nav .active .ig-icon-search{stroke-width:3}
.instagram .instagram-nav .my-avatar{height:25px;width:25px;font-size:12px;background:#dce2e7;color:#495662;outline:none}
.ig-tab-dot{position:absolute;width:6px;height:6px;right:calc(50% - 14px);top:calc(50% + 7px);border-radius:50%;background:#ff0038;border:0}
.instagram .instagram-nav button:focus-visible{outline:2px solid #6651ff;outline-offset:0}
.instagram .instagram-head{min-height:60px;height:60px;padding:0 14px;display:grid;grid-template-columns:40px 1fr 69px;gap:0;border:0}
.instagram .instagram-head .ig-create-top{width:32px;min-width:32px;padding:0;height:42px}
.ig-create-top .ig-icon{width:27px;height:27px;stroke-width:1.7}
.instagram .instagram-head .ig-wordmark{justify-self:center;justify-content:center;font-size:28px;font-weight:650;letter-spacing:-1.5px;width:auto;padding:0;height:44px;gap:7px}
.instagram .ig-wordmark .ig-icon{width:14px;height:14px;stroke-width:2;margin:0}
.ig-home-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.ig-home-tools>button{padding:0;width:25px;min-width:25px;height:36px;display:grid;place-items:center}
.instagram .ig-home-tools .ig-notifications{width:25px;min-width:25px;height:36px;padding:0}
.ig-home-tools .ig-icon{width:24px;height:24px;stroke-width:1.9}
.instagram .ig-home-tools .ig-notifications.has-notice:after{top:4px;right:-2px;width:6px;height:6px}
.instagram .native-stories{padding:3px 12px 13px;gap:14px;align-items:flex-start;border:0}
.instagram .native-stories>button{flex:0 0 77px;width:77px;padding:0}
.instagram .native-story-ring{padding:2.5px;display:block}
.instagram .native-story-ring img{width:72px;height:72px;border:3px solid white;display:block;object-fit:cover}
.instagram .native-stories small{font-size:12px;line-height:18px;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ig-own-avatar{position:relative;display:block;width:77px;height:77px;padding:4px}
.ig-own-avatar .my-avatar{display:flex;align-items:center;justify-content:center;height:69px;width:69px;border-radius:50%;font-size:27px;background:linear-gradient(145deg,#e2e8e9,#b8c4cf);color:#4f6273}
.ig-own-avatar i{position:absolute;right:0;bottom:1px;border:2px solid white;background:#20262a;color:white;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}
.ig-own-avatar i .ig-icon{width:19px;height:19px;stroke-width:2.6}
.instagram .native-post-head{min-height:58px;padding:9px 12px;gap:8px}
.instagram .native-post-head .ig-post-avatar img{width:34px;height:34px}
.instagram .native-post-head b{font-size:13px}
.instagram .native-post-head small{font-size:11px}
.instagram .ig-carousel{margin:0;border:0;border-radius:0;background:#f4f4f4}
.instagram .post-image-button{display:block;width:100%;background:#f4f4f4}
.instagram .post-image-button img{display:block;height:auto;width:100%;max-width:none!important;max-height:none;aspect-ratio:auto;object-fit:contain}
.instagram .native-caption{padding-bottom:13px}
.instagram .ig-collection-note{display:none}
.instagram .ig-inbox-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;min-height:61px;padding:0 16px;gap:8px}
.instagram .ig-inbox-head>button{padding:0}
.instagram .ig-inbox-head .ig-account-name{display:flex;justify-content:center;align-items:center;gap:6px;font-size:22px;font-weight:750;letter-spacing:-.6px;white-space:nowrap;overflow:hidden;min-width:0}
.ig-account-name .ig-icon{width:14px;height:14px;flex-shrink:0}
.ig-account-name i{width:7px;height:7px;border-radius:50%;background:#ff0038;flex-shrink:0}
.ig-inbox-head>.ig-icon,.ig-inbox-head>button>.ig-icon-edit{width:25px;height:25px}
.ig-inbox-search{padding:3px 13px 5px}
.instagram .ig-inbox-search .native-search,.instagram .ig-search-header .native-search{margin:0;background:#eff0f4;border:0;border-radius:25px;height:43px;padding:0 14px;gap:9px;display:flex;align-items:center;flex:1;min-width:0}
.ig-inbox-search input,.instagram .ig-search-header .native-search input{font-size:16px;min-width:0;width:100%;color:#0c1014}
.ig-inbox-search input::placeholder,.instagram .ig-search-header input::placeholder{color:var(--ig-mobile-muted)}
.ig-inbox-search svg,.instagram .ig-search-header .native-search svg{height:18px;width:18px;color:#747e88;flex-shrink:0}
.instagram.ig-page-dm>.native-scroll{overflow:auto}
.ig-notes-row{display:flex;gap:22px;overflow:auto;scrollbar-width:none;padding:43px 17px 14px;min-height:159px;flex-shrink:0}
.ig-notes-row>button{position:relative;display:flex;flex-direction:column;align-items:center;width:76px;flex:0 0 76px;padding:0;gap:6px;font-size:12px}
.ig-note-avatar,.ig-note-avatar>.ig-avatar,.ig-note-avatar>.my-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}
.ig-note-avatar .my-avatar{font-size:27px;background:linear-gradient(145deg,#e2e8e9,#b8c4cf);color:#4f6273}
.ig-note-self small{color:var(--ig-mobile-muted)}
.ig-notes-row small{font-size:12px;line-height:18px;white-space:nowrap}
.ig-note-bubble{position:absolute;z-index:1;left:-7px;right:-7px;bottom:89px;background:white;border-radius:18px;padding:7px 6px;color:var(--ig-mobile-muted);box-shadow:0 2px 12px #00000015;font-size:10px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ig-note-self:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:7px;top:0;box-shadow:0 1px 3px #0001}
.instagram .ig-live-inbox{padding:0 15px}
.ig-inbox-title{display:flex;align-items:center;justify-content:space-between;padding:4px 0 6px}
.instagram .ig-inbox-title h3{margin:0;font-size:15px;font-weight:700}
.ig-inbox-title button{font-size:12px;font-weight:600;color:var(--ig-mobile-muted);padding:8px 0 8px 14px}
.instagram .ig-live-row{gap:12px;min-height:75px;padding:10px 0}
.instagram .ig-live-row>.avatar{width:54px;height:54px}
.instagram .ig-live-row b{font-size:14px;font-weight:400}
.instagram .ig-live-row small{font-size:13px;line-height:1.4;margin-top:2px;font-weight:400;color:var(--ig-mobile-muted)}
.instagram .ig-live-row.unread b,.instagram .ig-live-row.unread small{font-weight:650;color:#111}
.instagram .ig-search-header{display:flex;gap:15px;align-items:center;padding:9px 15px 12px;min-height:64px;background:white}
.ig-search-header>button{width:27px;height:40px;padding:0;display:grid;place-items:center;flex-shrink:0}
.ig-search-header>button .ig-icon{color:#0c1014;width:24px;height:24px;stroke-width:2}
.instagram.ig-page-search .instagram-grid{gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.ig-page-search .instagram-grid button{padding:0;min-width:0;background:#e9ebed;overflow:hidden}
.instagram.ig-page-search .instagram-grid img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.instagram.ig-page-search .chat-list-row{padding:10px 15px;gap:12px}
.ig-page-search .chat-list-row>.ig-avatar{width:42px;height:42px;object-fit:cover;border-radius:50%}
.instagram.ig-reels{padding-top:0;background:#171719;color:white}
.phone-screen:has(.ig-reels) #statusbar{color:#fff;--battery-ink:#77797d}
.phone-screen:has(.ig-reels) .home-indicator:after{background:white}
.instagram .ig-reel{height:100%;min-height:0;flex:1}
.ig-reel-frames img{object-position:center;object-fit:cover}
.ig-reel:after{background:linear-gradient(#0004,transparent 27%,transparent 48%,#0009 100%)}
.instagram .ig-reel .ig-reels-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;position:absolute;left:0;right:0;top:54px;padding:7px 16px;z-index:2}
.ig-reels-head button{color:#fff;padding:0;display:flex;align-items:center;justify-content:center;height:34px;font-size:21px;font-weight:700;gap:6px}
.ig-reels-head button>.ig-icon-down{width:15px;height:15px}
.ig-reels-head button>.ig-icon-plus{width:28px;height:28px}
.ig-reel .ig-reel-hit{inset:112px 60px 220px 0;display:grid;place-items:center;color:white}
.ig-reel-hit>.ig-icon{height:43px;width:43px;fill:#ffffffb0;stroke-width:0;filter:drop-shadow(0 2px 8px #0005)}
.ig-reel .ig-reel-actions{right:10px;bottom:166px;gap:20px;align-items:center;z-index:2}
.ig-reel-actions>div{display:flex;align-items:center;flex-direction:column;gap:6px}
.ig-reel-actions small{font-size:11px;color:white;line-height:1;font-weight:500;text-shadow:0 1px 3px #0007}
.instagram .ig-reel-actions button{color:white;width:29px;height:29px;padding:1px}
.ig-reel-actions .ig-icon{width:26px;height:26px;stroke-width:1.9;filter:drop-shadow(0 1px 3px #0003)}
.instagram .ig-reel-actions .liked{color:#ff304f}
.instagram .ig-reel-actions .saved svg{fill:white}
.instagram .ig-reel-actions .reposted{color:#b8ffcf}
.ig-reel .ig-reel-caption{left:15px;right:55px;bottom:118px}
.ig-reel-author{display:flex;align-items:center;gap:10px;min-width:0}
.ig-reel-author>button:first-child{display:flex;align-items:center;gap:8px;padding:0;color:white;min-width:0}
.ig-reel-author b{font-size:13px;white-space:nowrap}
.ig-reel-author img{height:34px;width:34px;object-fit:cover;border-radius:50%;border:.5px solid #fff8}
.ig-reel-author .ig-reel-follow{border:1px solid #fff8;border-radius:7px;padding:4px 8px;font-size:11px;color:white;white-space:nowrap}
.ig-reel .ig-reel-caption p{font-size:13px;line-height:1.5;margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px #0005}
.ig-reel .ig-reel-caption small{font-size:10px;color:#fffd}
.ig-reel .ig-reel-navigation{bottom:86px;left:auto;right:12px;gap:12px;z-index:2}
.ig-reel-navigation button{color:#fff}
.ig-reel-progress{position:absolute;left:15px;right:15px;bottom:96px;height:2px;background:#ffffff45;border-radius:3px;pointer-events:none}
.ig-reel-progress span{display:block;height:100%;background:white;border-radius:3px}
.ig-reel .ig-reel-navigation{bottom:101px}
.instagram.ig-reels .instagram-nav{background:#333335a8;border-color:#ffffff60;box-shadow:inset 0 1px 2px #fff3,0 6px 18px #0001}
.instagram.ig-reels .instagram-nav>button{color:white}
.instagram.ig-reels .instagram-nav>button.active{background:#ffffff35}
.instagram.ig-reels .instagram-nav .active .ig-icon-home{fill:white;stroke:white}
.instagram .ig-member-switcher button{background:#f1f2f5;color:#59616a}
.instagram .ig-member-switcher button.selected{background:#e7e6ff;color:#5141a8}
@media(max-width:600px){
  .instagram{--ig-tab-bottom:max(20px,env(safe-area-inset-bottom));--ig-tab-height:59px}
  .instagram>.native-scroll{padding-bottom:calc(var(--ig-tab-bottom) + 80px)}
  .instagram .instagram-nav{left:21px;right:21px}
  .instagram .instagram-nav .ig-icon{width:26px;height:26px}
  .instagram .instagram-head{height:59px;min-height:59px}
  .instagram .native-stories{gap:14px;padding-top:3px;padding-bottom:12px}
  .instagram .native-stories>button{width:82px;flex-basis:82px}
  .instagram .native-story-ring img{height:77px;width:77px}
  .ig-own-avatar{width:82px;height:82px}
  .ig-own-avatar .my-avatar{width:74px;height:74px}
  .instagram .native-post-head{min-height:61px}
  .instagram .native-post-head b{font-size:14px}
  .instagram .native-post-head small{font-size:12px}
  .instagram .ig-inbox-head{min-height:64px}
  .instagram .ig-inbox-head .ig-account-name{font-size:23px}
  .ig-notes-row{gap:29px;padding-top:48px;min-height:168px}
  .ig-notes-row>button,.ig-note-avatar,.ig-note-avatar>.ig-avatar,.ig-note-avatar>.my-avatar{width:76px}
  .instagram .ig-live-row b{font-size:15px}
  .instagram .ig-live-row small{font-size:14px}
  .instagram .ig-inbox-title h3{font-size:16px}
  .ig-reel .ig-reels-head{top:max(54px,calc(env(safe-area-inset-top) + 32px))}
  .ig-reel .ig-reel-caption{bottom:calc(var(--ig-tab-bottom) + 99px)}
  .ig-reel .ig-reel-actions{bottom:calc(var(--ig-tab-bottom) + 145px)}
  .ig-reel-progress{bottom:calc(var(--ig-tab-bottom) + 76px)}
  .ig-reel .ig-reel-navigation{bottom:calc(var(--ig-tab-bottom) + 81px)}
}
@media(max-width:360px){
  .instagram .instagram-nav{left:15px;right:15px}
  .instagram .instagram-head{grid-template-columns:30px 1fr 60px;padding:0 11px}
  .instagram .instagram-head .ig-wordmark{font-size:25px;gap:4px}
  .ig-home-tools{gap:8px}
  .instagram .ig-inbox-head .ig-account-name{font-size:21px}
  .ig-reel .ig-reel-actions{gap:15px}
  .ig-reel-author{gap:7px}
}
@media(prefers-reduced-motion:reduce){.instagram .instagram-nav>button{transition:none}}

.instagram .ig-profile-photo>.my-avatar{display:flex;align-items:center;justify-content:center;width:69px;height:69px;border-radius:50%;background:#e1e6ed;color:#536378;font-size:25px}

/* Feed header follows the supplied iPhone reference; wordmark is Instagram's SVG. */
.instagram.ig-page-feed .instagram-head{position:relative;display:grid;grid-template-columns:1fr auto 1fr;min-height:64px;height:64px;padding:0 22px;color:#0b1014;flex-shrink:0}
.instagram.ig-page-feed .instagram-head .ig-create-top{justify-self:start;width:32px;height:44px}
.instagram.ig-page-feed .ig-create-top .ig-icon{width:26px;height:26px;stroke-width:1.85}
.instagram.ig-page-feed .instagram-head .ig-wordmark{grid-column:2;display:grid;place-items:center;justify-self:center;width:120px;height:44px;margin:0;padding:0;line-height:1}
.instagram.ig-page-feed .ig-wordmark-logo{display:block;width:120px;height:30px;object-fit:contain;transform:translateY(3px)}
.instagram.ig-page-feed .ig-home-tools{justify-self:end;gap:20px}
.instagram.ig-page-feed .ig-home-tools>button,.instagram.ig-page-feed .ig-home-tools .ig-notifications{width:26px;min-width:26px;height:44px}
.instagram.ig-page-feed .ig-home-tools .ig-icon{width:25px;height:25px;stroke-width:1.9}
.instagram.ig-page-feed .ig-home-tools .ig-icon-starCard{width:23px;height:25px}
.instagram.ig-page-feed .ig-home-tools .ig-notifications.has-notice:after{top:7px;right:-1px;width:8px;height:8px;border:2px solid white;box-sizing:content-box}
.instagram.ig-page-feed .native-stories{padding:3px 12px 17px;gap:14px}
.instagram.ig-page-feed .native-stories>button{width:88px;flex-basis:88px}
.instagram.ig-page-feed .native-story-ring{width:88px;height:88px;padding:3px;box-sizing:border-box}
.instagram.ig-page-feed .native-story-ring img{width:82px;height:82px;border:3px solid white;box-sizing:border-box}
.instagram.ig-page-feed .ig-own-avatar{width:88px;height:88px;padding:6px}
.instagram.ig-page-feed .ig-own-avatar .my-avatar{width:76px;height:76px}
.instagram.ig-page-feed .ig-own-avatar i{right:0;bottom:3px;width:28px;height:28px;border-width:3px}
.instagram.ig-page-feed .native-stories small{margin-top:6px;line-height:19px;font-size:12px}
@media(max-width:360px){.instagram.ig-page-feed .instagram-head{padding:0 16px}.instagram.ig-page-feed .ig-home-tools{gap:12px}.instagram.ig-page-feed .instagram-head .ig-wordmark,.instagram.ig-page-feed .ig-wordmark-logo{width:112px}}