.wb-msg{--green:#022B69;--green2:#0b4a97;--ink:#1f2937;--muted:#667085;--line:#d9e2ef;--soft:#f4f7fb;--warm:#fff6f4;color:var(--ink);background:#fff}.wb-msg *{box-sizing:border-box}.wb-msg__hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:330px;background:linear-gradient(100deg,#f4f7fb,#edf2f8);overflow:hidden}.wb-msg__hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px max(32px,calc((100vw - 1320px)/2));padding-right:48px}.wb-msg__eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:#e13124;margin:0 0 10px}.wb-msg__hero h1{font:500 clamp(48px,5vw,74px)/1 Georgia,serif;margin:0 0 18px;color:#101824}.wb-msg__hero-copy>p:not(.wb-msg__eyebrow){font-size:17px;line-height:1.6;max-width:660px;margin:0 0 24px}.wb-msg__hero-button,.wb-msg__new,.wb-msg__row-actions button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;min-height:44px;padding:11px 20px;cursor:pointer}.wb-msg__hero-button{align-self:flex-start}.wb-msg__hero-art{position:relative;background:radial-gradient(circle at 55% 40%,#fff 0,#e6edf8,#cbd9ec)}.wb-msg__bubble{position:absolute;background:#ffffffe6;border:1px solid rgba(2,43,105,.14);box-shadow:0 16px 38px #10182414;color:var(--green);border-radius:16px;padding:22px 26px;font:italic 25px/1.3 Georgia,serif}.wb-msg__bubble--one{top:20%;left:10%;transform:rotate(-4deg)}.wb-msg__bubble--two{right:7%;bottom:14%;font-size:18px;transform:rotate(3deg)}.wb-msg__wrap{max-width:1320px;margin:0 auto;padding:38px 28px 72px}.wb-msg__notice{display:flex;gap:12px;align-items:center;padding:12px 15px;margin-bottom:18px;border:1px dashed #adc0da;background:#f7faff;border-radius:7px;font-size:13px}.wb-msg__notice strong{color:var(--green)}.wb-msg__toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.wb-msg__tabs{display:flex;gap:4px;flex-wrap:wrap}.wb-msg__tabs button{border:0;background:transparent;padding:10px 12px;border-bottom:2px solid transparent;color:#586274;cursor:default}.wb-msg__tabs .is-active{color:var(--green);border-color:var(--green);font-weight:700}.wb-msg__demo-list{display:grid;gap:12px}.wb-msg__row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;box-shadow:0 5px 20px #1018240a}.wb-msg__thumb{width:64px;height:64px;border-radius:8px;background:linear-gradient(145deg,#bfd0e7,#315f9a);color:#fff;display:flex;align-items:center;justify-content:center;font:700 24px Georgia,serif}.wb-msg__thumb--large{width:72px;height:72px}.wb-msg__row-main{min-width:0}.wb-msg__row-main strong,.wb-msg__row-main span{display:block}.wb-msg__row-main strong{font-size:17px;margin-bottom:3px}.wb-msg__row-main span{font-size:13px;font-weight:700;color:#344054}.wb-msg__row-main p{margin:7px 0 4px;color:#414b5b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-msg__row-main small{color:#7c8593}.wb-msg__row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.wb-msg__status{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.wb-msg__status--reply{background:#fbe1df;color:#8d3029}.wb-msg__status--waiting{background:#deebfa;color:#2e5b8c}.wb-msg__status--closed{background:#eceff3;color:#59616d}.wb-msg__demo-thread{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.wb-msg__back{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer;margin-bottom:14px}.wb-msg__thread-head{display:grid;grid-template-columns:76px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.wb-msg__thread-head h2{font-size:20px;margin:0 0 4px}.wb-msg__thread-head p{margin:0;color:#667085}.wb-msg__thread-body{display:grid;gap:18px;padding:22px 0}.wb-msg__message{max-width:78%;padding:15px 17px;border-radius:12px}.wb-msg__message strong{display:block;margin-bottom:6px}.wb-msg__message p{margin:0;line-height:1.5}.wb-msg__message--customer{justify-self:start;background:#f2f4f7}.wb-msg__message--wolfborn{justify-self:end;background:#eaf1fb;border:1px solid #d5e2f4}.wb-msg__attachment{margin-top:10px;width:210px;height:110px;border-radius:7px;background:#d8e4f3;display:flex;align-items:center;justify-content:center;color:#315f9a;font-size:12px}.wb-msg__composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;border-top:1px solid var(--line);padding-top:15px}.wb-msg__composer button,.wb-msg__composer textarea{border:1px solid #d5deea;border-radius:7px;padding:11px;background:#fff}.wb-msg__composer button:last-child{background:var(--green);color:#fff;border-color:var(--green)}.wb-msg__setup,.wb-msg__signin{text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:58px 24px}.wb-msg__setup h2,.wb-msg__signin h2{font:500 34px/1.1 Georgia,serif;margin:0 0 12px;color:#101824}.wb-msg__setup p,.wb-msg__signin p{max-width:650px;margin:0 auto 22px;line-height:1.6}.wb-msg__signin-icon{font-size:38px;color:var(--green);margin-bottom:12px}.wb-msg__signin .wb-msg__hero-button{align-self:auto;margin:0 auto 12px}.wb-msg__signin small{display:block;color:#6d7684}.wb-msg__small{font-size:13px;color:#77808e}.wb-msg__embed iframe{width:100%;min-height:850px;border:0;display:block;background:#fff}.wb-msg__loading{text-align:center;padding:30px;color:#667085}.wb-msg__secondary-link{display:inline-flex;margin-top:6px;color:#e13124;font-weight:700;text-decoration:none}@media(max-width:850px){.wb-msg__hero{grid-template-columns:1fr}.wb-msg__hero-copy{padding:46px 22px}.wb-msg__hero-art{min-height:220px}.wb-msg__wrap{padding:28px 16px 60px}.wb-msg__toolbar{align-items:flex-start;flex-direction:column}.wb-msg__row{grid-template-columns:58px 1fr}.wb-msg__thumb{width:52px;height:52px}.wb-msg__row-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.wb-msg__thread-head{grid-template-columns:64px 1fr}.wb-msg__thread-head .wb-msg__status{grid-column:1/-1;justify-self:start}.wb-msg__message{max-width:92%}.wb-msg__composer{grid-template-columns:auto 1fr}.wb-msg__composer button:last-child{grid-column:1/-1}.wb-msg__bubble{font-size:20px}.wb-msg__bubble--two{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/wolfborn-messages.css.map */