.pageframe {
overflow: visible;
display: flex;
flex-direction: column;
background-color: var(--tmp-10);
box-shadow: 0 2px 0 rgba(0,0,0,.12);
border-radius: 8px;
}
.pageframe hr {
margin: 0.5rem 0;
background-color: var(--tmp-25);
}
.pageframe-header {
display: flex;
align-items: center;
min-height: 1.75rem;
gap: 0.5rem;
padding: 2px 0.5rem 0;
background-color: var(--tmp-75);
color: #fff;
border-bottom: 2px solid #666666;
}
.pageframe-header-icon {
line-height: 1em;
}
.pageframe-header-text {
flex: 1;
font-weight: bold;
text-align: center;
line-height: 1.1rem;
padding: 0.25em 0;
}
.pageframe-content {
padding: 0.5rem;
border: 1px solid var(--tmp-25);
border-top: none;
border-radius: 0 0 8px 8px;
}