.nav{position:fixed;top:0;left:0;right:0;height:60px;overflow:hidden;background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,0.25)));background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.25));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:100}.nav__left,.nav__right{display:-webkit-box;display:-ms-flexbox;display:flex}.nav__logo{height:25px;width:auto;display:block;margin-left:0.5rem;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.3));filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.3))}.nav__search{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0.5rem}.nav__input{background:var(--color-900);border:none;padding:0 1rem;line-height:1;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;width:clamp(200px,20vw,350px);outline:none}.nav__submit{background:var(--color-900);padding:0 0.75rem;line-height:1;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-400)}.nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;padding:0 0.75rem;color:var(--color-100);font-weight:300;text-decoration:none;line-height:1}.nav__link:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--color-red-600)),to(var(--color-red-400)));background-image:linear-gradient(to bottom,var(--color-red-600),var(--color-red-400));color:var(--color-100)}.nav__link:hover svg{color:var(--color-white)!important}.nav__link.active{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--color-red-700)),to(var(--color-red-500)));background-image:linear-gradient(to bottom,var(--color-red-700),var(--color-red-500));color:var(--color-100)}.nav__link.active svg{color:var(--color-white)!important}.footer{margin-top:auto;padding:1rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2vw;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;border-top:1px solid var(--color-950)}.footer__text{font-size:var(--fs-200);font-weight:300;margin-bottom:0;line-height:1.25;color:var(--color-200);font-weight:200}.link{display:-ms-grid;display:grid;-ms-grid-columns:1fr auto;grid-template-columns:1fr auto;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;border-radius:0.25rem;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);background-image:-webkit-gradient(linear,left top,right bottom,from(var(--color-700)),to(var(--color-800)));background-image:linear-gradient(to bottom right,var(--color-700),var(--color-800));color:var(--color-50);line-height:1.25;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.link>:first-child{-ms-grid-row:1;-ms-grid-column:1}.link>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}.link>:nth-child(3){-ms-grid-row:2;-ms-grid-column:1}.link>:nth-child(4){-ms-grid-row:2;-ms-grid-column:2}.link__description,.link__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.link__label{padding:0.5rem 0.75rem;border-radius:0.25rem 0.25rem 0 0;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex}.link__description{-webkit-box-shadow:inset 0 8px 8px -8px rgba(0,0,0,0.45);box-shadow:inset 0 8px 8px -8px rgba(0,0,0,0.45);background-color:rgba(0,0,0,0.15);border-radius:0 0 0.25rem 0.25rem;font-size:var(--fs-300);font-weight:300;padding:0.375rem 0.75rem;color:var(--color-200);grid-column:1/-1}.link__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0.5rem 0 0;color:var(--color-300)}.link[data-importance="1"]{color:var(--color-50)}.link[data-importance="1"] .link__label{border-left:5px solid var(--color-a200)}.link[data-importance="2"]{color:var(--color-50)}.link[data-importance="2"] .link__label{border-left:5px solid var(--color-orange-300)}.link[data-importance="3"]{color:var(--color-50)}.link[data-importance="3"] .link__label{border-left:5px solid var(--color-red-400)}.link:focus,.link:hover{background-image:-webkit-gradient(linear,left top,right bottom,from(var(--color-blue-500)),to(var(--color-blue-700)));background-image:linear-gradient(to bottom right,var(--color-blue-500),var(--color-blue-700))}.link:focus .link__description,.link:focus .link__icon,.link:focus .link__label,.link:hover .link__description,.link:hover .link__icon,.link:hover .link__label{color:#fff}.section-desc{font-weight:300;padding:0.5rem 0.75rem;margin-bottom:0;line-height:1.25;border-radius:0.25rem;margin-bottom:1rem;color:var(--color-200);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.15)),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,0.15),transparent)}.passwords{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.passwords h6{margin-bottom:0.375rem;margin-top:1.25rem;color:#368BFC}input.input-text{color:rgba(255,255,255,0.45);background:rgba(0,0,0,0.25);border:none;padding:0.75rem 1rem;border-radius:0.25rem;border:1px solid transparent}input.input-text:focus{outline:none;border-color:#368BFC}.draglist{padding:0.5rem;border-radius:0.5rem;border:2px solid transparent}.draglist__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.5rem;line-height:1;background:var(--color-800);color:var(--color-100);border-radius:0.25rem;cursor:move;-webkit-box-shadow:var(--shadow),inset 0 -3px 0 0 rgba(255,255,255,0.1);box-shadow:var(--shadow),inset 0 -3px 0 0 rgba(255,255,255,0.1)}.draglist__item:not(:last-child){margin-bottom:0.65rem}.draglist__item .svg-icon{opacity:0.65}.draglist__dragging{background:var(--color-blue-600);color:var(--color-blue-50)}.draglist--saved{border-color:var(--color-green-300)}.list-sections{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem}.list-sections__item{line-height:1;white-space:nowrap;background:rgba(0,0,0,0.45);color:var(--color-300);padding:0.275rem 0.75rem;text-transform:uppercase;font-size:var(--fs-100);letter-spacing:1px;font-weight:500}.links-count{display:inline-block;line-height:1;white-space:nowrap;background:rgba(0,0,0,0.45);color:var(--color-300);padding:0.275rem 0.75rem;text-transform:uppercase;font-size:var(--fs-100);letter-spacing:1px;font-weight:500}.container--fluid{width:auto;margin:0;padding:0 max(2vw,1rem);overflow:visible}:root{--ff-body:"Fira Sans Extra Condensed";--ff-heading:"Fira Sans Extra Condensed";--color-50:hsl(211,20%,97%);--color-100:hsl(209,12%,91%);--color-200:hsl(205,13%,85%);--color-300:hsl(206,10%,65%);--color-400:hsl(206,11%,53%);--color-500:hsl(206,9%,43%);--color-600:hsl(204,11%,37%);--color-700:hsl(204,15%,30%);--color-800:hsl(204,17%,25%);--color-900:hsl(205,21%,16%);--color-950:hsl(205,25%,10%);--color-1000:hsl(205,21%,9%);--color-a100:hsl(207,100%,81%);--color-a200:hsl(207,100%,71%);--color-a400:hsl(208,100%,61%);--color-a700:hsl(208,100%,56%)}body{padding-top:60px;background-image:radial-gradient(650px circle at 20% 0%,var(--color-800),transparent);background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:var(--color-a200)}a:hover{color:var(--color-a100)}.work-time-display{text-align:center;font-family:var(--ff-count);font-weight:bold;letter-spacing:-0.05vw;line-height:1;font-size:clamp(7rem,25vw,25rem);text-shadow:2px 5px 8px rgba(0,0,0,0.05);color:transparent;background-image:-webkit-gradient(linear,left top,right bottom,from(var(--color-blue-200)),to(var(--color-blue-600)));background-image:linear-gradient(to bottom right,var(--color-blue-200),var(--color-blue-600));-webkit-background-clip:text;background-clip:text}.converter__dest,.converter__source{background:rgba(0,0,0,0.25);padding:1rem;border-radius:0.5rem;border:1px solid var(--color-800);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);font-family:var(--ff-monospace);font-size:0.8rem;line-height:1.25;color:var(--color-a200)}.converter__dest::-webkit-input-placeholder,.converter__source::-webkit-input-placeholder{color:var(--color-600)}.converter__dest::-moz-placeholder,.converter__source::-moz-placeholder{color:var(--color-600)}.converter__dest:-ms-input-placeholder,.converter__source:-ms-input-placeholder{color:var(--color-600)}.converter__dest::-ms-input-placeholder,.converter__source::-ms-input-placeholder{color:var(--color-600)}.converter__dest::placeholder,.converter__source::placeholder{color:var(--color-600)}.converter__source{color:lime}.elements-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,0.25);padding:1rem 0.25rem;border-radius:0.5rem;cursor:pointer;border:1px solid var(--color-800);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.elements-icon span{margin-top:0.25rem;color:var(--color-a200);font-family:var(--ff-monospace);font-size:var(--fs-100)}.elements-icon--copied{background:var(--color-green-600);border-color:var(--color-white);color:var(--color-white)}.elements-icon--copied span{color:var(--color-white)}.elements-icon .svg-icon{width:3rem;height:3rem}input[name=icons-search]{background:rgba(0,0,0,0.25);padding:1rem;border-radius:0.5rem;border:1px solid var(--color-800);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);font-family:var(--ff-monospace);font-size:1.2rem;line-height:1.25;color:var(--color-a200);outline:none}input[name=icons-search]::-webkit-input-placeholder{color:var(--color-600)}input[name=icons-search]::-moz-placeholder{color:var(--color-600)}input[name=icons-search]:-ms-input-placeholder{color:var(--color-600)}input[name=icons-search]::-ms-input-placeholder{color:var(--color-600)}input[name=icons-search]::placeholder{color:var(--color-600)}