.sk-br .desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"steps msg" "panel msg" "nav msg";grid-template-rows:auto auto 1fr;column-gap:40px;row-gap:28px;align-items:start;padding-block:28px 80px}.sk-br .stepper{grid-area:steps;scroll-margin-top:110px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sk-br .stepper button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;gap:4px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:var(--r)}.sk-br .stepper button:hover{border-color:var(--fg);border-top-color:var(--fg)}.sk-br .stepper button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sk-br .stepper .n{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sk-br .stepper .t{font-family:var(--font-head);font-weight:600;font-size:19px;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;color:var(--fg)}.sk-br .stepper button.done{border-top-color:var(--gold)}.sk-br .stepper button.done .n:after{content:" \2713";color:var(--fg)}.sk-br .stepper button.current{background:var(--soft);border-color:var(--fg);border-top-color:var(--fg);box-shadow:0 3px 0 var(--gold)}.sk-br .stepper button.current .n{color:var(--red)}.sk-br .panels{grid-area:panel;min-width:0}.sk-br .panel{display:grid;gap:40px}.sk-br .panel[hidden]{display:none}.sk-br .panel-head{display:grid;gap:6px}.sk-br .panel-head h3{font-family:var(--font-head);font-weight:600;font-size:clamp(28px,4vw,34px);text-transform:uppercase;letter-spacing:.02em;line-height:1.08}.sk-br .panel-head h3:after{content:"";display:block;width:44px;height:3px;background:var(--gold);margin-top:10px}.sk-br .panel-head p{color:var(--muted);max-width:60ch;margin-top:8px}.sk-br .panel-body{display:grid;gap:44px}.sk-br .nav{grid-area:nav;display:flex;justify-content:space-between;align-items:center;gap:12px}.sk-br .nav .btn[hidden]{display:inline-flex;visibility:hidden}.sk-br .sendbox{display:grid;gap:10px;justify-items:start}.sk-br .sendbox .btn{min-width:260px}.sk-br .ticket{grid-area:msg;position:sticky;top:120px}.sk-br .chat{background:#efeae2;padding:16px 14px}.sk-br .bubble{background:#dcf8c6;color:#111;border-radius:8px 8px 2px;padding:10px 12px;font-size:14.5px;line-height:1.5;box-shadow:0 1px 1px #00000024;max-height:380px;overflow-y:auto}.sk-br .bubble .ln{min-height:1.5em;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 3px;margin:0 -3px;border-radius:2px;transition:background-color .25s}.sk-br .bubble .ln.gap{min-height:.7em}.sk-br .bubble .ln.cur{background:#c9a34e66}.sk-br .bubble .ln.ghost{color:#5f6d5e;font-style:italic}.sk-br .chat-note{font-size:13px;color:var(--muted)}.sk-br .sw{display:inline-block;width:14px;height:10px;background:#c9a34e8c;border-radius:2px;vertical-align:-1px;margin-right:4px}@media(max-width:900px){.sk-br .desk{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps" "panel" "msg" "nav";grid-template-rows:auto;row-gap:28px}.sk-br .ticket{position:static}.sk-br .bubble{max-height:300px}}@media(max-width:560px){.sk-br .stepper{gap:6px}.sk-br .stepper button{padding:10px 8px}.sk-br .stepper .t{font-size:15px}.sk-br .stepper .n{font-size:10px;letter-spacing:.08em}.sk-br .sendbox .btn{min-width:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/sk-bat-repair-steps.css.map */