* {font-family: "Ubuntu";outline: none;user-select: none;-webkit-tap-highlight-color: transparent;}body {background-color: #222;overflow-y: scroll;margin: 0px;}h1,p {font-size: 0px;margin: 0px;padding: 0px;}#app {display: none;}.header {height: 100px;display: flex;justify-content: end;align-items: center;}.header ol {padding: 0px 50px;list-style: none;display: flex;gap: 30px;}.header a {font-size: 17px;padding: 20px 0px;text-decoration: none;color: #fff6;}.header a:hover {text-decoration: underline;}.search {padding: 50px 50px 20px 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}.search-title {color: #CCC;font-size: 28px;font-weight: 600;text-align: center;}.search-description {max-width: 400px;color: #fff5;margin: 4px 0px 30px 0px;}#search {border: none;width: 450px;height: 42px;border-radius: 42px;padding: 0px 38px;font-size: 14px;font-weight: 300;color: #f2f2f2;caret-color: #f2f2f2;background-color: #353535;background-image: url(../../assets/icons/search.svg);background-position: 13.5px 13.5px;background-repeat: no-repeat;background-size: 15px auto;transition-duration: 0.1s;transition-property: color, background, box-shadow;font-weight: 500;}#search::placeholder {color: #afafaf;font-weight: 400;}#search:hover {background-color: #3f3f3f;}#search:focus,#search[data-active] {box-shadow: inset 0px 0px 0px 2px #06c;background-color: #06c1;}#search::selection {background-color: #FFF2;}.search-tags {display: flex;padding: 15px 30px 0px 30px;justify-content: center;flex-wrap: wrap;gap: 10px;}.search-tag {background-color: #0004;color: #FFF7;font-size: 13.5px;font-weight: 400;line-height: 30px;border-radius: 30px;padding: 0px 12px 0px 12px;cursor: pointer;background-repeat: no-repeat;background-position: 8px 8px;background-size: 14px auto;}.search-tag[data-active] {box-shadow: inset 0px 0px 0px 2px #06cA;background-color: #06c4;color: #FFFC;}.results {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;padding: 20px 40px 100px 40px;max-width: 1500px;margin: 0px auto;}@keyframes item-fade-in {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0px);}}.item {width: 480px;border-radius: 12px;cursor: pointer;transition: all 0.2s;font-size: 14px;padding: 20px;display: flex;flex-direction: column;gap: 10px;background-color: #0002;animation-name: item-fade-in;animation-duration: 0.5s;animation-iteration-count: 1;animation-fill-mode: forwards;opacity: 0;transform: translateY(20px);text-decoration: none;}.item:hover {background-color: #0005;box-shadow: inset 0px 0px 0px 2px #0006;}.item-header {display: flex;gap: 8px;}.item-header-icon {width: 26px;height: 26px;background-size: 24px auto;background-position: center;background-repeat: no-repeat;background-image: url(../../assets/icons/note.svg);opacity: 0.4;}.item-header-title {font-size: 16px;font-weight: 500;color: #FFF9;line-height: 26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 85%;}.item-description {font-size: 13px;font-weight: 400;color: #FFF5;line-height: 18px;flex-grow: 1;}.item:hover .item-action {opacity: 1;}.item-action:hover {background-color: #0075eb;}.item-footer {display: flex;}.item-tags {display: flex;gap: 5px;flex-grow: 1;}.item-tag {font-size: 12px;color: #FFF5;background-color: #ffffff16;line-height: 24px;padding: 1px 8px;border-radius: 5px;}.item-tag[data-active] {background-color: #FFF3;color: #fff9;}@media (max-width: 660px) {.header {height: 80px;}.header ol {padding: 0px 40px;}.search {padding: 20px 20px 0px 20px;text-align: center;}.search-title {font-size: 24px;}#search {width: calc(100% - 120px);}.results {flex-wrap: nowrap;flex-direction: column;padding: 20px;}.item {width: auto;}.item-action {display: none}}