#panels{z-index:9;position:fixed;top:0;right:0}.panel-tabs{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.panel-tabs>input[type=radio],.panel-tabs>input[type=checkbox]{display:none}.tab-panels .tab-panel-content{padding-top:10px;display:none}.tab-panels .tab-panel-content.column{flex-direction:column}.tab-panels .tab-panel-content.row{flex-direction:row}.panel-tabs>input:nth-child(2):checked~.tab-panels>.tab-panel-content:first-child,.panel-tabs>input:nth-child(4):checked~.tab-panels>.tab-panel-content:nth-child(2),.panel-tabs>input:nth-child(6):checked~.tab-panels>.tab-panel-content:nth-child(3),.panel-tabs>input:nth-child(8):checked~.tab-panels>.tab-panel-content:nth-child(4),.panel-tabs>input:nth-child(10):checked~.tab-panels>.tab-panel-content:nth-child(5),.panel-tabs>input:nth-child(12):checked~.tab-panels>.tab-panel-content:nth-child(6),.panel-tabs>input:nth-child(14):checked~.tab-panels>.tab-panel-content:nth-child(7){display:flex}.panel-tabs>label{color:#c3ced7;cursor:pointer;height:42px;border-bottom:4px solid #0000;padding:8px;display:inline-block;position:relative}.panel-tabs>input:focus+label{color:var(--color1)}.panel-tabs>input:checked+label{color:var(--color1);border-bottom:4px solid var(--color1)}.panel-tabs label svg{pointer-events:none}.panel-tabs>input:checked+label svg{color:#fff}.tab-panels{width:280px;z-index:1;height:auto;max-height:calc(100% - 42px);background:var(--color4);border-top:none;border-bottom-right-radius:9px;border-bottom-left-radius:9px;position:fixed;top:42px;right:0;overflow:auto;box-shadow:0 3px 3px #2325274d}.tab-panel-content{border-top:1px solid #c3ced726;flex-direction:column;justify-content:center;align-items:center;padding:10px}#collapsible-color-swatches[open]{margin-bottom:10px}summary{text-transform:uppercase;height:23px;cursor:pointer;color:var(--color1);justify-content:flex-start;align-items:center;margin:0 0 8px;padding:10px 4px 2px;font-size:11px;font-weight:700;position:relative}details{width:100%;position:relative}details[open] summary:after{transform:rotate(45deg)}@media (hover:hover){.panel-tabs>label:hover{color:var(--color1)}}