.feature-tip{gap:var(--cds-spacing-01);padding:var(--cds-spacing-04);background-color:var(--blue-70);border-radius:var(--cds-spacing-03);z-index:1000;flex-direction:column;width:fit-content;display:flex;position:relative}.feature-tip .section-header{padding-right:var(--cds-spacing-06);margin-bottom:0!important}.feature-tip .section-header h6{color:var(--cds-text-on-color)}.feature-tip .section-header .cds--label{color:var(--cds-text-on-color);opacity:.8;margin-block-end:0!important}.feature-tip .section-header .keyboard-shortcut{display:inline-flex;position:static;transform:none}.feature-tip .section-header .keyboard-shortcut kbd{color:var(--cds-text-on-color);background-color:#ffffff26;border-color:#ffffff4d}.feature-tip__close{top:calc(var(--cds-spacing-02) + 2px);right:calc(var(--cds-spacing-02) + 2px);color:var(--cds-text-on-color);position:absolute}.feature-tip__close .cds--btn--ghost svg{fill:var(--cds-text-on-color)}.feature-tip__close .cds--btn--ghost:hover{background-color:#ffffff1f}.feature-tip.bottom:after{content:"";left:50%;bottom:calc(-1*var(--cds-spacing-03));border-width:var(--cds-spacing-03) var(--cds-spacing-03) 0 var(--cds-spacing-03);border-style:solid;border-color:var(--blue-70) #0000 #0000 #0000;position:absolute;transform:translate(-50%)}.feature-tip.bottom.start:after{left:var(--cds-spacing-06);transform:none}.feature-tip.bottom.end:after{left:auto;right:var(--cds-spacing-06);transform:none}.feature-tip.top:after{content:"";left:50%;top:calc(-1*var(--cds-spacing-03));border-width:0 var(--cds-spacing-03) var(--cds-spacing-03) var(--cds-spacing-03);border-style:solid;border-color:#0000 #0000 var(--blue-70) #0000;position:absolute;transform:translate(-50%)}.feature-tip.top.start:after{left:var(--cds-spacing-05);transform:none}.feature-tip.top.end:after{left:auto;right:var(--cds-spacing-06);transform:none}