#overlays-box{z-index:9999;isolation:isolate;width:0;height:0;position:fixed;top:0;left:0}.dropdown-button,.modal-button{cursor:pointer;color:#fff;background-color:#000;margin:.2rem;padding:.3rem;font-weight:700;display:inline-block}:is(.dropdown-button,.modal-button).has-open-panel{box-shadow:0 0 3px 3px #1e90ff}.modal-overlay{pointer-events:auto;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay .modal-panel{width:300px}.dropdown-panel,.modal-panel{background-color:#fff;border:1px solid #8a8a8a;padding:0;font-weight:400;position:absolute;box-shadow:3px 5px 28px -3px #000000bf}:is(.dropdown-panel,.modal-panel) .header{z-index:2;background-color:#e1e1e1;border-bottom:1px solid #d3d3d3;grid-template-columns:1fr 40px;padding:4px;display:grid;position:relative}:is(.dropdown-panel,.modal-panel) .header .title{padding:10px;font-weight:700}:is(.dropdown-panel,.modal-panel) .header .buttons{justify-content:center;align-items:center;display:flex}:is(.dropdown-panel,.modal-panel) .header .buttons .close-button{color:#0000;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%20fill='%23A9A9A9FF'%3e%3c!--!%20Font%20Awesome%20Pro%206.0.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202022%20Fonticons,%20Inc.%20--%3e%3cpath%20d='M310.6%20361.4c12.5%2012.5%2012.5%2032.75%200%2045.25C304.4%20412.9%20296.2%20416%20288%20416s-16.38-3.125-22.62-9.375L160%20301.3L54.63%20406.6C48.38%20412.9%2040.19%20416%2032%20416S15.63%20412.9%209.375%20406.6c-12.5-12.5-12.5-32.75%200-45.25l105.4-105.4L9.375%20150.6c-12.5-12.5-12.5-32.75%200-45.25s32.75-12.5%2045.25%200L160%20210.8l105.4-105.4c12.5-12.5%2032.75-12.5%2045.25%200s12.5%2032.75%200%2045.25l-105.4%20105.4L310.6%20361.4z'/%3e%3c/svg%3e") 50% no-repeat;border:2px solid #0000;width:20px;height:20px;padding:1px 0;display:inline-block}:is(.dropdown-panel,.modal-panel) .header .buttons .close-button:hover{cursor:pointer;background:#d3d3d3 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%20fill='%23B10531FF'%3e%3c!--!%20Font%20Awesome%20Pro%206.0.0%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20Copyright%202022%20Fonticons,%20Inc.%20--%3e%3cpath%20d='M310.6%20361.4c12.5%2012.5%2012.5%2032.75%200%2045.25C304.4%20412.9%20296.2%20416%20288%20416s-16.38-3.125-22.62-9.375L160%20301.3L54.63%20406.6C48.38%20412.9%2040.19%20416%2032%20416S15.63%20412.9%209.375%20406.6c-12.5-12.5-12.5-32.75%200-45.25l105.4-105.4L9.375%20150.6c-12.5-12.5-12.5-32.75%200-45.25s32.75-12.5%2045.25%200L160%20210.8l105.4-105.4c12.5-12.5%2032.75-12.5%2045.25%200s12.5%2032.75%200%2045.25l-105.4%20105.4L310.6%20361.4z'/%3e%3c/svg%3e") 50% no-repeat;border:2px solid #a9a9a9}:is(.dropdown-panel,.modal-panel) .content{z-index:2;padding:10px;position:relative}:is(.dropdown-panel,.modal-panel) #arrow{z-index:0;background-color:#fff;width:8px;height:8px;position:absolute;transform:rotate(45deg)}:is(.dropdown-panel,.modal-panel) .close-button:hover{cursor:pointer;background-color:#d3d3d3}:is(.dropdown-panel,.modal-panel) .close-button{text-align:center;border-radius:15px;width:30px;height:30px;padding-top:5px;font-size:20px;display:inline-block;position:relative}.tooltip-label{text-decoration:underline}.tooltip-label:hover{cursor:help}.tooltip-panel #arrow{background-color:#000;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip-panel{color:#fff;background-color:#000;padding:.3rem 1rem;display:inline-block;position:absolute}.tooltip-panel svg{fill:#fff}.tooltip-label.has-open-panel{background-color:#ff0}form .form-field-wrapper.error .error,form .form-field-wrapper.error label{color:red}form .form-field-wrapper.error input{border:1px solid red;border-radius:3px}form button[type=submit]{color:#fff;cursor:pointer;background-color:#000;border:none;margin-top:6px}table{border-collapse:collapse;border-spacing:0;width:100%}table thead th{text-align:left;background-color:#ededed}table thead th.buttons{text-align:center}[data-controller=dropdown].has-panel-open{box-shadow:-1px 1px 2px 1px #f5523bbd}[data-controller=dropdown]{color:#fff;background-color:#243642;padding:3px}.nav{background-color:#fff;border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex;position:sticky;top:0}.nav .left-part{width:24rem;max-width:28%;display:inline-block}.nav .left-part .sub-nav{margin-top:1rem}.nav .right-part{float:right;text-align:right;max-width:69%;display:inline-block}.nav a{box-sizing:content-box;margin:1px;padding:3px 6px;text-decoration:none;display:inline-block}.nav a.active{color:#fff;background-color:#000}h3{margin-top:2rem!important}.text-red{color:red}.text-grey{color:#d3d3d3}body{background-color:#f3f3f3;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif,serif}body main,body .in-development-info{background-color:#fff;border:1px solid #d3d3d3;max-width:40rem;margin:2rem auto;padding:1rem}.button{cursor:pointer;color:#fff;background-color:#00f;padding:3px 8px}.hide{display:none}#flash-box{flex-direction:column;display:flex;position:fixed;bottom:3rem;right:3rem}#flash-box .callout{border-radius:5px;width:20rem;margin:3px;padding:.5rem;display:flex}#flash-box .callout.success{color:#fff;background-color:#3ca363}.fa-svg{width:20px;height:20px}ul li{margin:.8rem 0}.highlight{background-color:#fefbe7;border-left:3px solid #e7ae08;border-radius:4px;padding:.4rem 1rem}#stimulus-dropdowns-view #scroller{border:1px solid #000;height:220px;margin:10px 60px;position:relative;overflow:scroll}#stimulus-dropdowns-view #scroller #viewport{box-sizing:border-box;background-color:#f3f3f3;width:760px;height:320px}#stimulus-dropdowns-view #scroller #viewport .dropdown-button.on-place{margin-top:8rem;margin-left:16rem}#stimulus-dropdowns-view #scroller #viewport .dropdown-button.on-root{margin-top:1px;margin-left:16rem}#stimulus-dropdowns-view #drop-btn{cursor:pointer;width:4rem;margin-top:7rem;margin-left:18rem}#stimulus-dropdowns-view .dropdown-panel{min-width:12rem;min-height:7rem}#stimulus-dropdowns-view .second-panel{height:unset;min-height:4rem;width:unset;min-width:4rem}#stacking-context-page{border:1px solid #d3d3d3;position:relative}#stacking-context-page #z1{z-index:5;background-color:#add8e6;width:5rem;height:4rem;position:relative}#stacking-context-page #z2{z-index:2;background-color:#ffb6c1;width:5rem;height:5rem;position:absolute;top:2rem;left:2rem}#stacking-context-page #z2 #z2-child{background-color:red;width:3rem;height:3rem;position:fixed}#stacking-context-page #z3{z-index:3;background-color:#ffffe0;width:5rem;height:5rem;position:relative;left:3rem}#window-overflow-body .dropdown-panel{margin:1rem;padding-left:3rem;overflow-y:auto}#system-tests-body [data-controller=dropdown]{margin:1rem;display:inline-block}table thead tr th{min-width:15px}table thead tr th.buttons .modal-button{color:#000;background-color:#0000}table thead tr th.buttons .modal-button svg{width:18px;height:18px}table tbody tr td.drag-handle{text-align:center}table tbody tr td.drag-handle svg{cursor:grab;width:20px;height:20px}table tbody tr td.drag-handle svg:active{cursor:grabbing}table tbody tr td.buttons{text-align:center}table tbody tr td.buttons .dropdown-button{background-color:#0000;border-radius:4px;padding:3px}table tbody tr td.buttons .dropdown-button svg{width:18px;height:18px}
