.detail-drawer__panel{background:var(--panel);box-shadow:var(--shadow-lg), -1px 0 0 #14151a0f;max-width:560px;height:100%;width:min(100%, var(--detail-drawer-width));outline:none;flex-direction:column;display:flex}.detail-drawer__header,.detail-drawer__footer{flex:none;align-items:center;gap:12px;padding:14px 20px;display:flex}.detail-drawer__header{box-sizing:border-box;height:56px;padding:0 20px;box-shadow:0 1px #14151a0f}.detail-drawer__footer{justify-content:flex-end;box-shadow:0 -1px #14151a0f}.detail-drawer__title{color:var(--text);font-size:var(--type-size-title);font-weight:600;line-height:var(--type-line-title);flex:1;min-width:0;margin:0}.detail-drawer__close{color:var(--muted,var(--text-muted));cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.detail-drawer__close:hover,.detail-drawer__close:focus-visible{background:var(--bg);color:var(--text)}.detail-drawer__body{color:var(--text);flex:1;min-height:0;padding:20px;overflow-y:auto}@container lumii (width<=767px){.detail-drawer__panel{box-shadow:var(--shadow-lg);width:100%;max-width:none}}