.replay-drawer-content{box-sizing:border-box;gap:var(--wa-space-m,1rem);height:100%;min-height:0;padding:var(--wa-space-m,1rem);flex-direction:column;display:flex;overflow:hidden}.replay-drawer-title{align-items:center;gap:var(--lgs-gutter-s);display:inline-flex}.replay-tabs::part(base){width:100%;height:100%}.replay-tabs{flex:auto;min-height:0}.replay-tab-panel{gap:var(--wa-space-m,1rem);padding-block:var(--wa-space-m,1rem);flex-direction:column;display:flex}.replay-fieldset,.replay-camera-capability-switches{gap:var(--wa-space-s,.75rem);display:grid}.replay-camera-sensitivity-slider{width:100%}.replay-camera-sensitivity-slider[label-at-start]{row-gap:0}.replay-camera-sensitivity-slider[label-at-start]::part(slider){display:contents}.replay-camera-sensitivity-slider[label-at-start]::part(hint){grid-column:1/-1}.replay-camera-sensitivity-slider[label-at-start]::part(track){width:100%;min-width:0}.replay-sync-row{align-items:center;gap:var(--wa-space-s,.75rem);min-width:0;display:flex}.replay-sync-switch{flex:auto;min-width:0}.replay-sync-video-button{flex:none}.replay-total-duration-row{color:var(--wa-form-control-label-color);align-items:center;gap:var(--wa-space-s,.75rem);justify-content:space-between;min-width:0;display:flex}.replay-total-duration-label{flex:auto;min-width:0}.replay-total-duration-value{font-variant-numeric:tabular-nums;flex:none}.replay-empty-state{opacity:.72;margin:0}.replay-progression-section{gap:var(--wa-space-s,.75rem);display:grid}.replay-progression-section h3{margin:0;font-size:1rem;font-weight:600}.replay-style-subsection{box-sizing:border-box;gap:var(--wa-space-s,.75rem);width:100%;padding-left:0;display:grid}.replay-style-subtitle{color:var(--wa-form-control-label-color);font-size:var(--wa-form-control-label-font-size);margin:0;font-weight:600;line-height:1.2}.replay-style-control-group{align-items:flex-start;gap:var(--wa-space-s,.75rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-style-field{align-items:flex-start;gap:calc(var(--wa-space-xs,.5rem) / 2);flex-direction:column;width:100%;min-width:0;display:flex}.replay-style-label{color:var(--wa-form-control-label-color);font-size:var(--wa-form-control-label-font-size);line-height:var(--wa-form-control-label-line-height)}.replay-color-control{align-items:center;gap:var(--wa-space-s,.75rem);justify-content:space-between;width:100%;min-width:0;display:flex}.replay-color-picker{min-width:0}.replay-track-style-switch{flex:auto;min-width:0;margin-left:auto}.replay-track-style-switch::part(base){width:100%}.replay-opacity-slider{justify-self:end;margin-left:auto}.replay-opacity-slider[label-at-start][width-auto]{gap:var(--wa-space-s,.75rem);max-width:calc(100% - 2.25rem - var(--wa-space-s,.75rem));flex:0 auto;grid-template-columns:auto minmax(8rem,10rem);width:auto;display:grid}.replay-effect-preview{--replay-effect-preview-fill:#ff6a00;--replay-effect-preview-border:#fff;--replay-effect-preview-fill-opacity:100%;--replay-effect-preview-border-opacity:100%;--replay-effect-preview-background:none;--replay-effect-preview-route-core-width:.24rem;--replay-effect-preview-route-border-width:.33rem;--replay-effect-preview-route-inner-width:.36rem;--replay-effect-preview-marker-size:.94rem;--replay-effect-preview-marker-border-width:.08rem;border:1px solid color-mix(in srgb, var(--wa-color-surface-border) 72%, transparent);border-radius:var(--wa-border-radius-m,.5rem);width:100%;min-height:0;position:relative;overflow:hidden;& .replay-effect-preview-map{background-color:color-mix(in srgb, var(--wa-color-neutral-300,#b8c2c9) 34%, var(--wa-color-surface-50,#f7f8f9));background-image:linear-gradient(135deg, #00000057, transparent 52%), var(--replay-effect-preview-background), linear-gradient(28deg, transparent 46%, #ffffff8f 47%, transparent 49%), linear-gradient(112deg, transparent 46%, #ffffff7a 47%, transparent 49%), linear-gradient(90deg, color-mix(in srgb, var(--wa-color-neutral-500,#72808a) 22%, transparent) 1px, transparent 1px);background-position:50%;background-size:cover,cover,auto,auto,2.25rem 2.25rem;height:5rem;position:relative;overflow:hidden}& .replay-effect-preview-route{width:100%;height:100%;position:absolute;inset:0}& .replay-effect-preview-route-border,& .replay-effect-preview-route-inner,& .replay-effect-preview-route-core{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}& .replay-effect-preview-route-border{stroke:color-mix(in srgb, var(--replay-effect-preview-border) var(--replay-effect-preview-border-opacity), transparent);stroke-width:var(--replay-effect-preview-route-border-width)}& .replay-effect-preview-route-inner{stroke:color-mix(in srgb, var(--replay-effect-preview-border) 75%, var(--replay-effect-preview-fill));stroke-width:var(--replay-effect-preview-route-inner-width);display:none}& .replay-effect-preview-route-core{stroke:color-mix(in srgb, var(--replay-effect-preview-fill) var(--replay-effect-preview-fill-opacity), transparent);stroke-width:var(--replay-effect-preview-route-core-width)}& .replay-effect-preview-marker{height:var(--replay-effect-preview-marker-size);width:var(--replay-effect-preview-marker-size);z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .replay-effect-preview-marker-outer,& .replay-effect-preview-marker-inner,& .replay-effect-preview-marker-core{box-sizing:border-box;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .replay-effect-preview-marker-outer,& .replay-effect-preview-marker-inner{display:none}& .replay-effect-preview-marker-outer{background:color-mix(in srgb, white 20%, var(--replay-effect-preview-border));height:max(calc(var(--replay-effect-preview-marker-size) * 1.5), calc(var(--replay-effect-preview-marker-size) + .25rem));width:max(calc(var(--replay-effect-preview-marker-size) * 1.5), calc(var(--replay-effect-preview-marker-size) + .25rem))}& .replay-effect-preview-marker-inner{background:color-mix(in srgb, white 20%, color-mix(in srgb, var(--replay-effect-preview-border) 75%, var(--replay-effect-preview-fill)));height:calc(var(--replay-effect-preview-marker-size) + .125rem);width:calc(var(--replay-effect-preview-marker-size) + .125rem)}& .replay-effect-preview-marker-core{background:color-mix(in srgb, var(--replay-effect-preview-fill) var(--replay-effect-preview-fill-opacity), transparent);border:var(--replay-effect-preview-marker-border-width) solid color-mix(in srgb, var(--replay-effect-preview-border) var(--replay-effect-preview-border-opacity), transparent);height:var(--replay-effect-preview-marker-size);width:var(--replay-effect-preview-marker-size)}&.replay-effect-preview-glow .replay-effect-preview-route{filter:drop-shadow(0 0 .25rem color-mix(in srgb, var(--replay-effect-preview-border) 75%, transparent)) drop-shadow(0 0 .7rem color-mix(in srgb, var(--replay-effect-preview-border) 55%, transparent))}&.replay-effect-preview-glow .replay-effect-preview-route-border{opacity:calc(var(--replay-effect-preview-border-opacity) * .55);stroke-width:calc(var(--replay-effect-preview-route-border-width) + .18rem)}&.replay-effect-preview-glow .replay-effect-preview-route-inner{opacity:calc(var(--replay-effect-preview-fill-opacity) * .55);display:block}&.replay-effect-preview-glow .replay-effect-preview-route-core{filter:drop-shadow(0 0 .2rem color-mix(in srgb, var(--replay-effect-preview-fill) 90%, transparent)) drop-shadow(0 0 .45rem color-mix(in srgb, var(--replay-effect-preview-fill) 65%, transparent))}&.replay-effect-preview-glow .replay-effect-preview-marker{filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--replay-effect-preview-border) 70%, transparent)) drop-shadow(0 0 .9rem color-mix(in srgb, var(--replay-effect-preview-border) 50%, transparent))}&.replay-effect-preview-glow .replay-effect-preview-marker-outer,&.replay-effect-preview-glow .replay-effect-preview-marker-inner{opacity:.55;display:block}&.replay-effect-preview-glow .replay-effect-preview-marker-core,&.replay-effect-preview-neon .replay-effect-preview-marker-core{border:0}&.replay-effect-preview-neon .replay-effect-preview-route{filter:saturate(1.45) drop-shadow(0 0 .28rem color-mix(in srgb, var(--replay-effect-preview-border) 75%, transparent)) drop-shadow(0 0 .75rem color-mix(in srgb, var(--replay-effect-preview-border) 55%, transparent)) drop-shadow(0 0 1.7rem color-mix(in srgb, var(--replay-effect-preview-border) 40%, transparent))}&.replay-effect-preview-neon .replay-effect-preview-route-border{opacity:calc(var(--replay-effect-preview-border-opacity) * .42);stroke-width:calc(var(--replay-effect-preview-route-border-width) + .28rem)}&.replay-effect-preview-neon .replay-effect-preview-route-inner{opacity:calc(var(--replay-effect-preview-fill-opacity) * .45);display:block}&.replay-effect-preview-neon .replay-effect-preview-route-core{filter:drop-shadow(0 0 .24rem color-mix(in srgb, var(--replay-effect-preview-fill) 90%, transparent)) drop-shadow(0 0 .55rem color-mix(in srgb, var(--replay-effect-preview-fill) 70%, transparent)) drop-shadow(0 0 1.1rem color-mix(in srgb, var(--replay-effect-preview-fill) 50%, transparent))}&.replay-effect-preview-neon .replay-effect-preview-marker{filter:saturate(1.45) drop-shadow(0 0 .2rem color-mix(in srgb, var(--replay-effect-preview-border) 75%, transparent)) drop-shadow(0 0 .45rem color-mix(in srgb, var(--replay-effect-preview-border) 55%, transparent)) drop-shadow(0 0 1rem color-mix(in srgb, var(--replay-effect-preview-border) 40%, transparent))}&.replay-effect-preview-neon .replay-effect-preview-marker-outer,&.replay-effect-preview-neon .replay-effect-preview-marker-inner{display:block}&.replay-effect-preview-neon .replay-effect-preview-marker-outer{height:max(calc(var(--replay-effect-preview-marker-size) * 1.65), calc(var(--replay-effect-preview-marker-size) + .25rem));opacity:.65;width:max(calc(var(--replay-effect-preview-marker-size) * 1.65), calc(var(--replay-effect-preview-marker-size) + .25rem))}&.replay-effect-preview-neon .replay-effect-preview-marker-inner{height:calc(var(--replay-effect-preview-marker-size) + .1875rem);opacity:.45;width:calc(var(--replay-effect-preview-marker-size) + .1875rem)}}.replay-style-field-grid{align-self:stretch;gap:var(--wa-space-s,.75rem);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:none;display:grid}.replay-style-field-grid.is-single{grid-template-columns:1fr}.replay-style-field-grid.is-single .replay-style-field{grid-column:1}.replay-style-field-grid.is-single.replay-progression-width-grid{grid-template-columns:minmax(0, 1fr) minmax(0, calc(50% - var(--wa-space-s,.75rem) / 2))}.replay-style-field-grid.is-single.replay-progression-width-grid .replay-style-field{grid-column:2}.replay-width-input{box-sizing:border-box;width:calc(100% - 2px);min-width:0;margin-right:2px}.replay-width-input::part(input){text-align:center}.replay-opacity-slider{min-width:0}.replay-clips-tab{gap:var(--wa-space-l,1.25rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-clips-section{gap:var(--wa-space-s,.75rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-clips-section-header{flex-direction:column;width:100%;display:flex}.replay-poi-details::part(summary){color:var(--wa-color-brand-60)}.replay-poi-summary{align-items:center;gap:var(--wa-space-s,.75rem);width:100%;min-width:0;display:flex}.replay-poi-summary-title{align-items:center;gap:var(--wa-space-xs,.5rem);flex:auto;min-width:0;display:flex}.replay-poi-summary-title strong{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.replay-poi-summary-actions{flex:none;align-items:center;gap:.25rem;margin-left:auto;display:flex}.replay-poi-summary-button{flex:none}.replay-poi-details-body{padding:var(--lgs-gutter-s);border-top:1px solid var(--wa-color-neutral-border-normal,#00000014);gap:var(--lgs-gutter-s);flex-direction:column;display:flex}.replay-poi-switches{gap:var(--wa-space-xs,.5rem);display:grid}.replay-poi-options{gap:var(--wa-space-s,.75rem);display:grid}.replay-poi-animated-switch{display:flex}.replay-poi-hidden-fields{gap:var(--wa-space-xs,.5rem);display:grid}.replay-poi-actions{justify-content:flex-start;display:flex}.replay-clips-section-header-row{justify-content:space-between;align-items:center;gap:var(--wa-space-s,.75rem);width:100%;display:flex}.replay-clips-section-title{flex:auto;min-width:0;font-size:1rem;font-weight:600}.replay-clips-list{gap:var(--wa-space-s,.75rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-clip-row-shell{width:100%;min-width:0}.replay-clip-summary{cursor:grab;justify-content:space-between;align-items:center;gap:var(--wa-space-s,.75rem);width:100%;min-width:0;display:flex}.replay-clip-title,.replay-clip-summary-title{flex:auto;align-items:center;min-width:0;display:flex}.replay-clip-title strong,.replay-clip-summary-title strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.replay-clip-title wa-icon,.replay-clip-summary-title wa-icon{color:inherit;fill:currentColor}.replay-clip-title wa-icon::part(svg),.replay-clip-summary-title wa-icon::part(svg){color:currentColor;fill:currentColor}.replay-clip-summary-actions{flex:none;align-items:center;gap:.25rem;margin-left:auto;display:flex}.replay-clip-body{gap:var(--wa-space-s,.75rem);padding:var(--lgs-gutter-s);flex-direction:column;display:flex}.replay-clip-body .replay-clips-editor-fields{align-items:stretch;gap:var(--wa-space-s,.75rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-clip-body .replay-clips-editor-field{box-sizing:border-box;flex:auto;width:100%;min-width:0;display:flex}.replay-clip-body .replay-clips-field-control{flex:auto;width:auto}.replay-clip-body .replay-clips-field-control::part(base){width:100%}.replay-clip-body p{opacity:.72}.replay-clips-popup-card{border-color:var(--wa-color-surface-border);background-color:var(--wa-color-surface-lowered);--wa-form-control-background-color:color-mix(in oklab, var(--wa-color-surface-raised) 84%, var(--wa-color-surface-lowered) 16%);--wa-form-control-border-color:color-mix(in oklab, var(--wa-color-surface-border) 70%, var(--wa-color-neutral-border-loud) 30%);background-image:none;width:min(40rem,100vw - 2rem);max-width:calc(100vw - 2rem);overflow:hidden}.replay-clips-popup-title{align-items:center;gap:.5rem;margin:0;display:inline-flex}.replay-clips-add-list,.replay-clips-editor{gap:var(--wa-space-s,.75rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-clips-add-item-shell{width:100%;min-width:0}.replay-clips-add-item{box-sizing:border-box;text-align:left;justify-content:flex-start;width:100%}.replay-clips-add-item-content{flex-direction:row;align-items:center;gap:0;width:100%;min-width:0;display:flex}.replay-clips-add-item-content strong{font-size:.95rem}.replay-clips-add-item-content span{opacity:.72}.replay-clips-editor-header{flex-direction:column;gap:.35rem;display:flex}.replay-clips-editor-header h4{margin:0;font-size:1.05rem}.replay-clips-editor-header p{opacity:.72;margin:0}.replay-clips-editor-fields{align-items:stretch;gap:var(--wa-space-s,.75rem);flex-direction:column;width:100%;min-width:0;display:flex}.replay-clips-editor-field{box-sizing:border-box;flex:auto;width:100%;min-width:0;display:flex}.replay-clips-field-control{flex:auto;width:auto}wa-number-input.replay-clips-field-control::part(base),wa-select.replay-clips-field-control::part(base),wa-select[label-at-start].half-width::part(base){width:100%}.replay-clips-add-item[data-disabled]{cursor:not-allowed;opacity:.6}.replay-clips-add-item[data-disabled]:hover{transform:none}@media (width<=640px){.replay-color-control,.replay-style-field-grid,.replay-style-field-grid.is-single{grid-template-columns:1fr}.replay-style-field-grid.is-single .replay-style-field{grid-column:1}.replay-color-control{align-items:stretch;display:grid}.replay-clips-section-header,.replay-clip-summary,.replay-clip-summary-actions{flex-direction:column;align-items:stretch}.replay-clip-summary{flex-wrap:wrap;align-items:stretch}.replay-clip-summary-actions{justify-content:flex-start}.replay-clip-body .replay-clips-editor-field{flex-basis:auto}}.replay-controls{box-sizing:border-box;font-size:var(--lgs-font-size-s);max-width:calc(100vw - var(--lgs-gutter-s,.75rem) - var(--lgs-gutter-s,.75rem));--replay-progress-text-color:var(--lgs-button-plain-color);justify-content:center;align-items:center;display:flex;position:relative}.replay-controls::part(body){flex-direction:row;justify-content:center;align-items:center;gap:0;min-width:0;display:flex}.replay-controls.video-recorder-widget{z-index:var(--lgs-video-recorder-toolbar-zindex)}.replay-controls .video-recorder-indicator{font-size:var(--lgs-font-size);margin:0 var(--lgs-gutter) 0 var(--lgs-gutter-s);--primary-color:white;--primary-opacity:1;--secondary-color:var(--lgs-video-recorder-color,var(--lgs-error-color));--secondary-opacity:1}.replay-controls-hq-row{align-items:center;gap:var(--lgs-gutter-s);white-space:nowrap;justify-content:center;min-width:0;display:inline-flex}.replay-controls-hq-file,.replay-controls-hq-time{color:var(--replay-progress-text-color);align-items:center;gap:var(--lgs-gutter-xs);min-width:0;display:inline-flex}.replay-controls-hq-file{border-right:1px solid var(--lgs-card-on-map-border-color);font-size:var(--lgs-font-size-s);font-variant-numeric:tabular-nums;margin-right:var(--lgs-gutter-s);padding-inline-end:var(--lgs-gutter-s)}.replay-controls-hq-file wa-icon,.replay-controls-hq-time wa-icon{font-size:var(--lgs-font-size);flex:none}.replay-controls-hq-progress{min-width:0}.replay-controls-action{flex:none}.replay-progress-bar{font-size:var(--lgs-font-size-s);max-width:100%;min-height:calc(var(--lgs-dimension-s) - 2 * var(--lgs-gutter-xxs));--replay-progress-text-color:var(--lgs-button-plain-color);flex-wrap:nowrap;flex:none;align-items:center;gap:0;display:inline-flex}.replay-progress-segment,.replay-progress-settings{min-height:calc(var(--lgs-dimension-s) - 2 * var(--lgs-gutter-xxs));white-space:nowrap;flex:none;align-items:center;display:inline-flex}.replay-progress-segment{border-right:1px solid var(--lgs-card-on-map-border-color);color:var(--replay-progress-text-color);font-variant-numeric:tabular-nums;margin-right:var(--lgs-gutter-s);padding-inline-end:var(--lgs-gutter-s)}.replay-progress-segment:last-child{border-right:none;margin-right:0;padding-inline-end:0}.replay-progress-actions{gap:0}.replay-progress-settings{margin-left:0}.replay-progress-action::part(base){min-height:calc(var(--lgs-dimension-s) - 2 * var(--lgs-gutter-xxs));min-width:calc(var(--lgs-dimension-s) - 2 * var(--lgs-gutter-xxs));padding:0}.replay-progress-action wa-icon{font-size:var(--lgs-font-size)}.replay-progress-card-in-drawer{align-self:center;width:100%;max-width:100%}.replay-progress-card-in-drawer::part(body){justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.replay-progress-bar-in-drawer{justify-content:center;align-self:center;row-gap:var(--lgs-gutter-xs,.25rem);flex-wrap:wrap;width:100%}@media (width<=640px){.replay-controls-hq-row{gap:0;max-width:100%}.replay-controls-hq-label,.replay-controls-hq-file,.replay-controls .replay-progress-distance{display:none}.replay-controls-hq-progress{flex:0 auto}.replay-controls .replay-progress-segment{margin-right:var(--lgs-gutter-xs,.25rem);padding-inline-end:var(--lgs-gutter-xs,.25rem)}.replay-controls .replay-progress-time{display:none}.replay-progress-bar-in-drawer{row-gap:var(--lgs-gutter-xs,.25rem);flex-wrap:wrap}}