.ge-action {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
box-sizing: border-box;
width: var(--ge-action-width);
min-width: var(--ge-action-atleast-width);
padding: var(--ge-action-inset);
font-size: var(--ge-action-txt-scale);
font-weight: var(--ge-action-txt-boldness);
text-transform: var(--ge-action-words-case, uppercase);
letter-spacing: 0.5px;
background: var(--ge-action-ground-tone);
color: var(--ge-action-words-tone) !important;
border-style: solid;
border-width: var(--ge-action-stroke-width, 0);
border-color: var(--ge-action-stroke-tone);
border-radius: var(--ge-action-radius);
text-decoration: var(--ge-action-decoration, none) !important;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
}
.ge-action:hover {
background: var(--ge-action-over-ground);
color: var(--ge-action-over-words-tone, var(--ge-action-words-tone)) !important;
text-decoration: var(--ge-action-over-decoration, none) !important;
}
.ge-action:visited {
color: var(--ge-action-words-tone) !important;
}
.ge-action:active {
transform: scale(0.98);
}
.ge-read-action {
width: var(--ge-read-action-width, var(--ge-action-width));
min-width: var(--ge-read-action-atleast-width, var(--ge-action-atleast-width));
padding: var(--ge-read-action-inset, var(--ge-action-inset));
font-size: var(--ge-read-action-txt-scale, var(--ge-action-txt-scale));
font-weight: var(--ge-read-action-txt-boldness, var(--ge-action-txt-boldness));
text-transform: var(--ge-read-action-words-case, var(--ge-action-words-case, uppercase));
background: var(--ge-read-action-ground-tone, var(--ge-action-ground-tone));
color: var(--ge-read-action-words-tone, var(--ge-action-words-tone)) !important;
border-style: solid;
border-width: var(--ge-read-action-stroke-width, var(--ge-action-stroke-width));
border-color: var(--ge-read-action-stroke-tone, var(--ge-action-stroke-tone));
border-radius: var(--ge-read-action-radius, var(--ge-action-radius));
text-decoration: var(--ge-read-action-decoration, none) !important;
}
.ge-read-action:hover {
background: var(--ge-read-action-over-ground, var(--ge-action-over-ground));
color: var(--ge-read-action-over-words-tone, var(--ge-read-action-words-tone, var(--ge-action-words-tone))) !important;
text-decoration: var(--ge-read-action-over-decoration, none) !important;
}
.ge-read-action:visited {
color: var(--ge-read-action-words-tone, var(--ge-action-words-tone)) !important;
}
@media (max-width: 480px) {
.ge-action {
padding: 12px 16px;
font-size: 13px;
}
}
.ge-toc {
box-sizing: border-box;
margin: var(--ge-toc-margin-top, 0) 0 var(--ge-toc-margin-foot, 1.5em);
border-style: solid;
border-width: var(--ge-toc-stroke-width, 1px);
border-color: var(--ge-toc-stroke-tone, var(--ge-mark));
border-radius: var(--ge-toc-radius, 6px);
background: var(--ge-toc-box-ground, transparent);
overflow: hidden;
}
.ge-toc .ge-toc-ttl {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0;
padding: var(--ge-toc-ttl-inset, 14px 18px);
background: var(--ge-toc-ttl-ground, transparent);
color: var(--ge-toc-ttl-tone, inherit);
font-size: var(--ge-toc-ttl-scale, 1.1em);
font-weight: var(--ge-toc-ttl-boldness, 600);
line-height: 1.4;
list-style: none;
cursor: pointer;
}
.ge-toc .ge-toc-ttl::-webkit-details-marker {
display: none;
}
.ge-toc .ge-toc-ttl::marker {
content: "";
}
.ge-toc .ge-toc-ttl:focus-visible {
outline: 2px solid currentColor;
outline-offset: -4px;
}
.ge-toc--icon-l .ge-toc-ttl {
justify-content: flex-start;
}
.ge-toc--icon-l .ge-toc-icon {
order: -1;
}
.ge-toc-icon {
display: flex;
flex: 0 0 auto;
align-items: center;
color: var(--ge-toc-icon-tone, currentColor);
}
.ge-toc-icon svg {
display: block;
}
.ge-toc-icon .ge-toc-icon-expanded,
.ge-toc[open] .ge-toc-icon .ge-toc-icon-folded {
display: none;
}
.ge-toc[open] .ge-toc-icon .ge-toc-icon-expanded {
display: block;
}
.ge-toc .ge-toc-core {
padding: var(--ge-toc-items-inset, 4px 18px 16px);
font-size: var(--ge-toc-items-scale, inherit);
}
.ge-toc .ge-toc-items {
margin: 0;
padding: 0 0 0 1.4em;
}
.ge-toc .ge-toc-items .ge-toc-items {
margin-top: var(--ge-toc-unititem-spacing, 6px);
}
.ge-toc .ge-toc-unititem {
margin: var(--ge-toc-unititem-spacing, 6px) 0 0;
line-height: 1.5;
}
.ge-toc .ge-toc-items > .ge-toc-unititem:first-child {
margin-top: 0;
}
.ge-toc--points .ge-toc-items {
list-style: disc;
}
.ge-toc--points .ge-toc-items .ge-toc-items {
list-style: circle;
}
.ge-toc--numbered .ge-toc-items {
list-style: decimal;
}
.ge-toc--nested-numbered .ge-toc-items {
list-style: none;
padding-left: 0;
counter-reset: toc-item;
}
.ge-toc--nested-numbered .ge-toc-items .ge-toc-items {
padding-left: 1.4em;
}
.ge-toc--nested-numbered .ge-toc-unititem {
counter-increment: toc-item;
}
.ge-toc--nested-numbered .ge-toc-unititem::before {
content: counters(toc-item, ".") ". ";
}
.ge-toc--plain .ge-toc-items {
list-style: none;
padding-left: 0;
}
.ge-toc--plain .ge-toc-items .ge-toc-items {
padding-left: 1.2em;
}
.ge-toc--link-tone .ge-toc-unititem a {
color: var(--ge-toc-link-tone);
}
.ge-toc--link-over .ge-toc-unititem a:hover,
.ge-toc--link-over .ge-toc-unititem a:focus {
color: var(--ge-toc-link-over);
}
.ge-capsule-items {
display: flex;
flex-wrap: wrap;
gap: var(--ge-capsule-spacing, 6px);
line-height: 1.4;
}
.ge-capsule {
display: inline-block;
background: var(--ge-capsule-ground, var(--ge-tint));
color: var(--ge-capsule-words, inherit);
font-size: var(--ge-capsule-scale, 13px);
font-weight: var(--ge-capsule-boldness, 600);
border-radius: var(--ge-capsule-radius, 999px);
padding: var(--ge-capsule-inset, 4px 12px);
border: var(--ge-capsule-stroke-width, 0) solid var(--ge-capsule-stroke-tone, transparent);
white-space: nowrap;
}
.ge-capsule-continue .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}