.docs-ai-as{
width:100%;
margin:24px 0;
border:0;
border-radius:4px;
overflow:visible;
background:transparent;
color:#18191b;
font-family:"Source Sans 3", sans-serif;
}
.docs-ai-as__header{
width:100%;
min-height:40px;
display:flex;
align-items:center;
gap:16px;
padding:8px 16px;
border:0 !important;
border-radius:4px;
background:#e5f3ff !important;
color:#006fe8 !important;
box-shadow:none !important;
text-align:left;
font:inherit;
line-height:1.5;
transition:background-color .18s ease, color .18s ease;
}
.docs-ai-as__header:hover,
.docs-ai-as__header:focus,
.docs-ai-as__header:active{
background:#ddebfa !important;
color:#006fe8 !important;
border:0 !important;
box-shadow:none !important;
outline:none !important;
}
.docs-ai-as__header:hover{
cursor:url(//www.getpackit.com/wp-content/themes/hello-theme-child-master/assets/main/docs-ai/images/icon-cursor.png) 8 2, pointer;
}
.docs-ai-as__header:focus-visible{
outline:none !important;
}
.docs-ai-as__icon{
width:24px;
height:24px;
flex:0 0 24px;
background:url(//www.getpackit.com/wp-content/themes/hello-theme-child-master/assets/main/docs-ai/images/icon-ai-summary-logo.png) center / contain no-repeat;
}
.docs-ai-as__title{
min-width:0;
font-size:16px;
line-height:1.5;
font-weight:400;
letter-spacing:0;
white-space:normal;
}
.docs-ai-as__title--open,
.docs-ai-as__hide{
display:none;
}
.docs-ai-as__body{
padding:0;
}
.docs-ai-as__content{
margin:0;
}
.docs-ai-as__loading{
font-size:16px;
line-height:1.5;
color:#6f7378;
}
.docs-ai-as__typed{
font-size:16px;
line-height:1.5;
color:#18191b;
}
.docs-ai-as.is-open{
padding:16px;
border-radius:4px;
background:#f7f7f8;
}
.docs-ai-as.is-open .docs-ai-as__header,
.docs-ai-as.is-open .docs-ai-as__header:hover,
.docs-ai-as.is-open .docs-ai-as__header:focus,
.docs-ai-as.is-open .docs-ai-as__header:active{
min-height:28px;
padding:0 0 24px;
border-radius:0;
background:transparent !important;
color:#686d72 !important;
}
.docs-ai-as.is-open .docs-ai-as__icon{
background-image:url(//www.getpackit.com/wp-content/themes/hello-theme-child-master/assets/main/docs-ai/images/icon-ai-summary-logo-open.png);
}
.docs-ai-as.is-open .docs-ai-as__title--closed{
display:none;
}
.docs-ai-as.is-open .docs-ai-as__title--open{
display:inline;
font-size:16px;
line-height:1.5;
color:#686d72;
text-transform:capitalize;
}
.docs-ai-as.is-open .docs-ai-as__hide{
display:inline-flex;
margin-left:auto;
color:#0861c5;
font-size:14px;
line-height:1.5;
}
.docs-ai-as__feedback{
margin-top:20px;
padding-top:16px;
border-top:1px solid #dedede;
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
font-size:14px;
line-height:1.5;
color:#18191b;
}
.docs-ai-as__feedback[hidden]{
display:none !important;
}
.docs-ai-as__feedback-q{
margin-right:10px;
}
.docs-ai-as__fb{
appearance:none;
-webkit-appearance:none;
min-width:58px;
min-height:25px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:2px 16px;
border:1px solid #e1e3e6 !important;
border-radius:999px;
background:#fff !important;
color:#202124 !important;
box-shadow:none !important;
cursor:pointer;
font-size:14px;
line-height:1;
}
.docs-ai-as__fb:hover,
.docs-ai-as__fb:focus,
.docs-ai-as__fb:active{
background:#f3f6f8 !important;
color:#202124 !important;
border-color:#d5d8dc !important;
box-shadow:none !important;
outline:none !important;
}
.docs-ai-as__fb:focus-visible{
outline:2px solid rgba(0,111,232,.22) !important;
outline-offset:2px;
}
.docs-ai-as__fb:disabled{
opacity:.65;
cursor:default;
}
.docs-ai-as__fb--selected{
background:#202124 !important;
color:#fff !important;
border-color:#202124 !important;
}
.docs-ai-as__badge{
margin-left:auto;
color:#b8bac1;
font-size:14px;
line-height:1.5;
letter-spacing:.33px;
white-space:nowrap;
}
@media (max-width: 767px){
.docs-ai-as{
margin:20px 0;
}
.docs-ai-as.is-open{
padding:13px 16px 16px;
}
.docs-ai-as__typed{
font-size:16px;
}
.docs-ai-as__feedback{
align-items:flex-start;
}
.docs-ai-as__feedback-q{
width:100%;
margin-right:0;
}
.docs-ai-as__badge{
width:100%;
margin-left:0;
}
}