*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 15% -10%,#182236,#0a0e14,#05060a);color:#f4f6fa;font-family:Manrope,sans-serif}a{color:#5eead4}a:hover{color:#99f6e4}::selection{background:#5eead44d}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}select,textarea,input{font-family:Manrope,sans-serif}.hop-app{animation:fadeUp .6s ease both}.hop-nav-btn{transition:background .15s,color .15s}.hop-nav-btn:hover{background:#ffffff14;color:#fff}.hop-delete-btn{transition:color .15s}.hop-delete-btn:hover{color:#f87171}.hop-card-clickable{transition:border-color .15s,box-shadow .15s}.hop-card-clickable:hover{border-color:#5eead459;box-shadow:0 24px 46px -22px #000000a6,inset 0 1px #ffffff12,0 0 0 1px #5eead426}.hop-card-clickable:focus-visible{outline:2px solid #5eead4;outline-offset:2px}