.tool-page .container-option[data-size] .container-option__visual{isolation:isolate;pointer-events:none;background:linear-gradient(#e9f4f8,#bed4df);border:2px solid #7ebbd1;border-radius:.22rem;align-self:center;width:64%;height:5rem;margin:2.5rem 0 1.6rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:visible;box-shadow:0 1rem 1rem -.65rem #0009,inset 0 -.3rem #031e331f}.tool-page .container-option[data-size] .container-option__visual--long{width:86%}.tool-page .container-option[data-size] .container-option__visual--high{height:6rem;margin-top:2.5rem;margin-bottom:.6rem}.tool-page .container-option[data-size] .container-option__visual:before{z-index:-1;transform-origin:0 100%;content:"";background:repeating-linear-gradient(90deg,#cbe4ed 0 9%,#9fc5d5 9% 10%);border:1px solid #8bc7dc;border-radius:.12rem .12rem 0 0;width:100%;height:1.2rem;position:absolute;inset:auto auto 100% 0;transform:skew(-40deg);box-shadow:inset 0 .16rem #ffffff8c}.tool-page .container-option[data-size] .container-option__visual:after{z-index:-1;transform-origin:0 0;content:"";background:repeating-linear-gradient(0deg,#527d94 0 19%,#719eb3 19% 21%);border:1px solid #6296ae;border-radius:0 .12rem .12rem 0;width:1rem;height:100%;padding:0;position:absolute;inset:0 auto auto 100%;transform:skewY(-50deg);box-shadow:inset -.2rem 0 #031e3329}.tool-page .container-option[data-size] .container-option__fill{z-index:1;background:repeating-linear-gradient(90deg,#ffffff17 0 9%,#031e332e 9% 10%),linear-gradient(#19c7ff,#0083c0);border-radius:.1rem;transition:width .55s cubic-bezier(.22,.75,.25,1),background-color .2s;overflow:hidden;box-shadow:inset -.2rem 0 #ffffff80}.tool-page .container-option[data-size] .container-option__fill-value{z-index:4;color:#031e33;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #91b4c5;border-radius:.35rem;padding:.22rem .4rem;font-size:.8rem;font-weight:800;line-height:1.2;top:.3rem;right:.3rem;box-shadow:0 .1rem .3rem #031e331f}.container-load-art{z-index:3;fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.container-load-art__ribs{stroke:#031e333d;stroke-width:1px}.container-load-art__frame{stroke:#3a657a;stroke-width:1.2px}.container-load-art__locks{stroke:#2b5367;stroke-width:1.7px}.tool-page .container-option:has(input:checked) .container-option__visual{border-color:#02acfd;box-shadow:0 1rem 1rem -.65rem #0009,0 0 1.3rem #02acfd29}.tool-page .container-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #ffb000}.tool-page .container-option[data-volume-state=over] .container-option__fill{background:repeating-linear-gradient(90deg,#ffffff1f 0 9%,#53310029 9% 10%),linear-gradient(#ffd46d,#f4a600)}.tool-page .container-option[data-volume-state=over] .container-option__fill-value{background:#ffe5ab;border-color:#9c6400}.tool-page .container-option[data-size=unsure] .container-option__visual{width:100%;height:7.5rem;box-shadow:none;background:radial-gradient(at 50% 100%,#02acfd24,#0000 70%);border:1px dashed #4c829b;border-radius:1rem;margin:1rem 0 .6rem}.tool-page .container-option[data-size=unsure] .container-option__visual:before,.tool-page .container-option[data-size=unsure] .container-option__visual:after,.tool-page .container-option[data-size=unsure] .container-option__fill{display:none}.tool-page .container-option[data-size=unsure] .container-option__fill-value{white-space:nowrap;color:#bcecff;background:#0a334b;border-color:#3e718b;inset:auto auto .4rem 50%;transform:translate(-50%)}.container-load-art--shared{height:83%}.container-load-art__route{stroke:#4eabc8;stroke-width:1.4px;stroke-dasharray:4 5}.container-load-art__shared-box{fill:#c3965a;stroke:#f5d7a8;stroke-width:1.8px;stroke-linejoin:round}.container-load-art__shared-box--small{fill:#9d753f}.container-load-art__shared-drum{fill:#087fbe;stroke:#55d0f4;stroke-width:1.8px;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.tool-page .container-option[data-size] .container-option__fill,.tool-page .container-option[data-size] .container-option__visual{transition:none!important}}@media (forced-colors:active){.tool-page .container-option[data-size] .container-option__visual,.tool-page .container-option[data-size] .container-option__visual:before,.tool-page .container-option[data-size] .container-option__visual:after{box-shadow:none;background:canvas;border-color:canvastext}.tool-page .container-option[data-size] .container-option__fill{forced-color-adjust:none;box-shadow:none;background:highlight}.tool-page .container-option[data-size] .container-option__fill-value{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.container-load-art :is(path,circle){stroke:canvastext}.container-load-art__shared-box,.container-load-art__shared-drum{fill:canvas}.tool-page .container-option:has(input:checked){outline:2px solid highlight}}@media print{.tool-page .container-option[data-size]{break-inside:avoid;color:#031e33;box-shadow:none;background:#fff;border-color:#36576b}.tool-page .container-option[data-size] :is(strong,small,p,em){color:#031e33}.tool-page .container-option[data-size] .container-option__visual,.tool-page .container-option[data-size] .container-option__visual:before,.tool-page .container-option[data-size] .container-option__visual:after{box-shadow:none;background:#e8f1f5;border-color:#36576b;transition:none!important}.tool-page .container-option[data-size] .container-option__fill{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#8fdcff;transition:none!important}.tool-page .container-option[data-size] .container-option__fill-value{color:#031e33;box-shadow:none;background:#fff;border-color:#36576b}.container-load-art__route{stroke:#36576b}}