.btn-linkedin{background:transparent;position:relative;padding:5px 15px;display:flex;align-items:center;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid rgb(0,119,181);border-radius:25px;outline:none;overflow:hidden;color:#0077b5;transition:color .3s .1s ease-out;text-align:center}.btn-linkedin span{margin:10px}.btn-linkedin:before{position:absolute;top:0;right:0;bottom:0;margin:auto;content:"";border-radius:50%;display:block;width:20em;height:20em;left:-5em;text-align:center;transition:box-shadow .5s ease-out;z-index:-1}.btn-linkedin:hover{color:#fff;border:1px solid rgb(0,119,181)}.btn-linkedin:hover:before{box-shadow:inset 0 0 0 10em #0077b5}a{text-decoration:none}.btn-github{background:transparent;position:relative;padding:5px 15px;display:flex;align-items:center;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid rgb(123,141,158);color:#7d8e9e;border-radius:25px;outline:none;overflow:hidden;transition:color .3s .1s ease-out;text-align:center}.btn-github span{margin:10px}.btn-github:before{position:absolute;top:0;right:0;bottom:0;margin:auto;content:"";border-radius:50%;display:block;width:20em;height:20em;left:-5em;text-align:center;transition:box-shadow .5s ease-out;z-index:-1}.btn-github:hover{color:#fff;border:1px solid rgb(36,41,46)}.btn-github:hover:before{box-shadow:inset 0 0 0 10em #24292e}.add-button{--main-focus: #2d8cf0;--font-color: #dedede;--bg-color-sub: #222;--bg-color: #323232;--main-color: #dedede;position:relative;width:150px;height:40px;cursor:pointer;display:flex;align-items:center;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);background-color:var(--bg-color);border-radius:10px;overflow:hidden}.add-button,.button__icon,.button__text{transition:all .3s}.add-button .button__text{transform:translate(25px);color:var(--font-color);font-weight:600}.add-button .button__icon{position:absolute;transform:translate(109px);height:100%;width:39px;background-color:var(--bg-color-sub);display:flex;align-items:center;justify-content:center}.add-button .svg{width:20px;stroke:var(--main-color)}.add-button:hover{background:var(--bg-color)}.add-button:hover .button__text{color:transparent}.add-button:hover .button__icon{width:148px;transform:translate(0)}.add-button:active{transform:translate(3px,3px);box-shadow:0 0 var(--main-color)}.copy{--button-bg: #ffffff;--button-hover-bg: #464646;--button-text-color: #474747;--button-hover-text-color: #8bb9fe;--button-border-radius: 10px;--button-diameter: 36px;--button-outline-width: 1px;--button-outline-color: rgb(141, 141, 141);--tooltip-bg: #f4f3f3;--toolptip-border-radius: 4px;--tooltip-font-family: Menlo, Roboto Mono, monospace;--tooltip-font-size: 12px;--tootip-text-color: rgb(50, 50, 50);--tooltip-padding-x: 7px;--tooltip-padding-y: 7px;--tooltip-offset: 8px;--tooltip-transition-duration: .3s}.copy{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}.tooltip{position:absolute;opacity:0;visibility:0;top:0;left:50%;transform:translate(-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)}.tooltip:before{content:attr(data-text-initial)}.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:translate(-50%) rotate(45deg);z-index:-999;pointer-events:none}.copy svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkmark{display:none}.copy:hover .tooltip,.copy:focus:not(:focus-visible) .tooltip{opacity:1;visibility:visible;top:calc((100% + var(--tooltip-offset)) * -1)}.copy:focus:not(:focus-visible) .tooltip:before{content:attr(data-text-end)}.copy:focus:not(:focus-visible) .clipboard{display:none}.copy:focus:not(:focus-visible) .checkmark{display:block}.copy:hover,.copy:focus{background-color:var(--button-hover-bg)}.copy:active{outline:var(--button-outline-width) solid var(--button-outline-color)}.copy:hover svg{color:var(--button-hover-text-color)}.bin-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:35px;height:36px;margin-bottom:5px;border-radius:15px;background-color:#ff5f5f;cursor:pointer;border:3px solid rgb(255,201,201);transition-duration:.3s}.bin-bottom{width:13px}.bin-top{width:17px;transform-origin:right;transition-duration:.3s}.bin-button:hover .bin-top{transform:rotate(45deg)}.bin-button:hover{background-color:red}.bin-button:active{transform:scale(.9)}#checkboxInput{display:none}.bookmark{cursor:pointer;background-color:teal;width:36px;height:36px;margin-bottom:5px;display:flex;align-items:center;justify-content:center;border-radius:10px}.svgIcon path{stroke-dasharray:200 0;stroke-dashoffset:0;stroke:#fff;fill:#ddd0;transition-delay:0s;transition-duration:.5s}#checkboxInput:checked~.svgIcon path{fill:#fff;animation:bookmark .5s linear;transition-delay:.5s}@keyframes bookmark{0%{stroke-dasharray:0 200;stroke-dashoffset:80}to{stroke-dasharray:200 0}}.button{position:relative;width:120px;height:40px;background-color:#000;display:flex;align-items:center;color:#fff;flex-direction:column;justify-content:center;border:none;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.button:before{content:"";position:absolute;right:0;bottom:0;left:-4px;top:-1px;margin:auto;width:128px;height:48px;border-radius:10px;background:linear-gradient(-45deg,#e81cff,#40c9ff);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.button:after{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#fc00ff,#00dbde);transform:translateZ(0) scale(.95);filter:blur(20px)}.button:hover:after{filter:blur(30px)}.button:hover:before{transform:rotate(-180deg)}.button:active:before{scale:.7}.containerCheckbox{--color: #a5a5b0;--size: 30px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color)}.containerCheckbox .eye{position:absolute;animation:keyframes-fill .5s}.containerCheckbox .eye-slash{position:absolute;animation:keyframes-fill .5s;display:none}.containerCheckbox input:checked~.eye{display:none}.containerCheckbox input:checked~.eye-slash{display:block}.containerCheckbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}}.switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;border:2px solid #414141;border-radius:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.slider:before{position:absolute;content:"";height:1.4em;width:1.4em;left:.2em;bottom:.2em;background-color:#fff;border-radius:inherit;transition:all .4s cubic-bezier(.23,1,.32,1)}.switch input:checked+.slider{box-shadow:0 0 20px #0975f1cc;border:2px solid #0974f1}.switch input:checked+.slider:before{transform:translate(1.5em)}.containerBtn{display:flex;flex-direction:column;gap:7px;position:relative;color:#fff}.containerBtn .label{font-size:15px;padding-left:10px;position:absolute;top:13px;transition:.3s;pointer-events:none}.input{width:200px;height:45px;border:none;outline:none;padding:0 7px;border-radius:6px;color:#fff;font-size:15px;background-color:transparent;box-shadow:3px 3px 10px #000,-1px -1px 6px #fff6}.input:focus{border:2px solid transparent;color:#fff;box-shadow:3px 3px 10px #000,-1px -1px 6px #fff6,inset 3px 3px 10px #000,inset -1px -1px 6px #fff6}.containerBtn .input:valid~.label,.containerBtn .input:focus~.label{transition:.3s;padding-left:2px;transform:translateY(-35px)}.containerBtn .input:valid,.containerBtn .input:focus{box-shadow:3px 3px 10px #000,-1px -1px 6px #fff6,inset 3px 3px 10px #000,inset -1px -1px 6px #fff6}.overflow-auto{max-height:270px}.overflow-auto::-webkit-scrollbar{width:8px}.overflow-auto::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.overflow-auto::-webkit-scrollbar-thumb:hover{background-color:#555}*{font-family:system-ui,sans-serif}