:root{--highlight: rgba(255, 0, 0, 0.2 );--max-screen-width: "1210px"}[data-theme=dark]{--highlight: #400000}div.snip-wrap{container:doftooltable/inline-size;margin:0}.snip-wrap:has(#dof_ui_use_full_width:checked){margin:0 calc(-50vw + 380px) 0}@media only screen and (max-width: 1000px){.snip-wrap:has(#dof_ui_use_full_width:checked){margin:0}}#dofLoading{display:none}#dofTool{padding:0;display:grid;grid-template-columns:[in-start data-start center-start full-start] 1fr [in-end out-start] 1fr [out-end data-end center-end full-end];gap:10px}@container ( max-width: 699px ){#dofTool{display:block}}@container ( min-width: 1000px ){#dofTool{grid-template-columns:[in-start full-start] 1fr [in-end out-start center-start] 1fr [out-end center-end data-start] 2fr [data-end full-end]}#dofTool #equivLenses{grid-row:1}}#dofTool h2{border-bottom:none}#dofTool h2,#dofTool h3{margin:0;padding:0}#dofTool h3{font-size:1.4em;margin-top:2em;margin-bottom:.5em}#dofTool h3:first-of-type{margin-top:1em}#dofTool p{margin-bottom:auto}#dofTool>table td,#dofTool>table th{margin:0;padding:0}#dofTool .t100{width:100%}#dofTool .ui-bar{border:0}#dofTool #inputCell{grid-row:1;grid-column:in-start/in-end}#dofTool #outputCell{grid-row:1;grid-column:out-start/out-end}#dofTool #charts{grid-column:full-start/full-end}#dofTool #equivLenses{grid-column:data-start/data-end}#dofTool #equivLenses a{color:var(--text-color)}#dofTool #equivLenses table{padding:0 2ch;margin:0 auto;width:100%}#dofTool div.clear{grid-column:full-start/full-end}#dofTool #outputCell th{font-weight:normal;color:var(--text-color)}#dofTool #outputCell td{font-weight:bold}#dofTool #outputCell tr{border-bottom:1px solid var(--ui-1dp)}#dofTool #outputCell tbody tr:nth-child(even){background:var(--ui-1dp)}#dofTool #outputCell tr:last-child{border-bottom:0}#dofTool #outputCell .ui-body{font-size:14px}#dofTool .selected td:first-child:before{content:"▶ ";margin-left:-2ch;color:#7f7f7f}#dofTool .selected td:last-child:after{content:" ◀";color:#7f7f7f;float:right;margin-right:-2ch}#dofTool #customFrameField{display:none}#dofTool #distancePresets ul{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(3, 1fr);gap:5px}#dofTool #distancePresets ul li{margin:0;padding:0;line-height:normal}#dofTool #distancePresets ul li input{padding:5px;margin:0;width:100%;border-radius:4px}#dofTool #inputCell td{padding:5px 0}#dofTool #inputCell input,#dofTool #inputCell select{display:inline-block;padding:2px;margin:2px}#dofTool #inputCell input.hidden{display:none}#dofTool #inputs select,#dofTool #inputs input[type=text],#dofTool #inputs input[type=number],#dofTool #inputs #aperture{box-sizing:border-box;width:50%;color:var(--text-color);background-color:var(--ui-3dp)}#dofTool #inputs input[type=button],#dofTool #inputs button{font-size:.7em;color:var(--text-color);background-color:var(--ui-3dp)}#dofTool #inputs #frameSize{width:100%}#dofTool #inputs #aperture{width:calc(50% - 1.5ch)}#dofTool #inputs td:first-child{white-space:nowrap;padding-right:10px}#dofTool option{padding-left:20px}#dofTool optgroup[label]{background:var(--highlight)}#dofTool #frameSize{width:100%}#dofTool .footnote{font-style:italic;font-size:.8em}#dofTool #angleheader{text-align:center}#dofTool caption{font-weight:normal}#dofTool #expdata{font-size:.8em}#dofTool #expdata th{padding-left:10px}#dofTool #expdata tbody tr:first-child th{padding-left:0}#dofTool #extendedFunct{display:none}#dofTool #extendedFunct td:first-child{min-width:15ch}#dofTool #notes{margin-top:10px}#dofTool .ui-body{margin:10px}#dofTool .crop{font-size:.8em;float:right}#dofTool .dofChart{margin:10px auto;background:#fff;max-width:700px}#dofTool .dofChart canvas{width:100%;height:calc((100% - 20px)/3*2);margin-bottom:20px}@media only screen and (max-width: 425px){#dofTool .dofChart canvas{height:300px}}#output_for_13{background-color:rgba(255,0,0,.2)}#results thead{border-bottom:1px solid #ccc}#results tr:nth-child(even){background:var(--ui-1dp)}#results td:first-child{min-width:50%}#results td+td{text-align:right}#dof_ui_adjust{margin:0 auto;text-align:center}#result_filter{font-size:1rem;float:right}/*# sourceMappingURL=dofcalc.css.map */