ul[role]{cursor:default;margin:0;padding:0;list-style:none}ul[role=menubar]{background:linear-gradient(#fff 20%,#f1f4fa 25% 43%,#d4dbee 48%,#e6eaf6);display:flex}ul[role=menubar]>[role=menuitem]{padding:6px 10px;position:relative}ul[role=menubar]>[role=menuitem]:focus,ul[role=menubar]>[role=menuitem]:focus-within,ul[role=menubar]>[role=menuitem]:hover{color:#fff;background:#39f;outline:none}ul[role=menubar]>[role=menuitem]:focus-within~[role=menuitem]:focus,ul[role=menubar]>[role=menuitem]:focus-within~[role=menuitem]:focus-within,ul[role=menubar]>[role=menuitem]:focus~[role=menuitem]:focus,ul[role=menubar]>[role=menuitem]:focus~[role=menuitem]:focus-within,ul[role=menubar]>[role=menuitem]:hover~[role=menuitem]:focus,ul[role=menubar]>[role=menuitem]:hover~[role=menuitem]:focus-within,:is(ul[role=menubar]>[role=menuitem]:focus-within:has(~[role=menuitem]:hover),ul[role=menubar]>[role=menuitem]:focus:has(~[role=menuitem]:hover),ul[role=menubar]>[role=menuitem]:hover:has(~[role=menuitem]:hover)){color:inherit;background:0 0}ul[role=menu]{color:initial;background:#f0f0f0;border:1px solid #0006;min-width:150px;padding:2px;position:relative;box-shadow:4px 4px 3px -2px #00000080}ul[role=menu]:before{content:"";pointer-events:none;width:2px;height:calc(100% - 4px);position:absolute;left:28px;box-shadow:inset 1px 0 #00000026,inset -1px 0 #fff}[role=menuitem] ul[role=menu]{z-index:99;display:none;position:absolute;top:100%;left:0}ul[role=menu] [role=menuitem]>[role=menu]{top:-4px;left:100%}ul[role=menu]>[role=menuitem]>a,ul[role=menu]>[role=menuitem]>button,ul[role=menu]>[role=menuitem]>label,ul[role=menu]>[role=menuitem][aria-haspopup=true]{all:unset;box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:3px;justify-content:space-between;width:100%;padding:4px 10px 4px 32px;display:flex;position:relative}ul[role=menu]>[role=menuitem]>a:hover,ul[role=menu]>[role=menuitem]>a:focus-visible,ul[role=menu]>[role=menuitem]>button:hover,ul[role=menu]>[role=menuitem]>button:focus-visible,ul[role=menu]>[role=menuitem]>label:hover,ul[role=menu]>[role=menuitem]>label:focus-visible,ul[role=menu]>[role=menuitem][aria-haspopup=true]:hover,ul[role=menu]>[role=menuitem][aria-haspopup=true]:focus-visible{background:linear-gradient(#fff9,#e6ecf5cc 90%,#fffc);border-color:#aaddfa}ul[role=menu]>[role=menuitem]>button:after,ul[role=menu]>[role=menuitem]>button:hover:before{content:none}ul[role=menu]>[role=menuitem][aria-haspopup=true]:after{content:"";border:4px solid #0000;border-left-color:currentColor;position:absolute;top:50%;right:2px;transform:translateY(-50%)}ul [role=menuitem]{position:relative}ul [role=menuitem]>input[type]{display:none}ul [role=menuitem]>input[type]+label{display:block;position:relative}ul [role=menuitem]>input[type]+label:before{all:unset;border-radius:inherit;box-sizing:border-box;background:linear-gradient(#fff9,#e6ecf5cc 90%,#fffc);width:22px;height:22px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #b3d3f9}ul [role=menuitem]>input[type]:checked+label:before{content:""}ul [role=menuitem]>input[type][type=radio]:checked+label:after{box-shadow:none;background:radial-gradient(circle at 75% 25%,#d5d4ea,#333583);border:1px solid #1a1490;top:50%;left:8px;transform:translateY(-50%)}ul [role=menuitem]>input[type][type=checkbox]:checked+label:after{color:#0c12a1;font-size:10pt;top:50%;left:6px;transform:translateY(-52%)}ul [role=menuitem]:focus-within>[role=menu],ul [role=menuitem]:focus>[role=menu]{display:block}:is(ul [role=menuitem]:focus-within:has(~[role=menuitem]:hover)>[role=menu],ul [role=menuitem]:focus:has(~[role=menuitem]:hover)>[role=menu]){display:none}ul [role=menuitem][aria-disabled]{opacity:.5;pointer-events:none}ul [role=menuitem].has-divider:after{content:"";pointer-events:none;height:2px;margin:3px 0 2px 28px;display:block;box-shadow:inset 0 1px #00000026,inset 0 -1px #fff}ul [role=menuitem] img{pointer-events:none;z-index:1;position:absolute;top:50%;left:2px;transform:translateY(-50%)}ul [role=menuitem] span{margin-left:32px}ul.can-hover [role=menuitem]:hover>[role=menu]{display:block}ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus,ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus-within{color:inherit;background:0 0}ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus-within>[role=menu],ul.can-hover [role=menuitem]:hover~[role=menuitem]:focus>[role=menu]{display:none}