.InputView{margin:30svh auto 0;padding:1rem;flex-direction:column}.InputView .input{border:1px solid #565656}.InputView .input input{padding:.5rem .5rem .5rem 1rem;width:calc(100% - 105px);background-color:transparent;outline:none}.InputView .input button{padding:.5rem;text-transform:capitalize;transition:.2s linear;width:105px}.InputView .input button:hover{background-color:#565656}.InputView .resultContainer{border-top:1px solid #565656;padding:2rem 0;margin-top:2rem;width:100%;max-width:500px}.InputView .resultContainer h1{font-weight:300;margin-bottom:1rem;text-align:center}.InputView .resultContainer .result p{font-weight:500;margin-right:1rem;max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis}.InputView .copy{--button-bg:#353434;--button-hover-bg:#464646;--button-text-color:#ccc;--button-hover-text-color:#78aaff;--button-border-radius:10px;--button-diameter:36px;--button-outline-width:1px;--button-outline-color:#8d8d8d;--tooltip-bg:#f4f3f3;--toolptip-border-radius:4px;--tooltip-font-family:Menlo,Roboto Mono,monospace;--tooltip-font-size:12px;--tootip-text-color:#323232;--tooltip-padding-x:7px;--tooltip-padding-y:7px;--tooltip-offset:8px;box-sizing:border-box;width:var(--button-diameter);height:var(--button-diameter);border-radius:var(--button-border-radius);background-color:var(--button-bg);color:var(--button-text-color);border:none;cursor:pointer;position:relative;outline:none}.InputView .tooltip{position:absolute;opacity:0;visibility:0;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font:var(--tooltip-font-size) var(--tooltip-font-family);color:var(--tootip-text-color);background:var(--tooltip-bg);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--toolptip-border-radius);pointer-events:none;transition:all var(--tooltip-transition-duration) cubic-bezier(.68,-.55,.265,1.55)}.InputView .tooltip:before{content:attr(data-text-initial)}.InputView .tooltip:after{content:"";position:absolute;bottom:calc(var(--tooltip-padding-y)/2*-1);width:var(--tooltip-padding-y);height:var(--tooltip-padding-y);background:inherit;left:50%;transform:translateX(-50%) rotate(45deg);z-index:-999;pointer-events:none}.InputView .copy svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.InputView .checkmark{display:none}.InputView .copy:focus:not(:focus-visible) .tooltip,.InputView .copy:hover .tooltip{opacity:1;visibility:visible;top:calc((100% + var(--tooltip-offset))*-1)}.InputView .copy:focus:not(:focus-visible) .tooltip:before{content:attr(data-text-end)}.InputView .copy:focus:not(:focus-visible) .clipboard{display:none}.InputView .copy:focus:not(:focus-visible) .checkmark{display:block}.InputView .copy:focus,.InputView .copy:hover{background-color:var(--button-hover-bg)}.InputView .copy:active{outline:var(--button-outline-width) solid var(--button-outline-color)}.InputView .copy:hover svg{color:var(--button-hover-text-color)}