diff --git a/lib/resources/styles.css b/lib/resources/styles.css
index be7cdce751..e232ba7ed9 100644
--- a/lib/resources/styles.css
+++ b/lib/resources/styles.css
@@ -1 +1 @@
-.light-theme{--main-bg-color: #fff;--main-header-color: #eeeeee;--main-sidebar-color: #727272;--main-text-color: #111111;--main-search-bar: #fff;--main-scrollbar-color: #CCC;--main-footer-background: #111111;--main-h-text: black;--main-hyperlinks-color: #0175C2;--main-search-background: transparent;--main-code-bg: #f8f8f8;--main-keyword-color: #333;--main-tag-color: #000080;--main-section-color: #900;--main-comment-color: #998;--main-var-color: #008080;--main-string-color: #d14;--main-number-filter: invert(0%);--main-icon-color: black;--alert-info: #e7f8ff;--alert-tip: #ecfaf7;--alert-important: #e2dbff;--alert-warning: #fcf8e3;--alert-error: #fde9ee}.dark-theme{--main-bg-color: #10161E;--main-header-color: #1C2834;--main-sidebar-color: #fff;--main-text-color: #fff;--main-search-bar: #454545;--main-scrollbar-color: #5f6368;--main-footer-background: #27323a;--main-hyperlinks-color: #00D2FA;--main-search-background: black;--main-code-bg: #10161E;--main-keyword-color: white;--main-tag-color: #00D2FA;--main-section-color: #FF2D64;--main-comment-color: #909CC3;--main-var-color: #55A09B;--main-string-color: #FF2D64;--main-number-filter: invert(100%);--main-icon-color: white;--alert-info: #043875;--alert-tip: #065517;--alert-important: #4a00b4;--alert-warning: #7b6909;--alert-error: #7a0c17}#theme{display:none}#theme-button{position:absolute;right:30px;height:24px}#theme-button .material-symbols-outlined{color:var(--main-icon-color);user-select:none;cursor:pointer}#theme-button .material-symbols-outlined:hover{color:var(--main-hyperlinks-color)}li .material-symbols-outlined,dt .material-symbols-outlined{font-size:1em;vertical-align:text-bottom}dt .material-symbols-outlined{text-indent:0}.light-theme #light-theme-button{display:none}.dark-theme #dark-theme-button{display:none}.dark-theme img[src$="#gh-light-mode-only"]{display:none}.light-theme img[src$="#gh-dark-mode-only"]{display:none}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%;overflow-x:hidden;font-family:Roboto,sans-serif;font-size:16px;line-height:1.42857143;color:var(--main-text-color);background-color:var(--main-bg-color)}main{flex:1;display:flex;flex-direction:row;min-height:0}.gt-separated{list-style:none;padding:0;margin:0}.gt-separated li{display:inline-block}.gt-separated li:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");background-position:center;content:" ";margin:0 6px 0 4px;padding:0 3px 0 0}.gt-separated.dark li:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>")}.gt-separated li:first-child:before{background-image:none;content:"";margin:0;padding:0}.breadcrumbs{padding:0;margin:8px 0 8px 0;white-space:nowrap;line-height:1}@media screen and (min-width: 840px){nav ol.breadcrumbs{float:left}}@media screen and (max-width: 840px){.breadcrumbs{margin:0 0 24px 0;overflow-x:hidden}}.breadcrumbs .gt-separated .dark .hidden-xs li+li:before{color:var(--main-h-text)}ol.breadcrumbs li a{color:var(--main-hyperlinks-color)}.self-crumb{color:var(--main-h-text)}.self-name{color:#555;display:none}pre code{white-space:pre;word-wrap:initial;font-size:100%}pre{border:1px solid #ddd;background-color:#eee;font-size:14px}@media(max-width: 840px){pre{margin:16px 0}}code{font-family:"Roboto Mono",Menlo,monospace;color:inherit;padding:.2em .4em;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.hljs-string,.hljs-doctag{color:var(--main-string-color)}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:var(--main-var-color)}.hljs-comment,.hljs-quote{color:var(--main-comment-color);font-style:italic}.hljs-title,.hljs-section,.hljs-selector-id{color:var(--main-section-color);font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:var(--main-tag-color);font-weight:normal}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:var(--main-keyword-color);font-weight:bold}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--main-text-color);background:var(--main-code-bg)}.main-content{flex:1;order:2;overflow-y:scroll;padding:10px 20px 0 20px}a{text-decoration:none}section{margin-bottom:36px}dl{margin:0}header{background-color:var(--main-header-color);box-shadow:0 3px 5px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:400;margin-top:1.5em;color:var(--main-text-color)}h1.title{overflow:hidden;text-overflow:ellipsis}h1{font-size:37px;margin-top:0;margin-bottom:.67em}@media(max-width: 840px){h1{font-size:24px}}h2{font-size:28px}h5{font-size:16px}p{margin-bottom:1em;margin-top:0}a{color:var(--main-hyperlinks-color)}a:hover{color:#13b9fd}.fixed{white-space:pre}header a,header p,header li{color:#0175c2}header a:hover{color:#0175c2}header h1 .kind{color:#555}header h1{font-weight:400;margin-bottom:16px}dt{font-weight:normal}dd{color:var(--main-text-color);margin-bottom:1em;margin-left:0}dd.callable,dd.constant,dd.property{margin-bottom:24px}dd p{overflow-x:hidden;text-overflow:ellipsis;margin-bottom:0}table{margin-bottom:1em}table,th,td{border:1px solid #d3d3d3;border-collapse:collapse}th,td{padding:8px}.category.linked{font-weight:bold;opacity:1}.category.cp-0{background-color:#54b7c4}.category.cp-1{background-color:#54c47f}.category.cp-2{background-color:#c4c254}.category.cp-3{background-color:#c49f54}.category.cp-4{background-color:#c45465}.category.cp-5{background-color:#c454c4}.category a{color:#fff}.category{padding:2px 4px;font-size:12px;border-radius:4px;background-color:#999;text-transform:uppercase;color:#fff;opacity:.5}h1 .category{vertical-align:middle}.feature{display:inline-block;background:var(--main-bg-color);border:1px solid var(--main-hyperlinks-color);border-radius:20px;color:var(--main-hyperlinks-color);font-size:12px;padding:1px 6px;margin:0 8px 0 0}a.feature:hover{border-color:#13b9fd}h1 .feature{vertical-align:middle;margin:0 -2px 0 0}.markdown.desc{margin-bottom:1em;max-width:700px}.markdown h1{font-size:24px;margin-bottom:8px}.markdown h2{font-size:20px;margin-top:24px;margin-bottom:8px}.markdown h3{font-size:18px;margin-bottom:8px;color:var(--main-text-color)}.markdown h4{font-size:16px;margin-bottom:0}.markdown li p{margin:0}section#setter,div#setter{border-top:1px solid #ddd;padding-top:36px}li.inherited a{opacity:.65;font-style:italic}dt.constant+dd p{margin-bottom:1em}section.summary dt,div.summary dt{margin-left:24px;text-indent:-24px}.dl-horizontal dd{margin-left:initial}dl.dl-horizontal dt{font-style:normal;text-align:left;color:#727272;margin-right:20px;width:initial}dt .name{font-weight:500}dl dt.callable .name{float:none;width:auto}.main-content.extension-page .from-extension{display:none}sup.muted{color:var(--main-sidebar-color);font-size:.6em}.from-extension>span{background-color:var(--alert-warning);font-style:italic;padding:2px}.btn-group{position:relative;display:inline-flex;vertical-align:middle}.source-link{padding:18px 4px;font-size:18px;vertical-align:middle}@media(max-width: 840px){.source-link{padding:7px 2px;font-size:10px}}#external-links{float:right}@media(max-width: 840px){.hidden-xs{display:none !important}}@media(min-width: 841px){.hidden-l{display:none !important}}.type-parameter{white-space:nowrap}.multi-line-signature .type-parameter .parameter{margin-left:0;display:unset}.parameter-list{display:table-cell;margin-left:10px;list-style-type:none;padding-inline-start:unset}.parameter-list.single-line{display:inline;margin-left:0}.parameter-list.single-line>li{display:inline}.parameter-list.single-line>li>.parameter{display:inline;margin-left:0;text-indent:0}.signature{color:var(--main-text-color)}.signature a{color:var(--main-hyperlinks-color)}.deprecated{text-decoration:line-through}.multi-line-signature{font-size:17px;color:#727272}.multi-line-signature .parameter{margin-left:60px;display:block;text-indent:-36px}.annotation-list{list-style:none;padding:0;display:inline}.comma-separated{list-style:none;padding:0;display:inline}.comma-separated li{display:inline}.comma-separated li:after{content:", "}.comma-separated li:last-child:after{content:""}.container>section:first-child{border:0}.constructor-modifier{font-style:italic}section.multi-line-signature div.parameters,div.multi-line-signature div.parameters{margin-left:24px}#instance-methods dt.inherited .name,#instance-properties dt.inherited .name,#operators dt.inherited .name{font-weight:400;font-style:italic}#instance-methods dt.inherited .signature,#instance-properties dt.inherited .signature,#operators dt.inherited .signature{font-weight:400}footer{flex:0 0 16px;text-align:center;padding:16px 20px}footer{color:#fff;background-color:var(--main-footer-background);width:100%}footer p{margin:0}footer .no-break{white-space:nowrap}footer .container{padding-left:0;padding-right:0}footer a,footer a:hover{color:#fff}.markdown-alert{margin-top:1rem;margin-bottom:1rem;padding:1.25rem}.markdown-alert>:last-child{margin-bottom:0}.markdown-alert-title{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;font-weight:bold;-webkit-font-smoothing:antialiased}.markdown-alert-title:before{font:24px/1 "Material Symbols Outlined"}.markdown-alert.markdown-alert-note{background-color:var(--alert-info)}.markdown-alert-note .markdown-alert-title:before{content:"info"}.markdown-alert.markdown-alert-tip{background-color:var(--alert-tip)}.markdown-alert-tip .markdown-alert-title:before{content:"lightbulb"}.markdown-alert.markdown-alert-important{background-color:var(--alert-important)}.markdown-alert-important .markdown-alert-title:before{content:"feedback"}.markdown-alert.markdown-alert-warning{background-color:var(--alert-warning)}.markdown-alert-warning .markdown-alert-title:before{content:"warning"}.markdown-alert.markdown-alert-caution{background-color:var(--alert-error)}.markdown-alert-caution .markdown-alert-title:before{content:"report"}header{flex:0 0 50px;display:flex;flex-direction:row;align-items:center;padding-left:30px;padding-right:30px;background-color:var(--main-header-color)}header ol{list-style:none;margin:0;padding:0}header ol li{display:inline}header form{display:flex;flex:1;justify-content:flex-end}header#header-search-sidebar{height:50px;margin-bottom:25px}nav.navbar{background-color:inherit;min-height:50px;border:0}nav.navbar .row{padding-top:8px}nav .container{white-space:nowrap}@media(max-width: 840px){nav .container{width:100%}}@media print{.subnav,.sidebar{display:none}a[href]:after{content:"" !important}}.form-control{border-radius:0;border:0}@media screen and (max-width: 840px){form.search{display:none}}.typeahead{width:200px;padding:2px 7px 1px 7px;line-height:20px;outline:none}.tt-wrapper{position:relative;display:inline-block}.tt-input{position:relative;vertical-align:top}.navbar-right .tt-menu{right:0;left:inherit !important;width:540px;max-height:280px;overflow-y:scroll}.navbar-right{padding-right:60px}.tt-menu{position:absolute;top:100%;left:0;z-index:100;font-size:14px;margin:0;background-color:var(--main-bg-color);border:1px solid var(--main-header-color);box-shadow:0 5px 10px rgba(0,0,0,.2)}.typeahead{padding:17px 17px 17px 50px;width:422px;height:20px;font-size:13px;background-image:url("./search.svg");background-repeat:no-repeat;background-position:4%;outline:0;background-size:20px;filter:var(--main-number-filter)}.search-summary{margin-bottom:10px}a.tt-container{font-size:16px;color:var(--main-hyperlinks-color)}.enter-search-message{position:sticky;top:0;background-color:#aaa;padding:0;font-size:14px;margin:0;clear:both;text-align:center;color:#000}.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#0097cf}.tt-suggestion:hover .search-from-lib{color:#ddd}.tt-suggestion.tt-cursor{color:#fff;background-color:#0097cf}.tt-suggestion.tt-cursor .search-from-lib{color:#ddd}.tt-suggestion p{margin:0}.tt-container{font-size:14px;margin-bottom:0;margin-top:15px}.tt-container-text{color:var(--main-text-color)}.tt-search-results .tt-container{margin-top:5px;margin-bottom:5px}.tt-search-results .tt-container-text{display:none}.tt-search-results .tt-suggestion{color:var(--main-text-color);margin-top:5px;overflow:hidden;padding-left:10px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.tt-search-results .tt-suggestion-title{font-size:14px;padding-right:5px}.tt-search-results .tt-suggestion-container{color:var(--main-keyword-color);font-size:14px;font-style:italic;padding-right:5px}.tt-search-results .one-line-description{color:var(--main-keyword-color);display:inline;margin-left:0}.tt-search-results .one-line-description::before{content:open-quote}.tt-search-results .one-line-description::after{content:close-quote}#dartdoc-main-content .tt-suggestion{color:var(--main-text-color);margin-top:5px;margin-bottom:10px;border-style:solid;border-color:#d3d3d3;border-width:.5px}#dartdoc-main-content .tt-suggestion-title{display:block;font-weight:500;margin:4px 10px 0}#dartdoc-main-content .one-line-description{display:block;margin:2px 10px 3px}#dartdoc-main-content .tt-suggestion-container{display:none}@media screen and (max-width: 840px){.typeahead{padding:17px 17px 17px 33px;width:240px;height:17px;border:1px solid #f5f5f5;background-position:3%;margin:10px 10px 10px 9px}header{padding-left:0}}::placeholder{filter:brightness(0.85)}.search-body{border:1px solid #7f7f7f;max-width:400px;box-shadow:3px 3px 5px rgba(0,0,0,.1)}.sidebar ol{list-style:none;line-height:22px;margin-top:0;margin-bottom:0;padding:0 0 15px 0}.sidebar h5 a,.sidebar h5 a:hover{color:var(--main-sidebar-color)}.sidebar h5,.sidebar ol li{text-overflow:ellipsis;overflow:hidden;padding:3px 0 3px 3px}.sidebar h5{color:var(--main-sidebar-color);font-size:18px;margin:0 0 22px 0;padding-top:0}.sidebar ol li.section-title{font-size:18px;font-weight:normal;text-transform:uppercase;padding-top:25px}.sidebar ol li.section-subtitle a{color:inherit}.sidebar ol li.section-subtitle{font-weight:400;text-transform:uppercase}.sidebar ol li.section-subitem{margin-left:12px}.sidebar ol li:first-child{padding-top:3px;margin-top:0}button{padding:0}#sidenav-left-toggle{display:none;vertical-align:text-bottom;padding:0;color:var(--main-icon-color);user-select:none;cursor:pointer}#sidenav-left-toggle:hover{color:var(--main-hyperlinks-color)}@media screen and (max-width: 840px){#sidenav-left-toggle{display:inline;width:24px;height:24px;border:none;margin-right:24px;margin-left:24px;font-size:24px}#overlay-under-drawer.active{opacity:.4;height:100%;z-index:1999;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;display:block}.sidebar-offcanvas-left{left:-100%;position:fixed;transition:all .25s ease-out;z-index:2000;top:0;width:280px;height:90%;background-color:var(--main-bg-color);overflow-y:scroll;padding:10px;margin:10px 10px;box-shadow:5px 5px 5px 5px #444}ol#sidebar-nav{font-size:18px;white-space:pre-line}.sidebar-offcanvas-left.active{left:0}.self-name{display:inline-block;color:var(--main-hyperlinks-color)}}.sidebar-offcanvas-left h5{margin-bottom:10px}.sidebar-offcanvas-left h5:last-of-type{border:0;margin-bottom:25px}@media screen and (max-width: 992px){.sidebar-offcanvas-right{display:none}}#overlay-under-drawer{display:none}@media screen and (max-width: 320px){#sidenav-left-toggle{margin-right:10px;margin-left:20px}.self-name{margin-right:10px}}.sidebar-offcanvas-left{flex:0 1 230px;order:1;overflow-y:scroll;padding:20px 0 15px 30px;margin:5px 20px 0 0}.sidebar-offcanvas-right{flex:0 1 12em;order:3;overflow-y:scroll;padding:20px 15px 15px 15px;margin-top:5px;margin-right:20px}::-webkit-scrollbar-button{display:none;height:13px;border-radius:0;background-color:#aaa}::-webkit-scrollbar-button:hover{background-color:#aaa}::-webkit-scrollbar-thumb{background-color:var(--main-scrollbar-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--main-scrollbar-color)}::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar{width:8px}
+.light-theme{--main-bg-color: #fff;--main-header-color: #eeeeee;--main-sidebar-color: #727272;--main-text-color: #111111;--main-search-bar: #fff;--main-scrollbar-color: #CCC;--main-footer-background: #111111;--main-h-text: black;--main-hyperlinks-color: #0175C2;--main-search-background: transparent;--main-code-bg: #f8f8f8;--main-keyword-color: #333;--main-tag-color: #000080;--main-section-color: #900;--main-comment-color: #998;--main-var-color: #008080;--main-string-color: #d14;--main-number-filter: invert(0%);--main-icon-color: black;--alert-info: #e7f8ff;--alert-tip: #ecfaf7;--alert-important: #e2dbff;--alert-warning: #fcf8e3;--alert-error: #fde9ee}.light-theme #light-theme-button{display:none}.dark-theme{--main-bg-color: #10161E;--main-header-color: #1C2834;--main-sidebar-color: #fff;--main-text-color: #fff;--main-search-bar: #454545;--main-scrollbar-color: #5f6368;--main-footer-background: #27323a;--main-hyperlinks-color: #00D2FA;--main-search-background: black;--main-code-bg: #10161E;--main-keyword-color: white;--main-tag-color: #00D2FA;--main-section-color: #FF2D64;--main-comment-color: #909CC3;--main-var-color: #55A09B;--main-string-color: #FF2D64;--main-number-filter: invert(100%);--main-icon-color: white;--alert-info: #043875;--alert-tip: #065517;--alert-important: #4a00b4;--alert-warning: #7b6909;--alert-error: #7a0c17}.dark-theme #dark-theme-button{display:none}#theme{display:none}#theme-button{position:absolute;right:30px;height:24px}#theme-button .material-symbols-outlined{color:var(--main-icon-color);user-select:none;cursor:pointer}#theme-button .material-symbols-outlined:hover{color:var(--main-hyperlinks-color)}li .material-symbols-outlined,dt .material-symbols-outlined{font-size:1em;vertical-align:text-bottom}dt .material-symbols-outlined{text-indent:0}.dark-theme img[src$="#gh-light-mode-only"]{display:none}.light-theme img[src$="#gh-dark-mode-only"]{display:none}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;overflow-x:hidden;font-family:Roboto,sans-serif;font-size:16px;line-height:1.42857143;color:var(--main-text-color);background-color:var(--main-bg-color)}main{flex:1;display:flex;flex-direction:row;min-height:0}.gt-separated{list-style:none;padding:0;margin:0}.gt-separated.dark li:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>")}.gt-separated li{display:inline-block}.gt-separated li:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");background-position:center;content:" ";margin:0 6px 0 4px;padding:0 3px 0 0}.gt-separated li:first-child:before{background-image:none;content:"";margin:0;padding:0}.breadcrumbs{padding:0;margin:8px 0 8px 0;white-space:nowrap;line-height:1}.breadcrumbs .gt-separated .dark .hidden-xs li+li:before{color:var(--main-h-text)}.breadcrumbs li a{color:var(--main-hyperlinks-color)}@media screen and (min-width: 840px){nav ol.breadcrumbs{float:left}}@media screen and (max-width: 840px){.breadcrumbs{margin:0 0 24px 0;overflow-x:hidden}}.breadcrumbs .self-crumb{color:var(--main-h-text)}.breadcrumbs .self-name{color:#555;display:none}pre code{white-space:pre;word-wrap:initial;font-size:100%}pre{border:1px solid #ddd;background-color:#eee;font-size:14px}@media(max-width: 840px){pre{margin:16px 0}}code{font-family:"Roboto Mono",Menlo,monospace;color:inherit;padding:.2em .4em;font-size:85%;background-color:rgba(27,31,35,.05);border-radius:3px}.hljs{display:block;overflow-x:auto;padding:.5em;color:var(--main-text-color);background:var(--main-code-bg)}.hljs .hljs-string,.hljs .hljs-doctag{color:var(--main-string-color)}.hljs .hljs-number,.hljs .hljs-literal,.hljs .hljs-variable,.hljs .hljs-template-variable,.hljs .hljs-tag .hljs-attr{color:var(--main-var-color)}.hljs .hljs-comment,.hljs .hljs-quote{color:var(--main-comment-color);font-style:italic}.hljs .hljs-title,.hljs .hljs-section,.hljs .hljs-selector-id{color:var(--main-section-color);font-weight:bold}.hljs .hljs-tag,.hljs .hljs-name,.hljs .hljs-attribute{color:var(--main-tag-color);font-weight:normal}.hljs .hljs-keyword,.hljs .hljs-selector-tag,.hljs .hljs-subst{color:var(--main-keyword-color);font-weight:bold}.main-content{flex:1;order:2;overflow-y:scroll;padding:10px 20px 0 20px}a{text-decoration:none}section{margin-bottom:36px}dl{margin:0}header{background-color:var(--main-header-color);box-shadow:0 3px 5px rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:400;margin-top:1.5em;color:var(--main-text-color)}h1.title{overflow:hidden;text-overflow:ellipsis}h1{font-size:37px;margin-top:0;margin-bottom:.67em}h1.title{overflow:hidden;text-overflow:ellipsis}@media(max-width: 840px){h1{font-size:24px}}h2{font-size:28px}h5{font-size:16px}p{margin-bottom:1em;margin-top:0}a{color:var(--main-hyperlinks-color)}a:hover{color:#13b9fd}button{padding:0}.fixed{white-space:pre}dt{font-weight:normal}dd{color:var(--main-text-color);margin-bottom:1em;margin-left:0}dd.callable,dd.constant,dd.property{margin-bottom:24px}dd p{overflow-x:hidden;text-overflow:ellipsis;margin-bottom:0}table{margin-bottom:1em}table,th,td{border:1px solid #d3d3d3;border-collapse:collapse}th,td{padding:8px}.category{padding:2px 4px;font-size:12px;border-radius:4px;background-color:#999;text-transform:uppercase;color:#fff;opacity:.5}.category a{color:#fff}h1 .category{vertical-align:middle}.category.linked{font-weight:bold;opacity:1}.category.cp-0{background-color:#54b7c4}.category.cp-1{background-color:#54c47f}.category.cp-2{background-color:#c4c254}.category.cp-3{background-color:#c49f54}.category.cp-4{background-color:#c45465}.category.cp-5{background-color:#c454c4}.feature{display:inline-block;background:var(--main-bg-color);border:1px solid var(--main-hyperlinks-color);border-radius:20px;color:var(--main-hyperlinks-color);font-size:12px;padding:1px 6px;margin:0 8px 0 0}h1 .feature{vertical-align:middle;margin:0 -2px 0 0}a.feature:hover{border-color:#13b9fd}.markdown.desc{margin-bottom:1em;max-width:700px}.markdown h1{font-size:24px;margin-bottom:8px}.markdown h2{font-size:20px;margin-top:24px;margin-bottom:8px}.markdown h3{font-size:18px;margin-bottom:8px;color:var(--main-text-color)}.markdown h4{font-size:16px;margin-bottom:0}.markdown li p{margin:0}section#setter,div#setter{border-top:1px solid #ddd;padding-top:36px}li.inherited a{opacity:.65;font-style:italic}dt.constant+dd p{margin-bottom:1em}section.summary dt,div.summary dt{margin-left:24px;text-indent:-24px}.dl-horizontal dd{margin-left:initial}dl.dl-horizontal dt{font-style:normal;text-align:left;color:#727272;margin-right:20px;width:initial}dt .name{font-weight:500}dl dt.callable .name{float:none;width:auto}.main-content.extension-page .from-extension{display:none}sup.muted{color:var(--main-sidebar-color);font-size:.6em}.from-extension>span{background-color:var(--alert-warning);font-style:italic;padding:2px}.btn-group{position:relative;display:inline-flex;vertical-align:middle}.source-link{padding:18px 4px;font-size:18px;vertical-align:middle}@media(max-width: 840px){.source-link{padding:7px 2px;font-size:10px}}#external-links{float:right}@media(max-width: 840px){.hidden-xs{display:none !important}}@media(min-width: 841px){.hidden-l{display:none !important}}.type-parameter{white-space:nowrap}.parameter-list{display:table-cell;margin-left:10px;list-style-type:none;padding-inline-start:unset}.parameter-list.single-line{display:inline;margin-left:0}.parameter-list.single-line>li{display:inline}.parameter-list.single-line>li>.parameter{display:inline;margin-left:0;text-indent:0}.signature{color:var(--main-text-color)}.signature a{color:var(--main-hyperlinks-color)}.deprecated{text-decoration:line-through}.multi-line-signature{font-size:17px;color:#727272}.multi-line-signature .parameter{margin-left:60px;display:block;text-indent:-36px}.multi-line-signature .type-parameter .parameter{margin-left:0;display:unset}.annotation-list{list-style:none;padding:0;display:inline}.comma-separated{list-style:none;padding:0;display:inline}.comma-separated li{display:inline}.comma-separated li:after{content:", "}.comma-separated li:last-child:after{content:""}.container>section:first-child{border:0}.constructor-modifier{font-style:italic}section .multi-line-signature div.parameters,div .multi-line-signature div.parameters{margin-left:24px}#instance-methods dt.inherited .name,#instance-properties dt.inherited .name,#operators dt.inherited .name{font-weight:400;font-style:italic}#instance-methods dt.inherited .signature,#instance-properties dt.inherited .signature,#operators dt.inherited .signature{font-weight:400}footer{flex:0 0 16px;text-align:center;padding:16px 20px;color:#fff;background-color:var(--main-footer-background);width:100%}footer p{margin:0}footer .no-break{white-space:nowrap}footer .container{padding-left:0;padding-right:0}footer a,footer a:hover{color:#fff}.markdown-alert{margin-top:1rem;margin-bottom:1rem;padding:1.25rem}.markdown-alert>:last-child{margin-bottom:0}.markdown-alert .markdown-alert-title{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;font-weight:bold;-webkit-font-smoothing:antialiased}.markdown-alert .markdown-alert-title:before{font:24px/1 "Material Symbols Outlined"}.markdown-alert.markdown-alert-note{background-color:var(--alert-info)}.markdown-alert.markdown-alert-note .markdown-alert-title:before{content:"info"}.markdown-alert.markdown-alert-tip{background-color:var(--alert-tip)}.markdown-alert.markdown-alert-tip .markdown-alert-title:before{content:"lightbulb"}.markdown-alert.markdown-alert-important{background-color:var(--alert-important)}.markdown-alert.markdown-alert-important .markdown-alert-title:before{content:"feedback"}.markdown-alert.markdown-alert-warning{background-color:var(--alert-warning)}.markdown-alert.markdown-alert-warning .markdown-alert-title:before{content:"warning"}.markdown-alert.markdown-alert-caution{background-color:var(--alert-error)}.markdown-alert.markdown-alert-caution .markdown-alert-title:before{content:"report"}header{flex:0 0 50px;display:flex;flex-direction:row;align-items:center;padding-left:30px;padding-right:30px;background-color:var(--main-header-color)}header ol{list-style:none;margin:0;padding:0}header ol li{display:inline}header form{display:flex;flex:1;justify-content:flex-end}header a,header a:hover,header p,header li{color:#0175c2}header h1{font-weight:400;margin-bottom:16px}header h1 .kind{color:#555}header#header-search-sidebar{height:50px;margin-bottom:25px}nav.navbar{background-color:inherit;min-height:50px;border:0}nav.navbar .row{padding-top:8px}nav .container{white-space:nowrap}@media(max-width: 840px){nav .container{width:100%}}@media print{.subnav,.sidebar{display:none}a[href]:after{content:"" !important}}.form-control{border-radius:0;border:0}@media screen and (max-width: 840px){form.search{display:none}}.typeahead{width:200px;padding:2px 7px 1px 7px;line-height:20px;outline:none}.tt-wrapper{position:relative;display:inline-block}.tt-input{position:relative;vertical-align:top}.navbar-right{padding-right:60px}.navbar-right .tt-menu{right:0;left:inherit !important;width:540px;max-height:280px;overflow-y:scroll}.tt-menu{position:absolute;top:100%;left:0;z-index:100;font-size:14px;margin:0;background-color:var(--main-bg-color);border:1px solid var(--main-header-color);box-shadow:0 5px 10px rgba(0,0,0,.2)}.typeahead{padding:17px 17px 17px 50px;width:422px;height:20px;font-size:13px;background-image:url("./search.svg");background-repeat:no-repeat;background-position:4%;outline:0;background-size:20px;filter:var(--main-number-filter)}.search-summary{margin-bottom:10px}a.tt-container{font-size:16px;color:var(--main-hyperlinks-color)}.enter-search-message{position:sticky;top:0;background-color:#aaa;padding:0;font-size:14px;margin:0;clear:both;text-align:center;color:#000}.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#0097cf}.tt-suggestion:hover .search-from-lib{color:#ddd}.tt-suggestion.tt-cursor{color:#fff;background-color:#0097cf}.tt-suggestion.tt-cursor .search-from-lib{color:#ddd}.tt-suggestion p{margin:0}.tt-container{font-size:14px;margin-bottom:0;margin-top:15px}.tt-container .tt-container-text{color:var(--main-text-color)}.tt-search-results .tt-container{margin-top:5px;margin-bottom:5px}.tt-search-results .tt-container-text{display:none}.tt-search-results .tt-suggestion{color:var(--main-text-color);margin-top:5px;overflow:hidden;padding-left:10px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.tt-search-results .tt-suggestion-title{font-size:14px;padding-right:5px}.tt-search-results .tt-suggestion-container{color:var(--main-keyword-color);font-size:14px;font-style:italic;padding-right:5px}.tt-search-results .one-line-description{color:var(--main-keyword-color);display:inline;margin-left:0}.tt-search-results .one-line-description:before{content:open-quote}.tt-search-results .one-line-description:after{content:close-quote}#dartdoc-main-content .tt-suggestion{color:var(--main-text-color);margin-top:5px;margin-bottom:10px;border-style:solid;border-color:#d3d3d3;border-width:.5px}#dartdoc-main-content .tt-suggestion-title{display:block;font-weight:500;margin:4px 10px 0}#dartdoc-main-content .one-line-description{display:block;margin:2px 10px 3px}#dartdoc-main-content .tt-suggestion-container{display:none}@media screen and (max-width: 840px){.typeahead{padding:17px 17px 17px 33px;width:240px;height:17px;border:1px solid #f5f5f5;background-position:3%;margin:10px 10px 10px 9px}header{padding-left:0}}::placeholder{filter:brightness(0.85)}.search-body{border:1px solid #7f7f7f;max-width:400px;box-shadow:3px 3px 5px rgba(0,0,0,.1)}.sidebar ol{list-style:none;line-height:22px;margin-top:0;margin-bottom:0;padding:0 0 15px 0}.sidebar ol li.section-title{font-size:18px;font-weight:normal;text-transform:uppercase;padding-top:25px}.sidebar ol li.section-subtitle{font-weight:400;text-transform:uppercase}.sidebar ol li.section-subtitle a{color:inherit}.sidebar ol li.section-subitem{margin-left:12px}.sidebar ol li:first-child{padding-top:3px;margin-top:0}.sidebar h5,.sidebar ol li{text-overflow:ellipsis;overflow:hidden;padding:3px 0 3px 3px}.sidebar h5{color:var(--main-sidebar-color);font-size:18px;margin:0 0 22px 0;padding-top:0}.sidebar h5 a,.sidebar h5 a:hover{color:var(--main-sidebar-color)}#sidenav-left-toggle{display:none;vertical-align:text-bottom;padding:0;color:var(--main-icon-color);user-select:none;cursor:pointer}#sidenav-left-toggle:hover{color:var(--main-hyperlinks-color)}@media screen and (max-width: 840px){#sidenav-left-toggle{display:inline;width:24px;height:24px;border:none;margin-right:24px;margin-left:24px;font-size:24px}#overlay-under-drawer.active{opacity:.4;height:100%;z-index:1999;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;display:block}.sidebar-offcanvas-left{left:-100%;position:fixed;transition:all .25s ease-out;z-index:2000;top:0;width:280px;height:90%;background-color:var(--main-bg-color);overflow-y:scroll;padding:10px;margin:10px 10px;box-shadow:5px 5px 5px 5px #444}ol#sidebar-nav{font-size:18px;white-space:pre-line}.sidebar-offcanvas-left.active{left:0}.self-name{display:inline-block;color:var(--main-hyperlinks-color)}}.sidebar-offcanvas-left{flex:0 1 230px;order:1;overflow-y:scroll;padding:20px 0 15px 30px;margin:5px 20px 0 0}.sidebar-offcanvas-left h5{margin-bottom:10px}.sidebar-offcanvas-left h5:last-of-type{border:0;margin-bottom:25px}.sidebar-offcanvas-right{flex:0 1 12em;order:3;overflow-y:scroll;padding:20px 15px 15px 15px;margin-top:5px;margin-right:20px}@media screen and (max-width: 992px){.sidebar-offcanvas-right{display:none}}#overlay-under-drawer{display:none}@media screen and (max-width: 320px){#sidenav-left-toggle{margin-right:10px;margin-left:20px}.self-name{margin-right:10px}}::-webkit-scrollbar-button{display:none;height:13px;border-radius:0;background-color:#aaa}::-webkit-scrollbar-button:hover{background-color:#aaa}::-webkit-scrollbar-thumb{background-color:var(--main-scrollbar-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--main-scrollbar-color)}::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar{width:8px}
diff --git a/pubspec.yaml b/pubspec.yaml
index f6fb6c0f56..ba6e06bdc8 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -27,7 +27,7 @@ dev_dependencies:
   dart_style: ^3.0.0
   lints: ^5.0.0
   matcher: ^0.12.15
-  sass: ^1.80.4
+  sass: ^1.83.4
   test: ^1.24.2
   test_descriptor: ^2.0.1
   test_process: ^2.0.3
diff --git a/web/sig.txt b/web/sig.txt
index eb7701f3ab..309e3aa704 100644
--- a/web/sig.txt
+++ b/web/sig.txt
@@ -1 +1 @@
-E8ACF6F50B82736C814C1F0BDE7849EE
+FF06C1F54B90644DAA9CA63462604EAE
diff --git a/web/styles/_base.scss b/web/styles/_base.scss
index 9729d75989..bf1f7f4813 100644
--- a/web/styles/_base.scss
+++ b/web/styles/_base.scss
@@ -20,9 +20,7 @@ body {
   display: flex;
   flex-direction: column;
   -webkit-overflow-scrolling: touch;
-}
 
-body {
   -webkit-text-size-adjust: 100%;
   overflow-x: hidden;
   font-family: Roboto, sans-serif;
diff --git a/web/styles/_breadcrumbs.scss b/web/styles/_breadcrumbs.scss
index 69a3946af9..6546138f6e 100644
--- a/web/styles/_breadcrumbs.scss
+++ b/web/styles/_breadcrumbs.scss
@@ -6,29 +6,31 @@
   list-style: none;
   padding: 0;
   margin: 0;
-}
 
-.gt-separated li {
-  display: inline-block;
-}
+  &.dark {
+    li:before {
+      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
+    }
+  }
 
-.gt-separated li:before {
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
-  background-position: center;
-  content: "\00a0";
-  margin: 0 6px 0 4px;
-  padding: 0 3px 0 0;
-}
+  li {
+    display: inline-block;
 
-.gt-separated.dark li:before {
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
-}
+    &:before {
+      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
+      background-position: center;
+      content: "\00a0";
+      margin: 0 6px 0 4px;
+      padding: 0 3px 0 0;
+    }
 
-.gt-separated li:first-child:before {
-  background-image: none;
-  content: "";
-  margin: 0;
-  padding: 0;
+    &:first-child:before {
+      background-image: none;
+      content: "";
+      margin: 0;
+      padding: 0;
+    }
+  }
 }
 
 .breadcrumbs {
@@ -36,34 +38,32 @@
   margin: 8px 0 8px 0;
   white-space: nowrap;
   line-height: 1;
-}
 
-@media screen and (min-width: 840px) {
-  nav ol.breadcrumbs {
-    float: left;
+  .gt-separated .dark .hidden-xs li + li:before {
+    color: var(--main-h-text);
   }
-}
 
-@media screen and (max-width: 840px) {
-  .breadcrumbs {
-    margin: 0 0 24px 0;
-    overflow-x: hidden;
+  li a {
+    color: var(--main-hyperlinks-color);
   }
-}
 
-.breadcrumbs .gt-separated .dark .hidden-xs li + li:before {
-  color: var(--main-h-text);
-}
+  @at-root nav ol.breadcrumbs {
+    @media screen and (min-width: 840px) {
+      float: left;
+    }
+  }
 
-ol.breadcrumbs li a {
-  color: var(--main-hyperlinks-color);
-}
+  @media screen and (max-width: 840px) {
+    margin: 0 0 24px 0;
+    overflow-x: hidden;
+  }
 
-.self-crumb {
-  color: var(--main-h-text);
-}
+  .self-crumb {
+    color: var(--main-h-text);
+  }
 
-.self-name {
-  color: #555;
-  display: none;
+  .self-name {
+    color: #555;
+    display: none;
+  }
 }
diff --git a/web/styles/_code.scss b/web/styles/_code.scss
index 8ffd7f8b6a..4ebfd9dd9a 100644
--- a/web/styles/_code.scss
+++ b/web/styles/_code.scss
@@ -27,40 +27,40 @@ code {
   border-radius: 3px;
 }
 
-// Syntax highlighting, for highlightjs rendered code:
-
-.hljs-string, .hljs-doctag {
-  color: var(--main-string-color);
-}
-
-.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
-  color: var(--main-var-color);
-}
-
-.hljs-comment, .hljs-quote {
-  color: var(--main-comment-color);
-  font-style: italic;
-}
-
-.hljs-title, .hljs-section, .hljs-selector-id {
-  color: var(--main-section-color);
-  font-weight: bold;
-}
-
-.hljs-tag, .hljs-name, .hljs-attribute {
-  color: var(--main-tag-color);
-  font-weight: normal;
-}
-
-.hljs-keyword, .hljs-selector-tag, .hljs-subst {
-  color: var(--main-keyword-color);
-  font-weight: bold;
-}
-
+// Syntax highlighting, for highlightjs rendered code.
 .hljs {
   display: block;
   overflow-x: auto;
   padding: 0.5em;
   color: var(--main-text-color);
   background: var(--main-code-bg);
+
+  .hljs-string, .hljs-doctag {
+    color: var(--main-string-color);
+  }
+
+  .hljs-number, .hljs-literal, .hljs-variable,
+  .hljs-template-variable, .hljs-tag .hljs-attr {
+    color: var(--main-var-color);
+  }
+
+  .hljs-comment, .hljs-quote {
+    color: var(--main-comment-color);
+    font-style: italic;
+  }
+
+  .hljs-title, .hljs-section, .hljs-selector-id {
+    color: var(--main-section-color);
+    font-weight: bold;
+  }
+
+  .hljs-tag, .hljs-name, .hljs-attribute {
+    color: var(--main-tag-color);
+    font-weight: normal;
+  }
+
+  .hljs-keyword, .hljs-selector-tag, .hljs-subst {
+    color: var(--main-keyword-color);
+    font-weight: bold;
+  }
 }
diff --git a/web/styles/_content.scss b/web/styles/_content.scss
index 8e21134f45..8d1d69c07a 100644
--- a/web/styles/_content.scss
+++ b/web/styles/_content.scss
@@ -50,6 +50,11 @@ h1 {
   margin-top: 0;
   margin-bottom: 0.67em;
 
+  &.title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   @media(max-width: 840px) {
     font-size: 24px;
   }
@@ -70,35 +75,20 @@ p {
 
 a {
   color: var(--main-hyperlinks-color);
+
+  &:hover {
+    color: #13B9FD;
+  }
 }
 
-a:hover {
-  color: #13B9FD;
+button {
+  padding: 0;
 }
 
 .fixed {
   white-space: pre;
 }
 
-header a,
-header p,
-header li {
-  color: #0175C2;
-}
-
-header a:hover {
-  color: #0175C2;
-}
-
-header h1 .kind {
-  color: #555;
-}
-
-header h1 {
-  font-weight: 400;
-  margin-bottom: 16px;
-}
-
 dt {
   font-weight: normal;
 }
@@ -107,16 +97,16 @@ dd {
   color: var(--main-text-color);
   margin-bottom: 1em;
   margin-left: 0;
-}
 
-dd.callable, dd.constant, dd.property {
-  margin-bottom: 24px;
-}
+  &.callable, &.constant, &.property {
+    margin-bottom: 24px;
+  }
 
-dd p {
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  margin-bottom: 0;
+  p {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 0;
+  }
 }
 
 table {
diff --git a/web/styles/_footer.scss b/web/styles/_footer.scss
index a660eb0193..3cfa80c5cf 100644
--- a/web/styles/_footer.scss
+++ b/web/styles/_footer.scss
@@ -6,27 +6,25 @@ footer {
   flex: 0 0 16px;
   text-align: center;
   padding: 16px 20px;
-}
 
-footer {
   color: #fff;
   background-color: var(--main-footer-background);
   width: 100%;
-}
 
-footer p {
-  margin: 0;
-}
+  p {
+    margin: 0;
+  }
 
-footer .no-break {
-  white-space: nowrap;
-}
+  .no-break {
+    white-space: nowrap;
+  }
 
-footer .container {
-  padding-left: 0;
-  padding-right: 0;
-}
+  .container {
+    padding-left: 0;
+    padding-right: 0;
+  }
 
-footer a, footer a:hover {
-  color: #fff;
+  a, a:hover {
+    color: #fff;
+  }
 }
diff --git a/web/styles/_gfm.scss b/web/styles/_gfm.scss
index be98d4c942..604af80970 100644
--- a/web/styles/_gfm.scss
+++ b/web/styles/_gfm.scss
@@ -8,64 +8,62 @@
   margin-top: 1rem;
   margin-bottom: 1rem;
   padding: 1.25rem;
-}
 
-.markdown-alert > :last-child {
-  margin-bottom: 0;
-}
+  > :last-child {
+    margin-bottom: 0;
+  }
 
-.markdown-alert-title {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  margin-bottom: 0.5rem;
+  .markdown-alert-title {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    margin-bottom: 0.5rem;
 
-  font-weight: bold;
-  -webkit-font-smoothing: antialiased;
-}
+    font-weight: bold;
+    -webkit-font-smoothing: antialiased;
 
-.markdown-alert-title:before {
-  font: 24px / 1 'Material Symbols Outlined';
-}
+    &:before {
+      font: 24px / 1 'Material Symbols Outlined';
+    }
+  }
 
-/* note, tip, important, warning, caution */
+  &.markdown-alert-note {
+    background-color: var(--alert-info);
 
-.markdown-alert.markdown-alert-note {
-  background-color: var(--alert-info);
-}
-
-.markdown-alert-note .markdown-alert-title:before {
-  content: 'info';
-}
+    .markdown-alert-title:before {
+      content: 'info';
+    }
+  }
 
-.markdown-alert.markdown-alert-tip {
-  background-color: var(--alert-tip);
-}
+  &.markdown-alert-tip {
+    background-color: var(--alert-tip);
 
-.markdown-alert-tip .markdown-alert-title:before {
-  content: 'lightbulb';
-}
+    .markdown-alert-title:before {
+      content: 'lightbulb';
+    }
+  }
 
-.markdown-alert.markdown-alert-important {
-  background-color: var(--alert-important);
-}
+  &.markdown-alert-important {
+    background-color: var(--alert-important);
 
-.markdown-alert-important .markdown-alert-title:before {
-  content: 'feedback';
-}
+    .markdown-alert-title:before {
+      content: 'feedback';
+    }
+  }
 
-.markdown-alert.markdown-alert-warning {
-  background-color: var(--alert-warning);
-}
+  &.markdown-alert-warning {
+    background-color: var(--alert-warning);
 
-.markdown-alert-warning .markdown-alert-title:before {
-  content: 'warning';
-}
+    .markdown-alert-title:before {
+      content: 'warning';
+    }
+  }
 
-.markdown-alert.markdown-alert-caution {
-  background-color: var(--alert-error);
-}
+  &.markdown-alert-caution {
+    background-color: var(--alert-error);
 
-.markdown-alert-caution .markdown-alert-title:before {
-  content: 'report';
+    .markdown-alert-title:before {
+      content: 'report';
+    }
+  }
 }
diff --git a/web/styles/_header.scss b/web/styles/_header.scss
index bc13feb3a7..46932bd8e3 100644
--- a/web/styles/_header.scss
+++ b/web/styles/_header.scss
@@ -10,25 +10,38 @@ header {
   padding-left: 30px;
   padding-right: 30px;
   background-color: var(--main-header-color);
-}
 
-header ol {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
+  ol {
+    list-style: none;
+    margin: 0;
+    padding: 0;
 
-header ol li {
-  display: inline;
-}
+    li {
+      display: inline;
+    }
+  }
 
-header form {
-  display: flex;
-  flex: 1;
-  justify-content: flex-end;
-}
+  form {
+    display: flex;
+    flex: 1;
+    justify-content: flex-end;
+  }
+
+  a, a:hover, p, li {
+    color: #0175C2;
+  }
+
+  h1 {
+    font-weight: 400;
+    margin-bottom: 16px;
+
+    .kind {
+      color: #555;
+    }
+  }
 
-header#header-search-sidebar {
-  height: 50px;
-  margin-bottom: 25px;
+  &#header-search-sidebar {
+    height: 50px;
+    margin-bottom: 25px;
+  }
 }
diff --git a/web/styles/_navbar.scss b/web/styles/_navbar.scss
index cf62f06a6e..0532dc707a 100644
--- a/web/styles/_navbar.scss
+++ b/web/styles/_navbar.scss
@@ -2,22 +2,22 @@
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
-nav.navbar {
-  background-color: inherit;
-  min-height: 50px;
-  border: 0;
-}
+nav {
+  &.navbar {
+    background-color: inherit;
+    min-height: 50px;
+    border: 0;
 
-nav.navbar .row {
-  padding-top: 8px;
-}
+    .row {
+      padding-top: 8px;
+    }
+  }
 
-nav .container {
-  white-space: nowrap;
-}
+  .container {
+    white-space: nowrap;
 
-@media(max-width: 840px) {
-  nav .container {
-    width: 100%
+    @media(max-width: 840px) {
+      width: 100%;
+    }
   }
 }
diff --git a/web/styles/_search.scss b/web/styles/_search.scss
index dfb86442f8..81f2020d5b 100644
--- a/web/styles/_search.scss
+++ b/web/styles/_search.scss
@@ -30,16 +30,16 @@
   vertical-align: top;
 }
 
-.navbar-right .tt-menu {
-  right: 0;
-  left: inherit !important;
-  width: 540px;
-  max-height: 280px;
-  overflow-y: scroll;
-}
-
 .navbar-right {
   padding-right: 60px;
+
+  .tt-menu {
+    right: 0;
+    left: inherit !important;
+    width: 540px;
+    max-height: 280px;
+    overflow-y: scroll;
+  }
 }
 
 .tt-menu {
@@ -54,7 +54,6 @@
   box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 }
 
-
 .typeahead {
   padding: 17px 17px 17px 50px;
   width: 422px;
@@ -89,116 +88,119 @@ a.tt-container {
   color: black;
 }
 
-.tt-suggestion:hover {
-  cursor: pointer;
-  color: #fff;
-  background-color: #0097cf;
-}
+.tt-suggestion {
+  &:hover {
+    cursor: pointer;
+    color: #fff;
+    background-color: #0097cf;
 
-.tt-suggestion:hover .search-from-lib {
-  color: #ddd;
-}
+    .search-from-lib {
+      color: #ddd;
+    }
+  }
 
-.tt-suggestion.tt-cursor {
-  color: #fff;
-  background-color: #0097cf;
-}
+  &.tt-cursor {
+    color: #fff;
+    background-color: #0097cf;
 
-.tt-suggestion.tt-cursor .search-from-lib {
-  color: #ddd;
-}
+    .search-from-lib {
+      color: #ddd;
+    }
+  }
 
-.tt-suggestion p {
-  margin: 0;
+  p {
+    margin: 0;
+  }
 }
 
 .tt-container {
   font-size: 14px;
   margin-bottom: 0;
   margin-top: 15px;
-}
 
-.tt-container-text {
-  color: var(--main-text-color);
+  .tt-container-text {
+    color: var(--main-text-color);
+  }
 }
 
 
 /* Search results formatting for mini results below search bar. */
 
-.tt-search-results .tt-container {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-/* Do not show the container as a section. */
-.tt-search-results .tt-container-text {
-  display: none
-}
+.tt-search-results {
+  .tt-container {
+    margin-top: 5px;
+    margin-bottom: 5px;
+  }
 
-/* An inline style. */
-.tt-search-results .tt-suggestion {
-  color: var(--main-text-color);
-  margin-top: 5px;
-  overflow: hidden;
-  padding-left: 10px;
-  padding-right: 10px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  /* Do not show the container as a section. */
+  .tt-container-text {
+    display: none
+  }
 
-.tt-search-results .tt-suggestion-title {
-  font-size: 14px;
-  padding-right: 5px;
-}
+  /* An inline style. */
+  .tt-suggestion {
+    color: var(--main-text-color);
+    margin-top: 5px;
+    overflow: hidden;
+    padding-left: 10px;
+    padding-right: 10px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
-.tt-search-results .tt-suggestion-container {
-  color: var(--main-keyword-color);
-  font-size: 14px;
-  font-style: italic;
-  padding-right: 5px;
-}
+  .tt-suggestion-title {
+    font-size: 14px;
+    padding-right: 5px;
+  }
 
-.tt-search-results .one-line-description {
-  color: var(--main-keyword-color);
-  display: inline;
-  margin-left: 0;
-}
+  .tt-suggestion-container {
+    color: var(--main-keyword-color);
+    font-size: 14px;
+    font-style: italic;
+    padding-right: 5px;
+  }
 
+  .one-line-description {
+    color: var(--main-keyword-color);
+    display: inline;
+    margin-left: 0;
 
-.tt-search-results .one-line-description::before {
-  content: open-quote;
-}
+    &:before {
+      content: open-quote;
+    }
 
-.tt-search-results .one-line-description::after {
-  content: close-quote;
+    &:after {
+      content: close-quote;
+    }
+  }
 }
 
 /* Search results formatting for `search.html`. */
+#dartdoc-main-content {
+  .tt-suggestion {
+    color: var(--main-text-color);
+    margin-top: 5px;
+    margin-bottom: 10px;
+    border-style: solid;
+    border-color: lightgrey;
+    border-width: 0.5px;
+  }
 
-/* A block style. */
-#dartdoc-main-content .tt-suggestion {
-  color: var(--main-text-color);
-  margin-top: 5px;
-  margin-bottom: 10px;
-  border-style: solid;
-  border-color: lightgrey;
-  border-width: 0.5px;
-}
-
-#dartdoc-main-content .tt-suggestion-title {
-  display: block;
-  font-weight: 500;
-  margin: 4px 10px 0;
-}
+  .tt-suggestion-title {
+    display: block;
+    font-weight: 500;
+    margin: 4px 10px 0;
+  }
 
-#dartdoc-main-content .one-line-description {
-  display: block;
-  margin: 2px 10px 3px;
-}
+  .one-line-description {
+    display: block;
+    margin: 2px 10px 3px;
+  }
 
-/* Do not show a result's container. */
-#dartdoc-main-content .tt-suggestion-container {
-  display: none;
+  /* Do not show a result's container. */
+  .tt-suggestion-container {
+    display: none;
+  }
 }
 
 @media screen and (max-width: 840px) {
diff --git a/web/styles/_sidebar.scss b/web/styles/_sidebar.scss
index 56e256546a..d0b0290fe2 100644
--- a/web/styles/_sidebar.scss
+++ b/web/styles/_sidebar.scss
@@ -2,60 +2,58 @@
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
-.sidebar ol {
-  list-style: none;
-  line-height: 22px;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding: 0 0 15px 0;
-}
-
-.sidebar h5 a,
-.sidebar h5 a:hover {
-  color: var(--main-sidebar-color);
-}
-
-.sidebar h5,
-.sidebar ol li {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  padding: 3px 0 3px 3px;
-}
-
-.sidebar h5 {
-  color: var(--main-sidebar-color);
-  font-size: 18px;
-  margin: 0 0 22px 0;
-  padding-top: 0;
-}
-
-.sidebar ol li.section-title {
-  font-size: 18px;
-  font-weight: normal;
-  text-transform: uppercase;
-  padding-top: 25px;
-}
-
-.sidebar ol li.section-subtitle a {
-  color: inherit;
-}
-
-.sidebar ol li.section-subtitle {
-  font-weight: 400;
-  text-transform: uppercase;
-}
+.sidebar {
+  ol {
+    list-style: none;
+    line-height: 22px;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 0 0 15px 0;
+
+    li {
+      &.section-title {
+        font-size: 18px;
+        font-weight: normal;
+        text-transform: uppercase;
+        padding-top: 25px;
+      }
+
+      &.section-subtitle {
+        font-weight: 400;
+        text-transform: uppercase;
+
+        a {
+          color: inherit;
+        }
+      }
+
+      &.section-subitem {
+        margin-left: 12px;
+      }
+
+      &:first-child {
+        padding-top: 3px;
+        margin-top: 0;
+      }
+    }
+  }
 
-.sidebar ol li.section-subitem {
-  margin-left: 12px;
-}
+  h5, ol li {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 3px 0 3px 3px;
+  }
 
-.sidebar ol li:first-child {
-  padding-top: 3px;
-  margin-top: 0;
-}
+  h5 {
+    color: var(--main-sidebar-color);
+    font-size: 18px;
+    margin: 0 0 22px 0;
+    padding-top: 0;
 
-button {
-  padding: 0;
+    a, a:hover {
+      color: var(--main-sidebar-color);
+    }
+  }
 }
 
 #sidenav-left-toggle {
@@ -65,10 +63,10 @@ button {
   color: var(--main-icon-color);
   user-select: none;
   cursor: pointer;
-}
 
-#sidenav-left-toggle:hover {
-  color: var(--main-hyperlinks-color);
+  &:hover {
+    color: var(--main-hyperlinks-color);
+  }
 }
 
 /* left-nav disappears, and can transition in from the left */
@@ -126,18 +124,33 @@ button {
   }
 }
 
-.sidebar-offcanvas-left h5 {
-  margin-bottom: 10px;
-}
+.sidebar-offcanvas-left {
+  flex: 0 1 230px;
+  order: 1;
+  overflow-y: scroll;
+  padding: 20px 0 15px 30px;
+  margin: 5px 20px 0 0;
+
+  h5 {
+    margin-bottom: 10px;
 
-.sidebar-offcanvas-left h5:last-of-type {
-  border: 0;
-  margin-bottom: 25px;
+    &:last-of-type {
+      border: 0;
+      margin-bottom: 25px;
+    }
+  }
 }
 
-/* the right nav disappears out of view when the window shrinks */
-@media screen and (max-width: 992px) {
-  .sidebar-offcanvas-right {
+.sidebar-offcanvas-right {
+  flex: 0 1 12em;
+  order: 3;
+  overflow-y: scroll;
+  padding: 20px 15px 15px 15px;
+  margin-top: 5px;
+  margin-right: 20px;
+
+  /* the right nav disappears out of view when the window shrinks */
+  @media screen and (max-width: 992px) {
     display: none;
   }
 }
@@ -157,23 +170,6 @@ button {
   }
 }
 
-.sidebar-offcanvas-left {
-  flex: 0 1 230px;
-  order: 1;
-  overflow-y: scroll;
-  padding: 20px 0 15px 30px;
-  margin: 5px 20px 0 0;
-}
-
-.sidebar-offcanvas-right {
-  flex: 0 1 12em;
-  order: 3;
-  overflow-y: scroll;
-  padding: 20px 15px 15px 15px;
-  margin-top: 5px;
-  margin-right: 20px;
-}
-
 ::-webkit-scrollbar-button{ display: none; height: 13px; border-radius: 0; background-color: #AAA; }
 ::-webkit-scrollbar-button:hover{ background-color: #AAA; }
 ::-webkit-scrollbar-thumb{ background-color: var(--main-scrollbar-color); }
diff --git a/web/styles/_theme.scss b/web/styles/_theme.scss
index ccee95492f..e932cd0e48 100644
--- a/web/styles/_theme.scss
+++ b/web/styles/_theme.scss
@@ -42,6 +42,10 @@
   --alert-important: #e2dbff;
   --alert-warning: #fcf8e3;
   --alert-error: #fde9ee;
+
+  #light-theme-button {
+    display: none;
+  }
 }
 
 .dark-theme {
@@ -82,6 +86,10 @@
   --alert-important: #4a00b4;
   --alert-warning: #7b6909;
   --alert-error: #7a0c17;
+
+  #dark-theme-button {
+    display: none;
+  }
 }
 
 #theme {
@@ -92,35 +100,29 @@
   position: absolute;
   right: 30px;
   height: 24px;
-}
 
-#theme-button .material-symbols-outlined {
-  color: var(--main-icon-color);
-  user-select: none;
-  cursor: pointer;
-}
+  .material-symbols-outlined {
+    color: var(--main-icon-color);
+    user-select: none;
+    cursor: pointer;
 
-#theme-button .material-symbols-outlined:hover {
-  color: var(--main-hyperlinks-color);
+    &:hover {
+      color: var(--main-hyperlinks-color);
+    }
+  }
 }
 
-li .material-symbols-outlined, dt .material-symbols-outlined {
-  font-size: 1em;
-  vertical-align: text-bottom;
+li, dt {
+  .material-symbols-outlined {
+    font-size: 1em;
+    vertical-align: text-bottom;
+  }
 }
 
 dt .material-symbols-outlined {
   text-indent: 0;
 }
 
-.light-theme #light-theme-button {
-  display: none;
-}
-
-.dark-theme #dark-theme-button {
-  display: none;
-}
-
 /*
 Only show images that fit their theme using GitHub's syntax, see:
 https://github.blog/changelog/2021-11-24-specify-theme-context-for-images-in-markdown/
diff --git a/web/styles/dartdoc/_category.scss b/web/styles/dartdoc/_category.scss
index c22d126cc3..07d6be680b 100644
--- a/web/styles/dartdoc/_category.scss
+++ b/web/styles/dartdoc/_category.scss
@@ -2,40 +2,6 @@
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
-.category.linked {
-  font-weight: bold;
-  opacity: 1;
-}
-
-/* Colors for category based on categoryOrder in dartdoc_options.config. */
-.category.cp-0 {
-  background-color: #54b7c4
-}
-
-.category.cp-1 {
-  background-color: #54c47f
-}
-
-.category.cp-2 {
-  background-color: #c4c254
-}
-
-.category.cp-3 {
-  background-color: #c49f54
-}
-
-.category.cp-4 {
-  background-color: #c45465
-}
-
-.category.cp-5 {
-  background-color: #c454c4
-}
-
-.category a {
-  color: white;
-}
-
 .category {
   padding: 2px 4px;
   font-size: 12px;
@@ -44,8 +10,42 @@
   text-transform: uppercase;
   color: white;
   opacity: .5;
-}
 
-h1 .category {
-  vertical-align: middle;
+  a {
+    color: white;
+  }
+
+  h1 & {
+    vertical-align: middle;
+  }
+
+  &.linked {
+    font-weight: bold;
+    opacity: 1;
+  }
+
+  /* Colors for category based on categoryOrder in dartdoc_options.config. */
+  &.cp-0 {
+    background-color: #54b7c4
+  }
+
+  &.cp-1 {
+    background-color: #54c47f
+  }
+
+  &.cp-2 {
+    background-color: #c4c254
+  }
+
+  &.cp-3 {
+    background-color: #c49f54
+  }
+
+  &.cp-4 {
+    background-color: #c45465
+  }
+
+  &.cp-5 {
+    background-color: #c454c4
+  }
 }
diff --git a/web/styles/dartdoc/_feature.scss b/web/styles/dartdoc/_feature.scss
index 8dd5ca6689..46bd10ca4f 100644
--- a/web/styles/dartdoc/_feature.scss
+++ b/web/styles/dartdoc/_feature.scss
@@ -14,13 +14,13 @@
   font-size: 12px;
   padding: 1px 6px;
   margin: 0 8px 0 0;
+
+  h1 & {
+    vertical-align: middle;
+    margin: 0 -2px 0 0;
+  }
 }
 
 a.feature:hover {
   border-color: #13B9FD;
 }
-
-h1 .feature {
-  vertical-align: middle;
-  margin: 0 -2px 0 0;
-}
diff --git a/web/styles/dartdoc/_members.scss b/web/styles/dartdoc/_members.scss
index 976297a3d3..e1f3ca5dd6 100644
--- a/web/styles/dartdoc/_members.scss
+++ b/web/styles/dartdoc/_members.scss
@@ -2,42 +2,46 @@
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
-.markdown.desc {
-  margin-bottom: 1em;
-  max-width: 700px;
-}
-
-.markdown h1 {
-  font-size: 24px;
-  margin-bottom: 8px;
-}
-
-.markdown h2 {
-  font-size: 20px;
-  margin-top: 24px;
-  margin-bottom: 8px;
-}
-
-.markdown h3 {
-  font-size: 18px;
-  margin-bottom: 8px;
-  color: var(--main-text-color);
-}
-
-.markdown h4 {
-  font-size: 16px;
-  margin-bottom: 0;
-}
-
-.markdown li p {
-  margin: 0;
+.markdown {
+  &.desc {
+    margin-bottom: 1em;
+    max-width: 700px;
+  }
+
+  h1 {
+    font-size: 24px;
+    margin-bottom: 8px;
+  }
+
+  h2 {
+    font-size: 20px;
+    margin-top: 24px;
+    margin-bottom: 8px;
+  }
+
+  h3 {
+    font-size: 18px;
+    margin-bottom: 8px;
+    color: var(--main-text-color);
+  }
+
+  h4 {
+    font-size: 16px;
+    margin-bottom: 0;
+  }
+
+  li p {
+    margin: 0;
+  }
 }
 
 /* Note that the generated HTML for pub packages may have `section` tags
    transformed into `div` tags, so we have two selectors here. */
-section#setter, div#setter {
-  border-top: 1px solid #ddd;
-  padding-top: 36px;
+section, div {
+  &#setter {
+    border-top: 1px solid #ddd;
+    padding-top: 36px;
+  }
 }
 
 li.inherited a {
diff --git a/web/styles/dartdoc/_signature.scss b/web/styles/dartdoc/_signature.scss
index e35d89289b..f54d4ce43a 100644
--- a/web/styles/dartdoc/_signature.scss
+++ b/web/styles/dartdoc/_signature.scss
@@ -6,39 +6,34 @@
   white-space: nowrap;
 }
 
-.multi-line-signature .type-parameter .parameter {
-  margin-left: 0;
-  display: unset;
-}
-
 .parameter-list {
   display: table-cell;
   margin-left: 10px;
   list-style-type: none;
   padding-inline-start: unset;
-}
 
-.parameter-list.single-line {
-  display: inline;
-  margin-left: 0;
-}
+  &.single-line {
+    display: inline;
+    margin-left: 0;
 
-.parameter-list.single-line > li {
-  display: inline;
-}
+    > li {
+      display: inline;
 
-.parameter-list.single-line > li > .parameter {
-  display: inline;
-  margin-left: 0;
-  text-indent: 0;
+      > .parameter {
+        display: inline;
+        margin-left: 0;
+        text-indent: 0;
+      }
+    }
+  }
 }
 
 .signature {
   color: var(--main-text-color);
-}
 
-.signature a {
-  color: var(--main-hyperlinks-color);
+  a {
+    color: var(--main-hyperlinks-color);
+  }
 }
 
 .deprecated {
@@ -48,12 +43,17 @@
 .multi-line-signature {
   font-size: 17px;
   color: #727272;
-}
 
-.multi-line-signature .parameter {
-  margin-left: 60px;
-  display: block;
-  text-indent: -36px;
+  .parameter {
+    margin-left: 60px;
+    display: block;
+    text-indent: -36px;
+  }
+
+  .type-parameter .parameter {
+    margin-left: 0;
+    display: unset;
+  }
 }
 
 .annotation-list {
@@ -66,18 +66,18 @@
   list-style: none;
   padding: 0;
   display: inline;
-}
 
-.comma-separated li {
-  display: inline;
-}
+  li {
+    display: inline;
 
-.comma-separated li:after {
-  content: ", ";
-}
+    &:after {
+      content: ", ";
+    }
 
-.comma-separated li:last-child:after {
-  content: "";
+    &:last-child:after {
+      content: "";
+    }
+  }
 }
 
 .container > section:first-child {
@@ -90,20 +90,21 @@
 
 /* Note that the generated HTML for pub packages may have `section` tags
    transformed into `div` tags, so we have two selectors here. */
-section.multi-line-signature div.parameters,
-div.multi-line-signature div.parameters {
-  margin-left: 24px;
-}
-
-#instance-methods dt.inherited .name,
-#instance-properties dt.inherited .name,
-#operators dt.inherited .name {
-  font-weight: 400;
-  font-style: italic;
-}
-
-#instance-methods dt.inherited .signature,
-#instance-properties dt.inherited .signature,
-#operators dt.inherited .signature {
-  font-weight: 400;
+section, div {
+  .multi-line-signature div.parameters {
+    margin-left: 24px;
+  }
+}
+
+#instance-methods, #instance-properties, #operators {
+  dt.inherited {
+    .name {
+      font-weight: 400;
+      font-style: italic;
+    }
+
+    .signature {
+      font-weight: 400;
+    }
+  }
 }