*,*::before,*::after{
box-sizing:border-box;
border-radius:var(--br1);
box-shadow:none;
}
html{
color-scheme:light;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
body{
margin:0;
background:var(--bg1);
color:var(--tx1);
font-family:var(--ff1);
font-size:var(--fz2);
font-weight:var(--fw2);
line-height:1.6;
}
body>*{
box-sizing:content-box;
max-width:600px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}
a{
color:inherit;
text-decoration:none;
}
textarea{
resize:none;
}
a:hover{
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
::selection{
background:var(--hl1);
color:var(--hl2);
}
.pricing-plan.is-recommended::selection,
.pricing-plan.is-recommended ::selection,
h1 em::selection{
background:var(--bg2);
color:var(--tx1);
}
:focus-visible{
outline:3px solid var(--cl1);
outline-offset:3px;
}
html:not(.is-keyboard) :is(input,select,textarea):focus{
outline:0;
}
h1{
font-family:var(--ff2);
}
h1,
h2{
line-height:1.2;
margin:0;
text-wrap:balance;
}
h1{
font-size:var(--fz1);
font-weight:var(--fw1);
letter-spacing:var(--ls1);
line-height:1.1;
}
h1 em{
font-style:normal;
padding:0 6px;
background:var(--bg4);
color:var(--tx1);
}
h2{
font-size:26px;
}
p{
margin:0;
}
.sr-only{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}
.site-head{
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:24px;
max-width:1120px;
padding-top:20px;
padding-bottom:var(--gp2);
}
.brand{
display:inline-flex;
align-items:center;
gap:10px;
justify-self:start;
color:var(--tx1);
}
.brand-name{
font-family:var(--ff2);
font-size:30px;
font-weight:700;
letter-spacing:.01em;
}
.head-nav{
display:flex;
gap:8px 32px;
font-size:18px;
}
.head-nav a{
color:var(--tx2);
white-space:nowrap;
}
.head-nav a:hover,
.head-nav a[aria-current]{
color:var(--tx1);
}
.head-nav a[aria-current]{
font-weight:700;
}
.head-side{
display:flex;
align-items:center;
justify-self:end;
gap:8px;
}
.head-account,
.head-menu{
position:relative;
display:flex;
}
.head-menu{
display:none;
}
@media (max-width:860px){
.site-head{
grid-template-columns:1fr auto;
}
.head-nav{
display:none;
}
.head-menu{
display:flex;
}
}
.menu-button{
display:inline-flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
padding:0;
border-radius:50%;
background:none;
color:var(--tx2);
}
.account-button{
width:auto;
gap:10px;
padding:0 4px;
border-radius:var(--br2);
color:var(--tx1);
text-align:left;
}
.account-button:hover:not(:disabled){
background:none;
}
.account-who{
display:flex;
flex-direction:column;
min-width:0;
max-width:140px;
font-size:16px;
line-height:1.3;
}
.account-who>*{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
@media (max-width:560px){
.site-head{
gap:12px;
}
.brand{
gap:8px;
}
.brand-name{
display:flex;
flex-direction:column;
font-size:20px;
line-height:1;
}
.account-who{
max-width:min(140px,calc(100vw - 292px));
}
}
@media (max-width:359px){
.brand-name{
display:none;
}
.account-who{
max-width:min(140px,calc(100vw - 210px));
}
}
.account-first{
font-weight:700;
}
.account-tier{
color:var(--tx2);
}
.account-tier:empty{
display:none;
}
.nav-button:hover:not(:disabled),
.nav-button[aria-expanded="true"]{
background:var(--bg2);
color:var(--tx1);
}
.menu-button svg{
width:24px;
height:24px;
fill:currentColor;
}
.nav-button svg{
width:28px;
height:28px;
}
.account-link{
padding:12px 20px;
border-radius:var(--br9);
background:var(--cl2);
color:var(--tx4);
font-size:18px;
font-weight:700;
line-height:1.2;
white-space:nowrap;
}
.account-link:hover{
text-decoration:none;
background:var(--cl7);
}
.account-button,
.signed-in .account-link{
display:none;
}
.signed-in .account-button{
display:inline-flex;
}
.avatar{
display:flex;
flex:none;
align-items:center;
justify-content:center;
width:32px;
height:32px;
overflow:hidden;
border-radius:50%;
background:var(--cl9);
color:var(--tx6);
font-size:17px;
font-weight:700;
}
.avatar img{
width:100%;
height:100%;
border-radius:50%;
object-fit:cover;
}
.avatar svg{
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.menu-list{
position:absolute;
top:calc(100% + 8px);
left:0;
z-index:10;
display:flex;
flex-direction:column;
min-width:220px;
max-width:calc(100vw - 40px);
background:var(--bg2);
box-shadow:var(--sh3);
text-align:left;
}
.menu-list[hidden],
.speech-option[hidden]{
display:none;
}
.account-menu,
.head-menu .menu-list{
left:auto;
right:0;
}
.menu-list a,
.menu-list button{
display:block;
width:100%;
padding:10px 20px;
border-radius:0;
background:none;
color:var(--tx1);
font-size:18px;
font-weight:var(--fw2);
line-height:1.4;
text-align:left;
}
.menu-list a:hover,
.menu-list button:hover:not(:disabled){
text-decoration:none;
background:var(--hl3);
}
.menu-list a[aria-current]{
color:var(--cl2);
font-weight:700;
}
.menu-list p{
padding:4px 20px;
overflow-wrap:anywhere;
}
.menu-list p:first-child{
padding-top:12px;
}
.account-menu-name{
font-weight:700;
}
.account-menu-email{
color:var(--tx2);
font-size:16px;
}
.account-menu-email+a,
.account-menu-name+[hidden]+a{
margin-top:8px;
}
.fox{
width:48px;
height:48px;
}
.brand path{
fill:var(--cl9);
}
.brand:hover,
.library-item:hover{
text-decoration:none;
}
.foot-row{
display:flex;
flex-wrap:wrap;
justify-content:var(--ta1);
flex-basis:100%;
gap:8px 24px;
}
.site-foot span{
order:1;
flex-basis:100%;
margin-top:16px;
}
.site-foot a[aria-current]{
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:6px;
}
.page p a{
color:var(--cl2);
font-weight:600;
}
.page{
padding-top:var(--gp2);
padding-bottom:0;
}
.page>*+*,
.home-intro>*>*+*{
margin-top:var(--gp2);
}
.page>.home-intro{
margin-top:0;
}
.fold{
display:grid;
grid-template-rows:1fr;
transition:grid-template-rows var(--du1),opacity var(--du1),margin-top var(--du1);
}
.fold>*{
min-height:0;
overflow:hidden;
margin:-8px;
padding:8px;
}
.is-working .home-intro,
.is-working .home-about{
grid-template-rows:0fr;
opacity:0;
visibility:hidden;
margin-top:0;
transition:grid-template-rows var(--du1),opacity var(--du1),margin-top var(--du1),visibility 0s var(--du1);
}
.is-instant{
--du1:0s;
}
.page>h1,
.hero,
.lead{
text-align:var(--ta1);
}
.lead{
font-size:20px;
color:var(--tx2);
}
.api-example{
padding:16px;
background:var(--bg2);
font:inherit;
line-height:1.6;
white-space:pre-wrap;
overflow-wrap:anywhere;
text-align:left;
}
.api-address{
overflow-wrap:anywhere;
}
.fetch{
--br2:var(--br9);
position:relative;
display:flex;
flex-direction:column;
align-items:center;
gap:var(--gp1);
margin-top:var(--gp2);
}
.fetch-input{
text-align:left;
display:block;
flex:1;
align-self:stretch;
min-width:0;
margin:0;
padding:24px 32px;
border:0;
border-radius:var(--br1);
background:var(--bg2);
box-shadow:var(--sh1);
color:var(--tx1);
font:inherit;
font-size:20px;
line-height:1.4;
-webkit-appearance:none;
appearance:none;
}
.fetch-input::placeholder,
.batch-input::placeholder{
color:var(--tx2);
opacity:1;
font-size:20px;
}
.fetch-input:focus{
background:var(--bg3);
}
.fetch-input:disabled{
color:var(--tx2);
}
.fetch-input:not(:placeholder-shown){
padding-right:76px;
}
.fetch-paste,
.fetch-submit{
position:absolute;
top:0;
bottom:0;
right:calc(.7em + 2px);
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
margin:auto 0;
padding:0;
border-radius:50%;
background:none;
box-shadow:none;
color:var(--tx2);
font-size:20px;
}
.fetch-paste{
display:none;
}
.fetch-paste:hover:not(:disabled),
.fetch-submit:hover:not(:disabled){
background:var(--bg5);
color:var(--tx1);
}
.fetch-paste svg,
.fetch-submit svg{
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.fetch-input:placeholder-shown~.fetch-submit,
.fetch-input:disabled~.fetch-submit{
display:none;
}
@media (max-width:860px),(pointer:coarse){
.fetch-input{
padding-right:76px;
}
.fetch-input:placeholder-shown:not(:disabled)~.fetch-paste{
display:flex;
}
}
button{
font:inherit;
font-size:18px;
font-weight:700;
line-height:1.2;
margin:0;
padding:18px 24px;
border:0;
border-radius:var(--br2);
background:var(--cl2);
box-shadow:var(--sh2);
color:var(--tx4);
cursor:pointer;
-webkit-appearance:none;
appearance:none;
}
button:hover:not(:disabled){
background:var(--cl3);
}
button:disabled{
opacity:.5;
cursor:default;
}
.upload-note{
color:var(--tx2);
font:inherit;
font-size:16px;
}
.status:empty{
display:none;
}
.status{
width:min(480px,100%);
margin-inline:auto;
text-align:start;
font-size:18px;
}
.stage-line{
display:flex;
justify-content:space-between;
align-items:baseline;
gap:14px;
}
.stage-percent{
flex:none;
font-weight:var(--fw1);
font-variant-numeric:tabular-nums;
}
.meter{
display:block;
position:relative;
height:8px;
margin:10px 0 8px;
overflow:hidden;
background:var(--hl3);
}
.meter-fill{
display:block;
width:0;
height:100%;
background:var(--cl1);
transition:width var(--du2) linear;
}
.meter.is-unknown .meter-fill{
width:30%;
transition:none;
animation:sweep 1.6s ease-in-out infinite;
}
.stage-more{
display:block;
color:var(--tx2);
font-size:16px;
font-variant-numeric:tabular-nums;
}
.stage-more:empty{
display:none;
}
@keyframes sweep{
from{
transform:translateX(-100%);
}
to{
transform:translateX(340%);
}
}
@keyframes spin{
to{
transform:rotate(360deg);
}
}
@media (prefers-reduced-motion:reduce){
:root{
--du1:0s;
--du2:0s;
}
.meter.is-unknown .meter-fill,
.loading-icon{
animation-duration:2.4s;
}
.cue{
transition:none;
}
}
.result{
text-align:left;
}
.result-title{
text-align:start;
overflow-wrap:anywhere;
text-wrap:wrap;
}
.result-meta{
text-align:left;
margin-top:8px;
color:var(--tx2);
font-size:18px;
}
.result-actions{
justify-content:flex-start;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px 24px;
margin-top:20px;
}
.copy{
min-width:96px;
padding:10px 22px;
border-radius:var(--br9);
font-size:18px;
}
.download-menu{
position:relative;
display:inline-flex;
}
.download-button,
.copy-screenshot{
padding:0;
border-radius:0;
background:none;
box-shadow:none;
font-size:18px;
font-weight:700;
color:var(--cl2);
}
.download-button{
width:auto;
height:auto;
gap:6px;
}
.download-button svg{
width:20px;
height:20px;
flex:none;
fill:none;
}
.download-list{
min-width:176px;
}
.download-button:hover:not(:disabled),
.copy-screenshot:hover:not(:disabled){
background:none;
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.seek-hint{
margin-top:24px;
color:var(--tx2);
font-size:16px;
}
.seek-hint:not([hidden])+.seek-keys+.transcript{
margin-top:12px;
}
.ad-unit{
display:block;
max-width:750px;
margin-top:32px;
margin-bottom:32px;
color:var(--tx2);
font-size:16px;
text-align:left;
}
.seek-hint:not([hidden])+.seek-keys+.ad-unit{
margin-top:12px;
}
.ad-unit+.transcript{
margin-top:0;
}
.ad-unit a{
color:var(--tx1);
}
.ad-unit .ad-tag{
display:block;
margin-top:4px;
font-size:12px;
line-height:1.3;
text-align:right;
}
.ad-link{
display:block;
}
.ad-unit .ad-link:hover{
text-decoration:none;
}
.ad-link img{
display:block;
width:100%;
height:auto;
border-radius:var(--br1);
}
.ad-shop{
display:block;
padding:18px 20px;
background:var(--bg2);
border-radius:var(--br1);
}
.ad-shop-title,
.ad-shop-copy,
.ad-shop-note{
display:block;
}
.ad-shop-title{
color:var(--tx1);
font-size:var(--fz2);
font-weight:700;
}
.ad-shop-copy{
margin-top:4px;
}
.ad-unit .ad-shop-btn{
display:inline-block;
margin-top:14px;
padding:10px 22px;
border-radius:var(--br9);
background:var(--cl2);
color:var(--tx4);
font-size:18px;
font-weight:700;
line-height:1.2;
}
.ad-unit .ad-shop-btn:hover{
background:var(--cl3);
text-decoration:none;
}
.ad-shop-note{
margin-top:14px;
font-size:13px;
}
.transcript{
font-size:calc(var(--fz2) + 2px);
margin-top:32px;
overflow-wrap:break-word;
text-align:start;
}
.transcript p+p{
margin-top:1.1em;
}
.transcript.is-preview p:last-child{
-webkit-mask-image:linear-gradient(#000 max(40%,calc(100% - 4.8em)),transparent max(calc(100% - .5em),1.6em));
mask-image:linear-gradient(#000 max(40%,calc(100% - 4.8em)),transparent max(calc(100% - .5em),1.6em));
}
.preview-notice{
text-align:center;
margin-top:24px;
padding:16px 24px;
background:var(--bg2);
}
.preview-notice p+p{
margin-top:8px;
}
.steps{
margin:32px 0 0;
padding:0;
list-style:none;
counter-reset:step;
}
.steps li{
position:relative;
padding-left:64px;
counter-increment:step;
}
.steps li::before{
content:counter(step);
pointer-events:none;
user-select:none;
position:absolute;
left:0;
top:0;
width:44px;
height:44px;
border-radius:50%;
background:var(--bg4);
color:var(--cl2);
font-size:22px;
font-weight:800;
line-height:44px;
text-align:center;
}
.steps li+li{
margin-top:28px;
}
.steps h2{
padding-top:8px;
font-size:22px;
}
.steps p{
margin-top:6px;
}
.site-foot{
margin-top:32px;
display:flex;
flex-wrap:wrap;
justify-content:var(--ta1);
text-align:var(--ta1);
gap:8px 24px;
padding-bottom:40px;
font-size:16px;
color:var(--tx2);
}
@media (max-width:560px){
h1{
font-size:calc(var(--fz1)*.7);
}
.lead{
font-size:19px;
}
}
.upload{
text-align:var(--ta1);
}
.upload-button,
.choice-button{
background:none;
box-shadow:none;
color:var(--cl2);
padding:8px 0;
font-size:16px;
}
.upload-button{
display:inline-flex;
align-items:center;
gap:8px;
}
.upload-button svg{
width:20px;
height:20px;
flex:none;
}
.upload-button:hover:not(:disabled),
.choice-button:hover:not(:disabled){
background:none;
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.upload-note{
display:block;
}
.choices{
list-style:none;
margin:12px 0 0;
padding:0;
}
.choice-button{
text-align:left;
overflow-wrap:anywhere;
}
[hidden]{
display:none!important;
}
html:not(.can-minutes) :is(.gov-minutes-open,.account-gov-minutes){
display:none;
}
.app-badges{
display:grid;
grid-template-columns:repeat(2,max-content);
justify-content:var(--ta1);
flex-basis:100%;
gap:var(--gp1);
margin-top:16px;
}
.app-badge{
position:relative;
display:flex;
align-items:center;
gap:10px;
padding:8px 16px;
border-radius:var(--br1);
background:var(--bg2);
box-shadow:var(--sh3);
color:var(--tx2);
font-size:16px;
line-height:1.6;
text-align:left;
cursor:default;
}
.app-badge svg,
.app-badge strong{
opacity:.6;
}
.app-badge svg{
width:24px;
height:24px;
flex:none;
border-radius:50%;
fill:currentColor;
}
.app-badge strong{
display:block;
font-weight:var(--fw1);
}
.app-badge::after{
content:attr(data-tooltip);
position:absolute;
z-index:5;
left:50%;
bottom:calc(100% + 8px);
padding:4px 12px;
border-radius:0;
background:var(--tx1);
color:var(--bg1);
font-size:16px;
font-weight:var(--fw2);
white-space:nowrap;
pointer-events:none;
opacity:0;
transform:translate(-50%,4px);
transition:opacity var(--du1),transform var(--du1);
}
.app-badge:hover::after{
opacity:1;
transform:translate(-50%,0);
}
.theme-control{
order:2;
flex-basis:100%;
}
.theme-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
border-radius:50%;
background:none;
color:var(--tx2);
box-shadow:none;
padding:16px;
}
.theme-toggle svg{
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.theme-sun,
.dark-mode .theme-moon{
display:none;
}
.dark-mode .theme-sun{
display:block;
}
.theme-toggle:hover:not(:disabled){
background:var(--bg2);
color:var(--tx1);
}
.timestamp-toggle{
display:inline-flex;
align-items:center;
gap:8px;
font-size:16px;
color:var(--tx2);
cursor:pointer;
}
.timestamp-input{
-webkit-appearance:none;
appearance:none;
width:36px;
height:22px;
margin:0;
padding:3px;
border:0;
border-radius:var(--br9);
background:var(--tx2);
cursor:pointer;
}
.timestamp-input::before{
content:"";
display:block;
width:16px;
height:16px;
border-radius:50%;
background:var(--bg1);
}
.timestamp-input:checked{
background:var(--cl2);
}
.timestamp-input:checked::before{
transform:translateX(14px);
background:var(--tx4);
}
.timestamp-note{
font-size:16px;
color:var(--tx2);
}
.timestamp{
display:none;
font:inherit;
color:var(--cl1);
}
.show-timestamps .timestamp{
display:block;
}
.cue{
transition:background-color .15s,box-shadow .15s,color .15s;
}
@media (hover:hover) and (pointer:fine){
.transcript{
cursor:default;
}
.transcript.can-seek .cue:hover:not(.is-active){
background:var(--hl3);
box-shadow:-.12em 0 0 var(--hl3),.12em 0 0 var(--hl3);
}
}
.transcript .note{
color:var(--tx2);
}
.cue.is-fixed{
background:var(--hl4);
box-shadow:-.12em 0 0 var(--hl4),.12em 0 0 var(--hl4);
}
.cue.is-suggested{
background:var(--hl7);
box-shadow:-.12em 0 0 var(--hl7),.12em 0 0 var(--hl7);
}
.cue.is-active{
background:var(--hl1);
box-shadow:-.12em 0 0 var(--hl1),.12em 0 0 var(--hl1);
color:var(--hl2);
transition:none;
}
.transcript p:focus{
outline:0;
}
.transcript p:focus-visible{
outline:3px solid var(--cl1);
outline-offset:6px;
}
.transcript p:focus-visible .cue.is-cursor{
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:3px;
text-underline-offset:5px;
}
.transcript.is-document>*+*{
margin-top:1.1em;
}
.transcript.is-document>[data-index]{
margin-inline:-12px;
padding:2px 12px;
white-space:pre-wrap;
}
.transcript.is-document>[data-index]:focus-visible{
outline-offset:2px;
}
.transcript.is-document>.is-target{
background:var(--bg2);
}
.page-mark{
display:none;
margin:0;
font-size:16px;
font-weight:700;
line-height:1.6;
color:var(--tx2);
}
.show-timestamps .page-mark{
display:block;
}
.transcript.is-document>.page-mark:not(:first-child){
margin-top:2em;
}
.page-note{
font-weight:var(--fw2);
}
.doc-gap{
color:var(--tx2);
}
.doc-table{
overflow-x:auto;
white-space:normal;
}
.doc-table table{
border-collapse:collapse;
font-size:18px;
}
.doc-table td{
padding:6px 12px;
vertical-align:top;
white-space:pre-wrap;
}
.doc-table tr:nth-child(odd){
background:var(--bg2);
}
.transcript mark{
background:var(--hl4);
color:inherit;
}
.is-editing .transcript [contenteditable]{
background:var(--hl3);
cursor:text;
}
.is-editing .transcript [contenteditable]:focus{
background:var(--bg2);
}
html:not(.is-keyboard) .is-editing .transcript [contenteditable]:focus{
outline:0;
}
.is-editing .transcript mark{
background:none;
}
.edit-bar{
position:sticky;
z-index:3;
bottom:0;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 24px;
margin-top:24px;
padding:12px 20px;
background:var(--bg2);
}
.edit-bar p{
flex:1 1 240px;
color:var(--tx2);
font-size:16px;
}
.edit-done{
padding:10px 22px;
border-radius:var(--br9);
}
.edit-cancel,
.edit-next{
padding:0;
background:none;
color:var(--cl1);
}
.edit-cancel:hover:not(:disabled),
.edit-next:hover:not(:disabled){
background:none;
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.find{
display:flex;
align-items:center;
gap:8px;
margin-top:24px;
}
.find-input{
flex:1;
min-width:0;
margin:0;
padding:10px 20px;
border:0;
border-radius:var(--br9);
background:var(--bg2);
color:var(--tx1);
font:inherit;
font-size:18px;
}
.find-input::placeholder{
color:var(--tx2);
}
.find-input::-webkit-search-cancel-button{
-webkit-appearance:none;
appearance:none;
}
.find-count{
color:var(--tx2);
font-size:16px;
white-space:nowrap;
}
.find-count:empty{
display:none;
}
.find-prev,
.find-next,
.original-prev,
.original-next{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
width:44px;
height:44px;
padding:0;
border-radius:50%;
background:none;
color:var(--tx1);
}
.find-prev:hover:not(:disabled),
.find-next:hover:not(:disabled),
.original-prev:hover:not(:disabled),
.original-next:hover:not(:disabled){
background:var(--bg2);
}
.find svg,
.original-bar svg{
width:24px;
height:24px;
}
::highlight(find){
background:var(--hl5);
}
::highlight(find-now){
background:var(--hl1);
color:var(--hl2);
}
.doc-languages,
.doc-note,
.script-note,
.context-note{
margin-top:16px;
color:var(--tx2);
font-size:16px;
}
.context-list{
margin:8px 0 0;
padding:0;
list-style:none;
color:var(--tx2);
font-size:16px;
}
.context-list li{
margin-top:8px;
}
.doc-languages+.doc-note{
margin-top:4px;
}
.language-list{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
gap:0 16px;
max-height:min(50vh,360px);
overflow:auto;
margin-top:16px;
}
.language-list label{
display:flex;
align-items:center;
gap:8px;
min-height:40px;
}
.original{
position:sticky;
z-index:2;
top:0;
display:flex;
flex-direction:column;
height:45vh;
margin-top:24px;
background:var(--bg2);
}
.original-bar{
display:flex;
align-items:center;
gap:4px;
padding:4px 12px;
}
.original-page{
color:var(--tx2);
font-size:16px;
}
.original-close{
margin-left:auto;
padding:0;
background:none;
color:var(--cl1);
font-size:16px;
}
.earlier{
margin-top:16px;
padding:16px;
background:var(--bg2);
}
.earlier-note{
color:var(--tx2);
font-size:16px;
}
.earlier-text{
max-height:60vh;
margin-top:12px;
overflow:auto;
white-space:pre-wrap;
overflow-wrap:anywhere;
line-height:1.6;
}
.earlier-text del{
background:var(--hl4);
color:var(--tx2);
}
.earlier-text ins{
background:var(--hl7);
text-decoration:none;
}
.earlier-actions{
display:flex;
flex-wrap:wrap;
gap:4px 24px;
margin-top:12px;
}
.earlier-actions button{
padding:0;
background:none;
color:var(--cl1);
font-size:16px;
font-weight:700;
}
.earlier-actions button:hover:not(:disabled),
.original-close:hover:not(:disabled){
background:none;
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.original-view{
position:relative;
flex:1;
min-height:0;
overflow:auto;
}
.original-pdf{
display:block;
width:100%;
height:100%;
border:0;
}
.original-sheet{
position:relative;
margin:0 12px 12px;
}
.original-sheet img{
display:block;
width:100%;
height:auto;
cursor:crosshair;
}
.original-box{
position:absolute;
background:var(--hl6);
pointer-events:none;
mix-blend-mode:multiply;
}
.has-original .transcript>[data-index]{
scroll-margin-top:calc(45vh + 16px);
}
@media (min-width:1180px){
.page:has(.result.has-original){
max-width:1120px;
}
.page:has(.result.has-original)>:not(.result){
max-width:600px;
margin-left:auto;
margin-right:auto;
}
.result.has-original{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
column-gap:48px;
align-items:start;
min-height:calc(100vh - 48px);
}
.result.has-original>*{
grid-column:1;
}
.result.has-original>.original{
grid-column:2;
grid-row:1/span 40;
align-self:stretch;
display:block;
height:auto;
margin-top:0;
contain:size;
background:none;
}
.result.has-original .original-bar{
position:sticky;
top:0;
background:var(--bg2);
}
.result.has-original .original-view{
position:sticky;
top:52px;
height:calc(100vh - 76px);
background:var(--bg2);
}
.has-original .transcript>[data-index]{
scroll-margin-top:24px;
}
}
.skip-link{
position:absolute;
z-index:20;
top:8px;
left:8px;
padding:8px 16px;
background:var(--bg4);
color:var(--tx1);
font-size:18px;
font-weight:var(--fw1);
transform:translateY(-200%);
}
.skip-link:focus{
transform:none;
}
.page:focus{
outline:0;
}
@media (pointer:coarse){
.result-actions{
gap:4px 24px;
}
.result-actions :is(.download-button,.copy-screenshot,.save-library,.speech-option,.again-option,.earlier-open,.original-open,.edit-open,.timestamp-toggle),
.original-close,
.earlier-actions button,
.edit-cancel,
.edit-next,
.foot-row a{
display:inline-flex;
align-items:center;
min-height:44px;
}
.preview-notice p a,
.notification-text a{
padding-block:10px;
}
.copy{
min-height:44px;
}
.foot-row{
gap:0 24px;
}
}
html.dark-mode{
color-scheme:dark;
}
.lead,
.fetch-input,
.fetch-input::placeholder,
.fetch .batch-input,
.batch-input::placeholder,
.fetch-submit{
font-size:22px;
}
.upload-note,
.upload-button,
.site-foot{
font-size:18px;
}
.page p a,
.download-button,
.copy-screenshot{
color:var(--cl1);
}
.drop-zone{
position:fixed;
z-index:30;
inset:0;
margin:0;
padding:16px;
background:var(--ov1);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
animation:drop-in var(--du1) ease-out;
}
.drop-zone *{
pointer-events:none;
}
.drop-panel{
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:24px;
border-radius:var(--br2);
background:var(--ov2);
text-align:center;
}
.drop-icon{
display:grid;
place-items:center;
width:96px;
height:96px;
margin-bottom:16px;
border-radius:50%;
background:var(--cl1);
color:var(--tx4);
animation:drop-bob 1s ease-in-out infinite alternate;
}
.drop-icon svg{
width:44px;
height:44px;
}
.drop-no,
.drop-zone.is-refused .drop-yes{
display:none;
}
.drop-zone.is-refused .drop-no{
display:block;
}
.drop-zone.is-refused .drop-icon{
background:var(--cl5);
animation:none;
}
.drop-title{
margin:0;
color:var(--tx1);
font-size:clamp(28px,5vw,44px);
font-weight:var(--fw1);
letter-spacing:var(--ls1);
}
.drop-note{
margin:0;
color:var(--tx2);
font-size:var(--fz2);
}
@keyframes drop-in{
from{
opacity:0;
}
}
@keyframes drop-bob{
to{
transform:translateY(-8px);
}
}
@media (prefers-reduced-motion:reduce){
.drop-icon{
animation:none;
}
}
.notification{
position:fixed;
z-index:10;
left:50%;
bottom:max(20px,env(safe-area-inset-bottom));
transform:translateX(-50%);
width:max-content;
max-width:min(600px,calc(100% - 40px));
max-height:calc(100dvh - 40px);
overflow:auto;
margin:0;
padding:14px 20px;
display:flex;
gap:16px;
background:var(--cl2);
color:var(--tx4);
font-size:18px;
text-align:left;
}
.notification-text{
min-width:0;
margin:auto 0;
overflow-wrap:anywhere;
}
.notification-dismiss{
flex:none;
margin:auto 0;
background:none;
color:inherit;
padding:8px 0;
font-size:16px;
}
.notification-dismiss:hover:not(:disabled){
background:none;
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.notification-dismiss:focus-visible{
outline-color:currentColor;
}
.video{
aspect-ratio:16/9;
margin-top:24px;
margin-inline:auto;
}
.video.is-short{
height:min(70vh,640px);
max-width:100%;
aspect-ratio:9/16;
}
.video iframe{
display:block;
width:100%;
height:100%;
border:0;
}
.audio-slot{
margin-top:24px;
}
.audio-message{
margin-bottom:16px;
padding:16px 20px;
background:var(--bg2);
color:var(--tx2);
text-align:left;
}
.audio-keep{
margin-top:8px;
color:var(--tx2);
font-size:16px;
}
.audio-player{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 12px;
padding:8px 16px;
background:var(--bg2);
border-radius:0;
box-shadow:0 2px 4px rgba(0,0,0,.3);
}
.audio-player.is-docked{
position:fixed;
z-index:9;
left:50%;
bottom:max(16px,env(safe-area-inset-bottom));
transform:translateX(-50%);
box-sizing:border-box;
width:min(600px,calc(100% - 32px));
}
.audio-docked body{
padding-bottom:140px;
}
.dark-mode .audio-player input[type="range"]::-webkit-slider-runnable-track{
background:var(--bg1);
}
.dark-mode .audio-player input[type="range"]::-moz-range-track{
background:var(--bg1);
}
.audio-play,
.audio-mute{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
width:48px;
height:48px;
padding:12px;
border-radius:50%;
background:transparent;
color:var(--tx1);
}
.audio-player svg{
width:28px;
height:28px;
flex:none;
}
.audio-mute{
width:44px;
height:44px;
padding:10px;
}
.audio-mute svg{
width:24px;
height:24px;
}
.audio-play:hover:not(:disabled),
.audio-mute:hover:not(:disabled){
background:var(--bg1);
}
.pause-icon,
.loading-icon,
.muted-icon,
.is-playing .play-icon,
.is-loading .play-icon,
.is-loading .pause-icon,
.audio-play[aria-busy="true"] .play-icon,
.audio-play[aria-busy="true"] .pause-icon,
.is-muted .volume-icon{
display:none;
}
.is-playing:not(.is-loading) .pause-icon,
.is-muted .muted-icon{
display:block;
}
.is-loading .loading-icon,
.audio-play[aria-busy="true"] .loading-icon{
display:block;
animation:spin .9s linear infinite;
}
.audio-track{
flex:1;
min-width:140px;
}
.audio-details{
display:flex;
flex-basis:auto;
order:2;
flex-direction:column;
align-items:center;
text-align:center;
color:var(--tx2);
font-size:16px;
}
.audio-time{
font-variant-numeric:tabular-nums;
}
.audio-volume{
display:flex;
order:3;
align-items:center;
gap:4px;
}
.audio-player input[type="range"]{
-webkit-appearance:none;
appearance:none;
display:block;
width:100%;
height:28px;
margin:0;
padding:0;
background:transparent;
cursor:pointer;
}
.audio-player input[type="range"]::-webkit-slider-runnable-track{
height:6px;
border:0;
background:var(--bg3);
}
.audio-player input[type="range"]::-moz-range-track{
height:6px;
border:0;
background:var(--bg3);
}
.audio-player input[type="range"]::-webkit-slider-thumb{
-webkit-appearance:none;
width:24px;
height:24px;
margin-top:-9px;
border:0;
border-radius:50%;
background:var(--tx5);
}
.audio-player input[type="range"]::-moz-range-thumb{
width:24px;
height:24px;
border:0;
border-radius:50%;
background:var(--tx5);
}
.audio-player input:disabled{
opacity:.5;
cursor:default;
}
.audio-player .volume-slider{
width:88px;
}
@media (forced-colors:active){
:root :is(button,input:not([type="checkbox"],[type="range"]),select,textarea,.menu-list,.notification,.confirm,.audio-player){
border:1px solid;
}
.cue.is-fixed{
forced-color-adjust:none;
background:Mark;
box-shadow:none;
color:MarkText;
}
.cue.is-suggested{
box-shadow:none;
text-decoration:underline dotted;
}
.cue.is-active{
forced-color-adjust:none;
background:Highlight;
box-shadow:-.12em 0 0 Highlight,.12em 0 0 Highlight;
color:HighlightText;
}
.transcript p:focus-visible,
.skip-link:focus,
:focus-visible{
outline-color:Highlight;
}
.transcript.is-preview p:last-child{
-webkit-mask-image:none;
mask-image:none;
}
.transcript mark{
forced-color-adjust:none;
background:Mark;
color:MarkText;
}
::highlight(find-now){
background:Highlight;
color:HighlightText;
}
.preview-notice{
border:1px solid;
}
.timestamp-input,
.audio-player input[type="range"]{
forced-color-adjust:none;
}
.timestamp-input{
background:CanvasText;
}
.audio-player input[type="range"]::-webkit-slider-runnable-track,
.dark-mode .audio-player input[type="range"]::-webkit-slider-runnable-track{
background:CanvasText;
}
.audio-player input[type="range"]::-moz-range-track,
.dark-mode .audio-player input[type="range"]::-moz-range-track{
background:CanvasText;
}
.timestamp-input::before{
background:Canvas;
}
.timestamp-input:checked{
background:Highlight;
}
.timestamp-input:checked::before{
background:HighlightText;
}
.audio-player input[type="range"]::-webkit-slider-thumb{
background:Highlight;
}
.audio-player input[type="range"]::-moz-range-thumb{
background:Highlight;
}
}
@media (max-width:480px){
.audio-player .volume-slider{
display:none;
}
.audio-volume{
order:2;
}
.audio-details{
order:3;
flex-basis:100%;
}
}
.signed-in .oauth-signin,
.signed-in .passkey-signin,
.signed-in .status-guest,
html:not(.signed-in) .status-member{
display:none;
}
.oauth-signin{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.oauth-button,
.passkey-signin button{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
width:100%;
max-width:400px;
padding:16px 24px;
border-radius:var(--br9);
background:var(--bg2);
box-shadow:none;
color:var(--tx1);
font-size:18px;
font-weight:700;
line-height:1.2;
}
@media (max-width:360px){
.oauth-button,
.passkey-signin button{
padding:16px 12px;
}
}
.oauth-signin:not([hidden])+.passkey-signin{
margin-top:12px;
}
.oauth-button[hidden]{
display:none;
}
.oauth-button:hover,
.passkey-signin button:hover:not(:disabled){
background:var(--bg4);
color:var(--tx1);
text-decoration:none;
}
.oauth-button svg,
.passkey-signin svg{
width:22px;
height:22px;
flex-shrink:0;
}
.oauth-yahoo{
color:var(--cl8);
}
.oauth-button.oauth-yahoo span{
color:var(--tx1);
}
.account-plan{
background:var(--bg2);
padding:24px;
border-radius:var(--br1);
}
.account-plan>*+*{
margin-top:12px;
}
.account-plan-usage,
.account-plan-status{
font-size:18px;
}
.account-plan-usage{
color:var(--tx2);
}
.account-plan-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px;
}
.account-plan-actions:not(:has(:not([hidden]))){
display:none;
}
.account-plan-actions button{
border-radius:var(--br9);
}
.account-plan-actions .plan-upgrade{
color:var(--cl2);
font-weight:700;
}
.account-plan-actions .plan-cancel{
background:var(--bg1);
color:var(--cl5);
}
.account-plan-actions .plan-cancel:hover:not(:disabled){
background:var(--bg4);
}
.account-plan-actions .billing-manage,
.account-plan-actions .gov-billing{
background:var(--bg1);
color:var(--tx1);
}
.account-plan-actions .billing-manage:hover:not(:disabled),
.account-plan-actions .gov-billing:hover:not(:disabled){
background:var(--bg4);
}
.account-gov-heading{
margin-bottom:0;
font-size:18px;
}
.account-gov-list{
display:grid;
gap:6px;
margin-bottom:0;
padding-left:0;
list-style:none;
color:var(--tx2);
font-size:18px;
}
.account-gov-list:empty,
.account-gov-heading:has(+.account-gov-list:empty){
display:none;
}
.account-gov-warning{
padding:12px 16px;
background:var(--bg4);
font-size:18px;
font-weight:700;
}
.account-library>*+*{
margin-top:12px;
}
.library-note,
.library-empty{
color:var(--tx2);
font-size:18px;
text-align:center;
}
.account-library>.library-controls{
justify-content:center;
}
.account-library>.library-controls select{
flex:none;
width:auto;
max-width:100%;
}
.library-search{
display:block;
width:100%;
max-width:600px;
margin-left:auto;
margin-right:auto;
min-width:0;
font:inherit;
line-height:1.6;
color:var(--tx1);
background:var(--bg2);
border:0;
border-radius:var(--br9);
padding:16px 24px;
}
.library-search::placeholder{
color:var(--tx2);
opacity:1;
}
.library-search:focus{
background:var(--bg3);
}
.library-list:empty{
display:none;
}
.library-list{
list-style:none;
padding:0;
font-size:16px;
border:1px solid var(--ln1);
}
.library-list li{
display:flex;
align-items:center;
gap:8px;
padding:6px 8px 6px 16px;
}
.library-list li+li{
border-top:1px solid var(--ln1);
}
.library-list li:nth-child(even){
background:var(--bg2);
}
.library-list li:hover{
background:var(--bg5);
}
.library-item{
flex:1;
min-width:0;
overflow-wrap:anywhere;
}
.library-item .library-title-cell{
display:block;
}
.library-item .library-meta{
display:inline;
}
.library-item .library-meta:not(:empty)~.library-meta:not(:empty)::before{
content:" · ";
}
@media (max-width:559px){
.library-list li{
flex-wrap:wrap;
row-gap:0;
}
.library-item{
flex-basis:100%;
}
.library-rename{
margin-left:-12px;
}
}
@media (min-width:960px){
.page:has(.account-library){
max-width:1120px;
}
.page:has(.account-library)>:not(.account-library){
max-width:600px;
margin-left:auto;
margin-right:auto;
}
.library-list{
--wd1:min(1440px,calc(100vw - 48px));
width:var(--wd1);
margin-left:calc((100% - var(--wd1))/2);
display:grid;
grid-template-columns:minmax(0,1fr) repeat(6,auto);
}
.library-list li{
grid-column:1/-1;
display:grid;
grid-template-columns:subgrid;
padding:0 6px 0 0;
}
.library-item{
grid-column:1/5;
align-self:stretch;
display:grid;
grid-template-columns:subgrid;
}
.library-item>*{
padding:9px 16px;
}
.library-item .library-title-cell{
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.library-item .library-meta{
display:block;
max-width:280px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
border-left:1px solid var(--ln1);
}
.library-item .library-meta:last-child{
border-right:1px solid var(--ln1);
}
.library-rename{
margin-left:6px;
}
.library-item .library-meta::before{
display:none;
}
}
.library-meta{
display:block;
color:var(--tx2);
font-size:16px;
}
.library-delete{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
padding:0;
border-radius:50%;
background:none;
box-shadow:none;
color:var(--tx2);
}
.library-delete:hover:not(:disabled){
background:var(--bg4);
color:var(--tx1);
}
.library-delete svg{
width:22px;
height:22px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
}
.library-more{
display:block;
margin-left:auto;
margin-right:auto;
border-radius:var(--br9);
background:var(--bg2);
color:var(--tx1);
}
.library-more:hover:not(:disabled){
background:var(--bg4);
}
.account-app{
background:var(--bg4);
padding:24px;
border-radius:var(--br1);
margin-bottom:var(--gp2);
}
.account-app>*+*{
margin-top:12px;
}
.account-app p{
font-size:18px;
}
.app-open{
display:inline-block;
padding:18px 24px;
border-radius:var(--br9);
background:var(--cl2);
color:var(--tx4);
font-size:18px;
font-weight:700;
line-height:1.2;
}
.app-open:hover{
text-decoration:none;
background:var(--cl7);
}
.account-devices>*+*{
margin-top:12px;
}
.device-list{
list-style:none;
padding:0;
}
.device-list li{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:12px;
padding:8px 0 8px 8px;
}
.device-name{
min-width:0;
}
.device-list button{
border-radius:var(--br9);
background:var(--bg2);
color:var(--tx1);
padding:12px 20px;
}
.device-list button:hover:not(:disabled){
background:var(--bg4);
}
.account-data>*+*{
margin-top:12px;
}
.account-data-note{
color:var(--tx2);
font-size:18px;
}
.account-data-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.account-data-actions>*{
padding:12px 20px;
border-radius:var(--br9);
background:var(--bg2);
box-shadow:var(--sh2);
color:var(--tx1);
font-size:18px;
font-weight:700;
line-height:1.2;
}
.account-data-actions>:hover:not(:disabled){
text-decoration:none;
background:var(--bg4);
}
.account-data-actions .account-delete{
color:var(--cl5);
}
.audio-delete,
.doc-languages-change,
.script-switch,
.context-toggle,
.context-review,
.context-choice{
padding:0;
border-radius:0;
background:none;
box-shadow:none;
color:inherit;
font-size:16px;
font-weight:400;
line-height:inherit;
}
.audio-delete:hover:not(:disabled),
.doc-languages-change:hover:not(:disabled),
.script-switch:hover:not(:disabled),
.context-toggle:hover:not(:disabled),
.context-review:hover:not(:disabled),
.context-choice:hover:not(:disabled){
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.confirm{
box-sizing:border-box;
width:calc(100% - 40px);
max-width:480px;
margin:auto;
padding:0;
border:0;
background:var(--bg2);
color:var(--tx1);
text-align:left;
}
.confirm::backdrop{
background:rgba(0,0,0,.5);
}
html:has(.confirm[open]){
overflow:hidden;
padding-right:var(--scrollbar);
}
.confirm form{
padding:24px;
}
.confirm h2{
font-size:22px;
}
.confirm p{
margin:12px 0 0;
color:var(--tx2);
}
.confirm-word{
display:block;
margin-top:12px;
}
.confirm-word[hidden]{
display:none;
}
.confirm-word input{
display:block;
width:100%;
margin-top:8px;
}
.confirm-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:12px;
margin-top:24px;
}
.confirm-actions button{
border-radius:var(--br9);
padding:12px 20px;
}
.confirm-actions button[value=""]{
background:var(--bg1);
color:var(--tx1);
}
.confirm-actions button[value=""]:hover:not(:disabled){
background:var(--bg4);
}
.account-links,
.pricing-message{
text-align:center;
}
.account-signed-in>*+*{
margin-top:var(--gp2);
}
.passkey-signin{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.account-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
}
.passkey-signin p{
max-width:400px;
color:var(--tx2);
font-size:18px;
text-align:center;
}
.account-actions button,
.email-signin button,
.email-confirm button{
border-radius:var(--br9);
}
.account-logout{
background:var(--bg2);
color:var(--tx1);
}
.account-logout:hover:not(:disabled){
background:var(--bg4);
}
.account-identity,
.account-methods{
display:flex;
align-items:center;
gap:10px;
}
.account-methods{
flex-shrink:0;
}
.account-methods svg{
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.account-methods .brand-icon{
width:22px;
height:22px;
stroke:none;
}
.account-name{
min-width:0;
}
.account-name,
.account-email{
overflow-wrap:anywhere;
}
.home-about,
.pricing-note,
.account-passkey-help{
color:var(--tx2);
font-size:18px;
}
.home-about{
text-align:center;
}
.pricing-plans{
display:grid;
gap:20px;
}
.pricing-plan{
display:flex;
flex-direction:column;
background:var(--bg2);
padding:24px;
border-radius:var(--br1);
}
.pricing-plan.is-recommended{
background:var(--bg4);
box-shadow:0 2px 4px rgba(0,0,0,.3);
}
.pricing-plan>*+*{
margin-top:16px;
}
.pricing-heading{
display:flex;
flex-wrap:wrap;
align-items:baseline;
justify-content:space-between;
gap:8px 12px;
}
.pricing-title{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
}
.pricing-badge{
background:var(--cl2);
color:var(--tx4);
font-size:16px;
font-weight:700;
line-height:1.2;
padding:4px 10px;
border-radius:var(--br9);
}
.pricing-price{
font-size:32px;
font-weight:700;
}
.pricing-price span{
font-size:18px;
font-weight:500;
color:var(--tx2);
}
.pricing-plan ul,
.pricing-pass ul{
flex:1;
list-style:none;
padding-left:0;
margin-bottom:0;
display:grid;
align-content:start;
gap:10px;
font-size:18px;
}
.pricing-plan li,
.pricing-pass li{
position:relative;
padding-left:28px;
color:var(--tx2);
}
.pricing-plan li::before,
.pricing-pass li::before{
content:"✓";
pointer-events:none;
user-select:none;
position:absolute;
left:0;
top:0;
color:var(--tx2);
font-size:22px;
font-weight:800;
line-height:1.3;
}
.pricing-plan.is-paid li,
.pricing-pass li,
.pricing-plan.is-recommended .pricing-price span{
color:var(--tx1);
}
.pricing-plan.is-paid li::before,
.pricing-pass li::before{
color:var(--cl2);
}
.pricing-plan.is-paid strong,
.pricing-pass strong{
font-weight:700;
color:var(--tx1);
}
.plan-action{
align-self:center;
display:inline-block;
background:var(--cl2);
color:var(--tx4);
padding:12px 24px;
border-radius:var(--br9);
font-size:inherit;
font-weight:700;
line-height:inherit;
}
@media (min-width:960px){
.page:has(.pricing-plans){
max-width:1120px;
}
.page:has(.pricing-plans)>:not(.pricing-plans,.pricing-pass,.pricing-gov,.pricing-compare){
max-width:600px;
margin-left:auto;
margin-right:auto;
}
.pricing-plans{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
}
}
.pricing-pass{
background:var(--bg2);
padding:24px;
border-radius:var(--br1);
}
.pricing-pass>*+*{
margin-top:14px;
}
.pricing-pass p:not(.pricing-price){
color:var(--tx2);
font-size:18px;
}
.pass-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.pass-action{
border-radius:var(--br9);
padding:12px 24px;
font-size:18px;
}
.pass-action.is-secondary{
background:var(--bg4);
color:var(--tx1);
box-shadow:none;
}
.pass-action.is-secondary:hover:not(:disabled){
background:var(--bg1);
}
.pricing-gov{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:16px 24px;
background:var(--bg2);
padding:24px;
border-radius:var(--br1);
}
.pricing-gov-icon{
display:grid;
place-items:center;
flex:none;
width:56px;
height:56px;
border-radius:50%;
background:var(--bg4);
color:var(--cl2);
}
.pricing-gov-icon svg{
width:28px;
height:28px;
}
.pricing-gov-text{
flex:1 1 320px;
}
.pricing-gov-text p{
margin-top:6px;
color:var(--tx2);
font-size:18px;
}
.pricing-gov-link{
padding:12px 24px;
border-radius:var(--br9);
background:var(--bg4);
color:var(--tx1);
font-size:18px;
font-weight:700;
}
.pricing-gov-link:hover{
text-decoration:none;
background:var(--bg1);
}
.pricing-compare>*+*{
margin-top:16px;
}
.compare-scroll{
overflow-x:auto;
}
.compare-table{
width:100%;
border-collapse:collapse;
font-size:16px;
text-align:left;
}
.compare-table th,
.compare-table td{
padding:10px 12px;
vertical-align:top;
}
.compare-table thead th{
color:var(--tx1);
font-weight:700;
}
.compare-table tbody tr:nth-child(odd){
background:var(--bg2);
}
.save-library,
.speech-option,
.again-option,
.earlier-open,
.original-open,
.edit-open,
.batch-open{
padding:0;
border-radius:0;
background:none;
box-shadow:none;
font-size:18px;
font-weight:700;
color:var(--cl1);
}
.save-library:hover:not(:disabled),
.speech-option:hover:not(:disabled),
.again-option:hover:not(:disabled),
.earlier-open:hover:not(:disabled),
.original-open:hover:not(:disabled),
.edit-open:hover:not(:disabled),
.batch-open:hover:not(:disabled){
background:none;
text-decoration:underline;
text-decoration-color:var(--cl1);
text-decoration-thickness:2px;
text-underline-offset:3px;
}
.batch-entry{
text-align:right;
}
.batch-open{
display:inline-flex;
align-items:center;
gap:4px;
}
.batch-open svg{
width:20px;
height:20px;
}
.batch-open[aria-expanded="true"] svg{
transform:rotate(180deg);
}
.home-intro>*>.batch-entry{
margin-top:4px;
}
.fetch.is-batch .fetch-input,
.fetch.is-batch .fetch-paste,
.fetch.is-batch .fetch-submit{
display:none;
}
.fetch .batch-input{
display:block;
min-height:180px;
padding:24px 32px;
background:var(--bg2);
box-shadow:var(--sh1);
line-height:1.6;
}
.fetch .batch-input[hidden]{
display:none;
}
.fetch .batch-input:focus{
background:var(--bg3);
}
.batch-panel>*+*{
margin-top:14px;
}
.batch-help{
color:var(--tx2);
font-size:16px;
}
.batch-input,
.library-collection{
width:100%;
min-width:0;
font:inherit;
font-size:16px;
line-height:1.6;
color:var(--tx1);
background:var(--bg1);
border:0;
border-radius:var(--br1);
padding:12px 16px;
}
.batch-actions,
.library-controls{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.batch-close{
padding:10px 16px;
border-radius:var(--br9);
background:var(--bg1);
color:var(--tx1);
font-size:16px;
box-shadow:none;
}
.batch-close:hover:not(:disabled){
background:var(--bg4);
}
.batch-submit{
padding:10px 20px;
border-radius:var(--br9);
font-size:16px;
}
.batch-spinner{
width:18px;
height:18px;
margin-right:8px;
vertical-align:middle;
fill:none;
stroke:currentColor;
stroke-width:5;
stroke-dasharray:80 52;
animation:spin .9s linear infinite;
}
@media (prefers-reduced-motion:reduce){
.batch-spinner{
animation-duration:2.4s;
}
}
.batch-status{
padding:16px;
background:var(--bg1);
border-radius:var(--br1);
font-size:16px;
line-height:1.6;
white-space:pre-wrap;
overflow-wrap:anywhere;
}
.batch-list{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:8px;
font-size:16px;
}
.batch-list li{
padding:10px 14px;
background:var(--bg1);
border-radius:var(--br1);
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:8px;
}
.batch-name{
flex:1 1 200px;
min-width:0;
overflow-wrap:anywhere;
}
a.batch-name{
color:var(--cl1);
font-weight:700;
}
.batch-state{
font-weight:700;
color:var(--tx2);
}
.batch-item.is-processing .batch-state{
color:var(--cl1);
}
.batch-item.is-completed .batch-state{
color:var(--cl4);
}
.batch-item.is-failed .batch-state{
color:var(--cl5);
}
.batch-reason{
flex-basis:100%;
margin:0;
color:var(--tx2);
}
.batch-download{
display:inline-block;
text-decoration:none;
}
.batch-download:hover{
text-decoration:none;
}
.library-controls select{
flex:1 1 180px;
-webkit-appearance:none;
appearance:none;
border-radius:var(--br9);
padding:12px 48px 12px 24px;
background:var(--bg2) var(--ar1) right 20px center/14px no-repeat;
}
.library-action{
flex-shrink:0;
padding:6px 12px;
border-radius:var(--br9);
background:none;
box-shadow:none;
color:var(--tx2);
font-size:16px;
font-weight:var(--fw2);
}
.library-action:hover:not(:disabled){
background:var(--bg4);
color:var(--tx1);
}
.plan-action:hover,
.plan-action:hover:not(:disabled){
background:var(--cl7);
text-decoration:none;
}
[aria-busy=true]{
cursor:progress;
}
.plan-action:disabled{
background:var(--bg6);
color:var(--tx3);
opacity:1;
}
.plan-action.is-downgrade:not(:disabled){
background:var(--bg7);
color:var(--tx7);
}
.plan-action.is-downgrade:hover:not(:disabled){
background:var(--bg8);
color:var(--tx7);
}
.plan-availability{
color:var(--tx2);
}
.email-signin{
margin-top:var(--gp3);
}
.email-controls{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:8px;
}
.email-controls input{
font:inherit;
padding:14px 18px;
border:0;
border-radius:var(--br9);
background:var(--bg2);
color:var(--tx1);
flex:1 1 220px;
min-width:0;
width:100%;
}
.email-help{
font-size:18px;
color:var(--tx2);
margin-top:12px;
}
.email-confirm{
text-align:center;
}
.in-app .site-head,.in-app .site-foot{
display:none;
}
@media print{
.ad-unit,
.site-head,
.site-foot,
.is-working .home-intro,
.video,
.audio-slot,
.audio-keep,
.result-actions,
.find,
.doc-languages,
.doc-note,
.script-note,
.context-note,
.context-list,
.original,
.earlier,
.edit-bar,
.notification{
display:none;
}
}