/*! 
 * OverlayScrollbars
 * Version: 2.1.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-environment{--os-custom-prop: -1;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:var(--os-custom-prop)}.os-environment div{width:200%;height:200%;margin:10px 0}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;width:auto;min-height:200px;min-width:200px}.os-environment.os-environment-flexbox-glue div{flex:auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,.os-viewport{-ms-overflow-style:scrollbar!important}[data-overlayscrollbars-initialize],[data-overlayscrollbars~=scrollbarHidden],.os-viewport-scrollbar-hidden.os-environment,.os-viewport-scrollbar-hidden.os-viewport{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar,.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]{overflow:auto}html[data-overlayscrollbars],html.os-viewport-scrollbar-hidden,html.os-viewport-scrollbar-hidden>body{box-sizing:border-box;margin:0;width:100%;height:100%}html[data-overlayscrollbars]>body{overflow:visible}[data-overlayscrollbars~=host]{position:relative}[data-overlayscrollbars~=host],.os-padding{display:flex;flex-direction:row!important;flex-wrap:nowrap!important}.os-padding,.os-viewport{box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;padding:0;margin:0;border:none;z-index:0}.os-viewport{--os-vaw: 0;--os-vah: 0}.os-viewport.os-viewport-arrange:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden}[data-overlayscrollbars~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}.os-padding,.os-viewport{overflow:hidden}.os-overflow-visible{overflow:visible}.os-content{box-sizing:inherit}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] .os-padding{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>.os-padding,[data-overlayscrollbars-grid]>.os-viewport,[data-overlayscrollbars-grid]>.os-padding>.os-viewport{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;direction:ltr!important;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible,.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hidden{opacity:0;visibility:hidden}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars~=updating]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track{border-radius:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal{padding:2px;right:10px;height:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl{left:10px;right:0}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle{min-width:33px;max-width:none}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,.os-no-css-vars.os-theme-light.os-scrollbar-vertical{padding:2px;bottom:10px;width:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle{min-height:33px;max-height:none}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:-6px;left:-2px}.os-no-css-vars.os-theme-dark .os-scrollbar-handle{background:rgba(0,0,0,.44)}.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle{background:rgba(0,0,0,.66)}.os-no-css-vars.os-theme-light .os-scrollbar-handle{background:rgba(255,255,255,.44)}.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle{background:rgba(255,255,255,.55)}.os-no-css-vars.os-theme-light:active .os-scrollbar-handle{background:rgba(255,255,255,.66)}html,body{margin:0;padding:0;background-color:#e1f7f3}#root{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100vh}#footer{position:fixed;bottom:0;left:0;font-size:12px;user-select:none;background:rgb(225,247,243);padding:5px 10px 10px;border-radius:0 10px 0 0}h1{font-weight:200;font-size:30px;line-height:1.1}h2{font-weight:150;font-size:20px}h2>input{float:right;width:70px;text-align:right;padding:2px 6px;outline:none;border-radius:5px;background-color:transparent;border:1px solid transparent}h2>input:focus{background-color:#fff;box-shadow:0 2px 10px -2px inset #0000001a;border-color:#cdd9d7}.content{width:80%;max-width:1000px;min-width:500px;margin:0 auto}#main{display:flex;flex-direction:row;justify-content:space-around;gap:30px}p.info{padding:10px;border:1px solid #acccc9;background-color:#ceeeeb;line-height:25px;border-radius:5px}div.buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:20px}button.button{margin:20px 0;padding:10px;border-radius:5px;border:none;background:#7bb3b0;cursor:pointer;color:#fff;font-weight:300;font-size:18px;box-shadow:0 2px 10px -2px #0000001a;transition:all .2s ease}button.button:hover{background:#8aa8a3;box-shadow:0 2px 10px -2px #0003}button.button:disabled{background:#58605e;cursor:default}button.button>span{padding-left:10px}#showImportModal{display:flex;flex-direction:row;justify-content:flex-end;gap:10px;margin:0}#showImportModal>input{background:#fff;border-radius:5px;border:1px solid #cdd9d7;padding:8px 14px;box-shadow:0 2px 10px -2px inset #0000001a;outline:none;flex-grow:0;min-width:140px;width:140px;transition:border-color .2s ease}#showImportModal>input:focus{border-color:#7bb3b0}#showImportModal>input:first-of-type{flex-grow:1}#projects{display:flex;flex-direction:column;gap:20px}#project_list .project{display:flex;flex-direction:row;justify-content:space-between;padding:5px;margin:-5px;cursor:pointer;gap:10px}#project_list .project:hover{background:rgba(0,0,0,.06);border-radius:5px}#project_list .project .project_name{font-size:20px;font-weight:300;color:#343f3f;flex-grow:1}#project_list .project .project_date{font-size:20px;font-weight:300;color:#343f3f}#project_list .project .project_actions button{margin:5px 5px 0;font-size:17px;background:none;border:none;outline:none;cursor:pointer}#project_list .project .project_actions button:hover{color:red}#phone_wrapper{position:relative;overflow:hidden;border:5px solid #000;height:500px;width:300px;border-radius:30px;padding:15px}#phone_wrapper:after{content:"";position:absolute;background-color:#000;width:80px;height:18px;border-radius:20px;left:50%;top:10px;margin-left:-40px}#phone_wrapper a{color:inherit;text-decoration:none}#phone_wrapper .icons{display:flex;flex-direction:row;justify-content:space-around;gap:20px;margin-top:20px}#phone_wrapper .icon{font-size:30px}#phone_wrapper .block{background:#ffffff4d;padding:10px;border-radius:5px;margin-top:20px}#projects,#editor{width:500px}#editor a{text-decoration:none;color:#343f3f;word-wrap:break-word;word-break:break-word;hyphens:auto}#menu{display:flex;flex-direction:row;justify-content:start;width:100%;margin-bottom:20px;gap:20px}#menu>button{background-color:transparent;border:none;padding:8px 0;outline:none;cursor:pointer;font-size:18px;border-bottom:2px solid transparent}#menu>button[data-active=true]{border-bottom-color:#8aa8a3}#menu>button:last-of-type{margin-left:auto}#editor .expandable-section-headline{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;cursor:pointer}#editor .group{display:flex;flex-direction:column;gap:20px}#editor .group>p{margin:0}#editor .field{display:flex;flex-direction:row;gap:20px;height:35px;line-height:1}#editor .field:first-of-type{margin-top:0}#editor .field input,#editor .field textarea{background:#fff;border-radius:5px;border:1px solid #cdd9d7;padding:8px 14px;box-shadow:0 2px 10px -2px inset #0000001a;outline:none;flex-grow:1;line-height:1;transition:border-color .2s ease}#editor .field button,#editor .expandable-section-headline button{background-color:transparent;border:none;outline:none;font-size:25px;cursor:pointer}#editor .field input[type=text]:focus,#editor .field input[type=url]:focus,#editor .field textarea:focus{border-color:#96b1ac}.icon-selector{cursor:pointer}.icon-selector-selection{position:relative;font-size:30px;color:#222;margin:0;padding:0}.icon-selector-selection[data-animate=true]:hover{animation:shake .2s}.icon-selector-dropdown{position:absolute;display:none;background-color:#fff;box-shadow:0 2px 10px -2px #0000001a;margin:5px 0 0;border-radius:5px;padding:20px;display:felx;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:20px;z-index:100}.icon-selector-dropdown:before{content:"";width:10px;height:10px;background-color:#fff;transform:rotate(45deg);position:absolute;top:-6px;left:14px;z-index:-1;border-radius:3px}.icon-selector-dropdown button{width:auto!important;transition:transform .25s}.icon-selector-dropdown button:hover{animation:shake .2s}.icon-selector-dropdown[data-show=true]{display:flex}.group .row{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;margin:0}.link_stats{display:flex;flex-direction:column;padding:10px;border-radius:5px;background:#ffffff80;gap:10px}.link_stats .row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.link_stats .row p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link_stats .row p:first-of-type{max-width:300px}.badge{background:rgb(183,196,208);padding:0 0 0 5px;margin:0;border-radius:5px;font-size:14px;color:#555f68;display:flex;gap:10px;justify-content:space-between;user-select:none;overflow:hidden}.badge>span{background:rgb(144,154,163);color:#fff;display:inline-block;padding:0 10px;min-width:18px;text-align:right;font-weight:700}.link_stats .row:last-of-type p:first-of-type{opacity:.5}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@media (max-width: 768px){#phone_wrapper{display:none}#root{justify-content:flex-start;min-height:100vh;height:100%}#main{width:calc(100% - 20px);margin:10px;min-width:300px}#menu{flex-wrap:wrap;width:calc(100% - 60px);background-color:#b9b9b929;padding:10px 10px 10px 50px;border-radius:5px;position:sticky;top:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10}#menu>button:last-of-type{order:-1;margin:0 0 0 -40px}#editor .field{height:auto;flex-wrap:wrap;background:#dbedea;padding:10px;border-radius:5px;gap:10px}.link_stats .row:last-of-type p:first-of-type{max-width:150px}div[data-overlayscrollbars]{max-height:none!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
