.lgp {
--lgp-primary: #236746;
--lgp-primary-hover: #174a31;
--lgp-blue: #147bd1;
--lgp-blue-dark: #0d62ae;
--lgp-text: #20352a;
--lgp-muted: #607269;
--lgp-border: #d5dfd7;
--lgp-border-hover: #a8bcac;
--lgp-surface: #f5f8f4;
--lgp-surface-hover: #eaf1e9;
--lgp-warning-bg: #fff8e9;
--lgp-warning-border: #e8cc8d;
--lgp-warning-text: #80520d;
--lgp-error-bg: #fff2f2;
--lgp-error-border: #e9baba;
--lgp-error-text: #a12424;
width: 100%;
max-width: 1500px;
margin: 24px auto;
padding: clamp(14px, 3vw, 28px);
border: 1px solid var(--lgp-border);
border-radius: 18px;
background: #fff;
color: var(--lgp-text);
font: inherit;
font-size: 15px;
line-height: 1.5;
text-align: left;
isolation: isolate;
}
.lgp,
.lgp * {
box-sizing: border-box;
}
.lgp [hidden] {
display: none !important;
} .lgp .lgp__header {
margin-bottom: 22px;
}
.lgp .lgp__header h2 {
margin: 0 0 10px;
padding: 0;
color: var(--lgp-text);
font-size: clamp(26px, 4vw, 36px);
font-weight: 700;
line-height: 1.2;
text-transform: none;
}
.lgp .lgp__header p {
margin: 0 0 8px;
}
.lgp .lgp__eyebrow {
color: var(--lgp-primary);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
} .lgp .lgp__toolbar,
.lgp .lgp__viewbar,
.lgp .lgp__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.lgp .lgp__toolbar {
margin: 0 0 18px;
}
.lgp .lgp__viewbar {
margin: 0 0 12px;
}
.lgp .lgp__actions {
margin-bottom: 0;
} .lgp .lgp__layout {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: start;
gap: 18px;
}
.lgp .lgp__center {
width: 100%;
min-width: 0;
}
.lgp .lgp__panel {
min-width: 0;
padding: 16px;
border: 1px solid var(--lgp-border);
border-radius: 12px;
background: var(--lgp-surface);
}
.lgp .lgp__panel h3 {
margin: 0 0 12px;
padding: 0;
color: var(--lgp-text);
font-size: 17px;
font-weight: 700;
line-height: 1.35;
text-transform: none;
}
.lgp .lgp__panel h4 {
margin: 16px 0 8px;
padding: 0;
color: var(--lgp-muted);
font-size: 13px;
font-weight: 650;
line-height: 1.4;
} .lgp button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 42px;
margin: 0;
padding: 9px 12px;
border: 1px solid var(--lgp-border);
border-radius: 8px;
background: #fff;
color: var(--lgp-text);
box-shadow: none;
font: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
text-align: center;
text-decoration: none;
text-transform: none;
white-space: normal;
overflow-wrap: anywhere;
cursor: pointer;
transition:
background-color 120ms ease,
border-color 120ms ease,
color 120ms ease;
}
.lgp button:hover:not(:disabled) {
border-color: var(--lgp-border-hover);
background: var(--lgp-surface-hover);
color: var(--lgp-text);
}
.lgp button:active:not(:disabled) {
background: #dfebde;
}
.lgp button.lgp__primary {
border-color: var(--lgp-primary);
background: var(--lgp-primary);
color: #fff;
}
.lgp button.lgp__primary:hover:not(:disabled) {
border-color: var(--lgp-primary-hover);
background: var(--lgp-primary-hover);
color: #fff;
} .lgp button[aria-pressed="true"] {
border-color: var(--lgp-primary);
background: var(--lgp-primary);
color: #fff;
}
.lgp button[aria-pressed="true"]:hover:not(:disabled) {
border-color: var(--lgp-primary-hover);
background: var(--lgp-primary-hover);
color: #fff;
} .lgp button[data-action="boundary"][aria-pressed="true"] {
border-color: var(--lgp-blue);
background: var(--lgp-blue);
color: #fff;
}
.lgp button[data-action="boundary"][aria-pressed="true"]:hover:not(:disabled) {
border-color: var(--lgp-blue-dark);
background: var(--lgp-blue-dark);
color: #fff;
} .lgp button.lgp__danger {
color: var(--lgp-error-text);
}
.lgp button.lgp__danger:hover:not(:disabled) {
border-color: var(--lgp-error-border);
background: var(--lgp-error-bg);
color: #861c1c;
}
.lgp button:disabled {
opacity: 0.45;
cursor: not-allowed;
} .lgp :is(button, input, select, textarea, summary):focus-visible {
outline: 3px solid #2f73c9;
outline-offset: 2px;
} .lgp .lgp__palette {
max-height: none;
overflow: visible;
}
.lgp .lgp__palette > h3 {
margin-bottom: 4px;
}
.lgp .lgp__palette > p {
margin: 0 0 12px;
}
.lgp .lgp__palette [data-role="palette"] {
display: grid;
grid-template-columns:
repeat(auto-fit, minmax(78px, 1fr));
gap: 8px;
padding: 3px;
} .lgp .lgp__palette [data-role="palette"] > h4 {
display: none;
}
.lgp .lgp__palette .lgp__palette-group {
display: contents;
}
.lgp button.lgp__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-width: 0;
min-height: 78px;
gap: 5px;
padding: 8px 4px;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
overflow-wrap: anywhere;
}
.lgp .lgp__item svg {
display: block;
flex-shrink: 0;
width: 48px;
height: 42px;
pointer-events: none;
}
.lgp .lgp__item span {
pointer-events: none;
} .lgp .lgp__board {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
min-height: 360px;
max-height: 800px;
overflow: hidden;
border: 1px solid var(--lgp-border);
border-radius: 12px;
background: #f1f4f0;
}
.lgp .lgp__canvas {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
touch-action: none;
user-select: none;
-webkit-user-select: none;
}
.lgp .lgp__canvas:focus-visible {
outline: 3px solid #2f73c9;
outline-offset: -4px;
} .lgp .lgp__canvas[data-tool="select"] {
cursor: default;
}
.lgp .lgp__canvas[data-tool="select"] [data-object] {
cursor: move;
}
.lgp .lgp__canvas[data-tool="pan"],
.lgp .lgp__canvas[data-tool="pan"] [data-object] {
cursor: grab;
}
.lgp .lgp__canvas[data-tool="pan"]:active {
cursor: grabbing;
}
.lgp .lgp__canvas[data-tool="boundary"] {
cursor: default;
}
.lgp .lgp__canvas[data-tool="boundary"] [data-object] {
cursor: default;
}
.lgp .lgp__canvas [data-vertex],
.lgp .lgp__canvas [data-edge] {
cursor: move;
}
.lgp .lgp__canvas [data-insert] {
cursor: copy;
}
.lgp .lgp__canvas [data-handle="resize"] {
cursor: nwse-resize;
}
.lgp .lgp__canvas [data-handle="rotate"] {
cursor: crosshair;
} .lgp .lgp__properties {
grid-column: 1 / -1;
display: grid;
grid-template-columns:
repeat(auto-fit, minmax(min(100%, 260px), 1fr));
align-items: start;
gap: 24px;
padding: 0;
border: 0;
background: transparent;
} .lgp .lgp__properties > div,
.lgp .lgp__properties > .lgp__section {
min-width: 0;
margin: 0;
padding: 18px;
border: 1px solid var(--lgp-border);
border-radius: 12px;
background: var(--lgp-surface);
}
.lgp .lgp__properties > div > h3 {
margin-bottom: 14px;
} .lgp .lgp__form {
margin: 0;
}
.lgp .lgp__form label {
display: block;
min-width: 0;
margin: 0 0 12px;
color: var(--lgp-text);
font-size: 12px;
font-weight: 600;
line-height: 1.45;
}
.lgp .lgp__form input,
.lgp .lgp__form select,
.lgp .lgp__object-list {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 42px;
margin: 5px 0 0;
padding: 9px;
border: 1px solid var(--lgp-border);
border-radius: 7px;
background: #fff;
color: var(--lgp-text);
box-shadow: none;
font: inherit;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
}
.lgp .lgp__form input:hover,
.lgp .lgp__form select:hover,
.lgp .lgp__object-list:hover {
border-color: var(--lgp-border-hover);
}
.lgp .lgp__form input[type="color"] {
height: 42px;
padding: 4px;
cursor: pointer;
}
.lgp .lgp__form input:disabled,
.lgp .lgp__form select:disabled {
background: #edf1ed;
color: var(--lgp-muted);
cursor: not-allowed;
}
.lgp .lgp__object-list {
margin-bottom: 14px;
}
.lgp .lgp__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.lgp .lgp__form > button[type="submit"] {
max-width: 100%;
} .lgp .lgp__check {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 30px;
margin: 0;
color: var(--lgp-text);
font-size: 12px;
font-weight: 400;
line-height: 1.4;
cursor: pointer;
}
.lgp .lgp__check input {
flex-shrink: 0;
width: 17px;
height: 17px;
margin: 0;
accent-color: var(--lgp-primary);
cursor: pointer;
} .lgp .lgp__section {
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--lgp-border);
}
.lgp form.lgp__section {
margin-bottom: 12px;
}
.lgp .lgp__actions.lgp__section {
margin-top: 18px;
} .lgp [data-role="garden-metrics"] {
margin: 0 0 16px;
padding: 10px 12px;
border: 1px solid #cbdcc8;
border-radius: 8px;
background: #eaf3e7;
color: #315836;
font-size: 13px;
font-weight: 650;
line-height: 1.5;
}
.lgp [data-role="vertex-info"] {
margin: 0 0 15px;
padding: 10px 12px;
border: 1px solid #c9deef;
border-radius: 8px;
background: #edf5fc;
color: #315b7d;
font-size: 12px;
line-height: 1.5;
} .lgp .lgp__small,
.lgp .lgp__hint {
color: var(--lgp-muted);
font-size: 12px;
line-height: 1.6;
}
.lgp .lgp__small {
margin-top: 10px;
margin-bottom: 12px;
}
.lgp label.lgp__small {
display: block;
}
.lgp .lgp__hint {
margin: 12px 0;
} .lgp .lgp__save-state {
margin: 10px 0 0;
padding: 10px 12px;
border: 1px solid var(--lgp-border);
border-radius: 8px;
background: #f8faf7;
color: var(--lgp-muted);
font-size: 12px;
line-height: 1.5;
} .lgp [data-role="outside-warning"],
.lgp [data-role="selected-warning"] {
margin: 12px 0 0;
padding: 12px;
border: 1px solid var(--lgp-warning-border);
border-radius: 8px;
background: var(--lgp-warning-bg);
color: var(--lgp-warning-text);
font-size: 12px;
line-height: 1.6;
overflow-wrap: anywhere;
} .lgp .lgp__status {
min-height: 24px;
margin: 16px 0 0;
padding: 12px 14px;
border: 1px solid var(--lgp-border);
border-radius: 8px;
background: #f5f8f4;
color: var(--lgp-text);
font-size: 13px;
line-height: 1.5;
overflow-wrap: anywhere;
}
.lgp .lgp__status:empty {
display: none;
}
.lgp .lgp__status[data-error="true"] {
border-color: var(--lgp-error-border);
background: var(--lgp-error-bg);
color: var(--lgp-error-text);
} .lgp .lgp__footer {
margin-top: 22px;
padding-top: 15px;
border-top: 1px solid var(--lgp-border);
color: var(--lgp-muted);
font-size: 12px;
line-height: 1.6;
}
.lgp .lgp__footer p {
margin: 0 0 10px;
}
.lgp .lgp__footer strong {
color: var(--lgp-text);
} @media (max-width: 900px) {
.lgp {
padding: 18px;
}
.lgp .lgp__toolbar,
.lgp .lgp__viewbar {
gap: 7px;
}
.lgp .lgp__properties > div,
.lgp .lgp__properties > .lgp__section {
padding: 15px;
}
} @media (max-width: 650px) {
.lgp {
margin: 16px auto;
padding: 12px;
border-radius: 12px;
}
.lgp .lgp__header {
margin-bottom: 18px;
}
.lgp .lgp__header h2 {
font-size: 27px;
}
.lgp .lgp__toolbar > button {
flex: 1 1 auto;
}
.lgp .lgp__viewbar > button {
flex: 1 1 auto;
}
.lgp .lgp__palette {
padding: 12px;
}
.lgp .lgp__palette [data-role="palette"] {
grid-template-columns:
repeat(auto-fit, minmax(68px, 1fr));
gap: 6px;
max-height: 270px;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
}
.lgp button.lgp__item {
min-height: 74px;
padding: 7px 3px;
font-size: 10px;
}
.lgp .lgp__item svg {
width: 42px;
height: 36px;
}
.lgp .lgp__board {
border-radius: 9px;
}
.lgp .lgp__check {
min-height: 36px;
}
.lgp .lgp__actions > button {
flex: 1 1 auto;
}
.lgp .lgp__form > button[type="submit"] {
width: 100%;
}
.lgp .lgp__hint {
font-size: 11px;
}
} @media (max-width: 380px) {
.lgp {
padding: 10px;
}
.lgp .lgp__panel {
padding: 10px;
}
.lgp .lgp__palette [data-role="palette"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lgp .lgp__properties > div,
.lgp .lgp__properties > .lgp__section {
padding: 12px;
}
.lgp .lgp__row {
gap: 7px;
}
.lgp button {
padding-right: 9px;
padding-left: 9px;
font-size: 12px;
}
} @media (pointer: coarse) {
.lgp button {
min-height: 44px;
}
.lgp .lgp__form input,
.lgp .lgp__form select,
.lgp .lgp__object-list {
min-height: 44px;
}
.lgp .lgp__check {
min-height: 40px;
}
.lgp .lgp__check input {
width: 19px;
height: 19px;
}
} @media (prefers-reduced-motion: reduce) {
.lgp button {
transition: none;
}
} .lgp[data-lgp] button {
color: #20352a !important;
-webkit-text-fill-color: currentColor !important;
} .lgp[data-lgp] button span {
color: inherit !important;
-webkit-text-fill-color: currentColor !important;
} .lgp[data-lgp] button.lgp__primary,
.lgp[data-lgp] button[aria-pressed="true"] {
color: #ffffff !important;
-webkit-text-fill-color: currentColor !important;
} .lgp[data-lgp] button.lgp__danger {
color: #a12424 !important;
-webkit-text-fill-color: currentColor !important;
}.whp {
--whp-primary: #245f80;
--whp-primary-dark: #19445d;
--whp-text: #22313b;
--whp-muted: #637480;
--whp-border: #d5dfe5;
--whp-surface: #f5f8fa;
width: 100%;
max-width: 1500px;
margin: 24px auto;
padding: clamp(14px, 3vw, 28px);
border: 1px solid var(--whp-border);
border-radius: 18px;
background: #fff;
color: var(--whp-text);
font: inherit;
font-size: 15px;
line-height: 1.5;
text-align: left;
}
.whp,
.whp * {
box-sizing: border-box;
}
.whp [hidden] {
display: none !important;
}
.whp .whp__header {
margin-bottom: 22px;
}
.whp .whp__header h2 {
margin: 0 0 8px;
color: var(--whp-text);
font-size: clamp(26px, 4vw, 36px);
line-height: 1.2;
}
.whp .whp__header p {
margin: 0 0 8px;
}
.whp .whp__eyebrow {
color: var(--whp-primary);
font-size: 13px;
font-weight: 700;
}
.whp .whp__toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.whp button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin: 0;
padding: 8px 12px;
border: 1px solid var(--whp-border);
border-radius: 8px;
background: #fff;
color: var(--whp-text);
box-shadow: none;
font: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
text-align: center;
text-transform: none;
white-space: normal;
cursor: pointer;
}
.whp button:hover:not(:disabled) {
border-color: #a9bfcc;
background: #edf4f8;
}
.whp button.whp__primary,
.whp button[aria-pressed="true"] {
border-color: var(--whp-primary);
background: var(--whp-primary);
color: #fff;
}
.whp button.whp__primary:hover:not(:disabled),
.whp button[aria-pressed="true"]:hover:not(:disabled) {
background: var(--whp-primary-dark);
color: #fff;
}
.whp button:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.whp button.whp__danger {
color: #a32626;
}
.whp :is(input, select, button, summary):focus-visible {
outline: 3px solid #3284d0;
outline-offset: 2px;
}
.whp .whp__panel {
min-width: 0;
padding: 15px;
border: 1px solid var(--whp-border);
border-radius: 12px;
background: var(--whp-surface);
}
.whp .whp__panel h3 {
margin: 0 0 12px;
color: var(--whp-text);
font-size: 17px;
}
.whp .whp__palette {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
gap: 7px;
margin: 12px 0 18px;
}
.whp button.whp__item {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
min-height: 80px;
padding: 7px 4px;
font-size: 11px;
overflow-wrap: anywhere;
}
.whp .whp__item svg {
display: block;
width: 48px;
height: 40px;
pointer-events: none;
}
.whp .whp__item span {
pointer-events: none;
}
.whp .whp__board {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
min-height: 380px;
max-height: 800px;
overflow: hidden;
border: 1px solid var(--whp-border);
border-radius: 12px;
background: #f7f8fa;
}
.whp .whp__canvas {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
touch-action: none;
user-select: none;
-webkit-user-select: none;
}
.whp .whp__canvas:focus-visible {
outline: 3px solid #3284d0;
outline-offset: -4px;
}
.whp .whp__canvas[data-tool="wall"],
.whp .whp__canvas[data-tool="door"],
.whp .whp__canvas[data-tool="window"] {
cursor: crosshair;
}
.whp .whp__canvas[data-tool="pan"] {
cursor: grab;
}
.whp .whp__canvas[data-tool="select"] [data-kind="furniture"],
.whp .whp__canvas[data-tool="select"] [data-kind="opening"],
.whp .whp__canvas[data-tool="select"] [data-kind="wall"] {
cursor: move;
}
.whp .whp__canvas [data-handle] {
cursor: crosshair;
}
.whp .whp__bottom {
display: grid;
grid-template-columns:
repeat(auto-fit, minmax(min(100%, 300px), 1fr));
align-items: start;
gap: 16px;
margin-top: 18px;
}
.whp .whp__form {
margin: 0;
}
.whp .whp__form label {
display: block;
min-width: 0;
margin: 0 0 12px;
font-size: 12px;
font-weight: 600;
}
.whp .whp__form input,
.whp .whp__form select,
.whp .whp__select {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
min-height: 42px;
margin: 4px 0 0;
padding: 8px;
border: 1px solid var(--whp-border);
border-radius: 7px;
background: #fff;
color: var(--whp-text);
box-shadow: none;
font: inherit;
font-size: 16px;
}
.whp .whp__form input[type="color"] {
height: 42px;
padding: 3px;
}
.whp .whp__fields,
.whp .whp__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 12px;
}
.whp .whp__fields .whp__wide {
grid-column: 1 / -1;
}
.whp .whp__inline {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
font-size: 12px;
}
.whp .whp__inline input[type="checkbox"] {
width: 17px;
height: 17px;
margin: 0;
accent-color: var(--whp-primary);
}
.whp .whp__inline select {
min-height: 36px;
max-width: 190px;
padding: 5px;
border: 1px solid var(--whp-border);
border-radius: 7px;
background: #fff;
color: var(--whp-text);
font: inherit;
font-size: 13px;
}
.whp .whp__small {
color: var(--whp-muted);
font-size: 12px;
}
.whp .whp__status {
min-height: 24px;
margin: 12px 0 0;
font-size: 13px;
overflow-wrap: anywhere;
}
.whp .whp__status[data-error="true"] {
color: #b42318;
}
.whp .whp__dirty {
color: var(--whp-muted);
font-size: 12px;
}
.whp .whp__footer {
margin-top: 22px;
padding-top: 15px;
border-top: 1px solid var(--whp-border);
color: var(--whp-muted);
font-size: 12px;
}
.whp .whp__footer p {
margin: 0 0 8px;
}
@media (max-width: 650px) {
.whp {
margin: 16px auto;
padding: 12px;
border-radius: 12px;
}
.whp .whp__toolbar > button {
flex: 1 1 auto;
}
.whp .whp__palette {
grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}
.whp button.whp__item {
min-height: 74px;
font-size: 10px;
}
.whp .whp__item svg {
width: 42px;
height: 35px;
}
.whp .whp__board {
min-height: 380px;
}
.whp .whp__bottom {
grid-template-columns: minmax(0, 1fr);
}
.whp .whp__inline {
min-height: 32px;
}
}.crp_related.crp-rounded-thumbs{--crp-gap:0.625rem;--crp-border-radius:12px;--crp-border-color:#ddd;--crp-border-hover:#bbb;--crp-bg-hover:#eee;--crp-overlay-bg:rgba(0, 0, 0, 0.75);--crp-overlay-hover:rgba(0, 0, 0, 0.9);--crp-shadow:0 2px 8px rgba(0, 0, 0, 0.15);--crp-shadow-hover:0 4px 16px rgba(0, 0, 0, 0.25);--crp-focus-color:#0073aa;--crp-title-text-color:#fff;--crp-title-text-shadow-color:rgba(0, 0, 0, 0.8);clear:both;margin:1.25rem auto}.crp_related.crp-rounded-thumbs figure,.crp_related.crp-rounded-thumbs h3{margin:0!important}.crp_related.crp-rounded-thumbs ul{display:flex;flex-wrap:wrap;gap:var(--crp-gap);list-style:none;margin:0!important;padding:0!important}.crp_related.crp-rounded-thumbs li{position:relative;overflow:hidden;width:var(--crp-thumb-width);height:var(--crp-thumb-height);border:1px solid var(--crp-border-color);border-radius:var(--crp-border-radius);box-shadow:var(--crp-shadow);list-style:none;margin:0!important;padding:0}.crp_related.crp-rounded-thumbs li:hover{background:var(--crp-bg-hover);border-color:var(--crp-border-hover);box-shadow:var(--crp-shadow-hover)}.crp_related.crp-rounded-thumbs a{display:block;position:relative;overflow:hidden;width:100%;height:100%;text-decoration:none!important;box-shadow:none!important;border-radius:var(--crp-border-radius)}.crp_related.crp-rounded-thumbs a figure{width:100%;height:100%;overflow:hidden;display:block;margin:0}.crp_related.crp-rounded-thumbs a:focus-visible{outline:2px solid var(--crp-focus-color);outline-offset:2px;border-radius:var(--crp-border-radius)}.crp_related.crp-rounded-thumbs img{display:block;width:100%;height:100%;aspect-ratio:var(--crp-aspect-ratio);object-fit:cover;object-position:center}.crp_related.crp-rounded-thumbs .crp_title{position:absolute;bottom:0;left:0;right:0;display:block;width:100%;padding:.1rem;margin:0;color:var(--crp-title-text-color)!important;font-size:.9em;line-height:1.2em;text-align:center;text-shadow:.1em .1em .3em var(--crp-title-text-shadow-color);background:var(--crp-overlay-bg);backdrop-filter:blur(8px);border-radius:0 0 var(--crp-border-radius) var(--crp-border-radius)}.crp_related.crp-rounded-thumbs li:hover .crp_title{background:var(--crp-overlay-hover)}.crp_related.crp-rounded-thumbs .crp_title:visited{color:var(--crp-title-text-color)!important}.crp_clear{clear:both}