.od4-import-panel{position:fixed;bottom:84px;inset-inline-start:50%;transform:translate(-50%);background:var(--surface-background);-webkit-backdrop-filter:var(--effect-surface-background-blur);backdrop-filter:var(--effect-surface-background-blur);border:1px solid var(--surface-stroke-1);border-radius:var(--radius-4xlarge);box-shadow:var(--effect-surface-background-shadow);padding:var(--spacing-240);width:440px;max-width:calc(100vw - 32px);z-index:12;display:flex;flex-direction:column;gap:var(--spacing-240);box-sizing:border-box}[dir=rtl] .od4-import-panel{transform:translate(50%)}.od4-import-panel-header{display:flex;align-items:flex-start;min-height:44px;flex-shrink:0;gap:var(--spacing-120)}.od4-import-panel-title{flex:1 1 auto;min-width:0;padding-bottom:var(--spacing-40);font-family:var(--font-family-base);font-size:var(--font-size-title-3);line-height:var(--line-height-title-3);font-weight:var(--font-weight-title-3);color:var(--fg-neutral-1-rest);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}#od4ImportPanelClose{flex:0 0 auto;margin-inline-start:auto}.od4-import-tabs{display:flex;gap:var(--spacing-120)}.od4-import-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-40);padding:var(--spacing-80);background:transparent;border:1px solid var(--stroke-neutral-1-rest);border-radius:var(--radius-xlarge);color:var(--fg-neutral-3-rest);font-family:var(--font-family-base);cursor:pointer;transition:background .12s,border-color .12s,color .12s;min-height:var(--size-560)}.od4-import-tab:hover{background:var(--button-background-2-rest);border-color:var(--stroke-brand-1-rest);color:var(--fg-neutral-1-rest)}.od4-import-tab:active{background:var(--button-background-2-pressed);border-color:var(--stroke-brand-1-rest);color:var(--fg-neutral-1-rest)}.od4-import-tab:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-import-tab.active{background:var(--bg-neutral-3-rest);border-color:var(--stroke-brand-1-rest);box-shadow:inset 0 0 0 1px var(--stroke-brand-1-rest);color:var(--fg-neutral-1-rest)}.od4-import-tab.active:hover,.od4-import-tab.active:active{background:var(--bg-neutral-3-rest);border-color:var(--stroke-brand-1-rest);color:var(--fg-neutral-1-rest)}.od4-import-tab-count{font-size:var(--font-size-body-1-strong);font-weight:var(--font-weight-body-1-strong);line-height:var(--line-height-body-1-strong);min-height:1.2em}.od4-import-tab-count.count-loading{font-size:0}.od4-import-tab-count.count-loading>*{font-size:var(--font-size-body-1-strong)}#od4ImportCountNew.loading:before,#od4ImportCountAll.loading:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--stroke-neutral-2-rest);border-top-color:var(--fg-brand-1-rest);border-radius:50%;animation:import-spinner .8s linear infinite;vertical-align:middle}@keyframes import-spinner{to{transform:rotate(360deg)}}.od4-import-tab-sub{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-3-rest)}.od4-import-tab.active .od4-import-tab-sub{color:var(--fg-neutral-2-rest)}.od4-import-tab.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.od4-import-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-200) var(--spacing-200);text-align:center;flex:1}.od4-import-error-illustration{width:128px;height:128px;margin-bottom:var(--spacing-160)}.od4-import-error-illustration img{width:100%;height:100%;object-fit:contain}.od4-import-error-illustration img.light{display:none}.od4-import-error-illustration img.dark,[data-theme=light] .od4-import-error-illustration img.light{display:block}[data-theme=light] .od4-import-error-illustration img.dark{display:none}.od4-import-error-message{color:var(--fg-neutral-2-rest);font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);max-width:280px;margin:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.od4-import-saveto{position:relative;display:flex;flex-direction:column;gap:var(--spacing-80)}.od4-import-saveto-label{font-family:var(--font-family-base);font-size:var(--font-size-body-1-strong);font-weight:var(--font-weight-body-1-strong);line-height:var(--line-height-body-1-strong);color:var(--fg-neutral-1-rest)}.od4-import-saveto-btn{display:flex;align-items:center;gap:var(--spacing-80);padding:var(--size-100) var(--spacing-80);background:transparent;border:1px solid var(--surface-stroke-1);border-radius:var(--radius-xlarge);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);cursor:pointer;transition:background .12s,border-color .12s}.od4-import-saveto-btn:hover{background:var(--bg-neutral-4-rest);border-color:var(--surface-stroke-2)}.od4-import-saveto-btn:active{background:var(--bg-neutral-5-rest);border-color:var(--surface-stroke-2)}.od4-import-saveto-btn:focus-visible{background:var(--bg-neutral-4-rest);border-color:var(--surface-stroke-2);outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-import-folder-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.od4-import-folder-icon svg{width:20px;height:20px;color:var(--fg-neutral-2-rest)}.od4-import-saveto-path{flex:1;text-align:start}.od4-import-chevron{width:20px;height:20px;flex-shrink:0;color:var(--fg-neutral-3-rest)}.od4-import-description{font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-2-rest);margin:0;padding-inline:var(--spacing-40);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;width:calc(440px - var(--spacing-240) - var(--spacing-240));max-width:100%}.od4-import-panel-footer{display:flex;justify-content:space-between;gap:var(--spacing-120)}.od4-import-panel-footer .cta-btn-primary:disabled{opacity:.4;cursor:not-allowed}#od4ImportConfirmBtn.loading{position:relative;color:transparent;pointer-events:none}#od4ImportConfirmBtn.loading:after{content:"";position:absolute;inset:0;margin:auto;width:var(--size-160);height:var(--size-160);border:2px solid var(--stroke-neutral-2-rest);border-top-color:var(--fg-brand-1-rest);border-radius:50%;animation:import-spinner .8s linear infinite}