.sb-tool-version { display: inline-flex; max-width: 100%; margin: 0 .6rem .5rem 0; }
.sb-tool-version__trigger { font: inherit; font-size: .85rem; color: #bce7dc; background: #142731; border: 1px solid #446575; border-radius: .5rem; padding: .55rem .75rem; cursor: pointer; }
.sb-tool-version__trigger:hover { color: #fff; border-color: #92d7c3; }
.sb-tool-version__trigger:focus-visible, .sb-tool-version__dialog button:focus-visible { outline: 3px solid #8acfff; outline-offset: 3px; }
.sb-tool-version__dialog { color: #ecf3f5; background: #101f29; border: 1px solid #527786; border-radius: .9rem; width: min(42rem, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); max-height: 85vh; max-height: 85svh; padding: 0; box-sizing: border-box; }
.sb-tool-version__dialog::backdrop { background: rgb(0 8 15 / .8); }
.sb-tool-version__shell { padding: clamp(1rem, 3vw, 1.6rem); overflow-wrap: anywhere; }
.sb-tool-version__shell header { display: flex; align-items: flex-start; gap: 1rem; justify-content: space-between; }
.sb-tool-version__shell h2 { margin: 0; color: #f4f7f8; font-size: clamp(1.2rem, 3vw, 1.55rem); line-height: 1.3; }
.sb-tool-version__shell h3 { margin: .4rem 0 .6rem; color: #f4f7f8; font-size: 1.08rem; line-height: 1.4; }
.sb-tool-version__shell button { flex: none; color: #f4f7f8; background: #263c47; border: 1px solid #7798a3; border-radius: .4rem; padding: .5rem .7rem; font: inherit; cursor: pointer; }
.sb-tool-version__history { list-style: none; margin: 1.3rem 0; padding: 0; }
.sb-tool-version__history > li { margin: 0 0 1.4rem; padding: 0 0 1.2rem 1rem; border-left: 3px solid #75c4aa; border-bottom: 1px solid #30434e; }
.sb-tool-version__history ul { padding-left: 1.2rem; }
.sb-tool-version__history ul li { margin: .45rem 0; line-height: 1.55; }
.sb-tool-version__release, .sb-tool-version__earlier { color: #b4c9d0; font-size: .87rem; }
@media (max-width: 480px) { .sb-tool-version__shell header { flex-wrap: wrap; } }