.record-pad{z-index:5;top:calc(var(--record-bar-top) + var(--record-bar-height) + 12px);right:calc((100vw - var(--record-bar-width)) / 2);width:182px;color:rgb(var(--text-1));position:absolute}.record-pad-paper{filter:drop-shadow(0 1px 2px #0000000d)drop-shadow(0 8px 20px #00000014);position:absolute;inset:0}.record-pad-under,.record-pad-face{background:rgb(var(--surface-4));border-radius:3px;position:absolute;inset:0}.record-pad-under{border:1px solid rgb(var(--text-2) / .16);transform:translateY(3px)}.record-pad-face{border:1px solid rgb(var(--text-2) / .19);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.record-pad-fold{position:absolute;bottom:0;right:0;overflow:visible}.record-pad-fold path{fill:color-mix(in srgb, rgb(var(--surface-4)) 86%, rgb(var(--text-2)));stroke:rgb(var(--text-2) / .24);stroke-width:1px;stroke-linejoin:round;filter:drop-shadow(-1px -1px 1.5px #00000024)}.record-pad-body{gap:9px;padding:8px 8px 12px;display:grid;position:relative}.record-pad-body .record-radio-screen{--record-screen-unit:4px;justify-content:center}.record-pad-meta{gap:4px;padding:0 6px;display:grid}.record-pad-body .record-pad-date{color:rgb(var(--text-3));font-family:var(--font-iosevka,"Iosevka"), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.record-pad-body .record-pad-line{color:rgb(var(--text-1));letter-spacing:.005em;text-wrap:balance;margin:0;font-size:14px;line-height:1.3}.record-pad-actions{padding:2px 6px 0}.record-pad-body .record-pad-key,.record-pad-body .record-pad-key:hover{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.record-pad-body .record-pad-key{color:rgb(var(--text-2))}@media (hover:hover) and (pointer:fine){.record-pad-body .record-pad-key:hover{color:rgb(var(--text-1))}}.record-pad-body .record-pad-key:focus-visible{outline-offset:1px;border-radius:5px}.record-pad-out{width:12px;height:12px;display:inline-block}@media (max-height:480px){.record-pad{display:none}}