.mdlmc-wrap{width:100%}
.mdlmc-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.mdlmc-sep{display:inline-block;width:10px;height:1px;opacity:.25} .mdlmc-btn.button{
text-transform:uppercase;
letter-spacing:.02em;
font-weight:500;
padding:10px 15px;
line-height:1;
}
.mdlmc-btn--active.button{
box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);
}
.mdlmc-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.mdlmc-canvas{width:100%; min-height: 320px}
.mdlmc-canvas canvas{width:100% !important; height:auto !important; display:block}
.mdlmc-note{margin-top:10px;font-size:13px;opacity:.75}
.mdlmc-controls { display:flex; flex-direction:column; gap:12px; }
.mdlmc-row { display:flex; flex-wrap:wrap; gap:10px; }
.mdlmc-row--range .mdlmc-btn { min-width: 64px; }
@media (max-width: 768px){
.mdlmc-row--metals .mdlmc-btn,
.mdlmc-row--ccy .mdlmc-btn,
.mdlmc-row--unit .mdlmc-btn {
flex: 1 1 calc(50% - 10px);
}
.mdlmc-row--range .mdlmc-btn {
flex: 1 1 calc(25% - 10px);
}
} @media (min-width: 769px){
.mdlmc-controls{
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 12px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.mdlmc-row{
flex-wrap: nowrap;
gap: 10px;
}
.mdlmc-controls::-webkit-scrollbar{ height: 6px; }
}
@media (max-width: 768px){
.mdlmc-controls{
flex-direction: column;
align-items: stretch;
}
.mdlmc-row{
width: 100%;
}
.mdlmc-row--metals .mdlmc-btn,
.mdlmc-row--ccy .mdlmc-btn,
.mdlmc-row--unit .mdlmc-btn{
flex: 1 1 calc(50% - 10px);
}
.mdlmc-row--range .mdlmc-btn{
flex: 1 1 calc(25% - 10px);
}
} .mdlmc-chartbox{ position: relative; }
.mdlmc-chartbox .mdlmc-watermark{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 35%;
max-width: 320px;
height: auto;
opacity: 0.10;
pointer-events: none;
z-index: 5;
}
.mdlmc-chartbox canvas{ position: relative; z-index: 1; }
@media (max-width: 768px){
.mdlmc-chartbox .mdlmc-watermark{ width: 45%; max-width: 260px; }
} .mdlmc-wrap .mdlmc-canvas{
background-repeat: no-repeat;
background-position: center center;
background-size: 35% auto;
background-color: transparent;
}
@media (max-width: 768px){
.mdlmc-wrap .mdlmc-canvas{ background-size: 45% auto; }
}
.mdlmc-price{font-size:18px;font-weight:600;opacity:1}
.mdlmc-updated{font-size:10px;opacity:.75} .mdlmc-wrap {
position: relative;
} .mdlmc-wrap::after {
content: "";
position: absolute;
inset: 0;
background-image: url(https://www.mdlcoins.lt/wp-content/uploads/2026/01/Logo-1-1.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 28% auto;
opacity: 0.1; filter: grayscale(100%) brightness(1.15) contrast(0.85); pointer-events: none;
z-index: 1;
} .mdlmc-wrap canvas {
position: relative;
z-index: 2;
}