@import"https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";#root{max-width:1280px;margin:0 auto;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background:#37373733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(55,55,55,.3);border-radius:12px;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden;color:#fff;min-height:0;min-width:0;max-width:500px;transition:box-shadow .4s ease,transform .3s ease,background-color .3s ease;z-index:0}.card:after{content:"";position:absolute;top:0;left:110%;width:200%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(192,192,192,.15) 40%,rgba(192,192,192,.1) 50%,rgba(192,192,192,.05) 60%,transparent 100%);transform:skew(-35deg)}.card:before{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(120deg,#fff0,#ffffff40,#fff0);transform:skew(-35deg);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:20}.card:hover{border-color:#c8d1b2;box-shadow:0 8px 30px #c8d1b24d,0 12px 40px #c8d1b226,0 0 15px 3px #c8d1b240;background:#37373759;z-index:10}.card:hover:before{animation:shine 3.2s forwards;opacity:1}.request-card{cursor:pointer}.request-card[data-status=APPROVED]:hover{transform:translateY(-8px);border-color:#00d1b2;box-shadow:0 8px 30px #00d1b299,0 12px 40px #00d1b24d,0 0 15px 3px #00d1b280;background:#37373759}.request-card[data-status=PENDING]:hover,.request-card[data-status=OK]:hover{transform:translateY(-8px);border-color:#ffdd5799;box-shadow:0 8px 30px #ffdd5799,0 12px 40px #ffdd574d,0 0 15px 3px #ffdd5780;background:#37370059}.request-card[data-status=REJECTED]:hover,.request-card[data-status=error]:hover{transform:translateY(-8px);border-color:#ff3860;box-shadow:0 8px 30px #ff386099,0 12px 40px #ff38604d,0 0 15px 3px #ff386080;background:#37000059}@keyframes shine{0%{left:-75%;opacity:0}50%{left:150%;opacity:1}to{left:150%;opacity:0}}.read-the-docs{color:#888}