dropdown-component{display:inline-block}dropdown-component:has(>dropdown-panel:not([wide])){position:relative}dropdown-component:has(>dropdown-panel[wide]){position:static}dropdown-component:hover>dropdown-trigger:before,dropdown-trigger[aria-expanded=true]:before{content:"";height:30px;left:-10px;position:absolute;top:50%;transform:perspective(50px) rotateX(50deg);transform-origin:top center;width:calc(100% + 20px);z-index:10}dropdown-component:has(>dropdown-panel[opens=right]):hover>dropdown-trigger:before,dropdown-trigger[aria-expanded=true]:has(~dropdown-panel[opens=right]):before{height:calc(100% + 20px);left:calc(100% - 30px);top:-10px;transform:perspective(50px) rotateY(-50deg);transform-origin:center left;width:40px}dropdown-trigger{cursor:pointer;position:relative;user-select:none}dropdown-panel{left:0;opacity:0;pointer-events:none;position:absolute;top:100%;transition:opacity .2s ease-out,visibility .2s ease-out;visibility:hidden}dropdown-panel[opens=right]{left:100%;top:0}dropdown-panel[wide]{width:100%}dropdown-panel[aria-hidden=false]{opacity:1;pointer-events:auto;visibility:visible}