.su-sg{--sg-line: color-mix(in srgb, currentColor 12%, transparent);--sg-tint: color-mix(in srgb, currentColor 5%, transparent);display:block}.su-sg__bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;margin-bottom:20px}.su-sg__units{margin-left:auto}.su .su-sg :is(.su-sg__tab,.su-sg__unit){display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:34px!important;min-height:0!important;margin:0!important;padding:0 16px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit;font-size:.875rem;font-weight:500;line-height:1;letter-spacing:normal;text-transform:none;cursor:pointer;opacity:.72}.su .su-sg .su-sg__unit{padding:0 12px!important}.su .su-sg :is(.su-sg__tab,.su-sg__unit):hover{opacity:1}.su-sg__ptitle{display:none;margin:0 0 12px;font-size:1rem;font-weight:600}.su-sg__panel+.su-sg__panel{margin-top:32px}@media(scripting:enabled){.su-sg__panel:not(.is-on){display:none}.su-sg__panel+.su-sg__panel{margin-top:0}}@media(scripting:none){.su-sg__ptitle{display:block}.su-sg__bar,.su-sg__finder{display:none}}.su-sg__grid{display:grid;gap:24px clamp(24px,4vw,48px)}.su-sg__grid--finder{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start}.su-sg__chart{min-width:0}.su-sg__scroll{overflow-x:auto;border-radius:var(--su-fx-r, 8px);box-shadow:inset 0 0 0 1px var(--sg-line)}.su-sg__scroll:focus-visible{outline:2px solid var(--su-ac);outline-offset:2px}.su .su-sg .su-sg__table{width:100%;min-width:max-content;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:.9375rem;font-variant-numeric:tabular-nums;table-layout:auto}.su .su-sg .su-sg__table th,.su .su-sg .su-sg__table td{padding:12px 16px;border:0;border-bottom:1px solid var(--sg-line);text-align:left;vertical-align:middle;white-space:nowrap;background:transparent}.su .su-sg .su-sg__table tbody tr:last-child th,.su .su-sg .su-sg__table tbody tr:last-child td{border-bottom:0}.su .su-sg .su-sg__table thead th{background:var(--sg-tint);font-size:.8125rem;font-weight:600;letter-spacing:.02em}.su .su-sg .su-sg__table tbody th{font-weight:600}.su .su-sg .su-sg__table tbody tr:hover th,.su .su-sg .su-sg__table tbody tr:hover td{background:var(--sg-tint)}.su .su-sg .su-sg__table tr.is-fit th,.su .su-sg .su-sg__table tr.is-fit td{background:color-mix(in srgb,var(--su-ac) 9%,transparent)}.su .su-sg .su-sg__table tr.is-fit th{box-shadow:inset 3px 0 0 var(--su-ac)}.su-sg__u{color:var(--su-muted);font-weight:400}.su-sg__note{margin-top:12px;color:var(--su-muted);font-size:.875rem}.su-sg__note>:first-child{margin-top:0}.su-sg__note>:last-child{margin-bottom:0}.su-sg__warn{margin:12px 0 0}.su-sg__finder{padding:20px;border-radius:var(--su-radius, 12px);background:var(--sg-tint)}.su-sg__ftitle{margin:0 0 4px;font-size:1.0625rem;font-weight:600}.su-sg__fhint{margin:0 0 16px;color:var(--su-muted);font-size:.875rem}.su-sg__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:12px 10px;margin-bottom:16px}.su-sg__field{display:grid;gap:6px;min-width:0;font-size:.8125rem;font-weight:500}.su-sg__in{position:relative;display:block}.su .su-sg .su-sg__in input{box-sizing:border-box;width:100%!important;min-width:0!important;height:40px!important;min-height:0!important;margin:0!important;padding:0 40px 0 12px!important;border:0!important;border-radius:var(--su-fx-r, 8px)!important;background:var(--su-card, var(--su-bg, #fff))!important;box-shadow:inset 0 0 0 1px var(--sg-line)!important;color:inherit!important;font:inherit;font-size:.9375rem;font-variant-numeric:tabular-nums;outline:none!important;-moz-appearance:textfield;appearance:textfield}.su .su-sg .su-sg__in input::-webkit-inner-spin-button,.su .su-sg .su-sg__in input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.su .su-sg .su-sg__in input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--su-ac)!important}.su-sg__fu{position:absolute;top:50%;right:12px;translate:0 -50%;color:var(--su-muted);font-weight:400;pointer-events:none}.su .su-sg .su-btn.su-sg__go{width:100%;justify-content:space-between}.su-sg__result{margin:14px 0 0;font-size:.9375rem;font-weight:500}.su-sg__result:empty{display:none}.su-sg__result[data-tone=error]{color:#b42318;font-weight:400;font-size:.875rem}.su-sg__add{margin-top:12px}.su-sg__add[hidden],.su-sg__adds[hidden]{display:none}.su .su-sg .su-btn.su-sg__addbtn{width:100%;justify-content:space-between}.su-sg__adds{margin:8px 0 0;color:var(--su-muted);font-size:.8125rem}.su-sg__add .su-status:empty{display:none}.su-sg__measure{margin-top:clamp(32px,5vw,48px)}.su-sg__mtitle{margin:0 0 16px;font-size:1.125rem;font-weight:600}.su-sg__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:0;padding:0;list-style:none}.su-sg__step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}.su-sg__step--img{grid-template-columns:minmax(0,1fr)}.su-sg__num{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--sg-tint);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.su-sg__simg{overflow:hidden;aspect-ratio:4 / 3;border-radius:calc(var(--su-radius, 12px) * .75);background:var(--su-line)}.su .su-sg__simg .su-sg__sim,.su .su-sg__simg .su-ph{width:100%;height:100%;object-fit:cover}.su-sg__stitle{margin:4px 0;font-size:1rem;font-weight:600}.su-sg__stext{color:var(--su-muted);font-size:.875rem;line-height:1.55}.su-sg__stext>:first-child{margin-top:0}.su-sg__stext>:last-child{margin-bottom:0}.su-sg.su-look--card{--su-card-pad: clamp(16px, 3vw, 32px)}.su-sg.su-look--card .su-sg__finder{box-shadow:inset 0 0 0 1px var(--sg-line);background:transparent}@media(max-width:749px){.su-sg__grid--finder{grid-template-columns:minmax(0,1fr)}.su-sg__units{margin-left:0}.su .su-sg .su-sg__table th,.su .su-sg .su-sg__table td{padding:10px 12px}.su .su-sg .su-sg__table tbody th,.su .su-sg .su-sg__table thead th:first-child{position:sticky;left:0;z-index:1;background:var(--sg-solid, var(--su-bg, #fff))}.su .su-sg .su-sg__table thead th:first-child{background:linear-gradient(var(--sg-tint),var(--sg-tint)),var(--sg-solid, var(--su-bg, #fff))}.su .su-sg .su-sg__table tr.is-fit th{background:linear-gradient(color-mix(in srgb,var(--su-ac) 9%,transparent),color-mix(in srgb,var(--su-ac) 9%,transparent)),var(--sg-solid, var(--su-bg, #fff))}}
