/* Vault editor studio cards (v3.1.141+): Format (Video / GIF / WebP) and the features that follow. * Each card has its own classes, so it can move without other rules following it. */ #screen .vault-edit-format { display:flex;flex-direction:column;gap:10px; } #screen .vault-edit-format .sb-fmt-seg { display:flex;flex-wrap:wrap;gap:6px; } #screen .vault-edit .sb-fmt-btn { min-height:36px;width:auto;padding:0 14px;border-radius:999px;border:1px solid rgba(217,183,247,.2); background:rgba(180,139,214,.08);color:#c9bbd8;font-size:14px;font-weight:700; } #screen .vault-edit .sb-fmt-btn.sb-fmt-small { min-height:32px;padding:0 11px;font-size:13px;font-weight:650; } #screen .vault-edit .sb-fmt-btn[aria-checked="true"] { background:rgba(179,136,235,.24);border-color:rgba(201,166,242,.6);color:#fff; } #screen .vault-edit-format .sb-fmt-opts { display:flex;flex-direction:column;gap:6px; } #screen .vault-edit-format .sb-fmt-opts[hidden] { display:none; } #screen .vault-edit-format .sb-fmt-label { margin:4px 0 0;font-size:12px;font-weight:700;letter-spacing:.02em;color:#d9cbe8; } #screen .vault-edit-format .sb-fmt-sizerow { display:flex;align-items:center;gap:10px;margin-top:6px; } #screen .vault-edit-format .sb-fmt-size { flex:1 1 auto;min-width:0;margin:0;font-size:13px;line-height:1.4;color:#e9def4;font-variant-numeric:tabular-nums; } #screen .vault-edit-format .sb-fmt-size[data-warn="size"] { color:#ff9b9b; } #screen .vault-edit .sb-fmt-estimate { flex:0 0 auto;width:auto;min-height:38px;padding:0 14px; } #screen .vault-edit-format .sb-fmt-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } /* ---- Speed & sound (v3.1.142, js/vault-motion.js) ---- */ #screen .vault-edit-motion { display:flex;flex-direction:column;gap:8px; } #screen .vault-edit-motion .sb-mo-badge { font-size:12px;color:#c9bbd8; } #screen .vault-edit-motion .sb-mo-label { margin:4px 0 0;font-size:12px;font-weight:700;letter-spacing:.02em;color:#d9cbe8; } #screen .vault-edit-motion .sb-mo-seg { display:flex;flex-wrap:wrap;gap:6px; } #screen .vault-edit .sb-mo-btn { min-height:34px;width:auto;padding:0 12px;border-radius:999px;border:1px solid rgba(217,183,247,.2); background:rgba(180,139,214,.08);color:#c9bbd8;font-size:13px;font-weight:650; } #screen .vault-edit .sb-mo-btn:is([aria-checked="true"],[aria-pressed="true"]) { background:rgba(179,136,235,.24);border-color:rgba(201,166,242,.6);color:#fff; } #screen .vault-edit .sb-mo-mute { align-self:flex-start; } #screen .vault-edit-motion .sb-mo-sound { display:flex;flex-direction:column;gap:4px; } #screen .vault-edit-motion .sb-mo-sound[hidden] { display:none; } #screen .vault-edit-motion .sb-mo-row { display:flex;align-items:center;gap:10px;margin:0; } #screen .vault-edit-motion .sb-mo-name { flex:0 0 64px;font-size:12px;font-weight:650;color:#d9cbe8; } #screen .vault-edit .sb-mo-range { flex:1 1 auto;min-width:0;min-height:32px;margin:0;padding:0!important;border:0!important;background:transparent!important; box-shadow:none!important;accent-color:#b388eb; } #screen .vault-edit-motion .sb-mo-value { flex:0 0 44px;text-align:right;font-size:13px;color:#d9cbe8;font-variant-numeric:tabular-nums; } #screen .vault-edit-motion .sb-mo-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit-motion .sb-mo-note:empty { display:none; } #screen .vault-edit-motion .sb-mo-note[data-warn="true"] { color:#ffb3b3; } #screen .vault-edit .sb-mo-reset { align-self:flex-start;width:auto;min-height:36px;padding:0 14px; } #screen .vault-edit .sb-mo-reset[hidden] { display:none; } /* ---- Cut out parts (v3.1.143, js/vault-cuts.js), in the Trim card ---- */ #screen .vault-edit .sb-cuts { display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(217,183,247,.14); } #screen .vault-edit .sb-cuts-head { display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap; } #screen .vault-edit .sb-cuts-title { font-size:14px;color:#f2e6ff; } #screen .vault-edit .sb-cuts-sum { font-size:12px;color:#ffb3b3;font-variant-numeric:tabular-nums; } #screen .vault-edit .sb-cuts-hint { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit .sb-cuts-hint[hidden] { display:none; } #screen .vault-edit .sb-cuts-list { display:flex;flex-direction:column;gap:8px; } #screen .vault-edit .sb-cuts-list:empty { display:none; } #screen .vault-edit .sb-cut-row { display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;border:1px solid rgba(255,120,120,.28);background:rgba(255,90,90,.06); } #screen .vault-edit .sb-cut-row[data-out="true"] { opacity:.55; } #screen .vault-edit .sb-cut-top { display:flex;align-items:center;gap:8px; } #screen .vault-edit .sb-cut-name { font-size:13px;font-weight:700;color:#f2e6ff; } #screen .vault-edit .sb-cut-len { flex:1 1 auto;min-width:0;font-size:12px;color:#ffb3b3;font-variant-numeric:tabular-nums; } #screen .vault-edit .sb-cut-check, #screen .vault-edit .sb-cut-remove { flex:0 0 auto;width:36px;min-height:34px;padding:0;border-radius:10px;font-size:13px; } #screen .vault-edit .sb-cut-times { display:grid;grid-template-columns:1fr 1fr;gap:8px; } #screen .vault-edit .sb-cut-time { display:flex;align-items:flex-end;gap:6px;min-width:0; } #screen .vault-edit .sb-cut-time label { display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0;margin:0;font-size:12px;font-weight:650;color:#d9cbe8; } #screen .vault-edit .sb-cut-time input { min-width:0;width:100%;font-size:16px;font-variant-numeric:tabular-nums; } #screen .vault-edit .sb-cut-here { flex:0 0 auto;width:auto;min-height:40px;padding:0 10px;border-radius:12px;font-size:13px;font-weight:700; } #screen .vault-edit .sb-cuts-add { align-self:flex-start;width:auto;min-height:40px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:700; } #screen .vault-edit .sb-cuts-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit .sb-cuts-note:empty { display:none; } #screen .vault-edit .sb-cuts-note[data-warn="true"] { color:#ffb3b3; } /* Bands on the strip (under the clip's frame and the handles) and on the overview. */ #screen .sb-cut-bands { position:absolute;inset:0;pointer-events:none; } #screen .sb-editor-track .sb-cut-band { position:absolute;top:5px;bottom:5px;background:repeating-linear-gradient(135deg,rgba(255,80,80,.55) 0 6px,rgba(120,10,20,.6) 6px 12px); box-shadow:inset 0 0 0 1px rgba(255,140,140,.7); } #screen .sb-cut-ovbands .sb-cut-band { position:absolute;top:9px;height:6px;border-radius:2px;background:#ff6b6b;z-index:1; } #screen .sb-cut-band[hidden] { display:none; } @media (max-width: 360px) { #screen .vault-edit .sb-cut-times { grid-template-columns:1fr; } } /* ---- Undo / Redo (v3.1.143), under the picture; over it while the preview is docked ---- */ #screen .vault-edit .sb-editor-history { display:flex;justify-content:flex-end;gap:6px;margin-top:8px; } #screen .vault-edit .sb-editor-history[hidden] { display:none!important; } #screen .vault-edit .sb-editor-undo, #screen .vault-edit .sb-editor-redo { display:inline-flex;align-items:center;justify-content:center;gap:2px;width:auto; min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(179,136,235,.4);background:rgba(180,139,214,.1);color:#f2e6ff; font:inherit;font-size:13px;font-weight:700;cursor:pointer; } #screen .vault-edit .sb-hist-icon { font-size:15px;line-height:1; } #screen .vault-edit .sb-editor-undo:disabled, #screen .vault-edit .sb-editor-redo:disabled { opacity:.4; } /* Docked: two small round buttons in the top corner (captions usually sit low, so they stay draggable). */ #screen .vault-edit-preview[data-docked="true"] > .sb-editor-history:not([hidden]) { display:flex!important;position:absolute;right:12px;top:12px;margin:0;gap:4px;z-index:2; } #screen .vault-edit-preview[data-docked="true"] .sb-editor-undo, #screen .vault-edit-preview[data-docked="true"] .sb-editor-redo { width:30px!important;min-width:30px!important;min-height:30px!important;height:30px!important;padding:0!important;font-size:16px!important; background:rgba(14,10,22,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); } #screen .vault-edit-preview[data-docked="true"] .sb-hist-word { display:none!important; } /* ---- Turn and flip (v3.1.144), in the Preview card ---- */ #screen .sb-editor-orient { position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none; } #screen .sb-editor-orient > .sb-editor-video { transform-origin:50% 50%; } #screen .vault-edit .sb-editor-turn { display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px; } #screen .vault-edit .sb-editor-turnbtn { width:auto;min-height:36px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700; } #screen .vault-edit .sb-editor-turnbtn[aria-pressed="true"] { background:rgba(179,136,235,.24);border-color:rgba(201,166,242,.6);color:#fff; } #screen .vault-edit .sb-editor-turntag { font-size:12px;color:#c9bbd8; } #screen .vault-edit .sb-editor-turntag:empty { display:none; } /* ---- Cover (v3.1.144, js/vault-cover.js) ---- */ #screen .vault-edit-cover { display:flex;flex-direction:column;gap:10px; } #screen .vault-edit-cover .sb-cover-badge { font-size:12px;color:#c9bbd8;font-variant-numeric:tabular-nums; } #screen .vault-edit-cover .sb-cover-about, #screen .vault-edit-cover .sb-cover-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit-cover .sb-cover-row { display:flex;gap:12px;align-items:flex-start; } #screen .vault-edit-cover .sb-cover-pic { position:relative;flex:0 0 42%;max-width:180px;min-height:64px;border-radius:10px;overflow:hidden; background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(217,183,247,.18);display:flex;align-items:center;justify-content:center; } #screen .vault-edit-cover .sb-cover-canvas { display:block;width:100%;height:auto; } #screen .vault-edit-cover .sb-cover-canvas[hidden] { display:none; } #screen .vault-edit-cover .sb-cover-empty { padding:10px;font-size:12px;color:#a998bb;text-align:center; } #screen .vault-edit-cover .sb-cover-empty[hidden] { display:none; } #screen .vault-edit-cover .sb-cover-side { flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px; } #screen .vault-edit-cover .sb-cover-when { margin:0;font-size:13px;line-height:1.4;color:#e9def4;font-variant-numeric:tabular-nums; } #screen .vault-edit .sb-cover-use, #screen .vault-edit .sb-cover-show, #screen .vault-edit .sb-cover-clear { width:100%;min-height:38px;padding:0 12px;border-radius:12px;font-size:13px;font-weight:700; } /* ---- Time bars under the trim strip (v3.1.145, js/vault-lane.js) ---- */ #screen .vault-edit .sb-lanes { display:flex;flex-direction:column;gap:4px;margin:2px 0 6px; } #screen .vault-edit .sb-lanes:empty { display:none; } #screen .vault-edit .sb-lane { display:flex;flex-direction:column;gap:2px; } #screen .vault-edit .sb-lane[hidden] { display:none; } #screen .vault-edit .sb-lane-name { font-size:11px;font-weight:700;letter-spacing:.02em;color:#a998bb;padding-left:18px; } #screen .vault-edit .sb-lane-row { position:relative;display:flex;flex-direction:column;gap:3px;padding:0;touch-action:none; } #screen .vault-edit .sb-lane-bar { position:relative;height:22px;box-sizing:border-box;border-radius:7px;display:flex;align-items:center; padding:0 8px;background:rgba(77,210,255,.22);box-shadow:inset 0 0 0 1px rgba(77,210,255,.55);color:#e8f8ff;font-size:11px;font-weight:700; touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;min-width:14px; } #screen .vault-edit .sb-lane[data-kind="stickers"] .sb-lane-bar { background:rgba(255,225,77,.2);box-shadow:inset 0 0 0 1px rgba(255,225,77,.55);color:#fff8d6; } #screen .vault-edit .sb-lane[data-kind="blurs"] .sb-lane-bar { background:rgba(255,122,217,.2);box-shadow:inset 0 0 0 1px rgba(255,122,217,.55);color:#ffe6f7; } #screen .vault-edit .sb-lane-bar[data-whole="true"] { background:transparent;box-shadow:inset 0 0 0 1px rgba(242,230,255,.35);border:1px dashed rgba(242,230,255,.35);cursor:pointer; } #screen .vault-edit .sb-lane-bar[data-selected="true"] { box-shadow:inset 0 0 0 2px #fff,0 0 10px rgba(255,255,255,.25); } #screen .vault-edit .sb-lane-bar[data-out="true"] { opacity:.35; } #screen .vault-edit .sb-lane-bar[data-drag] { cursor:grabbing; } #screen .vault-edit .sb-lane-n { pointer-events:none; } #screen .vault-edit .sb-lane-grip { position:absolute;top:3px;bottom:3px;width:4px;border-radius:2px;background:rgba(255,255,255,.75);pointer-events:none; } #screen .vault-edit .sb-lane-grip-a { left:3px; } #screen .vault-edit .sb-lane-grip-b { right:3px; } /* ---- Caption extras (v3.1.145) ---- */ #screen .vault-edit .sb-cap-aligns { margin-top:6px; } #screen .vault-edit .sb-cap-sub { margin:4px 0 2px;font-size:11px;font-weight:700;color:#a998bb; } #screen .vault-edit .sb-cap-styles { display:flex;flex-wrap:wrap;gap:6px; } #screen .vault-edit .sb-cap-style { display:inline-flex;align-items:center;gap:6px;width:auto;min-height:36px;padding:0 10px 0 4px;border-radius:999px; border:1px solid rgba(217,183,247,.2);background:rgba(180,139,214,.08);color:#e9def4;font-size:12px;font-weight:650; } #screen .vault-edit .sb-cap-style-aa { display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(0,0,0,.45);font-size:14px;font-weight:700; } #screen .vault-edit .sb-cap-style-x { color:#ffb3b3;font-size:12px; } #screen .vault-edit .sb-cap-stylebar { display:flex;gap:6px;margin-top:6px; } #screen .vault-edit .sb-cap-stylesave, #screen .vault-edit .sb-cap-styleedit { width:auto;min-height:36px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:700; } #screen .vault-edit .sb-cap-styleedit[hidden] { display:none; } #screen .vault-edit .sb-cap-styleform { display:flex;gap:6px;margin-top:6px;align-items:center; } #screen .vault-edit .sb-cap-styleform[hidden] { display:none; } #screen .vault-edit .sb-cap-stylename { flex:1 1 auto;min-width:0;font-size:16px; } #screen .vault-edit .sb-cap-styleok, #screen .vault-edit .sb-cap-stylecancel { width:auto;min-height:40px;padding:0 12px;border-radius:12px;font-size:13px;font-weight:700; } #screen .vault-edit .sb-cap-sizerow[hidden] { display:none; } /* ---- Filters (v3.1.145, js/vault-colors.js) ---- */ #screen .sb-colors-tint { position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none; } #screen .sb-colors-tint[hidden] { display:none; } #screen .vault-edit-colors { display:flex;flex-direction:column;gap:8px; } #screen .vault-edit-colors .sb-colors-badge { font-size:12px;color:#c9bbd8; } #screen .vault-edit-colors .sb-colors-looks { display:flex;flex-wrap:wrap;gap:6px; } #screen .vault-edit .sb-colors-look { width:auto;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(217,183,247,.2); background:rgba(180,139,214,.08);color:#c9bbd8;font-size:13px;font-weight:650; } #screen .vault-edit .sb-colors-look[aria-checked="true"] { background:rgba(179,136,235,.24);border-color:rgba(201,166,242,.6);color:#fff; } #screen .vault-edit-colors .sb-colors-rows { display:flex;flex-direction:column;gap:4px; } #screen .vault-edit-colors .sb-colors-row { display:flex;align-items:center;gap:10px;margin:0; } #screen .vault-edit-colors .sb-colors-name { flex:0 0 76px;font-size:12px;font-weight:650;color:#d9cbe8; } #screen .vault-edit .sb-colors-range { flex:1 1 auto;min-width:0;min-height:32px;margin:0;padding:0!important;border:0!important;background:transparent!important; box-shadow:none!important;accent-color:#b388eb; } #screen .vault-edit-colors .sb-colors-value { flex:0 0 44px;text-align:right;font-size:13px;color:#d9cbe8;font-variant-numeric:tabular-nums; } #screen .vault-edit-colors .sb-colors-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit .sb-colors-reset { align-self:flex-start;width:auto;min-height:36px;padding:0 14px; } #screen .vault-edit .sb-colors-reset[hidden] { display:none; } /* ---- Blur boxes (v3.1.145, js/vault-blur.js) ---- */ #screen .sb-blur-layer, #screen .sb-st-layer { position:absolute;inset:0;pointer-events:none; } #screen .sb-blur-box { position:absolute;box-sizing:border-box;pointer-events:auto;touch-action:none;border-radius:4px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);background:rgba(128,128,128,.08); } #screen .sb-blur-box[hidden] { display:none; } #screen .sb-blur-box[data-style="pixel"]::after { content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;opacity:.55; background-image:linear-gradient(rgba(0,0,0,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.25) 1px,transparent 1px); background-size:var(--sb-blur-block,8px) var(--sb-blur-block,8px); } #screen .sb-blur-box[data-selected="true"] { box-shadow:inset 0 0 0 2px #ff7ad9,0 0 12px rgba(255,122,217,.35); } #screen .sb-blur-box[data-offtime="true"] { opacity:.45;border:1px dashed rgba(255,255,255,.6); } #screen .sb-blur-grip { position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;border-radius:999px;background:#ff7ad9; box-shadow:0 0 0 2px rgba(20,10,26,.85);display:none;touch-action:none; } #screen .sb-blur-box[data-selected="true"] .sb-blur-grip { display:block; } #screen .vault-edit-blur, #screen .vault-edit-stickers { display:flex;flex-direction:column;gap:8px; } #screen .vault-edit .sb-blur-empty, #screen .vault-edit .sb-st-empty { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit .sb-blur-empty[hidden], #screen .vault-edit .sb-st-empty[hidden] { display:none; } #screen .vault-edit .sb-blur-list, #screen .vault-edit .sb-st-list { display:flex;flex-wrap:wrap;gap:6px; } #screen .vault-edit .sb-blur-add, #screen .vault-edit .sb-st-add { align-self:flex-start;width:auto;min-height:40px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:700; } #screen .vault-edit .sb-blur-editor[hidden], #screen .vault-edit .sb-st-editor[hidden] { display:none; } #screen .vault-edit .sb-blur-note, #screen .vault-edit .sb-st-note { margin:0;font-size:12px;color:#ffb3b3; } #screen .vault-edit .sb-blur-note:empty, #screen .vault-edit .sb-st-note:empty { display:none; } /* ---- Stickers (v3.1.145, js/vault-stickers.js) ---- */ #screen .sb-st { position:absolute;pointer-events:auto;touch-action:none;display:grid;place-items:center;border-radius:6px; } #screen .sb-st[hidden] { display:none; } #screen .sb-st-img { width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none; } #screen .sb-st[data-selected="true"] { box-shadow:0 0 0 2px #ffe14d,0 0 12px rgba(255,225,77,.35); } #screen .sb-st[data-offtime="true"] { opacity:.45; } #screen .vault-edit .sb-st-chipimg { width:22px;height:22px;object-fit:contain;flex:0 0 auto; } #screen .vault-edit .sb-st-picker[hidden] { display:none; } /* ---- Join clips (v3.1.145, js/vault-join.js) ---- */ #screen .vault-edit-join { display:flex;flex-direction:column;gap:8px; } #screen .vault-edit-join .sb-join-badge { font-size:12px;color:#c9bbd8; } #screen .vault-edit-join .sb-join-about { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit-join .sb-join-list { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px; } #screen .vault-edit-join .sb-join-row, #screen .vault-edit-join .sb-join-option { display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px; background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(217,183,247,.14); } #screen .vault-edit-join .sb-join-n { flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(179,136,235,.25);font-size:12px;font-weight:700; } #screen .vault-edit-join .sb-join-name { flex:1 1 auto;min-width:0;font-size:13px;color:#e9def4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } #screen .vault-edit .sb-join-move, #screen .vault-edit .sb-join-x { flex:0 0 auto;width:34px;min-height:34px;padding:0;border-radius:10px;font-size:13px; } #screen .vault-edit .sb-join-plus { flex:0 0 auto;width:auto;min-height:34px;padding:0 10px;border-radius:10px;font-size:12px;font-weight:700; } #screen .vault-edit .sb-join-add, #screen .vault-edit .sb-join-more { align-self:flex-start;width:auto;min-height:40px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:700; } #screen .vault-edit-join .sb-join-pick { display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto; } #screen .vault-edit-join .sb-join-pick[hidden], #screen .vault-edit-join .sb-cap-section[hidden] { display:none; } #screen .vault-edit .sb-join-send { width:100%;min-height:44px;border-radius:14px;font-weight:800; } #screen .vault-edit-join .sb-join-note { margin:0;font-size:12px;line-height:1.45;color:#a998bb; } #screen .vault-edit-join .sb-join-note:empty { display:none; } #screen .vault-edit-join .sb-join-note:is([data-tone="warn"],[data-tone="error"]) { color:#ffb3b3; } #screen .vault-edit .sb-blur-list, #screen .vault-edit .sb-st-list { flex-direction:column;flex-wrap:nowrap; } #screen .vault-edit .sb-st-chip { grid-template-columns:22px 22px minmax(0,1fr) auto; }