lisn.js/dist/styles/page-loader.css

Simply handle user gestures and actions. Includes widgets.

:root{--lisn-color-dark:#171736;--lisn-color-dark-t:rgba(23,23,54,.95);--lisn-color-light:#fff;--lisn-color-light-t:hsla(0,0%,100%,.95)}.light-theme,:root{--lisn-color-fg:var(--lisn-color-dark);--lisn-color-fg-t:var(--lisn-color-dark-t);--lisn-color-bg:var(--lisn-color-light);--lisn-color-bg-t:var(--lisn-color-light-t)}.dark-theme{--lisn-color-fg:var(--lisn-color-light);--lisn-color-fg-t:var(--lisn-color-light-t);--lisn-color-bg:var(--lisn-color-dark);--lisn-color-bg-t:var(--lisn-color-dark-t)}.lisn-show{opacity:1;visibility:visible}.lisn-hide{opacity:0!important;visibility:hidden!important}.lisn-hide,.lisn-show,.lisn-transition{transition-duration:var(--animate-duration,.7s)}.lisn-hide,.lisn-show{transform:rotate(1turn);transition-property:opacity,visibility}.lisn-transition{transition-property:all}.lisn-transition__disable{transition-property:none!important}.lisn-animate__disable{animation-name:none!important}.lisn-animate__pause{animation-play-state:paused}.lisn-animate__reverse{animation-direction:reverse}.lisn-animate__infinite{animation-iteration-count:infinite}.lisn-hide-scroll::-webkit-scrollbar{display:none}.lisn-hide-scroll{scrollbar-width:none}body[data-lisn-has-modal]{overflow:hidden}.lisn-border-size{box-sizing:border-box}.lisn-undisplay{display:none!important}.lisn-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lisn-no-touch-action{touch-action:none}.lisn-ghost{left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;z-index:-1000}.lisn-wrapper{position:relative}.lisn-wrapper-inline{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.lisn-overlay-container{position:relative}.lisn-overlay{contain:strict;pointer-events:none;visibility:hidden;z-index:-99999}:root{--lisn-shadow:rgba(0,0,0,.2) 0 3px 5px -1px,rgba(0,0,0,.14) 0 6px 10px 0,rgba(0,0,0,.12) 0px 1px 18px 0px;--lisn-window--top:0px;--lisn-window--height:calc(100vh - var(--lisn-window--top))}.lisn-spinner{--lisn_sz:var(--lisn-spinner--size,5vmax);--lisn_bw:var(--lisn-spinner--thickness,4px);animation:lisnSpin 1s linear infinite;border-radius:50%;box-shadow:inset calc(var(--lisn_bw)*.7) calc(var(--lisn_bw)*.7) 0 0 var(--lisn-spinner--color,var(--lisn-color-fg));box-sizing:border-box;display:inline-block;height:var(--lisn_sz);left:calc(50% - var(--lisn_sz)/2);position:absolute;top:calc(50% - var(--lisn_sz)/2);width:var(--lisn_sz)}:where(:has(>.lisn-spinner)){position:relative}@keyframes lisnSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lisn-page-loader__root{background:var(--lisn-page-loader--bg,var(--lisn-color-bg));left:0;max-height:100vh;max-height:100dvh;max-width:100vw;min-height:100vh;min-height:100dvh;min-width:100vw;position:fixed;top:0;z-index:999999}.lisn-page-loader__root .lisn-spinner{--lisn-spinner--size:var(--lisn-page-loader--size,7vmax);--lisn-spinner--thickness:var(
    --lisn-page-loader--thickness,4px
  );--lisn-spinner--color:var(--lisn-page-loader--fg,var(--lisn-color-fg))}