#trading-information-intlink{color:#ffffff;margin-bottom:60px;.underlying-informations.underlying-page{.underlying-label{text-decoration:none;cursor:initial}
.change-container{.change-title{display:inline-flex}
.change-content{margin:9px 0 10px;.underlying-change-percentage{font-size:32px;.underlying-change-size{font-size:20px}
}
}
}
}
.change-informations{.change-title{display:inline-flex}
}
.oh-trading-information{display:flex;align-content:start;flex-wrap:wrap}
.oh-label-value{flex-flow:wrap;gap:24px;height:auto;.ask-bid-container{min-height:230px;gap:24px;justify-content:left;display:inline-flex;.value{margin:12px 0 8px}
}
}
.trading-information-change-container{display:flex;flex-direction:column;padding:24px;border-radius:8px;min-height:205px;gap:10px;padding-left:0;padding-right:0;.change-informations{display:flex;flex-direction:column;gap:10px;a{color:#fff;cursor:unset}
.num.direction{font-family:UniCredit;font-weight:400;font-size:32px;line-height:100%}
.num.direction.change-delta{font-family:UniCredit;font-weight:400;font-size:20px;line-height:20px}
.num.direction.down.change-percent,.num.direction.down.change-delta{color:#ff604e}
.num.direction.up.change-percent,.num.direction.up.change-delta{color:#5dcd6b}
}
.quote-day-and-tyme-informations{margin-top:auto;.value{font-family:UniCredit;font-weight:400;font-size:16px;line-height:24px;vertical-align:middle;color:#fff}
}
}
.trading-information-data-container{display:flex;height:100%;flex-direction:column;padding:24px;background:#212121;border-radius:8px;min-height:205px;.label{font-family:UniCredit;font-weight:700;font-size:16px;line-height:20px;color:#fff}
.underlying-label{text-decoration:underline;cursor:pointer}
.ask-label{display:inline-flex;a{color:#fff !important}
}
.underlying-value-container{margin:15px 0 10px !important}
.value{display:block;font-family:UniCredit;font-weight:300;font-size:20px;line-height:100%;color:#ffffff;margin:4px 0 0;.bid{font-weight:400;font-size:30px}
.ask{font-weight:400;font-size:30px}
.underlying{font-family:UniCredit;font-weight:400;font-size:30px}
}
.trading-information-button-container{display:flex;justify-content:center;margin-top:auto;button{border-radius:8px;width:100%;border:0;font-family:UniCredit;font-weight:700;font-size:18px;line-height:24px;min-height:42px;margin-top:24px}
button.disabled{color:#ccc;background:#f5f5f5}
}
.sell-btn-container{button{background:#cf3524}
}
.buy-btn-container{button{background:#3d7d43}
align-content:end}
.underlying-change-percentage{font-family:UniCredit;font-weight:400;font-size:24px;line-height:100%;.underlying-change-size{font-size:14px}
}
.underlying-change-percentage.up{color:#5dcd6b}
}
.underlying-change-percentage.down{color:#ff604e}
}
.quote-day-and-tyme-informations{margin-top:auto;.underlying-value{font-family:UniCredit;font-weight:400;font-size:16px;line-height:24px;vertical-align:middle;color:#fff}
}
.onemarkets .oh-trading-information .oh-label-value .num{transition:all 1s linear}
.onemarkets .oh-trading-information .oh-label-value.animated-up .num{color:#00a197;transition:none}
.onemarkets .oh-trading-information .oh-label-value.animated-down .num{color:#e2001a;transition:none}
@media(min-width:1136px){.trading-information-change-container{max-width:226px}
.ask-bid-container:has(>:only-child){flex:0 0 calc(((100% / 12) * 5) -(8px * 12 / 5));max-width:calc(((100% / 12) * 5) -(8px * 12 / 5))}
}
@media(max-width:599px){#trading-information-intlink{& .oh-label-value{.ask-bid-container{display:inline-grid;justify-content:normal}
}
}
}