.bubble-wrapper{background-color:var(--bg-0,#fff);border-radius:var(--bubble,4px);position:absolute;width:100%;z-index:100000}.bubble-wrapper.hide .arrow{display:none}.bubble-wrapper .inside-wrapper{position:relative}.bubble-wrapper .inside-wrapper .arrow{background-color:var(--bg-0,#fff);border-radius:35% 0;height:1rem;position:absolute;rotate:45deg;width:1rem}.bubble-wrapper.top{top:calc(100% + var(--space-sm))}.bubble-wrapper.top .inside-wrapper .arrow{top:-.5rem}.bubble-wrapper.bottom{bottom:calc(100% + var(--space-sm))}.bubble-wrapper.bottom .inside-wrapper .arrow{bottom:-.5rem}.bubble-wrapper.border{border:1px solid var(--border-static);border-radius:var(--bubble-dropdown,10px)}.bubble-wrapper.border .inside-wrapper .arrow{border-color:var(--border-static);border-style:solid}.bubble-wrapper.border.bottom .inside-wrapper .arrow{border-width:0 1px 1px 0;bottom:-.6rem}.bubble-wrapper.border.top .inside-wrapper .arrow{border-width:1px 0 0 1px;top:-.6rem}.bubble-wrapper.left .inside-wrapper .arrow{left:calc(10% - .5rem)}.bubble-wrapper.center .inside-wrapper .arrow{left:calc(50% - .5rem)}.bubble-wrapper.right .inside-wrapper .arrow{right:calc(10% - .5rem)}