.tube-finder{display:block;margin:0 28px 14px;padding:18px 20px 8px;color:#35414c;background:#f5f7fa;border:1px solid #e5e9ee;border-radius:8px}.tube-finder .tube-finder__title{margin:0 0 4px;font-size:17px;line-height:1.35;font-weight:650;color:#303c47}.tube-finder__intro{margin:0 0 14px;font-size:13px;line-height:1.5}.tube-finder__sizes{display:flex;flex-wrap:wrap;gap:7px}.tube-finder__size{display:inline-flex;justify-content:center;align-items:center;min-width:48px;min-height:42px;padding:7px 13px;border:1px solid #cfd6df;border-radius:6px;background:#fff;color:#33414f;font-size:14px;line-height:1.2;font-weight:600;text-decoration:none;white-space:nowrap}a.tube-finder__size:hover{border-color:#0768ce;color:#0759af;background:#edf4fc}.tube-finder__size.is-active{color:#fff;background:#0768ce;border-color:#0768ce}.tube-finder__size.is-unavailable{color:#929ba5;background:transparent;border-color:#e1e5ea}.tube-finder a:focus-visible,.tube-finder summary:focus-visible{outline:2px solid #0768ce;outline-offset:3px}.tube-finder__help{margin-top:5px}.tube-finder__help summary{display:flex;align-items:center;gap:7px;width:fit-content;min-height:40px;padding:5px 0;color:#175dad;font-size:13px;line-height:1.4;list-style:none;cursor:pointer}.tube-finder__help summary::-webkit-details-marker{display:none}.tube-finder__help summary svg{flex-shrink:0}.tube-finder__help summary:hover span{text-decoration:underline}.tube-finder__help[open] .tube-finder__chevron{transform:rotate(180deg)}.tube-finder__guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:13px 0 9px;border-top:1px solid #dfe5ec}.tube-finder__guide h3{margin:0 0 5px;font-size:13px;line-height:1.5;font-weight:700}.tube-finder__guide p,.tube-finder__note{margin:0;font-size:12px;line-height:1.6}.tube-finder__note{padding:5px 0 10px;color:#596675}@media(max-width:999px){.tube-finder{margin:0 20px 12px}.tube-finder__guide{grid-template-columns:1fr;gap:12px}}@media(max-width:640px){.tube-finder{margin:0 12px 10px;padding:14px 12px 5px}.tube-finder .tube-finder__title{font-size:16px}.tube-finder__intro{font-size:12px;margin-bottom:11px}.tube-finder__sizes{gap:6px}.tube-finder__size{min-width:45px;min-height:42px;padding:7px 10px;font-size:13px}.tube-finder__help summary{min-height:44px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/tube-size-finder.css.map */