.stop-sheet-widget{display:none}@media (max-width:1023px){[data-cookie-chip-host]:has(.stop-sheet-responsive[data-compact]) .mapboxgl-ctrl:has(>.mapboxgl-ctrl-logo){display:none!important}.stop-sheet-responsive{--widget-frame-inset:8px;--detail-opacity:clamp(0, (var(--stop-sheet-progress) - .6) / .4, 1);--widget-opacity:clamp(0, (.9 - var(--stop-sheet-progress)) / .4, 1)}.stop-sheet-responsive :is(.stop-sheet-header,.stop-sheet-scroll,.stop-sheet-footer){opacity:var(--detail-opacity)}.stop-sheet-responsive .stop-sheet-hero{opacity:clamp(0, (var(--stop-sheet-progress) - .9) * 10, 1)}.stop-sheet-responsive[data-compact] .stop-sheet-scroll{overflow:hidden}.stop-sheet-responsive[data-compact] .stop-sheet-handle{position:relative}.stop-sheet-responsive[data-compact] .stop-sheet-handle:after{content:"";top:0;left:var(--widget-frame-left);right:var(--widget-right);height:76px;position:absolute}.stop-sheet-responsive[data-compact] .stop-sheet-handle>div{width:24px;height:3px;position:absolute;top:3px}.stop-sheet-responsive .stop-sheet-widget{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.stop-sheet-widget-frame{z-index:0;top:8px;left:var(--widget-frame-left);right:var(--widget-right);height:120px;opacity:var(--widget-opacity);pointer-events:none;background:#f6fbf9;border:1.5px solid #d4e3df;border-radius:16px;position:absolute;box-shadow:0 3px 14px #1f3e3612}.stop-sheet-widget-text{z-index:1;left:calc(var(--widget-text-left) * (1 - var(--stop-sheet-progress)) + 16px * var(--stop-sheet-progress));right:calc(var(--widget-right) + 48px);text-align:left;height:60px;opacity:var(--widget-opacity);flex-direction:column;justify-content:center;display:flex;position:absolute;top:16px}.stop-sheet-widget-text h2{-webkit-line-clamp:2;letter-spacing:-.015em;-webkit-box-orient:vertical;font-size:16px;line-height:1.2;display:-webkit-box;overflow:hidden}.stop-sheet-widget-text p{font-size:12px;line-height:16px}.stop-sheet-widget-text p+p{display:none}.stop-sheet-widget-photo{z-index:2;left:calc(var(--widget-left) * (1 - var(--stop-sheet-progress)) + var(--photo-left) * var(--stop-sheet-progress));top:calc(var(--widget-top) * (1 - var(--stop-sheet-progress)) + var(--photo-top) * var(--stop-sheet-progress));width:calc(var(--widget-width) * (1 - var(--stop-sheet-progress)) + var(--photo-width) * var(--stop-sheet-progress));height:calc(var(--widget-height) * (1 - var(--stop-sheet-progress)) + var(--photo-height) * var(--stop-sheet-progress));opacity:clamp(0, (1 - var(--stop-sheet-progress)) * 10, 1);border-radius:8px;position:absolute;overflow:hidden}.stop-sheet-widget-controls{z-index:3;top:76px;left:calc(var(--widget-frame-left) + var(--widget-frame-inset));right:calc(var(--widget-right) + var(--widget-frame-inset));opacity:var(--widget-opacity);pointer-events:auto;flex-direction:row;align-items:center;gap:8px;display:flex;position:absolute}.stop-sheet-widget-photo:has(button){pointer-events:auto}.stop-sheet-widget-transport{flex-shrink:0;justify-content:center;align-items:center;gap:0;display:flex}.stop-sheet-widget-transport>button:not(.stop-sequence-control){width:44px;height:44px}.stop-sheet-widget-transport>button:not(.stop-sequence-control) svg{width:18px;height:18px}.stop-sheet-widget-transport .stop-sequence-control{justify-content:center;width:44px;padding:0}.stop-sheet-widget-transport .stop-sequence-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.stop-sheet-widget-progress{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.stop-sheet-widget-progress input{display:block}.stop-sheet-widget-progress .stop-audio-time{white-space:nowrap;font-size:10px}.stop-sheet-widget-progress input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px}.stop-sheet-widget-progress input::-moz-range-thumb{width:16px;height:16px}.stop-sheet-widget-close{top:12px;right:calc(var(--widget-right) + 4px);opacity:var(--widget-opacity);pointer-events:auto;position:absolute}.stop-sheet-responsive:not([data-dragging]) :is(.stop-sheet-widget-photo,.stop-sheet-widget-text){transition:top .3s cubic-bezier(.25,1,.5,1),left .3s cubic-bezier(.25,1,.5,1),width .3s cubic-bezier(.25,1,.5,1),height .3s cubic-bezier(.25,1,.5,1),opacity .3s}.stop-sheet-responsive:not([data-dragging]) :is(.stop-sheet-header,.stop-sheet-scroll,.stop-sheet-footer,.stop-sheet-widget-frame,.stop-sheet-widget-controls,.stop-sheet-widget-close){transition:opacity .3s}}@media (prefers-reduced-motion:reduce){.stop-sheet-responsive,.stop-sheet-responsive *{transition:none!important}}