.import-autozoom-container.svelte-19wqpvj{width:var(--width-sidebar);font-family:var(--font-family);color:var(--text-secondary);background-color:var(--bg-tertiary);padding:0px var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.btn-tertiary.svelte-19wqpvj{padding:var(--spacing-xxs);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-secondary);background-color:var(--bg-tertiary);border-radius:var(--border-md);cursor:pointer;transition:opacity var(--transition-fast);border:none}.btn-tertiary.svelte-19wqpvj:hover{opacity:.6}#import-geojson-file.svelte-19wqpvj{display:none}.oil-selector-container.svelte-5hcpir{width:100%;position:relative}.oil-search.svelte-5hcpir{text-overflow:ellipsis;width:100%}.oil-results.svelte-5hcpir{width:100%;max-height:var(--oil-results-height);background:var(--bg-tertiary);border-radius:var(--border-md);box-shadow:2px 2px 5px var(--shadow-secondary);scrollbar-width:thin;z-index:10;padding:0;list-style:none;position:absolute;top:100%;overflow-y:auto}.oil-results.svelte-5hcpir li:where(.svelte-5hcpir){margin:0;padding:0}.oil-item.svelte-5hcpir{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-xxs);font-weight:var(--weight-primary);text-align:left;color:var(--text-muted);cursor:pointer;border:none;border-bottom:var(--border-sm) solid var(--border-color);background:0 0;justify-content:space-between;align-items:center;display:flex}.oil-item.svelte-5hcpir:hover{color:var(--text-primary);background:var(--text-secondary)}.oil-item.svelte-5hcpir:last-child{border-bottom:none}.oil-name.svelte-5hcpir{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.oil-api.svelte-5hcpir{margin-left:var(--spacing-sm)}.simulation-time-container.svelte-1p1yep5{row-gap:var(--spacing-xs);flex-direction:column;display:flex}.date-time-container.svelte-1p1yep5{column-gap:var(--spacing-xxs);display:flex}.datetime-input.svelte-1p1yep5{color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--weight-secondary);text-align:right;cursor:pointer;background:0 0;border:none}.interval-btn.svelte-46uj9j,.release-btn.svelte-46uj9j{color:var(--text-secondary);font-family:var(--font-family);font-weight:var(--weight-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none}.release-btn.svelte-46uj9j{width:100%;margin-top:var(--spacing-xs)}.interval-btn.svelte-46uj9j:hover,.release-btn.svelte-46uj9j:hover,.release-toggle.svelte-46uj9j:hover{opacity:.6}.release-toggle.svelte-46uj9j{-webkit-appearance:none;appearance:none;background-color:var(--text-muted);border-radius:var(--border-xl);width:12px;height:12px;transition:opacity var(--transition-fast);cursor:pointer}.release-toggle.svelte-46uj9j:checked{border:var(--border-md) solid var(--text-primary)}.releases-container.svelte-46uj9j{column-gap:var(--spacing-sm);display:flex}.trash-logo.svelte-46uj9j{opacity:.4;width:9px}.interval-field.svelte-46uj9j{box-sizing:content-box;width:auto;margin:0;padding:0}.interval-container.svelte-46uj9j{align-items:center;min-width:0;display:flex}.interval-text.svelte-46uj9j{white-space:nowrap;text-overflow:ellipsis;padding-right:var(--spacing-xxs);min-width:0;display:inline-block;overflow:hidden}.inline-rows-container.svelte-46uj9j{row-gap:var(--spacing-xs);flex-direction:column;display:flex}.btn-primary.svelte-jl28jn{height:var(--height-action-btn);padding:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--weight-primary);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--border-lg);cursor:pointer;transition:opacity var(--transition-fast);white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;display:none}.btn-primary.active.svelte-jl28jn{display:flex}.btn-primary.svelte-jl28jn:hover{opacity:.8}.btn-secondary.svelte-jl28jn{width:var(--height-action-btn);height:var(--height-action-btn);padding:var(--spacing-xs);font-size:var(--font-size-lg);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--border-lg);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.btn-secondary.svelte-jl28jn:hover{opacity:.8}.reset-btn-img.svelte-jl28jn{opacity:.6;width:100%}.title-container.svelte-16ajmj3{width:var(--width-sidebar);height:var(--height-title-header);padding:var(--spacing-sm) var(--spacing-md);column-gap:var(--spacing-sm);flex-shrink:0;display:flex}.logo.svelte-16ajmj3{opacity:.6;height:100%}.title-version-container.svelte-16ajmj3{flex-direction:column;display:flex}.title-text.svelte-16ajmj3{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--weight-primary);color:var(--text-primary);display:inline-block}.version-text.svelte-16ajmj3{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--weight-primary);color:var(--text-muted)}.title-header.svelte-181dlmc{height:var(--height-title-header);transition:height var(--transition-slow), opacity var(--transition-fast), transform var(--transition-medium);transform-origin:top;opacity:1;overflow:hidden}.action-bar.svelte-181dlmc{width:100%;padding:0 var(--spacing-sm);background-color:var(--bg-secondary);align-items:center;column-gap:var(--spacing-md);flex-shrink:0;display:flex}.utility-bar.svelte-181dlmc{height:var(--height-utility-bar);transition:all var(--transition-medium);opacity:1;overflow:hidden}.sidebar.svelte-181dlmc{top:var(--spacing-sm);bottom:var(--spacing-sm);left:var(--spacing-sm);width:var(--width-sidebar);max-height:calc(100vh - 2 * var(--spacing-sm));background:var(--bg-primary);box-shadow:2px 2px 8px var(--shadow-secondary);transition:max-height var(--transition-slow);flex-direction:column;display:flex;position:absolute;overflow:hidden}.sidebar.stage-1.svelte-181dlmc{max-height:calc(60px + var(--height-action-btn) + var(--height-utility-bar))}.sidebar.stage-2.svelte-181dlmc{max-height:var(--height-action-btn)}.sidebar.stage-2.svelte-181dlmc .title-header:where(.svelte-181dlmc){opacity:0;pointer-events:none;height:0;transform:translateY(-5px)scaleY(.9)}.sidebar.stage-2.svelte-181dlmc .utility-bar:where(.svelte-181dlmc){opacity:0;pointer-events:none;height:0}.sidebar.stage-1.svelte-181dlmc .sidebar-content:where(.svelte-181dlmc),.sidebar.stage-2.svelte-181dlmc .sidebar-content:where(.svelte-181dlmc){opacity:0;pointer-events:none;flex:0;height:0;min-height:0;padding:0}.sidebar-content.svelte-181dlmc{min-height:0;padding:var(--spacing-md);row-gap:var(--spacing-lg);transition:all var(--transition-medium);opacity:1;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar.transitioning.svelte-181dlmc .sidebar-content:where(.svelte-181dlmc){overflow:hidden}.model-selection.svelte-181dlmc{row-gap:var(--spacing-sm);flex-direction:column;display:flex}#map.svelte-19wauhf{width:100%;height:100vh}.stats-container.svelte-1knxy6b{right:var(--spacing-md);top:var(--spacing-md);padding:var(--spacing-xs) 0px var(--spacing-xs) var(--spacing-xs);row-gap:var(--spacing-xxs);background-color:var(--bg-primary);border:var(--border-lg) solid var(--bg-secondary);border-radius:var(--border-lg);box-shadow:var(--shadow-size-secondary) var(--shadow-secondary);display:grid;position:absolute}.stats-primary-text.svelte-1knxy6b{font-size:var(--font-size-sm);font-weight:var(--weight-primary);color:var(--text-secondary)}#stranded.svelte-1knxy6b,#emulsified.svelte-1knxy6b,#evaporated.svelte-1knxy6b,#total-mass.svelte-1knxy6b{width:var(--width-stats-units)}#concentration-legend.svelte-pswzrf{bottom:var(--legend-offset);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);column-gap:var(--spacing-sm);background-color:var(--bg-header);border:var(--border-lg) solid var(--bg-primary);border-radius:var(--border-lg);box-shadow:var(--shadow-size-secondary) var(--shadow-secondary);pointer-events:none;font-family:monospace;display:flex;position:absolute}.legend-bars.svelte-pswzrf{gap:var(--spacing-xxxs);flex-direction:column;display:flex}.legend-bars.svelte-pswzrf div:where(.svelte-pswzrf){height:var(--spacing-lg);width:var(--width-units)}.legend-labels.svelte-pswzrf{gap:var(--spacing-xxxs);text-align:right;flex-direction:column;display:flex}.legend-labels.svelte-pswzrf div:where(.svelte-pswzrf){color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--spacing-lg);white-space:nowrap}.timeline-container.svelte-cfijfh{bottom:var(--spacing-md);row-gap:var(--spacing-sm);width:50%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border:var(--border-lg) solid var(--bg-secondary);border-radius:var(--border-lg);box-shadow:var(--shadow-size-secondary) var(--shadow-secondary);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-45%)}.timeline-controls.svelte-cfijfh{column-gap:var(--spacing-sm);justify-content:center;display:flex}.timeline-btn.svelte-cfijfh{width:var(--width-timeline-btn);height:var(--height-timeline-btn);background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-xxs) var(--spacing-md);border:var(--border-sm) solid var(--import-border);border-radius:var(--border-lg);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer}.timeline-btn.svelte-cfijfh:hover{background-color:var(--timeline-slider)}.timeline-slider.svelte-cfijfh{width:100%;height:var(--spacing-xxs);-webkit-appearance:none;appearance:none;background:var(--timeline-slider);border-radius:var(--border-md);outline:none}.timeline-slider.svelte-cfijfh::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--spacing-md);height:var(--spacing-md);background:var(--button-primary);cursor:pointer;border-radius:50%}.timeline-labels.svelte-cfijfh{color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);justify-content:space-between;display:flex}#timeline-play.svelte-cfijfh,#timeline-pause.svelte-cfijfh{display:none}#timeline-play.active.svelte-cfijfh,#timeline-pause.active.svelte-cfijfh{display:block}#current-day.svelte-1tkkg5b{color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--weight-primary);bottom:var(--spacing-lg);position:absolute;left:50%;transform:translate(-50%)}#coordinate-display.svelte-12f89j4{color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-xs);pointer-events:none;position:absolute;bottom:18px;right:45px}:root{--font-family:Montserrat;--width-sidebar:300px;--oil-results-height:150px;--width-number:90px;--width-units:21px;--height-action-btn:40px;--width-timeline-btn:50px;--height-timeline-btn:30px;--width-stats-units:50px;--legend-offset:100px;--height-utility-bar:24px;--height-title-header:60px;--height-selector:28px;--width-datetime:100px;--bg-header:#141414;--bg-primary:#222226;--bg-secondary:#30333a;--bg-tertiary:#51535b;--bg-selector:#c8c8c8;--text-primary:#dcdcdc;--text-secondary:#b4b4b4;--text-muted:#86888b;--shadow-primary:#000;--shadow-secondary:#191919;--import-border:#787878;--timeline-slider:#3c3c3c;--scrollbar:#fff3 transparent;--spacing-xxxs:2px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--font-size-xxs:10px;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--weight-bold:600;--weight-primary:500;--weight-secondary:400;--border-xl:6px;--border-lg:4px;--border-md:2px;--border-sm:1px;--shadow-size-sidebar:0 0 5px;--shadow-size-secondary:1px 1px 2px;--transition-fast:.15s ease;--transition-medium:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.sidebar-content{height:100%;padding:var(--spacing-xxs) 0}.floating-container{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--weight-secondary);color:var(--text-secondary);row-gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.main-label:before{content:"";height:1em;width:var(--border-md);background:var(--text-muted);position:absolute;left:0}.container-secondary{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--weight-secondary);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.container-secondary.hidden{display:none}.box-container{width:100%;padding:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--weight-bold);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--border-md);row-gap:var(--spacing-sm);flex-direction:column;display:flex}.inline-container{height:var(--height-selector);align-items:center;row-gap:var(--spacing-xs);padding:0 var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--border-md);font-size:var(--font-size-xxs);font-weight:var(--weight-secondary);color:var(--text-secondary);white-space:nowrap;justify-content:space-between;display:flex}.inline-container.light{background-color:var(--bg-tertiary)}.selector-primary{width:100%;height:var(--height-selector);padding:var(--spacing-xxxs);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--weight-primary);text-align:center;color:var(--text-muted);background-color:var(--bg-secondary);border-radius:var(--border-md);cursor:pointer;-webkit-appearance:none;appearance:none;text-align-last:center;transition:background-color var(--transition-fast);border:none}.selector-primary:hover{background-color:var(--bg-tertiary)}.field-primary{padding:1px var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--weight-primary);text-align:center;color:var(--text-muted);background-color:var(--bg-tertiary);border-radius:var(--border-md);cursor:pointer;width:var(--width-number);margin-left:auto;margin-right:var(--spacing-xs);text-align-last:center;border:none}.field-primary.transparent{background-color:#0000}.unit-text{width:var(--width-units);font-size:var(--font-size-xs);font-weight:var(--weight-secondary)}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{outline:none}.app.svelte-1n46o8q{background:var(--bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}