.cloud-library-bar{border:1px solid var(--edge);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.cloud-library-bar>div{gap:5px;display:grid}.cloud-dialog{overflow:hidden}.cloud-dialog .dialog-window{max-height:var(--dialog-window-height);flex-direction:column;display:flex}.cloud-dialog .dialog-title{flex-shrink:0}.cloud-library-bar span,.cloud-item small,.cloud-choices small{color:var(--muted);font-size:18px;line-height:1.5}.cloud-dialog-body{gap:18px;min-width:0;padding:24px;display:grid;overflow:auto}.cloud-dialog-body h2,.cloud-dialog-body p{overflow-wrap:anywhere;margin:0}.cloud-dialog-body p{line-height:1.6}.cloud-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cloud-catalog-heading{justify-content:space-between}.cloud-choices{border:1px solid var(--edge);gap:16px;padding:16px;display:grid}.cloud-choices label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.cloud-choices label span{gap:4px;display:grid}.cloud-dialog-body input[type=checkbox]{width:18px;height:18px;accent-color:var(--amber);flex-shrink:0;margin:2px 0 0}.cloud-tabs{flex-wrap:wrap}.cloud-items{gap:12px;display:grid}.cloud-item{border:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.cloud-item>div:first-child{gap:6px;min-width:0;display:grid}.cloud-item strong{overflow-wrap:anywhere}.cloud-item strong a{color:var(--amber);text-underline-offset:3px;text-decoration:underline}.cloud-item-details{border-top:1px solid var(--edge);flex:1 0 100%;gap:14px;min-width:0;padding-top:14px;display:grid}.cloud-entry-links{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cloud-entry-links li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cloud-entry-links li>span{overflow-wrap:anywhere;min-width:0}.account-tab-panel>.cloud-catalog{padding:0;overflow:visible}.cloud-confirm{border-top:1px solid var(--edge);flex:1 0 100%;gap:14px;padding-top:14px;display:grid}.cloud-confirm label{align-items:center;gap:10px;display:flex}.cloud-error{color:var(--dos-bright-red)}.cloud-status{color:var(--amber)}@media (width<=600px){.cloud-library-bar{flex-direction:column;align-items:flex-start;padding:16px}.cloud-dialog-body{padding:16px}.cloud-item{padding:12px}}.cloud-library-bar strong,.cloud-auto-panel strong,.cloud-sync-progress>span{align-items:center;gap:10px;display:flex}.cloud-badge{width:fit-content;color:var(--muted);vertical-align:middle;align-items:center;gap:5px;font-size:15px;font-weight:400;line-height:1.3;display:inline-flex}.cloud-badge--synced{color:#7ed58a}.cloud-badge--syncing,.cloud-badge--changed{color:var(--amber)}.cloud-badge--error,.cloud-badge--offline{color:var(--dos-bright-red)}.cloud-badge--compact{position:relative}.cloud-badge--compact:after{content:"";background:currentColor;border:1px solid;width:5px;height:5px;position:absolute;bottom:-3px;right:-4px}.cloud-badge--checking:after{background:0 0}.game-card-main>.cloud-badge{margin:0 16px 14px}@media (width<=600px){.game-grid--virtual.game-grid--list .game-card-main>.cloud-badge{margin:0;position:absolute;top:12px;right:50px}.game-grid--virtual.game-grid--list .game-card-main>.cloud-badge>span{display:none}}.cloud-storage-overview{border:1px solid var(--edge);background:var(--panel);grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);display:grid}.cloud-storage-heading{gap:12px;padding:26px;display:grid}.cloud-storage-heading h2{font-size:36px;font-weight:400}.cloud-eyebrow{color:var(--amber);letter-spacing:2px;font-size:14px}.cloud-capacity{border-left:1px solid var(--edge);background:#0000001f;flex-direction:column;justify-content:center;gap:16px;padding:26px;display:flex}.cloud-capacity>span{color:var(--muted);letter-spacing:1px;align-items:center;gap:8px;font-size:15px;display:flex}.cloud-capacity strong{color:var(--amber);font-size:30px;font-weight:400}.cloud-capacity small{color:var(--muted);font-size:20px}.cloud-capacity p{color:var(--muted);font-size:17px}.cloud-auto-panel{border:1px solid var(--edge);background:var(--panel);justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.cloud-auto-panel.is-enabled{border-color:#55845b}.cloud-auto-panel p{color:var(--muted);max-width:780px;margin-top:6px;font-size:17px}.cloud-auto-panel small{color:var(--amber);margin-top:8px;display:block}.cloud-auto-switch{cursor:pointer;border:1px solid var(--edge);color:var(--muted);flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.cloud-auto-switch:has(:checked){color:#7ed58a;border-color:#55845b}.cloud-auto-switch input{margin:0!important}.cloud-sync-progress{min-height:26px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:17px;display:flex}.cloud-sync-activity{border:1px solid var(--edge);background:var(--panel);gap:14px;min-width:0;padding:20px;display:grid}.cloud-sync-activity-heading,.cloud-sync-item-heading,.cloud-sync-item-detail{justify-content:space-between;align-items:center;gap:12px;display:flex}.cloud-sync-activity-heading{flex-wrap:wrap}.cloud-sync-activity-heading h3{align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:400;display:flex}.cloud-sync-activity-heading p,.cloud-sync-activity-message,.cloud-sync-item-detail,.cloud-sync-item-message{color:var(--muted);font-size:16px}.cloud-sync-activity a{color:var(--amber);text-underline-offset:3px;text-decoration:underline}.cloud-sync-attention{color:var(--amber);font-size:16px}.cloud-sync-items{border-top:1px solid var(--edge);gap:0;margin:0;padding:0;list-style:none;display:grid}.cloud-sync-item{border-bottom:1px solid var(--edge);--sync-color:var(--amber);gap:9px;min-width:0;padding:16px 10px 16px 0;display:grid}.cloud-sync-item:last-child{border-bottom:0}.cloud-sync-item-heading{align-items:baseline}.cloud-sync-item-heading strong{overflow-wrap:anywhere;min-width:0;font-size:18px;font-weight:400}.cloud-sync-item-heading>span{color:var(--sync-color);flex-shrink:0;font-size:15px}.cloud-sync-item-detail{flex-wrap:wrap}.cloud-sync-item-detail>span{overflow-wrap:anywhere}.cloud-sync-item-detail .dos-button{min-height:30px;padding:4px 10px;font-size:15px}.cloud-sync-activity progress.dos-progress{margin:0}.cloud-sync-item:is(.is-error,.is-conflict){--sync-color:var(--dos-bright-red)}.cloud-sync-item:is(.is-queued,.is-paused){--sync-color:var(--muted)}@media (width<=600px){.cloud-sync-activity{padding:16px}.cloud-sync-item-heading{flex-direction:column;align-items:flex-start;gap:5px}}.cloud-error{white-space:pre-line}.cloud-category-tabs{border-bottom:1px solid var(--edge);flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.cloud-category-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:10px 12px;display:flex}.cloud-category-tabs button:hover{color:var(--amber);border-color:var(--edge)}.cloud-category-tabs button[aria-pressed=true]{background:var(--amber);color:#17140d}.cloud-category-tabs button>span{opacity:.65;font-size:15px}.cloud-toolbar{align-items:center;gap:12px;display:flex}.cloud-toolbar select,.cloud-toolbar input{min-height:42px}.cloud-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-items:stretch;gap:20px;display:grid}.cloud-card-grid--virtual .cloud-card-title h3,.cloud-card-grid--virtual .cloud-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2lh;display:-webkit-box;overflow:hidden}.cloud-card-grid--virtual .cloud-card-meta{white-space:nowrap;flex-wrap:nowrap}.cloud-card-grid--virtual .cloud-card-meta>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.cloud-card-grid--virtual .cloud-card-meta>time{flex-shrink:0}.cloud-card-grid--virtual .cloud-card-actions>.dos-button{white-space:normal;min-width:0;height:54px;padding-block:5px;font-size:18px;line-height:1.1}.cloud-card-grid--virtual .cloud-card-visual{flex-shrink:0}.cloud-card{border:1px solid var(--edge);background:var(--panel);flex-direction:column;min-width:0;display:flex;overflow:hidden}.cloud-card:hover{border-color:var(--amber)}.cloud-card-visual{color:inherit;text-decoration:none;display:block}.cloud-card-art{color:#8397a7;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000026 4px),#1e2327;justify-content:center;align-items:center;height:164px;display:flex;position:relative;overflow:hidden}.cloud-card-art>:is(img,.screenshot-image),.cloud-card-art>.art-fallback{object-fit:cover;width:100%;height:100%}.cloud-card-art--screenshot>:is(img,.screenshot-image),.cloud-card-art--recording>:is(img,.screenshot-image){object-fit:contain}.cloud-card-art--mod{color:#b5a1cf;background-color:#26212d}.cloud-card-art--saves{color:#7daf8d;background-color:#1d2923}.cloud-card-art--session{color:#c7ab79;background-color:#2d271e}.cloud-card-kind,.cloud-card-versions{color:#dfd8c8;background:#0a0a0ae6;align-items:center;gap:6px;padding:5px 8px;font-size:14px;display:flex;position:absolute;bottom:10px;left:10px}.cloud-card-versions{left:auto;right:10px}.cloud-card-content{flex-direction:column;flex:1;gap:12px;min-width:0;padding:18px;display:flex}.cloud-card-title{gap:8px;display:grid}.cloud-card-title h3{overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:400;line-height:1.2}.cloud-card-title a{color:var(--amber);text-decoration:none}.cloud-card-title a:hover{text-decoration:underline}.cloud-device-state{color:var(--muted);align-items:center;gap:5px;font-size:15px;display:flex}.cloud-device-state.is-local{color:#7ed58a}.cloud-card-description{color:var(--muted);font-size:17px;line-height:1.3!important}.cloud-card-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:auto;padding-top:6px;font-size:14px;display:flex}.cloud-card-actions{border-top:1px solid var(--edge);align-items:stretch;gap:8px;padding-top:12px;display:flex}.cloud-card-actions>.dos-button{flex:1;padding-inline:10px}.cloud-card-actions>.icon-button{flex-shrink:0;width:34px}.cloud-card .cloud-item-details{flex:auto;padding:18px}.cloud-version-links{border-top:1px solid var(--edge);gap:10px;padding:18px;font-size:17px;display:grid}.cloud-version-links a{color:var(--muted);overflow-wrap:anywhere}.cloud-version-links a[aria-current]{color:var(--amber)}.cloud-card-grid--list{grid-template-columns:1fr}.cloud-card-grid--list .cloud-card{flex-flow:wrap}.cloud-card-grid--list .cloud-card-visual{flex-shrink:0;width:210px}.cloud-card-grid--list .cloud-card-art{height:100%;min-height:200px}.cloud-card-grid--list .cloud-card-actions>.dos-button{flex:none}.cloud-card-grid--list .cloud-card-content{flex-basis:250px}@media (width<=760px){.cloud-storage-overview{grid-template-columns:1fr}.cloud-capacity{border-left:0;border-top:1px solid var(--edge);gap:10px}.cloud-storage-heading,.cloud-capacity{padding:20px}.cloud-auto-panel{align-items:flex-start;gap:14px}.cloud-toolbar{flex-wrap:wrap}.cloud-toolbar>label:nth-child(2){flex:1}.cloud-toolbar select{width:100%}.cloud-card-grid--list .cloud-card-visual{width:130px}.cloud-card-grid--list .cloud-card-content{flex-basis:170px}}@media (width<=440px){.cloud-storage-heading,.cloud-capacity{gap:10px;padding:16px}.cloud-storage-heading>p{display:none}.cloud-auto-panel{flex-direction:column}.cloud-auto-switch{align-self:flex-end}.cloud-storage-heading h2{font-size:30px}.cloud-category-tabs{gap:2px}.cloud-category-tabs button{padding:8px;font-size:17px}.cloud-card-grid--list .cloud-card-visual{width:100%}.cloud-card-grid--list .cloud-card-art{height:110px;min-height:0}}.cloud-library-bar{background:linear-gradient(110deg, #7ed58a0e, transparent 55%), var(--panel);border-left:3px solid #7ed58a;gap:20px;padding:22px;position:relative}.cloud-auto-switch{border:0;gap:10px;padding:4px 0;font-size:17px;position:relative}.cloud-auto-switch input{opacity:0;position:absolute;width:1px!important;height:1px!important}.cloud-auto-switch .cloud-switch-track{box-sizing:border-box;background:var(--bg);border:1px solid var(--muted);width:22px;height:22px;color:var(--muted);place-items:center;font-size:18px;line-height:1;display:grid}.cloud-auto-switch:has(:checked){color:var(--amber)}.cloud-auto-switch:has(:checked) .cloud-switch-track{border-color:var(--amber);color:var(--amber)}.cloud-auto-switch:has(:focus-visible){outline:2px solid var(--amber);outline-offset:6px}.cloud-auto-switch:has(:disabled){opacity:.5;cursor:default}.cloud-sync-setting>.cloud-error{max-width:260px;font-size:15px}.cloud-storage-overview{background:radial-gradient(ellipse at top left, #7ed58a14, transparent 65%), var(--panel)}.cloud-storage-heading h2{font-size:clamp(30px,4vw,42px)}.cloud-storage-heading>p{max-width:430px;color:var(--muted)}.cloud-eyebrow{color:#9bdba4}.cloud-auto-panel.is-enabled{background:#7ed58a09;border-color:#7ed58a40}.cloud-sync-issues{background:#ffb8470a;border:1px solid #ffb8474d;padding:18px 20px}.cloud-issue-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 14px;display:grid}.cloud-issue-heading>svg{color:var(--amber);margin-top:3px}.cloud-issue-copy{overflow-wrap:anywhere;min-width:0}.cloud-issue-copy p{margin-top:6px;line-height:1.4}.cloud-issue-actions{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;min-width:0;display:grid}.cloud-issue-actions .dos-button{white-space:normal;min-width:0;max-width:100%}.cloud-issue-heading strong{color:var(--amber);font-size:20px;font-weight:400}.cloud-issue-heading p,.cloud-recovery-items li p{color:var(--muted);font-size:16px}.cloud-recovery details{margin-top:14px}.cloud-recovery summary{cursor:pointer;color:var(--muted);font-size:16px}.cloud-recovery-items{gap:16px;margin:0;padding:0;list-style:none;display:grid}.cloud-recovery-items li{border-top:1px solid var(--edge);align-items:center;gap:12px;padding-top:12px;display:flex}.cloud-recovery-items li>div{overflow-wrap:anywhere;flex:1;min-width:0}.cloud-recovery-items li strong{font-size:18px;font-weight:400}.cloud-recovery .cloud-technical-details{margin-top:5px}.cloud-technical-details summary,.cloud-technical-details p{font-size:13px}.cloud-sync-issues .dos-button{font-size:16px}.cloud-badge--conflict,.cloud-badge--error{color:var(--amber)}.cloud-badge--offline{color:var(--muted)}.cloud-card--remote .cloud-card-art>:is(img,.screenshot-image),.cloud-card--remote .cloud-card-art>.art-fallback,.game-card--cloud .game-card-art>img,.game-card--cloud .game-card-art>.art-fallback{filter:grayscale();opacity:.6}.game-card--cloud,.save-card--cloud{border-style:dashed}.save-card--cloud .map-image>img,.save-card--cloud .save-placeholder{filter:grayscale();opacity:.6}.save-card--cloud .map-image>span{align-items:center;gap:6px;display:flex}.game-card--cloud .edition-badge{color:#d6d9d8;background:#242829}.game-card--cloud .cloud-badge{color:#abbfcb}.cloud-card--remote .cloud-card-kind{color:#c0cbd0}.cloud-card--remote .cloud-card-actions>.dos-button{color:#b5ccd9;background:0 0;border-color:#8298a4}.cloud-card--remote .cloud-card-actions>.dos-button:hover{background:#8298a426}@media (width<=1000px){.cloud-library-bar{flex-wrap:wrap}}@media (width<=600px){.cloud-library-bar{flex-direction:row;gap:12px;padding:16px}.cloud-recovery-items li{flex-wrap:wrap}.cloud-recovery-items li>div{flex-basis:100%}}.cloud-recovery-items li{gap:12px;padding:16px 0;display:grid}.cloud-recovery-items li>.cloud-actions{justify-content:flex-end}.cloud-recovery-footer{border-top:1px solid var(--edge);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.cloud-recovery-footer .dos-button{white-space:normal;max-width:100%}.cloud-card-visual:is(button){cursor:pointer;width:100%;font:inherit;text-align:inherit;background:0 0;border:0;padding:0}.cloud-card-title h3>button{color:var(--amber);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.cloud-entries{border:1px solid var(--edge);background:var(--panel);margin-block:16px}.cloud-entries--embedded{padding:0 16px}.cloud-entries-heading{color:var(--muted);border-bottom:1px solid var(--edge);justify-content:space-between;padding:12px 16px;display:flex}.cloud-entry-row{color:#a7b0b4;align-items:center;gap:14px;padding:16px;display:flex}.cloud-entry-row+.cloud-entry-row{border-top:1px solid var(--edge)}.cloud-entry-row>div:first-of-type{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.cloud-entry-row strong{font-size:20px;font-weight:400}.cloud-entry-row span{color:var(--muted);font-size:15px}.cloud-entry-row .dos-button{font-size:16px}@media (width<=600px){.cloud-entry-row{flex-wrap:wrap;gap:10px}.cloud-entry-row>.cloud-actions{flex-basis:100%;justify-content:flex-end}}.cloud-usage{--storage-free:hsl(from var(--dos-dark-gray) h s 14%);border:1px solid var(--edge);background:var(--panel);padding:24px}.cloud-usage-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.cloud-usage-heading strong{font-size:24px;font-weight:400}.cloud-usage-heading p{color:var(--muted);margin-top:4px;font-size:17px}.cloud-usage-available{color:var(--muted);align-items:center;gap:8px;font-size:16px;display:inline-flex}.cloud-usage i{background:var(--storage-color,var(--storage-free));flex-shrink:0;width:10px;height:10px;display:inline-block}.cloud-usage-available i{border:1px solid var(--dos-dark-gray)}.cloud-usage-bar{border:2px solid;border-color:var(--dos-black) var(--dos-dark-gray) var(--dos-dark-gray) var(--dos-black);background:var(--storage-free);height:32px;margin-block:20px 24px;display:flex;position:relative;overflow:hidden}.cloud-usage-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, transparent 0 10px, hsl(from var(--dos-black) h s l/.45) 10px 12px);box-shadow:inset 0 2px hsl(from var(--dos-black) h s l/.25), inset 0 -2px hsl(from var(--dos-black) h s l/.25);position:absolute;inset:0}.cloud-usage-segment{background:var(--storage-color);flex-shrink:0;height:100%;display:block}.cloud-usage-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 20px;margin:0;display:grid}.cloud-usage-legend>div{min-width:0}.cloud-usage-legend dt{align-items:center;gap:9px;font-size:18px;display:flex}.cloud-usage-legend dd{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:6px 0 0 19px;display:flex}.cloud-usage-legend dd strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:400}.cloud-usage-legend dd span{color:var(--muted);font-size:14px}.cloud-usage-legend .is-empty{color:var(--muted)}.cloud-usage-legend .is-empty i{opacity:.55}.cloud-usage .cloud-usage-note{border-top:1px solid var(--edge);color:var(--muted);margin-top:20px;padding-top:16px;font-size:17px}@media (width<=1000px){.cloud-usage-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.cloud-usage{padding:18px 16px}.cloud-usage-bar{height:28px;margin-block:18px 20px}.cloud-usage-legend{gap:20px 12px}}@media (width<=380px){.cloud-usage-legend{grid-template-columns:1fr}}
