.on-top-page{--font-main:"Racama-U",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--button-standard-padding-x:16px;--button-standard-padding-y:8px;--button-standard-radius:99px;--button-standard-font-size:12px;--button-standard-line-height:8px;--button-compact-padding-x:4px;--button-compact-padding-y:2px;--button-compact-radius:4px;--button-compact-font-size:10px;--button-compact-line-height:11px;--button-blue-bg-default:rgba(63,137,228,0.12);--button-blue-bg-hover:#3f89e4;--button-blue-text-default:#3f89e4;--button-blue-text-hover:#f5f5f5;--button-green-bg-default:rgba(40,200,64,0.12);--button-green-bg-hover:#28c840;--button-green-text-default:#28c840;--button-green-text-hover:#f5f5f5;--button-red-bg-default:rgba(174,36,36,0.12);--button-red-bg-hover:#ae2424;--button-red-text-default:#ae2424;--button-red-text-hover:#f5f5f5;--button-shadow-default:0 8px 40px rgba(0,0,0,0.2);--button-shadow-hover:0 8px 20px rgba(0,0,0,0.2);--button-transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 120ms ease;--button-disabled-bg:rgba(255,255,255,0.06);--button-disabled-text:#35373d;--button-disabled-border:#35373d;--on-top-panel-bg:#1d1d1d;--on-top-block-bg:#111111;--on-top-card-bg:#151515;--on-top-text:#b2b2b2;--on-top-muted:#747b86;--on-top-title:#eef0f5;--on-top-blue:#3f89e4;--on-top-green:#2ee94c;--on-top-red:#ff5f57;--on-top-border:rgba(255,255,255,0.07);--on-top-control:rgba(255,255,255,0.04);background:var(--on-top-panel-bg);color:var(--on-top-text);font-size:12px;min-height:100dvh;padding:14px}.button{align-items:center;border:0;box-shadow:var(--button-shadow-default);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-main);font-style:normal;font-weight:400;justify-content:center;outline:none;transition:var(--button-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.button:hover{box-shadow:var(--button-shadow-hover)}.button:active{transform:translateY(1px)}.button.is-disabled,.button:disabled{background:var(--button-disabled-bg);border:1px solid var(--button-disabled-border);color:var(--button-disabled-text);cursor:not-allowed;pointer-events:none;transform:none}.button:focus-visible{outline:1px solid rgba(255,255,255,.65);outline-offset:2px}.button--standard{border-radius:var(--button-standard-radius);font-size:var(--button-standard-font-size);line-height:var(--button-standard-line-height);padding:var(--button-standard-padding-y) var(--button-standard-padding-x)}.button--compact{border-radius:var(--button-compact-radius);font-size:var(--button-compact-font-size);line-height:var(--button-compact-line-height);padding:var(--button-compact-padding-y) var(--button-compact-padding-x)}.button--blue{background:var(--button-blue-bg-default);color:var(--button-blue-text-default)}.button--blue.is-active,.button--blue.is-hover,.button--blue:hover{background:var(--button-blue-bg-hover);color:var(--button-blue-text-hover)}.button--positive{background:var(--button-green-bg-default);color:var(--button-green-text-default)}.button--positive.is-active,.button--positive.is-hover,.button--positive:hover{background:var(--button-green-bg-hover);color:var(--button-green-text-hover)}.button--negative{background:var(--button-red-bg-default);color:var(--button-red-text-default)}.button--negative.is-active,.button--negative.is-hover,.button--negative:hover{background:var(--button-red-bg-hover);color:var(--button-red-text-hover)}.on-top-shell{display:grid;grid-gap:10px;gap:10px;margin:0 auto;max-width:1180px;width:100%}.on-top-header{display:grid;grid-gap:12px;gap:12px;justify-items:center}.on-top-logo{display:block;width:min(300px,68vw)}.on-top-stepper{grid-gap:4px;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr))}.on-top-mode-switch,.on-top-stepper{background:var(--on-top-block-bg);border:1px solid var(--on-top-border);border-radius:8px;display:grid;padding:5px;width:100%}.on-top-mode-switch{grid-gap:5px;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.on-top-mode-switch-start .button{font-size:18px;line-height:18px;min-height:96px}.on-top-mode-switch-compact .button{min-height:34px}.on-top-secondary-action{min-width:240px}.on-top-choice-list>button,.on-top-size-list button,.on-top-task-type-row>button:first-child{cursor:pointer;font:inherit;min-height:32px}.on-top-choice-list>button,.on-top-size-list button,.on-top-stepper>div,.on-top-task-type-row>button:first-child{background:rgba(63,137,228,.1);border:1px solid rgba(63,137,228,.28);border-radius:6px;color:#75adf2;font-size:12px;font-weight:750;padding:7px 10px}.on-top-stepper>div{align-items:center;display:grid;grid-gap:4px;gap:4px;justify-items:center;min-height:54px;text-align:center}.on-top-stepper span{align-items:center;background:rgba(255,255,255,.08);border-radius:999px;color:var(--on-top-title);display:inline-flex;height:22px;justify-content:center;width:22px}.on-top-stepper .on-top-step-active{background:var(--on-top-blue);border-color:var(--on-top-blue);color:#ffffff}.on-top-stepper-short{grid-template-columns:repeat(2,minmax(0,1fr))}.on-top-layout{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr)}.on-top-file,.on-top-panel,.on-top-status{background:var(--on-top-block-bg);border:1px solid var(--on-top-border);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.22)}.on-top-panel{display:grid;grid-gap:14px;gap:14px;min-height:560px;padding:16px}.on-top-panel-head{display:grid;grid-gap:4px;gap:4px}.on-top-title-row{align-items:center;display:flex;gap:8px}.on-top-drop-meta,.on-top-file span,.on-top-form label>span,.on-top-inline-hint,.on-top-panel-head span,.on-top-status span{color:var(--on-top-muted);font-size:12px;font-weight:750}.on-top-panel-head h1{color:var(--on-top-title);font-size:26px;line-height:1.1;margin:0}.on-top-fieldset,.on-top-form,.on-top-frame-list{display:grid;grid-gap:10px;gap:10px}.on-top-form label{display:grid;grid-gap:6px;gap:6px;min-width:0}.on-top-form input,.on-top-form textarea{background:var(--on-top-control);border:1px solid rgba(255,255,255,.06);border-radius:6px;color:var(--on-top-text);font:inherit;font-size:13px;min-height:36px;outline:none;padding:8px 10px}.on-top-form textarea{min-height:86px;resize:vertical}.on-top-large-textarea{min-height:130px!important}.on-top-form input:focus,.on-top-form textarea:focus{border-color:var(--on-top-blue);box-shadow:0 0 0 3px rgba(63,137,228,.14)}.on-top-choice-list,.on-top-size-list,.on-top-timing-list{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.on-top-choice-list>button,.on-top-size-list button,.on-top-task-type-row>button:first-child,.on-top-timing-list button{align-content:center;background:var(--on-top-card-bg);color:var(--on-top-text);display:grid;grid-gap:5px;gap:5px;justify-items:start;min-height:58px;text-align:left}.on-top-choice-list>button strong,.on-top-size-list span,.on-top-task-type-row>button:first-child strong,.on-top-timing-list span{color:var(--on-top-title);font-size:14px}.on-top-choice-list>button span,.on-top-task-type-row>button:first-child span{color:var(--on-top-muted);font-size:12px}.on-top-task-type-row{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.on-top-task-type-row>button:first-child{width:100%}.on-top-choice-active,.on-top-size-active{background:rgba(63,137,228,.2)!important;border-color:var(--on-top-blue)!important}.on-top-timing-list{grid-template-columns:repeat(3,minmax(0,1fr))}.on-top-timing-list button{min-height:52px}.on-top-timing-list .on-top-choice-active{background:rgba(63,137,228,.2);border-color:var(--on-top-blue)}.on-top-slot-warning{align-items:center;background:rgba(255,95,87,.18);border:1px solid rgba(255,95,87,.42);border-radius:6px;color:var(--on-top-red);display:inline-flex;font-size:12px;font-weight:800;justify-self:start;padding:8px 10px}.on-top-size-list button{grid-template-columns:minmax(0,1fr) auto}.on-top-size-list em{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#d4d8e0;font-style:normal;padding:5px 8px;position:relative}.on-top-size-list em:hover:after{background:#252525;border:1px solid rgba(255,255,255,.14);border-radius:6px;bottom:calc(100% + 8px);color:var(--on-top-title);content:"Здесь будет пример носителя";min-width:190px;padding:8px 10px;position:absolute;right:0;z-index:2}.on-top-form-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.on-top-fieldset{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);border-radius:8px;padding:10px}.on-top-fieldset>strong{color:var(--on-top-title);font-size:13px}.on-top-help-button{align-items:center;background:rgba(63,137,228,.12);border:1px solid rgba(63,137,228,.28);border-radius:999px;color:var(--on-top-blue);cursor:help;display:inline-flex;font:inherit;font-weight:900;height:24px;justify-content:center;position:relative;width:24px}.on-top-help-button>span{background:#252525;border:1px solid rgba(255,255,255,.14);border-radius:6px;bottom:calc(100% + 8px);color:var(--on-top-title);display:none;font-size:12px;font-weight:700;left:0;line-height:1.35;min-width:300px;padding:10px 12px;position:absolute;text-align:left;white-space:pre-line;z-index:2}.on-top-help-button:focus-visible>span,.on-top-help-button:hover>span{display:block}.on-top-frame-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.on-top-frame-head>span{color:var(--on-top-title);font-size:26px;font-weight:800;line-height:1.1}.on-top-frame{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.on-top-file-pick,.on-top-small-button{justify-content:center}.on-top-add-frame{justify-self:stretch}.on-top-remove-button{align-self:end}.on-top-address-row{display:grid;grid-gap:8px;gap:8px}.on-top-dropzone{align-content:center;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0e0e0e;border:1px dashed rgba(255,255,255,.14);border-radius:8px;color:var(--on-top-text);cursor:pointer;display:grid;grid-gap:10px;gap:10px;min-height:210px;padding:22px;text-align:center;width:100%}.on-top-drop-title{color:var(--on-top-title);font-size:22px;font-weight:800}.on-top-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.on-top-ready{align-content:center;display:grid;grid-gap:12px;gap:12px;justify-items:center;min-height:360px}.on-top-ready p{color:var(--on-top-muted);font-size:13px;line-height:1.45;margin:0;max-width:520px;text-align:center}.on-top-mail{font-size:18px;min-height:56px;min-width:280px}.on-top-id-copy{background:linear-gradient(145deg,rgba(63,137,228,.16),rgba(63,137,228,.04)),var(--on-top-block-bg);border:1px solid rgba(63,137,228,.38);border-radius:8px;color:var(--on-top-title);cursor:pointer;display:grid;grid-gap:7px;gap:7px;max-width:620px;padding:14px;text-align:left;width:100%}.on-top-id-copy em,.on-top-id-copy span{color:var(--on-top-muted);font-size:12px;font-style:normal;font-weight:800}.on-top-id-copy strong{color:var(--on-top-title);font-family:IBM Plex Mono,Consolas,monospace;font-size:15px;overflow-wrap:anywhere}.on-top-status{display:grid;grid-gap:6px;gap:6px;padding:8px}.on-top-warning{background:rgba(255,95,87,.09);border:1px solid rgba(255,95,87,.26);border-radius:8px;color:#ffaaa3;font-size:12px;font-weight:800;padding:10px 12px}.on-top-file-progress,.on-top-progress{background:rgba(255,255,255,.055);border-radius:999px;border:0;height:5px;overflow:hidden;width:100%}.on-top-file-progress::-webkit-progress-bar,.on-top-progress::-webkit-progress-bar{background:rgba(255,255,255,.055);border-radius:999px}.on-top-file-progress::-webkit-progress-value,.on-top-progress::-webkit-progress-value{background:rgba(46,233,76,.42);border-radius:999px;-webkit-transition:width .16s ease;transition:width .16s ease}.on-top-file-progress::-moz-progress-bar,.on-top-progress::-moz-progress-bar{background:rgba(46,233,76,.42);border-radius:999px}.on-top-file-list{max-height:260px;overflow-y:auto}.on-top-file,.on-top-file-list{display:grid;grid-gap:7px;gap:7px}.on-top-file{padding:8px}.on-top-file strong{color:var(--on-top-title);display:block;font-size:12px;overflow-wrap:anywhere}.on-top-file em{color:var(--on-top-red);display:block;font-style:normal;margin-top:3px}.on-top-file-link{color:var(--on-top-blue);font-size:12px;font-weight:800;text-decoration:none}.on-top-nav{display:flex;gap:8px;justify-content:flex-end}.on-top-dropzone:disabled{cursor:not-allowed;opacity:.46;pointer-events:none}.on-top-input{display:none}.on-top-admin-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.on-top-admin-row{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.on-top-admin-customer-row{grid-template-columns:minmax(0,1fr) 180px auto}@media (max-width:900px){.on-top-page{padding:8px}.on-top-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.on-top-admin-customer-row,.on-top-admin-row,.on-top-choice-list,.on-top-form-grid,.on-top-frame,.on-top-layout,.on-top-size-list,.on-top-timing-list{grid-template-columns:1fr}.on-top-panel{min-height:0}.on-top-title-row{align-items:flex-start}.on-top-mail,.on-top-nav button,.on-top-secondary-action{min-width:0;width:100%}.on-top-nav{display:grid;grid-template-columns:1fr 1fr}.on-top-task-type-row{align-items:start}}