float-ui{display:block;height:1.25rem;position:relative}float-ui [data-float-ui-target]{background:var(--color-accent-blue);border-radius:var(--border-radius);color:var(--color-white);left:0;max-width:13.75rem;padding:1rem;position:fixed;top:0;z-index:var(--z-index-popover)}float-ui [data-float-ui-target]:after{content:"";height:0;position:absolute;width:0}float-ui [data-float-ui-target].top:after{border-top:10px solid var(--color-accent-blue);bottom:-10px}float-ui [data-float-ui-target].bottom:after,float-ui [data-float-ui-target].top:after{border-left:7px solid transparent;border-right:7px solid transparent;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}float-ui [data-float-ui-target].bottom:after{border-bottom:10px solid var(--color-accent-blue);top:-10px}float-ui [data-float-ui-target].float-popup{background:var(--color-white);border-radius:0;color:var(--color-black);-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.17)) drop-shadow(0 1px 1px rgba(0,0,0,.15));filter:drop-shadow(0 0 2px rgba(0,0,0,.17)) drop-shadow(0 1px 1px rgba(0,0,0,.15));max-width:calc(100vw - 40px);padding:1rem;width:100%}@media screen and (min-width:560px){float-ui [data-float-ui-target].float-popup{max-width:23.75rem}}float-ui [data-float-ui-target].float-popup:after{content:none}float-ui [data-float-ui-target].float-popup .float-popup__arrow{background:var(--color-white);height:1.25rem;position:absolute;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:1.25rem}