.bb-contact{background:var(--bb-cream);color:var(--bb-ink)}.bb-contact__form-wrap{display:grid;gap:28px;align-items:start}@media(min-width:990px){.bb-contact__form-wrap{grid-template-columns:1fr 1.05fr;gap:48px}}.bb-contact .bb-pill{background:var(--bb-plum);color:#fff;border:0}.bb-contact__title{margin:0 0 10px;font:700 clamp(34px,4.6vw,56px)/1.04 var(--bb-display);color:var(--bb-plum)}.bb-contact__text{margin:0 0 18px;font-size:18px;line-height:1.55;color:var(--bb-ink-soft);max-width:520px}.bb-station{position:relative;height:230px;max-width:460px;margin:0 0 18px;border-radius:28px;background:radial-gradient(120% 100% at 30% 20%,#4a1f78,var(--bb-plum));overflow:hidden;cursor:pointer}.bb-station__bo{position:absolute;left:6%;bottom:8px;width:150px}.bb-station__bo .bb-mascot-wrap{width:100%}.bb-station__box{position:absolute;right:8%;bottom:0;width:170px;height:auto}.bb-station__flag{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-90deg);transition:transform .6s cubic-bezier(.34,1.56,.64,1) .7s}.bb-station.is-sent .bb-station__flag{transform:rotate(0)}.bb-station__env,.bb-station__fly,.bb-station__held{position:absolute;width:40px}.bb-station__env--1{left:46%;top:18%;animation:bb-st-float 5s ease-in-out infinite}.bb-station__env--2{left:58%;top:52%;width:32px;animation:bb-st-float 6s ease-in-out infinite -2.5s}@keyframes bb-st-float{50%{transform:translateY(-12px) rotate(8deg)}}.bb-station__star{position:absolute;color:var(--bb-sun);font-size:16px;animation:bb-blink 2.4s ease-in-out infinite}.bb-station__star--1{left:40%;top:8%}.bb-station__star--2{right:6%;top:10%;animation-delay:-.8s;color:var(--bb-aqua)}.bb-station__star--3{left:4%;top:14%;animation-delay:-1.6s;color:var(--bb-pink)}.bb-station__held{left:calc(6% + 120px);bottom:70px;opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}.bb-station.is-sending .bb-station__held{opacity:1;transform:none;animation:bb-st-float 1.2s ease-in-out infinite}.bb-station__fly{left:34%;bottom:80px;opacity:0}.bb-station.is-sent .bb-station__fly{animation:bb-st-post 1s cubic-bezier(.5,0,.4,1) forwards}@keyframes bb-st-post{0%{opacity:1;transform:translate(0) rotate(-10deg)}70%{opacity:1;transform:translate(150px,-30px) rotate(10deg) scale(.8)}to{opacity:0;transform:translate(180px,10px) scale(.4)}}.bb-station.is-sent .bb-station__star{animation:bb-st-spark .9s ease-out 1s 2}@keyframes bb-st-spark{50%{transform:scale(1.8);opacity:1}}.bb-station.is-typing *,.bb-station.is-typing *:before,.bb-station.is-typing *:after{animation-play-state:paused!important}.bb-contact__card{padding:18px 20px;border-radius:24px;background:#fff;box-shadow:0 6px color-mix(in srgb,var(--bb-aqua) 45%,#fff),0 14px 28px #2b124014;max-width:460px}.bb-contact__hello{margin:0;font:700 14px var(--bb-body);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-pink)}.bb-contact__name{margin:4px 0 0;font:700 22px var(--bb-display)}.bb-contact__mail{margin:2px 0 12px;font-size:17px;word-break:break-all}.bb-contact__mail a{color:var(--bb-plum);font-weight:700}.bb-contact__card-actions{display:flex;flex-wrap:wrap;gap:8px}.bb-contact .bb-btn--ghost{--c: #fff;--t: var(--bb-plum);--edge: #e6d6f5;border:2px solid #e6d6f5}.bb-contact__copied{min-height:1.2em;margin:8px 0 0;font-size:14px;font-weight:700;color:#2b6b10}.bb-contact__help{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bb-contact__help a{padding:8px 14px;border-radius:999px;background:#fff;border:2px solid #e6d6f5;color:var(--bb-ink);font-weight:700;font-size:14px;text-decoration:none}.bb-contact__help a:hover{border-color:var(--bb-pink)}.bb-contact__panel{padding:clamp(20px,3vw,32px);border-radius:32px;background:#fff;box-shadow:0 20px 40px #2b12401a}.bb-contact__form-title{margin:0 0 16px;font:700 26px var(--bb-display)}.bb-field{display:grid;gap:6px;margin-bottom:16px}.bb-field[hidden]{display:none}.bb-field label{font-weight:800;font-size:15px}.bb-req,.bb-opt{font-weight:600;color:var(--bb-ink-soft);font-size:13px}.bb-field input,.bb-field select,.bb-field textarea{width:100%;box-sizing:border-box;min-height:50px;padding:12px 16px;border-radius:16px;border:2px solid #e2d4f2;background:#fdfbff;color:var(--bb-ink);font:inherit;font-size:16px}.bb-field textarea{min-height:150px;resize:vertical}.bb-field input:focus,.bb-field select:focus,.bb-field textarea:focus{outline:none;border-color:var(--bb-aqua);box-shadow:0 0 0 4px #2fe0d640}.bb-field [aria-invalid=true]{border-color:#c2185b}.bb-field__help{margin:0;font-size:13px;color:var(--bb-ink-soft)}.bb-field__err{margin:0;font-size:14px;font-weight:700;color:#c2185b}.bb-contact__errbox,.bb-contact__err{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#ffe6ef;color:#8a1040;font-weight:700}.bb-contact__err ul{margin:6px 0 0;padding-left:18px;font-weight:600}.bb-contact__send{width:100%}.bb-contact__send[disabled]{opacity:.75;cursor:progress}.bb-contact__fine{margin:10px 0 0;text-align:center;font-size:13px;color:var(--bb-ink-soft)}.bb-contact__ok{text-align:center;padding:30px 10px;outline:none}.bb-contact__ok-title{margin:0 0 6px;font:700 32px var(--bb-display);color:var(--bb-plum)}.bb-contact__ok p{font-size:18px}.bb-contact__faq{margin-top:48px}@media(max-width:989px){.bb-station{height:170px}.bb-station__bo{width:110px}.bb-station__box{width:120px}.bb-station__held{left:calc(6% + 90px);bottom:50px}}@media(prefers-reduced-motion:reduce){.bb-station *,.bb-station *:before{animation:none!important;transition:none!important}.bb-station.is-sent .bb-station__flag{transform:rotate(0)}}html.bb-still .bb-station *{animation-play-state:paused!important}@media(max-width:989px){.bb-contact__intro{display:contents}.bb-contact__intro>.bb-pill,.bb-contact__title,.bb-contact__text{order:1}.bb-contact__panel{order:2}.bb-station,.bb-contact__card,.bb-contact__help{order:3}.bb-contact__form-wrap{gap:14px}.bb-contact__text{margin:0}}.bb-contact .bb-contact__ok-title{font-size:32px!important;line-height:1.1}.bb-field input:invalid:not([aria-invalid]),.bb-field textarea:invalid:not([aria-invalid]){border-color:#e2d4f2;box-shadow:none}.bb-field input:invalid:not([aria-invalid]):focus,.bb-field textarea:invalid:not([aria-invalid]):focus{border-color:var(--bb-aqua);box-shadow:0 0 0 4px #2fe0d640}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-contact.css.map */