.hero{display:grid;justify-items:center}.shortened-url{position:relative}.shortened-url-field{display:inline-block;height:calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);width:100%;align-content:center;padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);font-size:large;margin-bottom:var(--pico-spacing);overflow-x:auto}.copy-button{padding:0;position:absolute;right:calc(var(--pico-form-element-spacing-horizontal) - .125rem);top:calc(var(--pico-form-element-spacing-vertical) - .125rem);width:2rem;height:2rem;align-content:center;justify-items:center;text-align:center}.copy-button svg{width:1.25rem;height:1.25rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.copy-button:after{content:"Copy to clipboard";position:absolute;bottom:110%;left:-55%;transform:translate(-50%);background-color:var(--pico-primary-background);color:var(--pico-color-text);padding:.25rem;border-radius:.25rem;font-size:small;display:block;opacity:0;animation:fadeOutDown .3s forwards}.copy-button:hover:after{animation:fadeInUp .3s forwards}.copy-button:not(:hover):after{animation:fadeOutDown .3s forwards}