.xp-card.stories.promo-card{grid-template:"title""examples""form"/minmax(0,1fr);width:min(860px,100%)}.xp-card.stories.promo-card .xp-examples{align-self:stretch;padding-bottom:18px}.xp-card.stories.promo-card .xp-reel{height:auto}.xp-card.stories.promo-card .xp-main.wide{width:min(100%,620px)}.xp-card.stories.promo-card .xp-side{display:none}.xp-card.stories.promo-card .xp-form .promo-site{height:44px}.xp-card.stories.promo-card .promo-looks{margin-top:8px}.xp-card.stories.promo-card .thumb video{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:72px;height:72px;display:block}@media (max-width:680px){.xp-card.stories.promo-card .xp-examples{padding-bottom:0}}.xp-card.stories.promo-card .xp-arrow{display:none}.xp-card.stories.promo-card .xp-ex-tabs{justify-content:center;margin-top:16px;display:flex}.xp-card.stories.promo-card .promo-tabs{justify-content:center;gap:6px}.xp-card.stories.promo-card .promo-tabs button{position:relative}.xp-card.stories.promo-card .promo-tabs button.playing:after{content:"";opacity:.45;background:currentColor;border-radius:2px;height:2px;position:absolute;bottom:4px;left:12px;right:12px}html[data-theme=light] .xp-card.stories.promo-card .xp-main{box-shadow:0 0 0 1px #00000014,0 16px 40px #0000001a}html[data-theme=light] .xp-card.stories.promo-card .xp-ctrl button{color:#fff;background:#00000073}html[data-theme=light] .xp-card.stories.promo-card .xp-bar{background:#00000026}html[data-theme=light] .xp-card.stories.promo-card .xp-bar i{background:#0a0a0b}.xp-card.stories.promo-card .xp-form .xp-label{color:var(--dim);font-size:13px;font-weight:500}.xp-card.stories.promo-card .xp-form .xp-label svg{display:none}.promo-row{align-items:flex-end;gap:16px;display:flex}.promo-row>.xp-field{flex:1;min-width:0}.xp-card.stories.promo-card .promo-row .lang-pick{width:100%}.promo-switch{height:38px;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0 2px;font-size:13px;font-weight:500;display:inline-flex}.promo-switch i{background:var(--panel3);border-radius:999px;width:30px;height:18px;transition:background .15s;position:relative}.promo-switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.promo-switch[aria-checked=true] i{background:#fff}.promo-switch[aria-checked=true] i:after{background:#0b0b0c;transform:translate(12px)}html[data-theme=light] .promo-switch i{background:#00000024}html[data-theme=light] .promo-switch[aria-checked=true] i{background:#0a0a0b}html[data-theme=light] .promo-switch[aria-checked=true] i:after{background:#fff}.promo-switch:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:8px}.promo-media{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));gap:8px;display:grid}.xp-card.stories.promo-card .promo-media .ref-tile{width:100%;min-height:64px;color:var(--fg);background:#0000003d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.xp-card.stories.promo-card .promo-media .ref-tile:is(:hover,.over):not(:disabled){background:#ffffff0a;border-color:#ffffff47}.xp-card.stories.promo-card .promo-media .ref-tile .drop-hint{flex-direction:row;justify-content:center;gap:8px;padding:0}.xp-card.stories.promo-card .promo-media .ref-tile .drop-hint b{font-size:13px;font-weight:600}.xp-card.stories.promo-card .promo-media .ref-tile .drop-icon{width:24px;height:24px;color:var(--fg);border-radius:8px;font-size:14px}.xp-card.stories.promo-card .promo-media .ref-tile .thumbs{scrollbar-width:none;flex-wrap:nowrap;justify-content:safe center;gap:6px;max-width:100%;padding:6px;overflow-x:auto}.xp-card.stories.promo-card .promo-media .ref-tile .thumb{flex-shrink:0;width:40px;height:40px}.xp-card.stories.promo-card .promo-media .ref-tile .thumb :is(img,video){object-fit:cover;border:1px solid var(--line);border-radius:8px;width:40px;height:40px;display:block}.xp-card.stories.promo-card .promo-media .ref-tile .thumb button{width:18px;height:18px;font-size:11px;top:-5px;right:-5px;box-shadow:0 0 0 1px #0000001f,0 1px 3px #00000040}.xp-card.stories.promo-card .promo-media .ref-tile .thumb.add{color:var(--fg);border-width:1px;border-radius:8px;font-size:16px}html[data-theme=light] .xp-card.stories.promo-card .promo-media .ref-tile{background:#f6f6f8;border-color:#00000014}html[data-theme=light] .xp-card.stories.promo-card .promo-media .ref-tile:is(:hover,.over):not(:disabled){background:#f0f0f3;border-color:#00000038}html[data-theme=light] .xp-card.stories.promo-card .promo-media .ref-tile .drop-icon{background:#0000000f}.xp-card.stories.promo-card .promo-dock{z-index:4;padding:18px 32px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#0b0b0c00,#0b0b0c 30%);border-radius:0 0 28px 28px;gap:8px;margin:4px -32px -26px;display:grid;position:sticky;bottom:0}html[data-theme=light] .xp-card.stories.promo-card .promo-dock{background:linear-gradient(#fff0,#fff 30%)}.xp-card.stories.promo-card .xp-form .promo-dock .xp-go.xp-go{position:relative;bottom:auto}.xp-card.stories.promo-card .promo-dock .xp-balance{color:var(--dim);justify-self:center;font-size:12px;text-decoration:none}html:has(.promo-card){scroll-padding-bottom:110px}html[data-theme=light] .xp-card.stories.promo-card .problem{color:#9a6400}@media (max-width:900px){.xp-card.stories.promo-card .promo-dock{margin:4px -16px -24px;padding-inline:16px}}@media (max-width:680px){.xp-card.stories.promo-card .xp-ex-tabs{align-self:stretch}.xp-card.stories.promo-card .promo-tabs{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.xp-card.stories.promo-card .promo-tabs button{padding-inline:0;font-size:12px}.xp-card.stories.promo-card .promo-media .ref-tile .drop-hint{flex-direction:column;gap:4px}.xp-card.stories.promo-card .promo-media .ref-tile .drop-hint b{font-size:12px}}@media (pointer:coarse){.xp-card.stories.promo-card .promo-tabs button{min-height:38px}}