:root{--infoPanelBackground: #f8f8f8;--infoPanelBorderColor: var(--wmcolor-lilacgray-30);--sectionContentBorderColor: var(--wmcolor-lilacgray-30);--underlineColor: var(--wmcolor-periwinkle-60);--wmcolor-foundation: var(--wmcolor-salmon, #ff5f4e);--wmcolor-patterns: var(--wmcolor-cyan-40);--wmcolor-resources: #8B86CA;--wmcolor-components: #76A63C}html:has(#chart-controls:popover-open){overflow:hidden}#chart-controls:where(:not(:popover-open)){display:block;position:static;width:auto;height:auto;border:none;margin:0;padding:0;filter:none;clear:both}#chart-controls:where(:not(:popover-open)) .chart-controls-header,#chart-controls:where(:not(:popover-open)) .chart-controls-inner,#chart-controls:where(:not(:popover-open)) .panel-header{display:none}#chart-controls:popover-open{display:flex;flex-direction:column;inset:0;height:auto;width:auto;border:none;overflow:clip;padding:0}#chart-controls:popover-open .chart-controls-inner{display:flex;flex-direction:column;flex:0 0 var(--chart-controls-left-width);min-inline-size:20.625rem;max-inline-size:35.75rem;overflow:auto;border-inline-end:1px solid var(--wmcolor-border);container-type:inline-size}#chart-controls:popover-open .example-container{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:1rem;overflow:auto;padding:1.5rem 1.875rem;margin-block-end:0}#chart-controls:popover-open .chart-controls-header{flex:none;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.5rem 1.875rem 1.5rem 1rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.14),0 4px 5px 0 rgba(0,0,0,.12);z-index:1}#chart-controls:popover-open .chart-controls-header--info{display:flex;align-items:center;gap:1.25rem}#chart-controls:popover-open .chart-controls-header--info .eyebrowtitle{margin-block:0}#chart-controls:popover-open .chart-controls-header--info .title{font-size:1.5rem;font-weight:600;margin:0}#chart-controls:popover-open .chart-controls-body{flex:1;display:flex;min-block-size:0;--chart-controls-left-width: 35.75rem}#chart-controls:popover-open .chart-controls-splitter{flex-shrink:0;inline-size:.375rem;cursor:col-resize;background:linear-gradient(90deg, transparent 0%, var(--wmcolor-periwinkle-60) 15%, var(--wmcolor-periwinkle-10) 50%, transparent 70%);user-select:none;position:relative;opacity:0;transition:opacity .2s ease-in-out}#chart-controls:popover-open .chart-controls-splitter:hover{opacity:1}#chart-controls:popover-open .chart-controls-splitter::after{content:"";position:absolute;inset:0;padding-inline:.25rem;margin-inline:-0.25rem}#chart-controls:popover-open .chart-controls-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.875rem;overflow:auto}#show-controls-btn{margin-bottom:1rem;float:right}.chart-controls #close-controls{margin-inline-start:auto}.chart-controls .panel-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.chart-controls .panel-header{font-size:1.375rem;font-weight:400;margin:0}.chart-controls .config-panel{display:flex;flex-direction:column;gap:1.5rem}.chart-controls .config-section{display:flex;flex-direction:column;gap:.75rem;margin-block:0}.chart-controls .config-section wm-button{align-self:flex-end}.chart-controls .config-section-header p{margin-block:.25rem 0}.chart-controls .section-header{font-size:1rem;font-weight:500;margin:0;align-self:flex-start}.chart-controls fieldset{padding:0;margin:0;border:none}.chart-controls fieldset>legend{font-weight:600;line-height:normal;margin-block-end:.25rem;font-size:.875rem}.chart-controls fieldset>div{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.chart-controls fieldset>div>label{display:flex;align-items:center;gap:.25rem;cursor:pointer}.chart-controls fieldset>div>input[type=text],.chart-controls fieldset>div>input[type=number]{padding:.25rem .5rem;border:1px solid var(--wmcolor-border);border-radius:4px}.chart-controls fieldset>div>button{padding:.25rem .75rem;border:1px solid var(--wmcolor-border);border-radius:4px;background:var(--wmcolor-background);cursor:pointer}.chart-controls fieldset>div>button:hover{background:var(--wmcolor-interactive)}.chart-controls fieldset textarea{padding:.5rem;border:1px solid var(--wmcolor-border);border-radius:4px;font-family:monospace;font-size:.75rem;width:100%;resize:vertical}.chart-controls .config-field-wrapper{display:flex;gap:.75rem 1rem;flex-wrap:wrap;align-items:flex-start}.chart-controls .config-field-wrapper:has(fieldset){column-gap:1.5rem}.chart-controls .config-field-wrapper .config-field-wrapper{flex-wrap:nowrap}.chart-controls .config-field-wrapper.axis-wrapper>*{flex-basis:47%}.chart-controls .config-field-wrapper>*{flex:1}.chart-controls .config-field-wrapper>fieldset{flex:none}.chart-controls .config-field-wrapper #pattern-select{flex:.5 1 0%;margin-inline-end:1rem;transition:flex-grow .5s ease-in-out}.chart-controls .config-field-wrapper #pattern-custom-input{display:none}.chart-controls .config-field-wrapper.single-selected #pattern-custom-input{display:block}.chart-controls .config-field-wrapper.single-selected #pattern-select{flex:0 0 auto;margin-inline-end:0}.chart-controls .config-grid-field-wrapper{display:grid;grid-template-columns:[text-start] 1fr [text-end radio-start] auto [radio-end];gap:.75rem 1.5rem}.chart-controls #grid-max-input{max-width:7.125rem}.chart-controls p{text-wrap:pretty}.page-linechart .example-container{display:flex;flex-direction:column;gap:1rem}@media screen and (width < 63.5rem){#chart-controls:popover-open .chart-controls-body{--chart-controls-left-width: 20.625rem}}@media screen and (width < 48.0625rem){#chart-controls:popover-open .chart-controls-content,#chart-controls:popover-open .example-container{padding:.75rem 1rem}#chart-controls:popover-open .chart-controls-header{padding-inline:.25rem 1rem}#chart-controls:popover-open .chart-controls-header--info{gap:.5rem}}@media screen and (width < 43.25rem){#chart-controls:popover-open{display:block;overflow:auto}#chart-controls:popover-open .chart-controls-splitter{display:none}#chart-controls:popover-open .chart-controls-body{display:block}#chart-controls:popover-open .chart-controls-inner{display:block;max-inline-size:none;min-inline-size:0;border-inline-end:none;border-block-end:1px solid var(--wmcolor-border)}#chart-controls:popover-open .chart-controls-content{padding-block-end:1.5rem}}@container (width < 27.5rem){.chart-controls .config-grid-field-wrapper{grid-template-columns:1fr}.chart-controls .config-field-wrapper #pattern-select{margin-inline-end:0}#chart-controls:popover-open .config-field-wrapper.stretch>*{flex-basis:100%}}@container (width < 22.5rem){#chart-controls:popover-open .chart-controls-content{padding-inline:1rem}}@container (width < 20.625rem){.chart-controls .config-field-wrapper .config-field-wrapper{flex-wrap:wrap}.chart-controls .config-field-wrapper .config-field-wrapper>*{flex-basis:15.625rem}}@media screen and (width >= 48.0625rem){::view-transition-group(root){animation-duration:450ms}#chart-controls{view-transition-name:chart-controls}#bar-chart-1{view-transition-name:bar-chart}#column-chart-1{view-transition-name:column-chart}#amphibian-census{view-transition-name:line-chart}#bar-chart-1,#column-chart-1,#amphibian-census{background-color:var(--wmcolor-white);animation-timing-function:cubic-bezier(0.7, 0, 0.84, 0)}#chart-controls:popover-open #close-controls{view-transition-name:close-controls}::view-transition-new(close-controls){animation-delay:100ms}}