.tube-section{margin:0;width:100%;max-width:320px;aspect-ratio:1}.tube-section svg{width:100%;height:100%;display:block}.tube-section__in,.tube-section__out{transition:r .6s cubic-bezier(.2,.8,.2,1)}.tube-section__in{fill:#0b3344}.tube-section__dim line{stroke:#f25230;stroke-width:1.5}.tube-section__dim text{fill:#fff;font-size:12px;font-weight:600;paint-order:stroke;stroke:#0b3344;stroke-width:3px;stroke-linejoin:round}.tube-section__scale line{stroke:rgba(233,246,248,.7);stroke-width:1.5}.tube-section__scale text{fill:rgba(233,246,248,.7);font-size:10px}.tube-section--idle{opacity:.45}.tube-metrics{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:8px;gap:8px}.tube-metrics div{padding:10px 12px;border-radius:10px;background:#0e4355}.tube-metrics dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-button-active)}.tube-metrics dd{margin:4px 0 0;font-size:18px;font-weight:600;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tube-card{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:center;padding:24px;border-radius:14px;background:#0b3344;color:#e9f6f8}.tube-card__title{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff}.tube-card__note{margin-top:12px;font-size:13px;line-height:1.5;color:rgba(233,246,248,.7)}@media(max-width:700px){.tube-card{grid-template-columns:1fr;justify-items:center;padding:18px}.tube-card .tube-metrics{width:100%}}.tube-picker{width:100%;border:1px solid var(--c-border-item);border-radius:12px;background:var(--c-bg-item);box-shadow:0 2px 4px var(--c-catalog-shadow-item);overflow:hidden}.tube-picker__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:none;background:rgba(0,0,0,0);text-align:left;cursor:pointer;color:var(--c-title)}.tube-picker__head strong{display:block;font-size:17px;font-weight:600}.tube-picker__head small{display:block;margin-top:2px;font-size:13px;color:var(--c-subtitle)}.tube-picker__chevron{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--c-button-active);font-size:18px;line-height:1}.tube-picker__body{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);grid-gap:24px;gap:24px;padding:4px 18px 18px;align-items:start}.tube-picker__stage{display:grid;place-items:center;padding:12px;border-radius:12px;background:#0b3344}.tube-picker__controls{display:flex;flex-direction:column;gap:14px;min-width:0}.tube-picker__controls .tube-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tube-picker__controls .tube-metrics div{background:#0b3344}.tube-picker__group{display:flex;flex-direction:column;gap:8px}.tube-picker__label{font-size:13px;font-weight:600;color:var(--c-subtitle)}.tube-picker__chips{display:flex;flex-wrap:wrap;gap:6px}.tube-picker__chip{min-width:42px;padding:7px 12px;border:1px solid var(--c-border-item);border-radius:999px;background:var(--c-bg-item);font-size:14px;color:var(--c-catalog-item-name);cursor:pointer;transition:background .15s,border-color .15s}.tube-picker__chip:hover{border-color:var(--c-button-active)}.tube-picker__chip[aria-pressed=true]{background:var(--c-button-active);border-color:var(--c-button-active);color:var(--c-title);font-weight:600}.tube-picker__hint{font-size:14px;color:var(--c-subtitle)}.tube-picker__actions{display:flex;flex-wrap:wrap;gap:8px}.tube-picker__show{padding:9px 16px;border:none;border-radius:8px;background:var(--c-main-button);color:var(--c-button-item-active);font-size:14px;font-weight:500;cursor:pointer}.tube-picker__show:hover{background:var(--c-main-button-hover)}.tube-picker__reset{padding:7px 12px;border:1px solid var(--c-border-item);border-radius:8px;background:rgba(0,0,0,0);font-size:14px;color:var(--c-text);cursor:pointer}.tube-picker__reset:hover{background:var(--c-button-inactive)}.tube-picker button:focus-visible{outline:3px solid var(--c-focus-border,#56bcc4);outline-offset:2px}@media(max-width:700px){.tube-picker__body{grid-template-columns:1fr;gap:16px}.tube-picker__stage{max-width:260px;width:100%;justify-self:center}}@media(prefers-reduced-motion:reduce){.tube-picker__chip,.tube-section__in,.tube-section__out{transition:none}}.tube-card{margin:8px 0 16px}.catalog__items{scroll-margin-top:130px}.tube-mini{position:absolute;right:8px;bottom:20px;z-index:2;display:flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;background:rgba(11,51,68,.88);color:#fff;font-size:13px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.tube-mini svg{width:28px;height:28px;display:block}.tube-mini__out{fill:#75d1d4}.tube-mini__in{fill:#0b3344}@media(max-width:480px){.tube-mini{right:6px;bottom:16px;gap:4px;padding:3px 8px 3px 4px;font-size:11px}.tube-mini svg{width:22px;height:22px}}.drain-card{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start}.drain-card__main{display:flex;flex-direction:column;gap:14px;min-width:0}.drain-card__main .tube-card__note,.drain-card__main .tube-card__title{margin:0}.drain-card__stage{padding:10px 8px 4px;border-radius:12px;background:#0e4355;overflow-x:auto}.drain-card__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px 24px;gap:12px 24px}.drain-card__controls label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:rgba(233,246,248,.85)}.drain-card__controls label b{color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drain-card__controls input[type=range]{width:100%;accent-color:#56bcc4}.drain-card__order{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:10px;background:#0e4355}.drain-card__order code{flex:1 1 260px;font-size:14px;line-height:1.4;color:#fff;word-break:break-word}.drain-card__order button{padding:7px 14px;border:1px solid #56bcc4;border-radius:8px;background:rgba(0,0,0,0);font-size:13px;color:#e9f6f8;cursor:pointer}.drain-card__order button:hover{background:rgba(86,188,196,.2)}.drain-card__order button:focus-visible{outline:3px solid #56bcc4;outline-offset:2px}.drain-card__order-label{flex-basis:100%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#56bcc4}@media(max-width:700px){.drain-card{grid-template-columns:minmax(0,1fr);justify-items:stretch}.drain-card__section{display:grid;justify-items:center}}.drain-tip{display:block;width:100%;min-width:460px;height:auto}.drain-tip__body{stroke:rgba(11,51,68,.5);stroke-width:1.5}.drain-tip__hole{fill:#0b3344;stroke:rgba(11,51,68,.6);stroke-width:1;transition:x .25s,y .25s,width .25s,height .25s}.drain-tip__back{stroke:rgba(11,51,68,.45);stroke-width:2;stroke-dasharray:4 3}.drain-tip__zone line{stroke:rgba(233,246,248,.6);stroke-width:1.2}.drain-tip__zone text{fill:rgba(233,246,248,.75);font-size:11px}.drain-tip__dim line{stroke:#f25230;stroke-width:1.5}.drain-tip__dim text{fill:#fff;font-size:12px;font-weight:600}@media(prefers-reduced-motion:reduce){.drain-tip__hole{transition:none}}