:root {
--prim_color: rgb(0, 0, 0);
--prim_color_transparent: rgba(0, 0, 0, 0.1); --sec_color: rgb(247, 86, 196);
--sec_color_transparent: rgba(247, 86, 196, 0.5);  }
body {
font-size: 16px;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1em;
}
svg {
line-height: unset;
}
model-viewer {
width: 100%;
height: 100vh;
min-height:300px;
}
.pma_box {
display: block;
cursor: pointer;
text-align: center;
font-size: 1em;
color: rgba(0, 0, 0, 0.8); background-color: #fff !important;
border: 1px;
border-radius: 4px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 10px var(--prim_color_transparent); 
overflow-wrap: break-word;
font-family: Futura, Helvetica Neue, sans-serif;
}
.ar-logo, .ar-button, .ar-button div, .ar-info, .ar-info-large, .ar-share, .ar-how-to {
height: 4em;
display: flex;
justify-content: center; align-items: center; }
.ar-button{
left: 50%;
transform: translateX(-50%);
min-width: 10%;
max-width: 40%;
position: fixed;
top: 2.5em;
padding-left: 1em;
padding-right: 1em;
border-color: blue;
line-height: unset;
z-index: 101;
font-family: Futura, Helvetica Neue, sans-serif; 
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 10px var(--sec_color_transparent); 
animation: shadow-pulse 1.5s cubic-bezier(0, 0, 0.26, 1.23) infinite;
}
@-webkit-keyframes shadow-pulse {
0%   { box-shadow: 3px 3px 10px var(--sec_color_transparent); }
50%  { box-shadow: 10px 10px 20px var(--sec_color_transparent); }
100% { box-shadow: 3px 3px 10px var(--sec_color_transparent); }
}
@keyframes shadow-pulse {
0% {
-moz-box-shadow: 3px 3px 10px var(--sec_color_transparent);
box-shadow: 3px 3px 10px var(--sec_color_transparent);
}
50% {
-moz-box-shadow: 10px 10px 20px var(--sec_color_transparent);
box-shadow: 10px 10px 20px var(--sec_color_transparent);
}
100% {
-moz-box-shadow: 3px 3px 10px var(--sec_color_transparent);
box-shadow: 3px 3px 10px var(--sec_color_transparent);
}
}
.ar_site_logo{
text-align: center !important;
}
.ar-message-bottom{ left: 25%;
position: fixed;
bottom: 30px;
width: 50%;
} .ar-logo {
cursor: pointer;
position: fixed;
top: 2.5em;
left: 2.5em;
width: 4em;
z-index: 3; }
.ar-logo > img {
max-height: 100%;
max-width: 100%;
} #inAppCopyButton {
margin: 1em;
margin-left: 2em;
font-size: 1em;
} .ar-share {
position: fixed;
bottom: 2.5em;
right: 2.5em;
width: 4em;
z-index: 101; }
.ar-share-large {
position: fixed;
bottom: 2.5em;
right: 2.5em;
width: max-content;
height: max-content;
padding: 0.8em 0.8em 0.8em 1.6em;
font-size: 0.8em;
text-align: unset;
line-height: unset;
cursor: unset;
z-index: 102; }
.ar-share-large > .closing-button {
top: 0em;
left: 0em;
}
#share-qr {
height:12em; 
width:12em;
padding: 1em;
}
#share-qr img, #share-qr canvas {
height:100%; 
width:100%;
padding: 0em;
}
.share-items {
margin-left: 1em;
margin-right: 1em;
width: 80%;
max-width: 150px;
line-height: unset;
} .ar-how-to {
position: fixed;
top: 2.5em;
right: 2.5em;
width: 4em; background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 100; } .ar-info {
position: fixed;
bottom: 2.5em;
left: 2.5em;
width: 4em; z-index: 101; }
.ar-info-large {
position: fixed;
bottom: 2.5em;
left: 2.5em;
width: max-content;
height: max-content;
padding: 0.8em 2.2em 0.8em 0.8em;
font-size: 0.8em;
text-align: unset;
line-height: unset;
cursor: unset;
z-index: 102; }
.ar-info-large > .closing-button {
top: 0em;
right: 0em;
}
.closing-button {
position: absolute;
overflow: hidden;
border: none;
padding: 0;
width: 2em; height: 2em;
border-radius: 50%;
background: transparent; color: rgba(0, 0, 0, 0.5); 
color: var(--prim_color_transparent);
font: inherit;
text-indent: 100%;
cursor: pointer;
}
.closing-button:focus {
outline: solid 0 transparent;
box-shadow: 0 0 0 2px #515151
}
.closing-button:hover {
background: rgba(0, 0, 0, 0.03);
}
.closing-button:before, .closing-button:after {
position: absolute;
top: 15%; left: calc(50% - .0625em);
width: .125em; height: 70%;
border-radius: .125em;
transform: rotate(45deg);
background: rgba(0, 0, 0, 0.2);
content: ''
}
.closing-button:after {
transform: rotate(-45deg); 
} .dim{
font-size: 0.8em;
line-height: unset;
max-width: 128px;
padding: 0.3em 0.6em;
position: absolute;
width: max-content;
height: max-content;
transform: translate3d(-50%, -50%, 0);
pointer-events: none;
--min-hotspot-opacity: 0.2;
}
.show{
--min-hotspot-opacity: 1;
}
.hide{
display:none !important;
} :not(:defined) > * {
display: none;
} @-webkit-keyframes animateappear {
from {opacity:0} 
to {opacity:1}
}
@keyframes animateappear {
from {opacity:0}
to {opacity:1}
}
#tooltip_blur {
display: none;
position: fixed; z-index: 5; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); font-size: 1em;
-webkit-animation-name: animateappear;
-webkit-animation-duration: 0.6s;
animation-name: animateappear;
animation-duration: 0.6s
}
.tooltiptext {
visibility: hidden;
background-color: var(--prim_color);
color: #fff;
text-align: center;
line-height: 1.2;
border-radius: 6px;
position: absolute;
z-index: 200;
opacity: 0;
transition: opacity 1s;
padding: 5px;
-webkit-animation-name: animateappear;
-webkit-animation-duration: 0.6s;
animation-name: animateappear;
animation-duration: 0.6s
}
.tooltiptext::after {
content: "";
position: absolute;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
} #tooltip-ar {
width: 10em;
left: 0%;
top: 120%;
background-color: var(--sec_color);
}
#tooltip-howto {
width: 10em;
right: 0%;
top: 120%;
}
#tooltip-share {
width: 10em;
right: 0%;
bottom: 120%;
}
#tooltip-info {
width: 8em;
left: 0%;
bottom: 120%;
}
#tooltip-nomore {
width: 10em;
bottom: 5%;
transform: translateY(-50%);
left: 50%;
transform: translateX(-50%);
cursor: pointer;
}
#tooltip-nomore::after {
display: none;
} #tooltip-ar::after {
bottom: 100%;
left: 5em;
border-color: transparent transparent var(--sec_color) transparent;
}
#tooltip-howto::after {
bottom: 100%;
left: 8em;
border-color: transparent transparent var(--prim_color) transparent;
}
#tooltip-share::after {
top: 100%; 
left: 8em;
border-color: var(--prim_color) transparent transparent transparent; 
}
#tooltip-info::after {
top: 100%; 
left: 2em;
border-color: var(--prim_color) transparent transparent transparent; 
} @-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}  .pma-poster {
max-width: 50vw;
max-height: 50vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.6;
} .progress {
position: fixed;
top: calc(55% - 5px);
left: calc(50% - 100% / 16);
z-index: 190;
width: calc(100% / 8);
} a { 
color: inherit; 
} .icon {
margin: 0.2em;
text-decoration: none;
cursor: pointer;
} #impressum {
position: fixed;
bottom: 0em; right: 10px;
color: rgba(57, 57, 57, 0.7);
background: rgba(255, 255, 255, 0.3);
padding: 0.5em;
border-radius: 5px;
font-size: 0.7em;
font-weight: unset;
}
#impressum a { 
color: inherit; 
} 
#impressum a:hover { cursor:pointer;
}
#institution_logo { justify-content: center; align-items :center; max-width: 30%;
float: left; }
.archive_logo {
max-height: 200px;
max-width: 200px; }
#archive-info-header {
display: flex;
margin: 1em 2em; }
#archive-info {
margin: 1em 1em 1em 5em;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: left;
float: left;
justify-content: center;
flex-direction: column;
position: relative;
}
#archive-info > h1,p,a{ margin: 0em 0em;
}
#archive-info p {
text-align: left;
}
#archive-info a{
text-decoration: none;
color: inherit;
display:block;
text-align: left;
} @media screen and (max-width: 700px) {
#archive-info-header {
flex-direction: column;
}
#archive-info {
margin: 1em;
}
} .detail_button, .exhib_button {
pointer-events: fill;
text-decoration: none;
}
.detail_button:hover, .exhib_button:hover {
cursor:pointer;
}
.detail_box, .exhib_box{
display: none;
font-size: 0.8em;
position: absolute;
z-index: 10;
padding: 0.5em 1em;
margin-left: 1em;
width: auto; white-space: nowrap; background-color: #f9f9f9;
border-left: 3px solid black;
} .gallery-wrapper {
margin: 1em 1em;
}
ul {
list-style: none;
}
.image-gallery {
display: flex;
flex-wrap: wrap; margin-left: auto;   margin-top: 5em;
padding-inline-start: unset;
}
.image-gallery > li {
flex: 1 1 auto;
cursor: pointer;
position: relative;
margin: 0.8rem;
}
.image-gallery li img {
object-fit: cover;
height: 250px;
width: auto!important;
max-width: auto;
vertical-align: middle;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.image-gallery::after {
content: "";
flex-grow: 999;
}
.overlay {
position: absolute;
background: rgba(57, 57, 57, 0.5);
bottom: 0;
left: 0;
transform: scale(0);
transform-origin: bottom left;
transition: all 0.2s 0.1s ease-in-out;
color: #fff;
border-radius: 5px;
font-size: 0.8rem; display: flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
}
.image-gallery li:hover .overlay {
transform: scale(1);
} #login-page {
background-color: #ebe9e9f6; max-width: 400px;
min-width: 250px;
font-family: Arial, sans-serif;
} #login-page input[type="submit"] {
background-color: #4caf50;
color: white;
font-size: 1em;
border: none;
cursor: pointer;
width: 100%;
height: 2em;
}  .pma_form {
width: 50%; 
min-width: 400px;
margin: 0 auto;
border-radius: 10px; padding: 40px; }
.pma_form form input[type="text"],
.pma_form form input[type="email"],
.pma_form form input[type="password"],
.pma_form form textarea,
.pma_form form select {
width: 100%; padding: 10px; border: 1px solid #ced4da; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pma_form form input[type="text"]:focus,
.pma_form form input[type="email"]:focus,
.pma_form form input[type="password"]:focus,
.pma_form form textarea:focus,
.pma_form form select:focus {
border-color: #4caf50; outline: 0; box-shadow: 0 0 0 0.03rem rgb(76, 175, 80); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pma_form form input[type="text"]:hover,
.pma_form form input[type="email"]:hover,
.pma_form form input[type="password"]:hover,
.pma_form form textarea:hover,
.pma_form form select:hover {
border-color: #4caf50; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pma_form form input[type="submit"], .pma_form form input[type="button"]{
background-color: #0d6efd;  color: #fff; padding: .375rem .75rem; margin: 0.5em 0em; border-radius: .25rem; font-size: 1rem; line-height: 1.5; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.pma_form form input[type="button"]:hover {
background-color: #0d55c1;
color: white;
text-decoration: none;
}
.pma_form form input[type="submit"] {
background-color: #4caf50; }
.pma_form form input[type="submit"]:hover {
background-color: #198754; }
.pma_form form input[type="submit"]:focus,
.pma_form form input[type="submit"]:active {
box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5); }
form.pmpro_form label {
font-weight: 500;
} table {
border-collapse: collapse;
width: 100%;
}
table th, table td {  padding: 0em 1em;
}
table th {
text-align: left;
border-bottom: 3px solid black;
} #table_artworks tr {
border-bottom: 2px solid rgb(222, 222, 222);
} .graybg {
background-color: #f2f2f2;
padding: 1em;
margin: 2em 0em;
border-radius: 10px;
}
.meta_text {
font-size: 0.7em;
color: #515151;
margin: 0;
padding: 0;
display: inline-block;
}
fieldset textarea, fieldset input, fieldset select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; }
fieldset select {
height: 4em;
}
fieldset {
border: 1px solid #ccc;
border-radius: 4px;
padding: 0.5em;
margin: 0.5em 0em;
}
#account_styles .button {
padding: 10px 20px;
color: #fff;
text-decoration: none;
border-radius: 5px; }
#account_styles .red {
background-color: #ff0000b8;
}
#account_styles .blue {
background-color: #007bff;
}
#account_styles th {
border-bottom: 0px;
}
#account_styles .pmpro_btn {
padding: 10px 20px;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
#account_styles .pmpro_btn-select {
background-color: #007bff;
}
#account_styles a.pmpro_btn.disabled {
background-color: #00ff5982;
pointer-events: none;
}
#account_styles td{
padding: 1em 0.5em;
}
#account_styles tr:last-child {
border-bottom: 3px solid black;
}
#account_styles #pmpro_actionlink-levels {
padding-top: 1em;
color: #515151;
}
#account_styles h2 {
margin: 0em;
}
#account_styles #pmpro_levels-return-home {
display: none;
}
#membership_levels {
margin: 1em 0em;
} .card-img-top {
height: 200px; object-fit: cover; width: 100%; } .pmaRestrictedContent {
height: 60vh;
width: 50%; margin: auto;  display: flex;
justify-content: center;
align-items: center;
flex-direction: column; 
}
.pmaRestrictedContent .button-container {
display: flex;
justify-content: center; margin: 1em;
}  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
z-index: 100;
} .artwork-list-img{
max-width: 100px;
max-height: 100px;
padding: 5px;
border-radius: 8px; 
} .sticky {
position: sticky;
top: 2em;
z-index: 10;
}
#modelDiv {
width: 100%;
}
.preview {
height: 75vh; 
display: block;
} @media screen and (max-width: 1200px) {
.hide_on_devices {
display: none !important;
}
body {
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.hide_on_devices {
display: none !important;
}
body {
font-size: 15px;
}
.image-gallery li img {
height: 150px;
} .column {
width: 100%;
} .ardisplay_viewer{
height: 100vh;
}
.archive_logo {
max-height: 120px;
max-width: 120px;
}
}
@media screen and (max-width: 992px) {
.pma_form {
width: 100%; 
margin-left: 0%;
}
.preview {
height: 20vh; 
}
.sticky {
top: 0em;
}
}
@media screen and (max-width: 768px) {
.hide_on_devices {display: none !important;}
body {
font-size: 12px;
}
.image-gallery li img {
height: 100px;
}
.archive_logo > img {
max-height: 100px;
max-width: 100px;
}
#tooltip-ar {
left: -30%;
}
.btn {
padding: .3rem .5rem;
font-size: .75rem;
line-height: 1.2;
}
}
@media (max-width: 600px) {
.ac-coll {
display: none;
}
}
@media screen and (max-width: 480px) {
body {
font-size: 10px;
}
.image-gallery li img {
height: 75px;
}
.archive_logo > img {
max-height: 100px;
max-width: 75px;
}
} @media screen and (max-height: 500px) {
.pma_box {
line-height: unset;
}
.ar-logo, .ar-button, .ar-button div, .ar-info, .ar-share, .ar-how-to {
height: 2em;
}
.ar-logo, .ar-button, .ar-how-to {
top: 1em;
}
}#quick-debug-log-viewer-fab {
background-color: #0073aa;
color: #fff;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
position:fixed;
bottom:20px;
right:20px;
z-index:9999;
background:linear-gradient(to bottom, #6E59A5, #5b478f);
color:#fff;
padding:5px;
border-radius:50%;
cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,0.3);
transition:all 0.3s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
padding: 10px;
}
#quick-debug-log-viewer-fab:hover {
background-color: #005177;
transform: scale(1.05);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}
#quick-debug-log-viewer-fab .dashicons {
width: auto;
height: auto;
font-size: 32px;
}
#quick-debug-log-viewer-clear-log,
#quick-debug-log-viewer-download-log {
color: #2271b1;
border-color: #2271b1;
background: #f6f7f7;
vertical-align: top;
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 2.15384615;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
}
#quick-debug-log-viewer-download-log {
background: #2271b1;
border-color: #2271b1;
color: #fff;
text-decoration: none;
text-shadow: none;
}
.quick-debug-log-container {
position: relative;
height: 450px;
overflow-y: scroll;
background: #1e1e1e;
color: #f5f5f5;
padding: 0;
border: 1px solid #ccc;
font-family: monospace;
font-size: 12px;
line-height: 1.4;
margin-top: 20px;
}
#quick-debug-log-viewer-modal {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index:9998;
}
#quick-debug-log-viewer-modal h2 {
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 1.3;
}
.quick-debug-log-viewer-filter .button,
#load-more-errors {
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 2.15384615;
min-height: 30px;
margin: 0;
padding: 0 10px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
box-sizing: border-box;
color: #2271b1;
border-color: #2271b1;
background: #f6f7f7;
vertical-align: top;
}
.quick-debug-log-viewer-filter .button:hover,
#load-more-errors:hover {
background: #f0f0f1;
border-color: #999;
}
.quick-debug-log-viewer-filter button.active {
background-color: #0073aa !important;
border-color: #0073aa;
color: white;
}
.quick-debug-log-viewer-filter strong {
font-size: 13px;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #3c434a;
}
.log-content {
padding: 10px;
}
.alert {
white-space: pre-wrap;
}
.scroll-btn {
position: sticky;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(to bottom, #6E59A5, #5b478f);
color: #fff;
border: none;
border-radius: 1rem;
width: 36px;
height: 36px;
font-size: 18px;
line-height: 1;
cursor: pointer;
opacity: 0.9;
transition: all 0.2s ease-in-out;
z-index: 20;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.scroll-btn:hover {
opacity: 1;
transform: translateX(-50%) scale(1.1);
box-shadow: 0 0 0 2px #6E59A5;
}
#scroll-up-btn {
top: 10px;
}
#scroll-down-btn {
bottom: 10px;
}
.error-fatal {
color: #ff4c4c;
font-weight: bold;
}
.error-warning {
color: #ffa500;
}
.error-notice {
color: #ffff66;
}
.quick-debug-log-viewer-actions {
margin-top: 1rem;
display: flex;
gap: 1rem;
}
.quick-debug-log-viewer-filter {
margin-top: 1rem;
display: flex;
align-items: center;
gap: .5rem;
}
.quick-debug-log-viewer-filter button.active {
background-color: #0073aa;
color: white;
}
.quick-debug-log-viewer-search-container {
position: relative;
}
.quick-debug-log-viewer-search-container input {
padding: 6px 30px 6px 40px;
width: 100%;
max-width: 400px;
margin: 1em 0 0;
box-shadow: 0 0 0 transparent;
border-radius: 4px;
border: 1px solid #8c8f94;
background-color: #fff;
color: #2c3338;
font-size: 14px;
line-height: 2;
min-height: 30px;
}
.quick-debug-log-viewer-search-container span {
position: absolute;
top: 61%;
left: 10px;
transform: translateY(-50%);
color: #6E59A5;
}
#quick-debug-log-viewer-modal-content {
max-width:800px;
margin:60px auto;
background:#fff;
padding:20px;
border-radius:8px;
overflow-y:auto;
height:80%;
position:relative;
box-shadow:0 0 20px rgba(0,0,0,0.4);
}
#quick-debug-log-viewer-modal-close {
position:absolute;
top:10px;
right:10px;
font-size:24px;
border:none;
background:none;
cursor:pointer;
}
.quick-debug-log-viewer-load-more-container {
margin-top: 1rem; 
text-align: center;
}
.wpsani-click-tracker-footer-bar {
margin: 20px auto 40px auto;
padding: 15px 20px;
background: #f1f1f1;
border-left: 4px solid #6E59A5;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
border-radius: 4px;
box-sizing: border-box;
}
.wpsani-footer-bar {
margin: 30px auto 40px auto;
padding: 16px 24px;
background: linear-gradient(135deg, #f9f9f9, #f1f1f1);
border-left: 4px solid #6E59A5;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
animation: fade-in-footer 0.4s ease-in;
transition: background 0.3s ease;
}
.wpsani-footer-bar .footer-cta {
background-color: #6E59A5;
color: #fff !important;
padding: 8px 16px;
border-radius: 4px;
font-weight: 600;
transition: background-color 0.2s ease, transform 0.2s ease;
text-decoration: none;
display: inline-block;
}
.wpsani-footer-bar a {
color: #6E59A5;
text-decoration: none;
font-weight: 600;
transition: color 0.2s ease;
}
.footer-cta:hover {
background-color: #5a4b8c;
transform: scale(1.03);
}
#quick-debug-log-viewer-fab {
cursor: grab;
user-select: none;
}
.fab-menu {
position: absolute;
top: calc(100% + 6px);
left: 50%;
transform: translateX(-50%);
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
z-index: 10000;
overflow: hidden;
min-width: 140px;
animation: fadeIn 0.2s ease;
}
.fab-menu-item {
display: block;
width: 100%;
padding: 8px 12px;
background: none;
border: none;
text-align: center;
color: #222;
font-size: 13px;
cursor: pointer;
transition: background 0.2s ease;
}
.fab-menu-item:hover {
background: #f0f0f0;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
.fab-options-indicator {
position: absolute;
top: 4px;
right: 4px;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
background: rgba(0, 0, 0, 0.2);
border-radius: 3px;
padding: 0 4px;
line-height: 1;
opacity: 0;
transition: opacity 0.2s ease;
}
#quick-debug-log-viewer-fab:hover .fab-options-indicator {
opacity: 1;
}