/*
 * The teleprompter (prompter.js): the Studio's one, wherever it is read from
 * -- a show's live studio, the clipper, a video, a clip, an episode, an
 * analysis, a post. In the call center's colours (callcenter.css, --cc-*).
 */
/* The teleprompter: a window over the page, moved by its head and sized by its corner. */
.aws-tp { background: var(--cc-bg); block-size: 360px; border: 1px solid var(--cc-divider); border-radius: var(--cc-r-lg); box-shadow: var(--cc-shadow); display: flex; flex-direction: column; inline-size: 460px; inset-block-end: var(--cc-s4); inset-inline-end: var(--cc-s4); max-block-size: calc(100vh - 16px); max-inline-size: calc(100vw - 16px); min-block-size: 200px; min-inline-size: 280px; overflow: hidden; position: fixed; resize: both; z-index: 60; }
.aws-tp[hidden] { display: none; }
.aws-tp__head { align-items: center; border-block-end: 1px solid var(--cc-divider); cursor: move; display: flex; flex-wrap: wrap; gap: 4px var(--cc-s2); padding: var(--cc-s2) var(--cc-s3); touch-action: none; user-select: none; }
.aws-tp__head .cc-fill, .aws-tp__foot .cc-fill { flex: 1; }
.aws-tp__head .cc-kicker { margin: 0; }
.aws-tp__grip { color: var(--cc-muted); }
.aws-tp__where { font-size: 13px; white-space: nowrap; }
.aws-tp__btn { background: none; border: 0; border-radius: var(--cc-r-sm); color: inherit; cursor: pointer; font: inherit; font-size: 13px; padding: 2px 6px; }
.aws-tp__btn:hover { background: var(--cc-faint); }
.aws-tp__body { flex: 1; font-size: var(--aws-tp-size, 22px); line-height: 1.35; overflow: auto; padding: var(--cc-s3) var(--cc-s4); }
.aws-tp__title { color: var(--cc-muted); font-size: 13px; margin: 0 0 var(--cc-s2); }
.aws-tp__lines { display: grid; gap: var(--cc-s3); margin: 0; padding-inline-start: 1em; }
.aws-tp__said > :first-child { margin-block-start: 0; }
.aws-tp__said > :last-child { margin-block-end: 0; }
.aws-cc .aws-tp .aws-tp__sub { background: none; border: 1px solid var(--cc-accent); border-radius: 1em; color: var(--cc-accent-700); cursor: pointer; display: inline-block; font: inherit; font-size: 12px; font-weight: 700; margin-block-start: 4px; padding: 1px 8px; }
.aws-cc .aws-tp span.aws-tp__sub { cursor: default; }
.aws-tp__who { color: var(--cc-muted); display: block; font-size: 12px; }
/* Beside the pages, for a show made from a Content Analysis report: the sentiment and top reactions, the same on every page; under them where the teleprompter is narrow. */
.aws-tp__body.has-analysis { container-type: inline-size; display: grid; gap: var(--cc-s4); grid-template-columns: minmax(0, 1fr) minmax(150px, 34%); }
@container (max-width: 420px) { .aws-tp__body.has-analysis > * { grid-column: 1 / -1; } }
.aws-tp__side { border-inline-start: 1px solid var(--cc-border, #ddd); display: grid; align-content: start; font-size: 13px; gap: 6px; line-height: 1.35; padding-inline-start: var(--cc-s3); }
.aws-tp__side .cc-kicker { margin: 4px 0 0; }
.aws-tp__net { font-size: 26px; font-weight: 600; margin: 0; }
.aws-tp__sent, .aws-tp__quotes { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
.aws-tp__sent li { align-items: center; display: grid; gap: 6px; grid-template-columns: 5.5em minmax(0, 1fr) 2.6em; }
.aws-tp__bar { background: linear-gradient(var(--cc-accent, #c0392b), var(--cc-accent, #c0392b)) no-repeat 0 0 / var(--w) 100%, var(--cc-border, #e5e5e5); block-size: 6px; border-radius: 3px; }
.aws-tp__pct { color: var(--cc-muted); text-align: end; }
.aws-tp__quotes li { display: grid; gap: 2px; }
.aws-tp__quote { font-style: italic; }
.aws-tp__side .aws-tp__who { font-size: 11px; }
.aws-tp__none { color: var(--cc-muted); font-size: 15px; }
.aws-tp__foot { align-items: center; border-block-start: 1px solid var(--cc-divider); display: flex; flex-wrap: wrap; gap: var(--cc-s2); padding: var(--cc-s2) var(--cc-s3); }

/* On a phone: the teleprompter is a sheet across the bottom. */
@media (max-width: 760px) {
	.aws-tp { block-size: 45vh; border-radius: var(--cc-r-lg) var(--cc-r-lg) 0 0; inline-size: 100vw; inset: auto 0 0 0 !important; max-inline-size: 100vw; resize: none; }
	.aws-tp__head { cursor: default; }
}

/* The teleprompter: its page's heading in the body; closed from its top right; notes as written; as tall as its page. */
.aws-tp { block-size: auto; }
.aws-tp__head { flex-wrap: nowrap; }
.aws-tp__close { align-items: center; block-size: 32px; display: inline-flex; font-size: 26px; inline-size: 32px; justify-content: center; line-height: 1; margin-inline-end: -6px; padding: 0; }
.aws-tp__body { flex: 1 1 auto; }
.aws-tp__where { color: var(--cc-muted); font-size: 12px; font-weight: 700; letter-spacing: .03em; margin: 0 0 2px; white-space: normal; }
.aws-tp__lines { display: grid; gap: var(--cc-s3); padding: 0; }
.aws-tp__said ul, .aws-tp__said ol { margin: .3em 0; padding-inline-start: 1.2em; }
.aws-tp__said p { margin: 0 0 .4em; }
.aws-tp__said a { color: inherit; }
.aws-cc .aws-tp .aws-tp__close { block-size: 34px; font-size: 30px; font-weight: 300; inline-size: 34px; }

/*
 * A− and A+ size everything on the page, its heading and a note's own sizes
 * too: each in proportion to the size chosen (--aws-tp-size), and a note's
 * pasted font sizes giving way to it -- the rest of its formatting kept.
 */
.aws-tp__where { font-size: .55em; }
.aws-tp__title { font-size: .6em; }
.aws-tp__none { font-size: .7em; }
.aws-tp__who { font-size: .5em; }
.aws-cc .aws-tp .aws-tp__sub { font-size: .55em; }
.aws-tp__said [style*="font-size"], .aws-tp__said font { font-size: inherit !important; }
.aws-tp__said :is(h1, h2, h3, h4, h5, h6) { font-size: 1.1em; margin: 0 0 .3em; }

/* The teleprompter in the brand: framed in ink as the footer's boxes are, its head the ink bar with the accent under it (as the header's link), each note on an accent rule, and Back / Next as the footer's boxes. */
body.ps-kit-page .aws-tp { background: var(--cc-bg); border: 2px solid var(--cc-text); border-radius: 14px; box-shadow: 0 18px 48px rgb(0 0 0 / 28%); }
body.ps-kit-page .aws-tp__head { background: var(--cc-text); border-block-end: 3px solid var(--cc-accent); color: var(--cc-bg); padding-block: 6px; }
body.ps-kit-page .aws-tp__head .cc-kicker { color: inherit; font-weight: 800; letter-spacing: .12em; }
body.ps-kit-page .aws-tp__grip { color: color-mix(in srgb, var(--cc-bg) 55%, transparent); }
body.ps-kit-page .aws-cc .aws-tp__head .aws-tp__btn { border: 1px solid color-mix(in srgb, var(--cc-bg) 35%, transparent); border-radius: 8px; color: inherit; font-weight: 700; min-inline-size: 34px; padding: 3px 8px; }
body.ps-kit-page .aws-cc .aws-tp__head .aws-tp__btn:hover { background: color-mix(in srgb, var(--cc-bg) 16%, transparent); }
body.ps-kit-page .aws-cc .aws-tp__head .aws-tp__close { border: 0; min-inline-size: 0; padding: 0; }
body.ps-kit-page .aws-tp__body { padding: 14px 18px; }
body.ps-kit-page .aws-tp__where { color: var(--cc-accent-700); letter-spacing: .06em; text-transform: uppercase; }
body.ps-kit-page .aws-tp__title { color: var(--cc-text); font-weight: 700; }
body.ps-kit-page .aws-tp__line { border-inline-start: 3px solid var(--cc-accent); padding-inline-start: .55em; }
body.ps-kit-page .aws-tp__none { border-inline-start: 3px solid var(--cc-divider); padding-inline-start: .6em; }
body.ps-kit-page .aws-tp__foot { background: var(--cc-surface, var(--cc-faint)); border-block-start: 1px solid var(--cc-divider); }
body.ps-kit-page .aws-cc .aws-tp__foot .cc-btn--chip { background: var(--cc-bg); border: 2px solid var(--cc-text); border-radius: 10px; color: var(--cc-text); font-weight: 700; }
body.ps-kit-page .aws-cc .aws-tp__foot .cc-btn--chip:last-child:not(:disabled) { background: var(--cc-text); color: var(--cc-bg); }
body.ps-kit-page .aws-cc .aws-tp__foot .cc-btn--chip:disabled { opacity: .35; }
/* Back, Play/Pause, Next: icons, square, the middle one in the studio's accent. */
body.ps-kit-page .aws-cc .aws-tp__foot .aws-tp__turn, body.ps-kit-page .aws-cc .aws-tp__foot .aws-tp__play { font-size: 16px; justify-content: center; min-inline-size: 40px; padding: 0; }
body.ps-kit-page .aws-cc .aws-tp__foot .cc-btn--chip.aws-tp__turn:not(:disabled) { background: var(--cc-bg); color: var(--cc-text); }
body.ps-kit-page .aws-cc .aws-tp__foot .aws-tp__skip { font-size: 12px; font-variant-numeric: tabular-nums; min-inline-size: 44px; }
body.ps-kit-page .aws-cc .aws-tp__foot .aws-tp__play:not(:disabled) { background: var(--cc-accent); border-color: var(--cc-accent); color: #fff; }
/* Where the clip is now, and its start or end set there. */
.aws-tp__cut { align-items: center; display: flex; flex-wrap: wrap; gap: var(--cc-s2); margin: var(--cc-s1) 0 var(--cc-s2); }
.aws-tp__now-at { font-size: 13px; min-inline-size: 6.5em; }
.aws-tp__now { font-variant-numeric: tabular-nums; font-weight: 700; }
/* The clip's times, edited from beside them. */
.aws-tp__edit { background: none; border: 0; border-radius: var(--cc-r-sm); color: inherit; cursor: pointer; margin-inline-start: var(--cc-s1); padding: 2px; vertical-align: middle; }
.aws-tp__edit:hover { background: var(--cc-faint); }
.aws-tp__edit .aws-show__icon svg { block-size: 16px; inline-size: 16px; }

/* A clip's conversation on its teleprompter page: Useful, Not useful and Comment under each line, its answers under it (studio-shows.js tpDoes()). */
/* As every comment on the platform: who said it above, the words, then Useful, Not useful and Comment in a row under them. The page's title and its Comment on one line. */
.aws-tp__titled { align-items: baseline; display: flex; gap: .5em; }
.aws-tp__titled > .aws-tp__title { flex: 1 1 auto; }
/* A clip's About at the end of its title: sized with the title, opening its description and conversation. */
.aws-cc .aws-tp .aws-tp__about { background: none; border: 0; border-radius: 4px; color: var(--cc-muted); cursor: pointer; display: inline-flex; margin-inline-start: .35em; padding: .1em; vertical-align: -.15em; }
.aws-cc .aws-tp .aws-tp__about svg { block-size: 1em; inline-size: 1em; }
.aws-cc .aws-tp .aws-tp__about:hover { background: var(--cc-faint); color: var(--cc-text); }
.aws-tp__by { font-size: 13px; font-weight: 700; margin: 0 0 .15em; }
.aws-cc .aws-tp .aws-tp__does { justify-content: flex-start; margin: .1em 0 0 -.5em; user-select: none; }
.aws-cc .aws-tp .aws-tp__does .aws-say__vote:disabled { cursor: default; }
.aws-cc .aws-tp .aws-tp__does :is(.aws-say__vote, .aws-say__reply) { font-size: 13px; min-block-size: 28px; }
/* Sized with the page (A− and A+), as its sub-clip button is: and as specific, so the office's own buttons do not size them. */
.aws-cc .aws-tp :is(.aws-tp__vote, .aws-tp__answer) { align-items: center; background: none; border: 1px solid var(--cc-divider); border-radius: 999px; color: var(--cc-muted); cursor: pointer; display: inline-flex; font: inherit; font-size: .55em; gap: .3em; min-block-size: 1.9em; padding: .1em .7em; }
.aws-cc .aws-tp .aws-tp__fold { font-size: .55em; }
.aws-cc .aws-tp .aws-tp__comment { flex: none; }
.aws-cc .aws-tp .aws-tp__answer { padding-inline: .5em; }
.aws-cc .aws-tp .aws-tp__answer[aria-expanded="true"] { border-color: var(--cc-accent); color: var(--cc-accent-700); }
.aws-tp__vote:disabled { cursor: default; opacity: .8; }
.aws-tp__vote[aria-pressed="true"] { border-color: var(--cc-accent); color: var(--cc-accent-700); }
.aws-tp__vote:hover:not(:disabled), .aws-tp__answer:hover { background: var(--cc-faint); }
.aws-tp__thumb { block-size: 1.1em; inline-size: 1.1em; }
.aws-tp__thumb.is-down { transform: scale(-1, -1); }
.aws-tp__replies { border-inline-start: 2px solid var(--cc-divider); display: grid; gap: .5em; margin-block-start: .5em; padding-inline-start: .7em; }
.aws-tp__reply .aws-tp__said { font-size: .8em; }
.aws-tp__box { display: grid; gap: 6px; margin-block-start: .5em; }
.aws-tp__write { border: 1px solid var(--cc-divider); border-radius: var(--cc-r-sm); font: inherit; font-size: 14px; padding: 6px 8px; resize: vertical; }
.aws-tp__box-do { display: flex; gap: 6px; justify-content: flex-end; }
.aws-tp__comment { margin-block-start: .6em; }
.aws-tp__fold { background: none; border: 0; display: block; color: var(--cc-accent-700); cursor: pointer; font: inherit; font-size: 12px; margin-block-start: .3em; padding: 0; }
.aws-tp__fold::before { content: "\25B8  "; }
.aws-tp__fold[aria-expanded="true"]::before { content: "\25BE  "; }
.aws-cc .aws-tp .aws-tp__write { font-size: .65em; }

/* Words chosen in a teleprompter line: Comment right beside them, over the page; the box quoting them at its top. */
.aws-tp__pick { align-items: center; background: var(--cc-bg, #fff); block-size: 30px; border: 1px solid var(--cc-accent, #c33); border-radius: 8px; box-shadow: var(--cc-shadow, 0 4px 12px rgb(0 0 0 / 18%)); color: var(--cc-accent-700, #a22); cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 600; gap: 6px; line-height: 1; padding: 0 10px; position: fixed; white-space: nowrap; z-index: 61; }
/* Its point, on the words chosen: under it, or over it when it is under them. */
.aws-tp__pick::after { background: inherit; block-size: 9px; border: solid var(--cc-accent, #c33); border-width: 0 1px 1px 0; content: ""; inline-size: 9px; inset-block-end: -5.5px; inset-inline-start: calc(var(--aws-tp-point, 50%) - 5px); position: absolute; transform: rotate(45deg); }
.aws-tp__pick.is-below::after { border-width: 1px 0 0 1px; inset-block: -5.5px auto; }
.aws-tp__pick .aws-tp__thumb { block-size: 15px; inline-size: 15px; }
.aws-tp__pick[hidden] { display: none !important; }
/* The box opened from words chosen: on the page, just under them, its point up at them. */
.aws-tp__page { position: relative; }
.aws-tp__float { background: var(--cc-bg, #fff); border: 1px solid var(--cc-accent, #c33); border-radius: 8px; box-shadow: var(--cc-shadow, 0 6px 18px rgb(0 0 0 / 18%)); inline-size: min(360px, 100%); padding: 8px; position: absolute; z-index: 3; }
.aws-tp__float::before { background: inherit; block-size: 9px; border: solid var(--cc-accent, #c33); border-width: 1px 0 0 1px; content: ""; inline-size: 9px; inset-block-start: -5.5px; inset-inline-start: calc(var(--aws-tp-point, 24px) - 5px); position: absolute; transform: rotate(45deg); }
.aws-tp__float .aws-tp__box { margin: 0; }
/* The words it was opened from, still shown chosen. */
::highlight(aws-tp-chosen) { background-color: Highlight; color: HighlightText; }
/* Hovered, still solid: the tint over its own background, never the words under it showing through. */
.aws-tp__pick:hover { background: linear-gradient(var(--cc-faint), var(--cc-faint)), var(--cc-bg, #fff); }
.aws-tp__quoted { border-inline-start: 3px solid var(--cc-divider); color: var(--cc-muted); font-size: .6em; font-style: italic; margin: 0; padding-inline-start: .6em; }
/* A comment that opens with words chosen from the line it answers: that first line, quoted, quieter. */
.aws-tp__said > p:first-child > em:only-child { color: var(--cc-muted); font-size: .85em; }

/* The teleprompter on the whole screen: the page in the browser's own full screen, the teleprompter across it. */
.aws-tp__full-icon { block-size: 16px; display: block; inline-size: 16px; }
/* Across the whole screen, and still a window: smaller by its corner, moved by its head. */
.aws-tp.is-full { max-block-size: 100vh; max-inline-size: 100vw; position: fixed; resize: both; z-index: 1100; }
/* In a window of its own (Pop out): all of it, the window moved and sized instead. */
.aws-tp.is-pip { block-size: 100vh !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; inline-size: 100vw !important; inset: 0 !important; max-block-size: none !important; max-inline-size: none !important; min-block-size: 0; min-inline-size: 0; resize: none; }
.aws-tp.is-pip .aws-tp__head { cursor: default; }
.aws-tp.is-pip .aws-tp__grip { display: none; }

/* Which clip, and on the same row the host's Now, Start here and End here; under it where the teleprompter is narrow. */
.aws-tp__top { align-items: center; display: flex; flex-wrap: wrap; gap: .3em var(--cc-s3); justify-content: space-between; margin-block-end: var(--cc-s2); }
.aws-tp__top > .aws-tp__where { margin: 0; }
.aws-tp__top > .aws-tp__cut { margin: 0; }

/* Useful, Not useful, Comment -- and one's own Edit and Delete as icons -- on one line. */
.aws-cc .aws-tp .aws-tp__does { flex-wrap: nowrap; white-space: nowrap; }
.aws-cc .aws-tp .aws-tp__mine .aws-icon, .aws-cc .aws-tp .aws-tp__mine svg { block-size: 14px; inline-size: 14px; }

/* Words commented on, marked in their line; their comments in a tooltip under the mark. */
.aws-tp__mark { background: color-mix(in srgb, var(--cc-accent, #e33) 18%, transparent); border-block-end: 2px solid var(--cc-accent, #e33); border-radius: 2px; color: inherit; cursor: pointer; padding: 0 .05em; }
.aws-tp__mark.is-on, .aws-tp__mark:hover { background: color-mix(in srgb, var(--cc-accent, #e33) 32%, transparent); }
.aws-tp__mark::after { background: var(--cc-accent, #e33); border-radius: 999px; color: #fff; content: attr(data-n); display: inline-block; font-size: .45em; font-weight: 700; line-height: 1.6; margin-inline-start: .25em; min-inline-size: 1.6em; text-align: center; vertical-align: .6em; }
.aws-tp__tip { background: var(--cc-bg, #fff); border: 1px solid var(--cc-divider); border-radius: var(--cc-r-md); box-shadow: var(--cc-shadow); display: grid; gap: 8px; max-block-size: 50%; max-inline-size: min(420px, 90%); overflow: auto; padding: 10px 12px; position: absolute; z-index: 5; }
.aws-tp__tip-head { inset-block-start: 4px; inset-inline-end: 4px; position: absolute; }
.aws-tp__tip > .aws-tp__tip-one:nth-child(2) { border-block-start: 0; padding-block-start: 0; padding-inline-end: 24px; }
.aws-tp__tip-one { border-block-start: 1px solid var(--cc-divider); padding-block-start: 6px; }
.aws-tp__tip .aws-tp__said { font-size: 15px; }
/* Small enough to share the clip line's row in an ordinary teleprompter. */
.aws-cc .aws-tp .aws-tp__top .aws-tp__cut { gap: 6px; }
.aws-cc .aws-tp .aws-tp__top .aws-tp__cut .cc-btn--chip { font-size: 12px; min-block-size: 26px; padding: 2px 8px; }
.aws-cc .aws-tp .aws-tp__top .aws-tp__now-at { font-size: 12px; }

/* What it borrows from the studio's look (studio-shows.css), for wherever else it is opened: its icons, its Following and Reading ahead. */
.aws-tp .aws-show__icon { display: inline-flex; }
.aws-tp .aws-show__icon svg { block-size: 20px; fill: none; inline-size: 20px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.aws-tp .aws-show__pill { background: var(--cc-faint); border-radius: 1em; font-size: 12px; font-weight: 600; padding: 3px 10px; }
.aws-tp .aws-show__pill.is-joined { background: color-mix(in srgb, var(--cc-green) 16%, transparent); color: var(--cc-green); }
.aws-tp .aws-show__pill.is-ahead { background: color-mix(in srgb, var(--cc-yellow) 22%, transparent); }
/* Something gone wrong, said in its foot where whoever opened it has no way of its own. */
.aws-tp__fail { background: color-mix(in srgb, var(--cc-red) 10%, var(--cc-bg)); border-block-start: 1px solid var(--cc-divider); color: var(--cc-red); font-size: 13px; margin: 0; padding: 6px 12px; }

/* Opened from a page's own button: over everything on it, in the call center's colours (a box of no size of its own). */
.aws-tp-home { display: contents; }
.aws-tp-home > .aws-tp { z-index: 1000; }
/* Mirror: the words the other way round, for a beam-splitter glass. */
.aws-tp.is-mirror .aws-tp__body { transform: scaleX(-1); }
.aws-tp__btn[aria-pressed="true"] { background: var(--cc-faint); }
/* Where a line was said in its clip, played from there; the line being said as it plays, lit. */
.aws-tp .aws-tp__at, .aws-cc .aws-tp .aws-tp__at { background: none; inline-size: auto; letter-spacing: normal; line-height: 1.4; margin: 0; min-block-size: 0; min-inline-size: 0; border: 0; color: var(--cc-muted); cursor: pointer; float: inline-end; font: inherit; font-size: .5em; font-variant-numeric: tabular-nums; padding: 0 0 0 .5em; }
.aws-cc .aws-tp .aws-tp__at:hover { color: var(--cc-accent-700); }
.aws-tp__line.is-now { background: color-mix(in srgb, var(--cc-accent) 8%, transparent); }
.aws-tp__line.is-past { opacity: .6; }
.aws-tp__clock { font-variant-numeric: tabular-nums; }
/* A clip ended: Stop, or Play the next clip, over the pages. */
.aws-tp__ask { align-items: center; background: color-mix(in srgb, var(--cc-bg) 70%, transparent); display: flex; inset: 0; justify-content: center; padding: 16px; position: absolute; z-index: 2; }
.aws-tp__ask-card { background: var(--cc-bg); border: 1px solid var(--cc-divider); border-radius: var(--cc-r-lg, 12px); box-shadow: var(--cc-shadow); display: grid; gap: 4px; inline-size: min(340px, 100%); padding: 14px 16px; }
.aws-tp__ask-card .cc-kicker { margin: 6px 0 0; }
.aws-tp__ask-title, .aws-tp__ask-next { font-size: 16px; font-weight: 700; margin: 0; }
.aws-tp__ask-card .aws-tp__box-do { margin-block-start: 8px; }
/* Prompter on a post, for whoever may change it: a quiet button in the site's own colours, the call center's nowhere on the page. */
.aws-article-page__prompter { margin: .5em 0 0; }
.aws-tp-open { background: none; border: 1px solid currentColor; border-radius: 999px; color: inherit; cursor: pointer; font: inherit; font-size: .85em; padding: .25em .9em; }
.aws-tp-open:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
/* The opener's own buttons, a row under the head (the clipper's ways on). */
.aws-tp__tools { border-block-end: 1px solid var(--cc-divider); display: flex; flex-wrap: wrap; gap: 4px; padding: 4px var(--cc-s3, 12px); }
.aws-tp__tools .aws-tp__btn { border: 1px solid var(--cc-divider); font-size: 12px; }