.lara-bf-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
#lara-bf-backdrop[hidden] { display: none !important; }
#lara-bf-backdrop {
position: fixed;
inset: 0;
z-index: 2147483000;
box-sizing: border-box;
display: grid;
place-items: center;
padding: 16px;
background: rgba(8, 10, 12, .78);
overscroll-behavior: contain;
}
#lara-bf-backdrop *, #lara-bf-backdrop *::before, #lara-bf-backdrop *::after {
box-sizing: border-box;
}
.lara-bf-dialog {
position: relative;
width: min(100%, 1000px);
max-height: calc(100vh - 32px);
max-height: calc(100dvh - 32px);
overflow: auto;
background: #171a1b;
color: #fff;
box-shadow: 0 22px 70px rgba(0, 0, 0, .42);
border-radius: 10px;
scrollbar-width: thin;
}
.lara-bf-picture, .lara-bf-picture img {
display: block;
width: 100%;
}
.lara-bf-picture img { height: auto; }
.lara-bf-close {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(255,255,255,.65);
border-radius: 50%;
background: rgba(15, 17, 18, .87);
color: #fff;
font: normal 34px/1 Arial, sans-serif;
cursor: pointer;
}
.lara-bf-close:hover, .lara-bf-close:focus-visible {
background: #d5aa65;
color: #171a1b;
}
.lara-bf-close:focus-visible, .lara-bf-footer a:focus-visible {
outline: 3px solid #d5aa65;
outline-offset: 3px;
}
.lara-bf-footer {
display: flex;
justify-content: center;
align-items: center;
min-height: 54px;
padding: 12px 18px;
text-align: center;
}
.lara-bf-footer a {
color: #f4e0bd;
font: 600 15px/1.4 Arial, sans-serif;
text-decoration: underline;
text-underline-offset: 3px;
}
.lara-bf-footer a:hover { color: #fff; }
@media (max-width: 640px) {
#lara-bf-backdrop { padding: 12px; }
.lara-bf-dialog {
width: min(100%, 420px);
max-height: calc(100vh - 24px);
max-height: calc(100dvh - 24px);
}
.lara-bf-close { top: 10px; right: 10px; }
.lara-bf-footer a { font-size: 14px; }
}