.ltp-feed{box-sizing:border-box;overscroll-behavior-block:contain;background:var(--ltp-feed-stage-background,var(--ltp-color-surface-black,#000));scrollbar-width:none;scroll-snap-type:block mandatory;outline:none;block-size:100%;inline-size:100%;margin:0;padding:0;list-style:none;display:block;overflow:hidden auto;container:ltp-feed/inline-size}.ltp-feed:focus-visible{outline:2px solid var(--ltp-feed-unmute-focus);outline-offset:-2px}.ltp-feed::-webkit-scrollbar{display:none}.ltp-feed__item{box-sizing:border-box;background:var(--ltp-feed-stage-background,var(--ltp-color-surface-black,#000));scroll-snap-align:start;scroll-snap-stop:always;block-size:100%;min-block-size:100%;inline-size:100%;display:block;position:relative;overflow:hidden}.ltp-feed__player,.ltp-feed__poster{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ltp-feed__player{z-index:1}.ltp-feed__player-host{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ltp-feed__player-host>.ltp-media-engine.ltp-portrait{aspect-ratio:auto;block-size:100%}.ltp-feed__unmute{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ltp-feed__unmute[hidden]{display:none}.ltp-feed__unmute-button{min-block-size:var(--ltp-feed-unmute-min-size);padding-block:var(--ltp-feed-unmute-padding-block);padding-inline:var(--ltp-feed-unmute-padding-inline);-webkit-tap-highlight-color:transparent;border-radius:var(--ltp-feed-unmute-radius);color:var(--ltp-feed-unmute-text);font:inherit;font-weight:var(--ltp-feed-unmute-font-weight);background:var(--ltp-feed-unmute-surface);cursor:pointer;pointer-events:auto;border:0}.ltp-feed__unmute-button:focus-visible{outline:none;outline:var(--ltp-feed-unmute-focus-width) solid var(--ltp-feed-unmute-focus);outline-offset:var(--ltp-feed-unmute-focus-offset);border-radius:var(--ltp-focus-ring-radius,10px)}.ltp-feed__poster{z-index:2;object-fit:cover;background:var(--ltp-color-surface-black,#000);opacity:1;pointer-events:none}.ltp-feed__item[data-feed-current] .ltp-feed__poster:not([data-feed-pending]){opacity:0}@container ltp-feed (width>=768px){.ltp-feed__item{block-size:calc(96% + var(--ltp-space-8,8px));min-block-size:calc(96% + var(--ltp-space-8,8px))}.ltp-feed__player,.ltp-feed__poster{block-size:calc(100% - var(--ltp-space-8,8px));aspect-ratio:9/16;inline-size:auto;transition:inset-inline-end var(--ltp-motion-movement-duration,.34s) var(--ltp-motion-entrance-easing,cubic-bezier(.22, 1, .36, 1));border-radius:0 0 0 1.875rem;margin-inline:auto;position:absolute;inset-block-start:0;inset-inline:0;overflow:clip}}@container ltp-feed (width>=57.5rem){.ltp-feed[data-feed-panel] .ltp-feed__player,.ltp-feed[data-feed-panel] .ltp-feed__poster{inset-inline-end:min(56%,874px)}}@media (orientation:landscape) and (height<=600px){.ltp-feed__item{block-size:100%;min-block-size:100%}.ltp-feed__player,.ltp-feed__poster,.ltp-feed[data-feed-panel] .ltp-feed__player,.ltp-feed[data-feed-panel] .ltp-feed__poster{aspect-ratio:9/16;border-radius:0 0 0 1.875rem;block-size:100%;inline-size:auto;margin-inline:auto;inset:0}}@media (prefers-reduced-motion:reduce){.ltp-feed__player,.ltp-feed__poster{transition:none}}@layer demo{:root{color:#27282a;font-family:Nunito Sans,system-ui,sans-serif}html,body{background:#fff;width:100%;height:100%;margin:0;overflow:hidden}*,:before,:after{box-sizing:border-box}button,input{font:inherit}.demo-shorts-site{--demo-shorts-header-size:80px;--demo-shorts-sidebar-size:320px;grid-template-rows:var(--demo-shorts-header-size) minmax(0, 1fr);grid-template-columns:var(--demo-shorts-sidebar-size) minmax(0, 1fr);background:#fff;width:100%;height:100dvh;display:grid;overflow:hidden}.demo-shorts-header{z-index:2;grid-area:1/1/auto/-1;grid-template-columns:var(--demo-shorts-sidebar-size) minmax(0, 1fr);background:#fff;min-width:0;display:grid}.demo-shorts-brand{background:#f4f5f6;align-items:center;gap:18px;min-width:0;padding:12px 20px;display:flex}.demo-shorts-menu{color:#27282a;cursor:default;background:0 0;border:0;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:8px;display:grid}.demo-shorts-menu svg,.demo-shorts-search svg,.demo-shorts-nav-item svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.demo-shorts-menu svg{width:24px;height:24px}.demo-shorts-logo{flex:none;align-items:center;width:82px;height:48px;display:flex}.demo-shorts-logo img{object-fit:contain;width:82px;height:42px;display:block}.demo-shorts-claim{display:none}.demo-shorts-search{place-self:center;width:min(740px,100% - 80px);height:48px;display:flex}.demo-shorts-search-field{color:#73797c;background:#f4f5f6;flex:auto;align-items:center;gap:12px;min-width:0;padding:0 14px;display:flex}.demo-shorts-search-field svg{stroke-width:2px;flex:0 0 24px;width:24px;height:24px}.demo-shorts-search input{color:#27282a;background:0 0;border:0;outline:0;width:100%;min-width:0}.demo-shorts-search input::placeholder{color:#a8adb0}.demo-shorts-search button{color:#27282a;cursor:pointer;background:#d8d846;border:0;min-width:112px;padding:0 24px;font-weight:700}.demo-shorts-sidebar{z-index:1;background:#f4f5f6;grid-area:2/1;min-height:0;padding:16px 20px 24px;overflow:auto}.demo-shorts-sidebar nav{gap:4px;display:grid}.demo-shorts-nav-item{color:#27282a;border-bottom:1px solid #e0e3e6;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 10px 8px 12px;font-size:16px;line-height:1.5;text-decoration:none;display:grid}.demo-shorts-nav-item svg{width:24px;height:24px}.demo-shorts-nav-item circle:not([r="1"]),.demo-shorts-nav-item rect{fill:none}.demo-shorts-nav-item circle[r="1"]{fill:currentColor;stroke:none}.demo-shorts-nav-item.is-active{color:#074566;background:#e6e6e6;border-color:#0000}.demo-shorts-chevron{font-size:18px}.demo-shorts-visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-shorts-page{background:#fff;grid-area:2/2;place-items:start center;width:100%;min-width:0;height:100%;min-height:0;margin:0;display:grid;overflow:hidden}.demo-shorts-feed{--ltp-feed-stage-background:#fff;color:#27282a;background:#fff;place-items:center;width:100%;height:calc(100% - 32px);margin-block-start:32px;display:grid}.demo-shorts-status{text-align:center;max-width:28rem;margin:0;padding:1rem;font-family:inherit;line-height:1.5}@media (width>=768px) and (width<=1280px){.demo-shorts-site{--demo-shorts-sidebar-size:88px}.demo-shorts-brand{gap:10px;padding-inline:16px}.demo-shorts-logo,.demo-shorts-claim,.demo-shorts-nav-item>span{display:none}.demo-shorts-sidebar{padding-inline:16px}.demo-shorts-nav-item{place-items:center;width:56px;padding:12px 16px;display:grid}}@media (width<=768px),(orientation:landscape) and (height<=600px){.demo-shorts-site{display:block}.demo-shorts-header,.demo-shorts-sidebar{display:none}.demo-shorts-page{background:#000;width:100%;height:100dvh}.demo-shorts-feed{--ltp-feed-stage-background:#000;color:#fff;background:#000;height:100%;margin-block-start:0}}}