:root{--bg-color:#000;--bg-color-1-5:#0d0d0d;--bg-color-2:#1a1a1a;--bg-color-3:#262626;--bg-color-text:#f2f2f2;--bg-color-muted:#b3b3b3}[data-theme=light]{--bg-color:#d9d9d9;--bg-color-1-5:#e6e6e6;--bg-color-2:#f2f2f2;--bg-color-3:#fff;--bg-color-text:#0d0d0d;--bg-color-muted:#4d4d4d}@font-face{font-family:Inter;src:url(../Inter/Inter-VariableFont_opsz,wght.ttf)format("truetype")}*{box-sizing:border-box;color:var(--bg-color-text);margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px}input:focus{outline:none}button{cursor:pointer;border:none}button:hover,.mute[data-v-e77dfab4]{color:var(--bg-color-muted)}input[data-v-e77dfab4]{height:36px;margin-top:4px;padding-left:8px;padding-right:8px}button[data-v-e77dfab4],input[data-v-e77dfab4]{background-color:var(--bg-color-3);border:none;border-radius:5px}#long-url-container[data-v-e77dfab4]{flex-direction:column;gap:4px;display:flex}#create-short-url-container[data-v-e77dfab4]{background-color:var(--bg-color-2);border-radius:0 0 5px 5px;width:100%;max-width:486px;margin-left:auto;margin-right:auto;padding:48px}@media (width<=470px){#create-short-url-container[data-v-e77dfab4]{padding-left:24px;padding-right:24px}}#input-custom-url-label-group[data-v-e77dfab4]{justify-content:space-between;margin-top:32px;display:flex}#input-custom-url-label-group label[data-v-e77dfab4]{transform:translate(-25px)}#input-custom-url-group[data-v-e77dfab4]{justify-content:space-between;align-items:center;margin-top:4px;display:flex}#input-text-long-url[data-v-e77dfab4]{width:100%}#input-text-custom-short-url[data-v-e77dfab4]{width:193px}button[data-v-e77dfab4]{width:100%;margin-top:32px;padding-top:12px;padding-bottom:12px}#new-short-url-p[data-v-e77dfab4]{color:var(--bg-color-muted);margin-top:32px}#new-short-url-input[data-v-e77dfab4]{width:100%}@media (width<=450px){.domain-thing[data-v-e77dfab4]{display:none}#input-custom-url-label-group label[data-v-e77dfab4]{transform:translate(0)}#input-text-custom-short-url[data-v-e77dfab4]{width:100%}}.mute[data-v-b84c7340]{color:var(--bg-color-muted)}input[data-v-b84c7340]{height:36px;margin-top:4px;padding-left:8px;padding-right:8px}button[data-v-b84c7340],input[data-v-b84c7340]{background-color:var(--bg-color-3);border:none;border-radius:5px}#long-url-container[data-v-b84c7340]{flex-direction:column;gap:4px;display:flex}#create-qr-code-container[data-v-b84c7340]{background-color:var(--bg-color-2);border-radius:0 0 5px 5px;width:100%;max-width:486px;margin-left:auto;margin-right:auto;padding:48px}@media (width<=470px){#create-qr-code-container[data-v-b84c7340]{padding-left:24px;padding-right:24px}}#input-custom-url-label-group[data-v-b84c7340]{justify-content:space-between;margin-top:32px;display:flex}#input-custom-url-label-group label[data-v-b84c7340]{transform:translate(-25px)}#input-custom-url-group[data-v-b84c7340]{justify-content:space-between;align-items:center;margin-top:4px;display:flex}#input-text-long-url[data-v-b84c7340]{width:100%}#input-text-custom-short-url[data-v-b84c7340]{width:193px}button[data-v-b84c7340]{width:100%;margin-top:32px;padding-top:12px;padding-bottom:12px}#new-short-url-p[data-v-b84c7340]{color:var(--bg-color-muted);margin-top:32px}#new-short-url-input[data-v-b84c7340]{width:100%}#qr-code-and-download[data-v-b84c7340]{gap:16px;display:flex}#downloadQRLinkPNG[data-v-b84c7340],#downloadQRLinkSVG[data-v-b84c7340]{width:100%;color:var(--bg-color-text);background-color:var(--bg-color-3);text-align:center;border-radius:5px;margin-top:8px;padding-top:8px;padding-bottom:8px;text-decoration:none;display:block}#downloadQRLinkPNG[data-v-b84c7340]:hover,#downloadQRLinkSVG[data-v-b84c7340]:hover{color:var(--bg-color-muted)}#download-group[data-v-b84c7340]{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:150px;margin-top:32px;display:flex}@media (width<=470px){.domain-thing[data-v-b84c7340]{display:none}#input-custom-url-label-group label[data-v-b84c7340]{transform:translate(0)}#input-text-custom-short-url[data-v-b84c7340]{width:100%}}#qr-code-img{height:150px;margin-top:32px;display:inline-block}#page-wrapper[data-v-b685d937]{background-color:var(--bg-color);width:100%;min-height:100dvh;padding-left:8px;padding-right:8px}#shortener-or-qrcode-box[data-v-b685d937]{width:100%}h1[data-v-b685d937]{text-align:center;padding-top:120px;font-size:36px}@media (width<=450px){h1[data-v-b685d937]{padding-top:112px}}@media (width<=400px){h1[data-v-b685d937]{font-size:32px}}#shortener-or-qrcode-box[data-v-b685d937]{margin-top:32px}#create-qr-code-top[data-v-b685d937],#shorten-url-top[data-v-b685d937]{text-align:center;border-radius:5px 5px 0 0;width:50%;padding-top:16px;padding-bottom:16px;display:inline-block}.selected-top[data-v-b685d937]{background-color:var(--bg-color-2)}.not-selected-top[data-v-b685d937]{background-color:var(--bg-color-1-5)}#tops[data-v-b685d937]{width:100%;max-width:486px;margin-left:auto;margin-right:auto}#switch-between-light-dark-mode[data-v-b685d937]{position:absolute;top:5%;right:5%}#switch-between-light-dark-mode button[data-v-b685d937]:first-child{background-color:var(--bg-color-1-5);border-radius:5px 0 0 5px;padding:6px 4px;font-size:16px}#switch-between-light-dark-mode button[data-v-b685d937]:nth-child(2){background-color:var(--bg-color-2);border-radius:0 5px 5px 0;padding:6px 4px;font-size:16px}