.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}@tailwind base;@tailwind components;@tailwind utilities;.navigation{background-color:#000;color:#fff;display:flex;flex-direction:column}.navigation ul{display:flex;gap:10px;width:100%;justify-content:space-evenly;align-self:center}.website-name{display:flex;justify-content:center;width:100%}h1{font-size:28px;font-weight:500}.urlshortener{display:flex;justify-content:center;width:100%;height:500px}.form-control{display:flex;height:70%;width:50%;flex-direction:column;border:1px solid black;align-items:center;justify-content:center;gap:20px;margin-top:5%}.form-control input{border:1px solid black;width:40%;border-radius:20px;line-height:2rem;padding:10px}.form-control label{font-weight:600}.footer{display:flex;flex-direction:column;align-items:center;background-color:#000;color:#fff;height:20%}footer>.container{padding:64px 0 48px}.footer-content{display:flex;justify-content:space-between;align-items:center;width:50%;border-top:1px solid #eaecf0}.footer-content>.copyright{color:#f2f4f7}.footer-links{display:flex;align-items:flex-start;padding:0;gap:16px}.footer-links a{color:#f2f4f7;padding:15px 0}.submit-btn{display:inline-block;border:0;outline:0;padding:8px 12px;width:30%;height:15%;line-height:1.4;background:black;border:1px solid black;color:#fff!important;font-size:1.2em;cursor:pointer;border-radius:15px;position:relative;transition:padding-right .3s ease-out}.submit-btn.loading{background-color:#000;content:"";padding-right:40px}.submit-btn.loading:after{content:"";position:absolute;border-radius:100%;right:6px;top:50%;width:0px;height:0px;margin-top:-2px;border:2px solid rgba(255,255,255,.5);border-left-color:#fff;border-top-color:#fff;animation:spin .6s infinite linear,grow .3s forwards ease-out}.url-modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:15px;right:-10px;top:-10px;font-size:24px;background:#ffffff;border-radius:30px;border:1px solid #cfcece}.url-modal>.modal-content{width:100%;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:20px}.url-modal>.thankyou-text{font-size:10px}.copy-clipboard{width:30%;border:1px solid black;border-radius:15px}@keyframes spin{to{transform:rotate(359deg)}}@keyframes grow{to{width:14px;height:14px;margin-top:-8px;right:13px}}@media (min-width: 375px) and (max-width: 600px){html,body{overflow-x:hidden}body{position:relative}h1{font-size:20px}.navigation{flex-direction:column;justify-content:center;height:30%}.navigation ul{display:flex;width:100%;flex-direction:row;justify-content:space-around;margin-right:13px}.urlshortener{width:100%;height:400px}.form-control{width:80%;align-self:center}.submit-btn{width:100px;padding:0;border:1px solid red;line-height:.8}.disabled{cursor:default;opacity:.5}.submit-btn.loading{background-color:#000;width:180px;content:"";padding-right:30px}.form-control input{width:85%}.form-control button{width:45%;height:15%}footer{height:100%}.footer-links{display:none}.footer-content{padding:0;width:auto}footer>.container{padding:48px 0}.footer-content>.copyright{padding:10px}.footer{width:100%;bottom:0;position:fixed}.copy-clipboard{width:60%;border:1px solid black;border-radius:15px}}.loading-container-container{position:relative;width:100%;height:100%}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}