._1cgrrak0{align-items:center;background:var(--affine-v2-layer-background-secondary);border:1px solid var(--affine-v2-layer-insideBorder-border);border-radius:999px;box-shadow:var(--affine-shadow-1);color:var(--affine-v2-text-emphasis);display:inline-flex;font-family:var(--affine-font-family);font-size:var(--affine-font-sm);font-weight:500;gap:6px;inset-block-start:calc(env(safe-area-inset-top, 0px) + 8px);inset-inline-end:12px;padding:4px 10px;position:fixed;z-index:10}
@keyframes _1n8w2ng1{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}._1n8w2ng2{transform:rotate(-90deg)}._1n8w2ng3{--_1n8w2ng0:1.5s;animation:_1n8w2ng1 var(--_1n8w2ng0) infinite linear}
@keyframes _1djoxjj0{0%{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}._1djoxjj1{animation:_1djoxjj0 0.2s cubic-bezier(0.2,1,0.3,1);background-color:var(--affine-v2-tooltips-background);border-radius:4px;color:var(--affine-v2-tooltips-foreground);font-size:var(--affine-font-sm);line-height:22px;max-width:280px;padding:5px 12px;transform-origin:var(--radix-tooltip-content-transform-origin);word-break:break-word}._1djoxjj2{display:flex;gap:10px}._1djoxjj3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1djoxjj4{gap:2px}._1djoxjj4,._1djoxjj5{align-items:center;display:flex}._1djoxjj5{background:var(--affine-v2-tooltips-secondaryBackground);border-radius:4px;font-size:var(--affine-font-xs);font-weight:400;height:16px;justify-content:center;line-height:20px;min-width:16px;padding:0 4px}._1djoxjj5[data-length="1"]{width:16px}
.trarl2e{--trarl23:4px;--trarl21:unset;--trarl20:unset;--trarl2d:1px;align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;justify-content:center;outline:0;position:relative;transition:all .3s;user-select:none;-webkit-app-region:no-drag;background-color:var(--trarl29);border-color:var(--trarl2c);border-style:solid;border-width:var(--trarl2d);box-shadow:var(--trarl28);color:var(--trarl2a);font-size:var(--trarl25);font-weight:var(--trarl26);gap:var(--trarl23);height:var(--trarl20);line-height:var(--trarl27);padding:var(--trarl24);width:var(--trarl21)}.trarl2e:before{background-color:var(--affine-v2-layer-background-hoverOverlay);border:inherit;border-color:transparent;border-radius:inherit;content:"";height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:inherit;width:100%}.trarl2e[data-disabled]:before,.trarl2e[data-no-hover]:before{display:none}.trarl2e:hover:before{opacity:1}.trarl2e[data-block]{display:flex}.trarl2e[data-size=default]{--trarl20:28px;--trarl24:4px 12px;--trarl22:16px;--trarl25:var(--affine-font-xs);--trarl26:500;--trarl27:20px}.trarl2e[data-size=large]{--trarl20:32px;--trarl24:4px 12px;--trarl22:20px;--trarl25:15px;--trarl26:500;--trarl27:24px}.trarl2e[data-size=extraLarge]{--trarl20:40px;--trarl24:8px 18px;--trarl22:24px;--trarl25:15;--trarl26:600;--trarl27:24px}.trarl2e[data-variant=primary]{--trarl29:var(--affine-v2-button-primary);--trarl2a:var(--affine-v2-button-pureWhiteText);--trarl2b:var(--affine-v2-button-pureWhiteText);--trarl2c:var(--affine-v2-layer-insideBorder-blackBorder)}.trarl2e[data-variant=secondary]{--trarl29:var(--affine-v2-button-secondary);--trarl2a:var(--affine-v2-text-primary);--trarl2b:var(--affine-v2-icon-primary);--trarl2c:var(--affine-v2-layer-insideBorder-blackBorder)}.trarl2e[data-variant=plain]{--trarl29:transparent;--trarl2a:var(--affine-v2-text-primary);--trarl2b:var(--affine-v2-icon-primary);--trarl2c:transparent;--trarl2d:0px}.trarl2e[data-variant=error]{--trarl29:var(--affine-v2-button-error);--trarl2a:var(--affine-v2-button-pureWhiteText);--trarl2b:var(--affine-v2-button-pureWhiteText);--trarl2c:var(--affine-v2-layer-insideBorder-blackBorder)}.trarl2e[data-variant=success]{--trarl29:var(--affine-v2-button-success);--trarl2a:var(--affine-v2-button-pureWhiteText);--trarl2b:var(--affine-v2-button-pureWhiteText);--trarl2c:var(--affine-v2-layer-insideBorder-blackBorder)}.trarl2e[data-disabled]{opacity:0.5}.trarl2e:not([data-disabled]){cursor:pointer}.trarl2e:focus-visible:after{border-radius:inherit;box-shadow:0 0 0 1px var(--affine-v2-layer-insideBorder-primaryBorder);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.trarl2e[data-mobile=true]:focus-visible:after{content:none;display:none}.trarl2f{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trarl2g{align-items:center;color:var(--trarl2b);display:flex;flex-shrink:0;font-size:var(--trarl22);height:var(--trarl22);width:var(--trarl22)}.trarl2g>svg{display:block;height:100%;width:100%}.trarl2h{--trarl24:2px;--shadow:0px 0px 1px 0px rgba(0,0,0,.12),0px 1px 5px 0px rgba(0,0,0,.12);border-radius:4px}[data-theme=dark] .trarl2h{--shadow:0px 0px 1px 0px rgba(0,0,0,.66),0px 1px 5px 0px rgba(0,0,0,.72)}.trarl2h[data-icon-variant=danger],.trarl2h[data-icon-variant=plain]{--trarl29:transparent;--trarl2b:var(--affine-v2-icon-primary);--trarl2c:transparent;--trarl2d:0px}.trarl2h[data-icon-variant=danger]:hover{--trarl29:var(--affine-background-error-color);--trarl2b:var(--affine-error-color)}.trarl2h[data-icon-variant=danger]:hover:before{opacity:0}.trarl2h[data-icon-variant=solid]{--trarl29:var(--affine-v2-button-iconButtonSolid);--trarl2b:var(--affine-v2-icon-primary);--trarl2c:transparent;--trarl28:var(--shadow)}.trarl2h[data-icon-size="24"]{--trarl24:4px}
._1yyrpan0{align-items:center;background:var(--affine-background-primary-color);border:1px solid var(--affine-border-color);border-radius:8px;color:var(--affine-text-primary-color);cursor:pointer;display:inline-flex;font-size:var(--affine-font-sm);font-weight:600;height:32px;justify-content:center;padding:0 0 0 10px;user-select:none;white-space:nowrap}._1yyrpan0:hover{background:var(--affine-hover-color-filled)}._1yyrpan0[data-size=default]{height:32px}._1yyrpan0[data-size=small]{height:28px}._1yyrpan1{background:var(--affine-divider-color);height:16px;margin:0 0 0 4px;width:0.5px}._1yyrpan2{align-items:center;display:flex;height:100%;justify-content:center;padding-left:4px;padding-right:10px;width:100%}._1yyrpan3{border-radius:4px}._1yyrpan2:hover ._1yyrpan3{background:var(--affine-hover-color)}
._1e4pc750{align-items:center;background-color:var(--affine-v2-input-background);border:1px solid;border-radius:8px;box-sizing:border-box;color:var(--affine-v2-text-primary);display:flex;font-size:var(--affine-font-base);gap:10px;height:28px;justify-content:center;line-height:22px;overflow:hidden;width:100%}._1e4pc750.no-border{border:unset}._1e4pc750.large{height:32px}._1e4pc750.extra-large{font-weight:600;height:40px}._1e4pc750.disabled{background:var(--affine-v2-layer-background-hoverOverlay)}._1e4pc750.error{border-color:var(--affine-v2-input-border-error)}._1e4pc750.success{border-color:var(--affine-v2-input-border-active)}._1e4pc750.warning{border-color:var(--affine-v2-input-border-error)}._1e4pc750.default{border-color:var(--affine-v2-layer-insideBorder-blackBorder)}._1e4pc750.default:is(:focus-within,:focus,:focus-visible){border-color:var(--affine-v2-button-primary);box-shadow:0px 0px 0px 2px rgba(30,150,235,.3);outline:none}._1e4pc751{border-radius:4px;height:30px}._1e4pc752{-webkit-appearance:none;box-sizing:border-box;flex:1;height:100%;padding:0 12px;width:0;-webkit-tap-highlight-color:transparent;background:transparent;border:none;outline:none}._1e4pc752::placeholder{color:var(--affine-v2-text-placeholder)}._1e4pc752:disabled{color:var(--affine-v2-text-disable)}._1e4pc752:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--affine-v2-layer-white) inset}
@keyframes _8eoi030{0%{opacity:0}to{opacity:1}}._8eoi031{animation-duration:0.16s;animation-name:_8eoi030;animation-timing-function:ease-out;background:var(--affine-v2-layer-background-primary);box-sizing:border-box;color:var(--affine-v2-text-primary);font-family:var(--affine-font-family);min-height:100vh;padding-block-end:calc(env(safe-area-inset-bottom, 0px) + 24px);padding-block-start:calc(env(safe-area-inset-top, 0px) + 16px);padding-inline:20px}._8eoi032{align-items:center;display:flex;gap:8px;margin-block-end:16px}._8eoi033{color:var(--affine-v2-text-primary);font-size:var(--affine-font-h-5);font-weight:600;margin:0}._8eoi034{align-items:center;background:var(--affine-v2-layer-background-secondary);border:1px dashed var(--affine-v2-layer-insideBorder-border);border-radius:12px;color:var(--affine-v2-text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 16px;text-align:center}._8eoi035{background:var(--affine-v2-layer-background-error);border-color:var(--affine-v2-input-border-error);color:var(--affine-v2-status-error)}
._1mmqzk90{background:var(--affine-v2-layer-background-secondary);border:0.5px solid var(--affine-v2-layer-insideBorder-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-block-end:16px;padding:16px}._1mmqzk91{color:var(--affine-v2-text-primary);font-size:var(--affine-font-h-6);font-weight:600}._1mmqzk92{display:flex;flex-direction:column;gap:6px}._1mmqzk93{color:var(--affine-v2-text-secondary)}._1mmqzk94{align-items:center;display:flex;gap:12px;justify-content:space-between}._1mmqzk95{color:var(--affine-v2-text-primary);font-size:var(--affine-font-h-6);font-weight:600}._1mmqzk96{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}._1mmqzk97{background:var(--affine-v2-layer-background-primary);border:1px solid var(--affine-v2-layer-insideBorder-border);border-radius:6px;color:var(--affine-v2-text-primary);padding:8px 12px}._1mmqzk98{display:flex;flex-direction:column;gap:6px}._1mmqzk99{align-items:center;display:flex;gap:8px;justify-content:space-between}._1mmqzk9a{color:var(--affine-v2-text-secondary)}._1mmqzk9b{background:transparent;border:none;color:var(--affine-v2-text-emphasis);cursor:pointer;margin:-8px -12px;padding:8px 12px;text-decoration:underline}._1mmqzk9b:hover{color:var(--affine-v2-text-primary)}._1mmqzk9c{background:var(--affine-v2-layer-background-primary);block-size:160px;border:1px solid var(--affine-v2-input-border-active);border-radius:8px;cursor:crosshair;inline-size:100%;touch-action:none}._1mmqzk9d{color:var(--affine-v2-text-secondary)}._1mmqzk9e{background:var(--affine-v2-layer-background-primary);border-block-start:0.5px solid var(--affine-v2-layer-insideBorder-border);display:flex;flex-direction:column;gap:8px;inset-block-end:0;margin-block-end:calc(env(safe-area-inset-bottom, 0px)*-1 + -24px);margin-block-start:16px;margin-inline:-20px;padding-block-end:calc(env(safe-area-inset-bottom, 0px) + 12px);padding-block-start:12px;padding-inline:20px;position:sticky;z-index:1}._1mmqzk9f{color:var(--affine-v2-text-secondary);text-align:center}._1mmqzk9g{color:var(--affine-v2-status-error);text-align:center}
._8o8l4s0{list-style:none;margin:0;padding:0}._8o8l4s0,._8o8l4s1{display:flex;flex-direction:column;gap:12px}._8o8l4s1{background:var(--affine-v2-layer-background-secondary);border:0.5px solid var(--affine-v2-layer-insideBorder-border);border-radius:12px;box-shadow:var(--affine-shadow-1);padding:16px}._8o8l4s2{display:flex;flex-direction:column;gap:8px}._8o8l4s3{color:var(--affine-v2-text-primary);font-size:var(--affine-font-base);font-weight:600;overflow-wrap:anywhere}._8o8l4s4{align-items:center;display:flex;flex-wrap:wrap;gap:8px}._8o8l4s5,._8o8l4s6{color:var(--affine-v2-text-secondary)}._8o8l4s6{align-items:center;background:var(--affine-v2-layer-background-primary);border:1px solid var(--affine-v2-layer-insideBorder-border);border-radius:999px;display:inline-flex;padding-block:2px;padding-inline:8px;text-transform:capitalize}