.da2-crail{display:flex;flex-direction:column;gap:8px;min-width:0}.da2-crail__search{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--da2-radius);background:#ffffff0f}.da2-crail__search:focus-within{background:#ffffff1a}.da2-crail__search>svg{width:14px;height:14px;flex:none;color:var(--da2-nav-icon-t2)}.da2-crail__searchinput{width:100%;min-width:0;border:0;background:none;color:var(--da2-nav-t1);font-family:inherit;font-size:var(--da2-fs-meta);line-height:18px;outline:none}.da2-crail__searchinput::placeholder{color:var(--da2-nav-t3)}.da2-crail__searchinput::-webkit-search-cancel-button{appearance:none}.da2-crail__list{min-width:0}.da2-crail__group{display:flex;flex-direction:column;gap:1px;min-width:0}.da2-crail__row{display:flex;align-items:center;gap:6px;min-width:0;padding-right:4px;border-radius:var(--da2-radius)}.da2-crail__row:focus-within,.da2-crail__row:hover{background:#ffffff12}.da2-crail__row--active{background:var(--da2-dark-active)}.da2-crail__open{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;padding:7px 0 7px 10px;border:0;background:none;color:var(--da2-nav-t2);font-family:inherit;font-size:var(--da2-fs-meta);line-height:18px;text-align:left;cursor:pointer}.da2-crail__row--active .da2-crail__open{color:var(--da2-bg)}.da2-crail__icon{display:inline-flex;flex:none;color:var(--da2-nav-icon-t2)}.da2-crail__icon>svg{width:15px;height:15px;stroke-width:1.6}.da2-crail__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da2-crail__time{flex:none;color:var(--da2-nav-count-t2);font-family:var(--da2-mono);font-size:var(--da2-fs-mono-micro);line-height:14px;white-space:nowrap}.da2-crail__row:focus-within .da2-crail__time,.da2-crail__row:hover .da2-crail__time{display:none}.da2-crail__delete{display:none;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:0;border-radius:var(--da2-radius);background:none;color:var(--da2-nav-icon-t3);cursor:pointer}.da2-crail__row:focus-within .da2-crail__delete,.da2-crail__row:hover .da2-crail__delete{display:inline-flex}.da2-crail__delete:hover{background:#ffffff1f;color:var(--da2-bg)}.da2-crail__delete>svg{width:14px;height:14px;stroke-width:1.6}.da2-crail__empty{margin:0;padding:2px 10px 6px;color:var(--da2-nav-count-t2);font-size:var(--da2-fs-caption);line-height:var(--da2-lh-caption)}@media (pointer:coarse){.da2-crail__open{padding-top:10px;padding-bottom:10px}.da2-crail__delete{display:inline-flex;width:32px;height:32px}.da2-crail__row .da2-crail__time{display:none}}