.graph-exports{height:36px;display:flex;position:relative}.graph-exports__toggle{background-color:var(--color__brand-blue);appearance:none;cursor:pointer;border:none;border-radius:36px;align-items:center;height:36px;padding:0 12px;transition:all .2s ease-out;display:flex;&:hover{background-color:var(--color__brand-blue--dark)}.graph-exports--disabled &{background-color:var(--color__grey--mid);cursor:not-allowed}}.graph-exports__toggle__icon{width:24px;height:24px}.graph-exports__toggle__label{color:var(--color__white);flex-shrink:0;margin:0 8px;font-size:14px;font-weight:500}.graph-exports__toggle__chevron{width:18px;height:18px}.graph-exports__menu{z-index:2;background-color:var(--color__white);width:184px;margin:0;padding:0;list-style:none;display:none;position:absolute;top:36px;left:50%;transform:translate(-50%);box-shadow:0 4px 4px #00000040;.graph-exports.graph-exports--open &{display:block}}.graph-exports__menu__item{border-bottom:1px solid oklch(79.84% 0 0);width:100%;height:44px;margin-bottom:0;position:relative;&:last-child{border-bottom:none}.loading{position:absolute;top:7px;left:77px}}.graph-export-button{appearance:none;cursor:pointer;width:100%;height:100%;color:var(--color__aa-navy);background-color:#0000;border:none;align-items:center;padding:0 16px 0 8px;transition:all .2s ease-out;display:flex;&:hover{background-color:#deebff}&.graph-export-button--disabled{background-color:var(--color__grey--superlight);&:after{content:"Upgrade";font-size:12px;text-decoration:none}&:hover{background-color:var(--color__grey--light);&:after{text-decoration:underline}}}&[disabled]{cursor:not-allowed;opacity:.5;&:hover{background-color:#0000}}}.graph-export-button__icon{width:28px;height:28px;.graph-export-button.graph-export-button--disabled &{opacity:.6}}.graph-export-button__label{text-align:left;flex-grow:1;margin-left:10px;font-size:14px;.graph-export-button.graph-export-button--disabled &{text-decoration:line-through}}