.hl-fix-top{position:fixed;top:0;right:0;left:0;z-index:1;border-top:0 solid transparent;border-top-width:constant(safe-area-inset-top);border-top-width:env(safe-area-inset-top);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;will-change:transform}.hl-fix-top.hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hl-fix-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1;border-bottom:0 solid #fff;border-bottom-width:constant(safe-area-inset-bottom);border-bottom-width:env(safe-area-inset-bottom);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;will-change:transform}.hl-fix-bottom.hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}