.ts{margin:8px auto 8px 8px;max-width:380px;position:relative;width:100%}.ts input{flex:1 0 auto;margin:0;max-width:100%;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);background:var(--gd-topbar-search-back-color);border:var(--gd-topbar-search-border);border-radius:30px;box-shadow:none;color:var(--gd-topbar-search-color);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;line-height:1.2142em;padding:.77861429em 1em;text-align:left;transition:box-shadow .1s ease,border-color .1s ease;width:100%}.ts .popup{background-color:var(--gd-popup-back-color);border:1px solid rgba(34,36,38,.15);border-radius:3px;box-shadow:0 2px 3px rgba(34,36,38,.15);display:none;left:2px;max-height:415px;min-width:390px;overflow-y:auto;padding:0;top:42px;z-index:10}.ts.active .popup{display:block;position:absolute}.ts .clear{cursor:pointer;height:30px;right:7px;top:4px;width:30px}.ts .clear,.ts .clear i{align-items:center;display:flex;justify-content:center;position:absolute}.ts .clear i{height:100%;left:0;top:0;width:100%}.ts .clear .isr,.ts.searching .clear .icl{display:flex}.ts .clear .icl{color:#adadad;display:none;left:auto;right:30px}.ts .clear .gloading,.ts.loading .clear .isr{display:none}.ts.loading .clear .gloading{display:flex}@media(max-width:768px){.ts{display:none}}.ts .popup .group{border-bottom:1px solid var(--gd-popup-border-color);display:flex;width:100%}.ts .popup .group .nm{background:var(--gd-popup-back-categories-color);flex-shrink:0;font-weight:700;padding:10px;text-align:left;text-transform:capitalize;width:30%}.ts .popup .group .ls{width:100%}.ts .popup .group .item{align-items:center;border-bottom:1px solid var(--gd-popup-border-color);display:flex;font-weight:700;padding:10px;text-align:left}.ts .popup .group .item:last-child{border-bottom:none}.ts .popup .group .item .ava{border-radius:30px;flex-shrink:0;height:25px;margin-right:10px;width:25px}@media(max-width:768px){.srch .ts{display:block;margin:8px 0 0}.srch .ts input{border-radius:5px!important;font-size:1rem;padding:20px;padding-right:20px!important}.srch .ts .clear .isr{color:gray;font-size:1.5rem}.srch .ts .clear{height:54px;width:42px}.srch .ts .clear .icl{font-size:1.2rem;right:40px}.srch .ts .popup{left:0;min-width:auto;top:69px;width:100%}}.create-diary{border:1px solid #fff;border-radius:30px;color:#fff;display:none;font-weight:600;gap:.4rem;justify-content:center;margin:1.8rem auto 0;max-width:190px;padding:.4rem;text-shadow:0 0 10px #000,0 0 10px #000}@media(max-width:768px){.create-diary{display:flex}}