/* One quiet, legible picker for the website and both desktop editors. */
:is(.editor-inspector-demo,#captionStylePane,#create-panel-captions){container-type:inline-size}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:8px;background:#111713;border:1px solid #303b33;border-radius:11px;text-align:left;box-shadow:none;transition:border-color .16s,background .16s}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card:hover{background:#19221b;border-color:#718568}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card[aria-pressed=true]{background:#1c281d;border-color:#bedb9f;box-shadow:none}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card:focus-visible{outline:2px solid #bedb9f;outline-offset:3px}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:88px;width:100%;padding:16px 8px;border-radius:6px;overflow:hidden;isolation:isolate;background:#0c120f;color:white;font:800 17px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em;text-align:center}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-ink{display:block;max-width:100%;position:relative;white-space:normal;word-break:normal;overflow-wrap:normal}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-ink em{font-style:normal;color:#c1e89b;animation:none!important}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-creator .caption-card-ink{max-width:110px}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art{background:#0c120f;font-weight:900;letter-spacing:.01em}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art::before{content:'Your moment.';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-width:110px;margin:auto;color:transparent;-webkit-text-stroke:1.35px #080d0a}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-ink{max-width:110px;mix-blend-mode:difference;color:white}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-focus .caption-card-ink{max-width:110px;padding:5px 7px;background:#0b100de8;border-radius:3px;font-size:15px;letter-spacing:-.02em}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-meta{display:flex;flex-direction:column;gap:4px;padding:12px 3px 4px;min-width:0;font-family:inherit;line-height:1.3;letter-spacing:0}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-meta strong{font-family:inherit;font-size:13px;line-height:1.3;font-weight:650;color:#e1e9df;letter-spacing:0}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-meta small{display:block;margin:0;font-family:inherit;font-size:10px;line-height:1.5;font-weight:400;color:#95a496;letter-spacing:0}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-check{position:absolute;right:12px;bottom:29px;display:flex;align-items:center;justify-content:center;width:13px;height:13px;border:1px solid #465448;border-radius:50%;font:9px/1 Arial,sans-serif;color:transparent;pointer-events:none;background:#141d16}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card[aria-pressed=true] .caption-card-check{background:#bedb9f;border-color:#bedb9f;color:#192414}
@container (max-width:410px){
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-picker{grid-template-columns:1fr;gap:8px}
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:15px;padding:7px 34px 7px 7px}
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-card-art{min-height:70px;font-size:17px}
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-card-meta{padding:0}
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-card-check{right:13px;bottom:auto;top:calc(50% - 6px)}
}
@media(prefers-reduced-motion:reduce){:is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card{transition:none}}

:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-art{background:#0c120f;min-height:112px;align-items:center;padding:16px 8px;font-size:20px}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art{background:#0c120f;font-size:21px}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art::before{align-items:flex-end;padding:16px 8px 20px;max-width:none;font-size:inherit;line-height:inherit;box-sizing:border-box;-webkit-text-stroke:1.6px #080d0a;white-space:normal}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-ink{max-width:none}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-creator .caption-card-ink{text-shadow:0 1px 3px #000;max-width:none}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-punch .caption-card-ink{font-weight:900;font-size:23px;letter-spacing:-.03em;color:#c1e89b;-webkit-text-stroke:1.2px #101810;paint-order:stroke fill;line-height:1.1}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-punch:hover .caption-card-ink{animation:clippsi-punch-in .13s ease-out}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-meta{padding-right:15px}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-check{bottom:31px}
@container (max-width:410px){
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-picker .caption-card{grid-template-columns:128px minmax(0,1fr);gap:13px}
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-card-art{min-height:80px;font-size:18px;padding:10px 6px}
 :is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art{font-size:18px}
 :is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art::before{padding:10px 6px 13px}
 :is(#studio .clip-editor,#editor,.create-advanced) .style-demo-punch .caption-card-ink{font-size:21px}
 :is(#studio .clip-editor,#editor,.create-advanced) .caption-card-check{bottom:auto}
}
@media(prefers-reduced-motion:reduce){:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-punch:hover .caption-card-ink{animation:none}}

:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;font-size:20px}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art::before{content:none}
:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse :is(.caption-card-outline,.caption-card-ink){grid-area:1/1;display:block;width:100%;max-width:none;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:center;padding:0;margin:0;white-space:normal;overflow-wrap:normal}
:is(#studio .clip-editor,#editor,.create-advanced) .caption-card-outline{color:transparent;-webkit-text-stroke:1.6px #080d0a;pointer-events:none}
@container(max-width:410px){:is(#studio .clip-editor,#editor,.create-advanced) .style-demo-reverse .caption-card-art{font-size:18px}}