@tailwind base;@tailwind components;@tailwind utilities;html,body{scroll-behavior:smooth;height:100%;margin:0;padding:0;font-family:Open Sans\,Arial}a{color:inherit;text-decoration:none}*{scroll-behavior:smooth;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box}body{background:"black";margin:0;overflow-x:hidden}.waves{width:100vw;height:100vh;position:absolute;top:0;left:0}.container{justify-content:center;align-items:center;width:700px;height:400px;display:flex;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.center{width:380px;height:180px;position:absolute}.btn{cursor:pointer;background:#151515ab;border:1px solid #797878;border-radius:.5rem;outline:none;width:380px;height:60px;transition:all 1s ease-in-out}.btn:hover{background:#0a49d1;transition:all 1s ease-in-out}.btn:hover svg{stroke-dashoffset:-480px}.btn span{color:#fff;font-size:18px;font-weight:100}.shepherd-button{color:#ffffffbf;cursor:pointer;background:#3288e6;border:0;border-radius:3px;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s}.shepherd-button:not(:disabled):hover{color:#ffffffbf;background:#196fcc}.shepherd-button.shepherd-button-secondary{color:#000000bf;background:#f1f2f3}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{color:#000000bf;background:#d6d9db}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-right-radius:5px;border-bottom-left-radius:5px;justify-content:flex-end;padding:0 .75rem .75rem;display:flex}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{color:#808080bf;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:2em;font-weight:400;transition:color .5s}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;flex:1 0 auto;margin:0;padding:0;font-size:1rem;font-weight:400;display:flex}.shepherd-header{border-top-left-radius:5px;border-top-right-radius:5px;justify-content:flex-end;align-items:center;padding:.75rem .75rem 0;line-height:2em;display:flex}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;padding:.75em;font-size:1rem;line-height:1.3em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{background:linear-gradient(45deg,#eee,#faf8f9,#fff);border-radius:5px;outline:none;padding:0}.shepherd-element{opacity:0;visibility:hidden;z-index:9999;background:#fff;border-radius:5px;outline:none;width:100%;max-width:400px;transition:opacity .3s,visibility .3s;box-shadow:0 1px 4px #0003}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{z-index:-1;width:16px;height:16px;position:absolute}.shepherd-arrow:before{content:"";background:#e3e3e3;transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{opacity:0;pointer-events:none;z-index:9997;width:100vw;height:0;transition:all .3s ease-out,height 0s .3s,opacity .3s;position:fixed;top:0;left:0;overflow:hidden}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5;height:100vh;transition:all .3s ease-out,height,opacity .3s;transform:translateZ(0)}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rock{0%{transform:rotate(0)}50%{transform:rotate(-20deg)}to{transform:rotate(0)}}@keyframes downfall-rain-sleet{0%{transform:translateY(0)}to{transform:translateY(32px)}}@keyframes downfall-snow{0%{transform:translateY(0)}to{transform:translateY(18px)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(2px)}50%{transform:translate(0)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes pass{0%{transform:translate(0)}to{transform:translate(-100px)}}.icon-position{background-color:none;width:100px;height:100px;margin:auto;position:absolute;inset:0}#clear-day,#pcd-rays{transform-origin:50%;transform-box:fill-box;animation:20s linear infinite rotate}#cn-moon,#pcn-moon{transform-origin:50%;animation:5s ease-in-out infinite rock}#r-rain,#sl-sleet{animation:2s linear infinite downfall-rain-sleet}#s-snow{animation:2s linear infinite downfall-snow}#w-wind2,#w-wind4{animation-delay:.5s}#f-fog1,#f-fog2,#f-fog3{animation:2s linear infinite shake}#f-fog2{animation-delay:.5s}#f-fog3{animation-delay:1s}#c-moving-clouds{animation:7.5s linear infinite pass}#smallcloud path{will-change:transform;animation:6s linear infinite bgCloud}@keyframes bgCloud{0%{opacity:0;transform:translate(0)}30%{opacity:1;transform:translate(9px)}70%{opacity:1;transform:translate(27px)}to{opacity:0;transform:translate(45px)}}#mistrays path{opacity:1}#mistrays #ray2{stroke-dashoffset:5px;stroke-dasharray:5;animation:9s linear infinite forwards dashXs}#mistrays #ray4,#ray5{stroke-dashoffset:20px;stroke-dasharray:20;animation:9s linear infinite forwards dashM}#mistrays #ray6,#ray7{stroke-dashoffset:14px;stroke-dasharray:14;animation:9s linear infinite forwards dashS}#mistrays #ray1,#ray3{stroke-dashoffset:27px;stroke-dasharray:27;animation:9s linear infinite forwards dashL}@keyframes dashXs{0%{opacity:0;stroke-dashoffset:5px}50%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-5px}}@keyframes dashS{0%{opacity:0;stroke-dashoffset:14px}50%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-14px}}@keyframes dashM{0%{opacity:0;stroke-dashoffset:-20px}50%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:20px}}@keyframes dashL{0%{opacity:0;stroke-dashoffset:-27px}50%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:27px}}#thunder{animation:5s linear infinite thunder-bolt}@keyframes thunder-bolt{to,0%{opacity:0}23%{opacity:0}25%{opacity:1}30%{opacity:1}35%{opacity:0}}@keyframes flash{0%{opacity:0;transform:translateY(-25px)translate(25px)scaleY(.95)}5%,25%{opacity:1}15%,20%{opacity:0}50%{opacity:1;transform:translateY(8px)translate(-10px)}80%{opacity:0;transform:translateY(8px)translate(-10px)}to{opacity:0;transform:translateY(-25px)translate(25px)scaleY(.95)}}#bigClouds path{animation:6s infinite thunder-cloud}@keyframes thunder-cloud{to,0%{fill:#666}20%{fill:#555}21.5%{fill:#999}25%{fill:#555}27.5%{fill:#999}30%{fill:#555}40%{fill:#999}90%{fill:#555}}#w-wind1,#w-wind2,#w-wind3,#w-wind4{animation:2s linear infinite shake}.humidity:after{content:"";z-index:2;background:#0cf;border-radius:100% 0 60% 50%/60% 0 100% 50%;width:1em;height:1em;margin:-1em 0 0 -.25em;animation:5s linear infinite humidity;position:absolute;top:50%;left:50%;transform:rotate(-28deg);box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #fff3}@keyframes humidity{0%{background:#0cf;box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #0cf}25%{box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #0cf,-1.375em -.125em #fff3}50%{background:#ffffff4d;box-shadow:.625em .875em 0 -.125em #0cf,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #fff3}to{box-shadow:.625em .875em 0 -.125em #fff3,-.875em 1.125em 0 -.125em #fff3,-1.375em -.125em #0cf}}#atm-pressure g{animation:2s infinite both smoothAppearing}@keyframes smoothAppearing{0%{fill:#5bcaeb;stroke-dashoffset:-20px}50%{opacity:.6;stroke-dashoffset:0}to{fill:#5bcaeb;stroke-dashoffset:20px}}
.box{cursor:move;color:#000;-webkit-user-select:none;user-select:none;background:wheat;border-radius:5px;max-width:305px;min-height:150px;margin:auto;padding:1em;position:absolute}
