:root{--bbs-w10-bg:rgba(255,255,255,.78);--bbs-w10-strong:rgba(255,255,255,.94);--bbs-w10-ink:#111;--bbs-w10-muted:rgba(17,17,17,.66);--bbs-w10-border:rgba(17,17,17,.1);--bbs-w10-shadow:0 24px 70px rgba(0,0,0,.2)}.bbs-welcome10[hidden]{display:none!important}.bbs-welcome10{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:2147483000;width:min(390px,calc(100vw - 40px));color:var(--bbs-w10-ink);opacity:0;pointer-events:none;transform:translate(calc(100% + 42px));transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1)}.bbs-welcome10.is-visible{opacity:1;pointer-events:auto;transform:translate(0)}.bbs-welcome10__card{position:relative;isolation:isolate;overflow:hidden;padding:18px;border:1px solid var(--bbs-w10-border);border-radius:26px;background:linear-gradient(145deg,#ffffffdb,#ffffff9e),var(--bbs-w10-bg);box-shadow:var(--bbs-w10-shadow);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%)}.bbs-welcome10__card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 34%),radial-gradient(circle at bottom right,rgba(0,0,0,.1),transparent 40%)}.bbs-welcome10__card:after{content:"";position:absolute;right:-42px;top:-54px;width:140px;height:140px;border-radius:999px;background:repeating-linear-gradient(135deg,#0000001a 0 9px,#ffffff4d 9px 18px);opacity:.42}.bbs-welcome10__close{position:absolute;top:10px;right:10px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(17,17,17,.08);border-radius:999px;background:#ffffffc2;color:var(--bbs-w10-ink);cursor:pointer;line-height:1;transition:background .18s ease,transform .18s ease,border-color .18s ease}.bbs-welcome10__close:hover{transform:translateY(-1px);border-color:#11111129;background:#fffffff5}.bbs-welcome10__close span{display:block;margin-top:-2px;font-size:23px;font-weight:300}.bbs-welcome10__handle{display:none}.bbs-welcome10__top{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding-right:28px}.bbs-welcome10__visual{display:grid;width:72px;height:72px;place-items:center;overflow:hidden;border:1px solid rgba(17,17,17,.08);border-radius:22px;background:#ffffffb8;box-shadow:inset 0 1px #ffffffdb}.bbs-welcome10__visual img{width:62px;height:62px;object-fit:contain}.bbs-welcome10__visual span{font-size:1.25rem;font-weight:800;letter-spacing:-.05em}.bbs-welcome10__message{min-width:0}.bbs-welcome10__eyebrow,.bbs-welcome10__message h2,.bbs-welcome10__message p,.bbs-welcome10__code-row p,.bbs-welcome10__notice{margin:0}.bbs-welcome10__eyebrow{margin-bottom:4px;color:var(--bbs-w10-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bbs-welcome10__message h2{color:var(--bbs-w10-ink);font-size:clamp(1.05rem,2.4vw,1.28rem);font-weight:800;line-height:1.08;letter-spacing:-.035em}.bbs-welcome10__message p{margin-top:6px;color:var(--bbs-w10-muted);font-size:.88rem;line-height:1.35}.bbs-welcome10__form{margin-top:16px}.bbs-welcome10__field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px;border:1px solid rgba(17,17,17,.1);border-radius:999px;background:var(--bbs-w10-strong)}.bbs-welcome10__field input{min-width:0;width:100%;border:0;border-radius:999px;background:transparent;color:var(--bbs-w10-ink);font:inherit;font-size:.92rem;outline:none;padding:12px 12px 12px 15px}.bbs-welcome10__field input::placeholder{color:#1111117a}.bbs-welcome10__field input:focus-visible{box-shadow:inset 0 0 0 2px #1111111f}.bbs-welcome10__field button{border:0;border-radius:999px;background:#111;color:#fff;cursor:pointer;font:inherit;font-size:.84rem;font-weight:800;letter-spacing:-.01em;padding:0 16px;transition:background .18s ease,transform .18s ease}.bbs-welcome10__field button:hover{background:#2a2a2a;transform:translateY(-1px)}.bbs-welcome10__code-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}.bbs-welcome10__code{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(17,17,17,.1);border-radius:999px;background:#ffffffa8;color:var(--bbs-w10-ink);cursor:pointer;font:inherit;padding:7px 10px}.bbs-welcome10__code span{font-size:.78rem;font-weight:900;letter-spacing:.08em}.bbs-welcome10__code small,.bbs-welcome10__code-row p{color:var(--bbs-w10-muted);font-size:.72rem}.bbs-welcome10__notice{margin-top:10px;border-radius:14px;font-size:.82rem;line-height:1.35;padding:10px 12px}.bbs-welcome10__notice--success{background:#147d4b1a;color:#0f5132}.bbs-welcome10__notice--error{background:#aa19191a;color:#7a1515}@media screen and (max-width:749px){.bbs-welcome10{right:0;bottom:0;left:0;width:auto;max-width:none;padding:0 14px max(14px,env(safe-area-inset-bottom));transform:translateY(calc(100% + 28px))}.bbs-welcome10.is-visible{transform:translateY(0)}.bbs-welcome10__card{padding:18px 16px 16px;border-radius:24px}.bbs-welcome10__handle{display:block;width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:#1113}.bbs-welcome10__top{grid-template-columns:58px 1fr;gap:12px;padding-right:34px}.bbs-welcome10__visual{width:58px;height:58px;border-radius:18px}.bbs-welcome10__visual img{width:50px;height:50px}.bbs-welcome10__message h2{font-size:1.05rem}.bbs-welcome10__message p{font-size:.84rem}.bbs-welcome10__field{grid-template-columns:1fr;border-radius:18px;padding:6px}.bbs-welcome10__field input{min-height:46px;border-radius:14px;background:#ffffff9e}.bbs-welcome10__field button{min-height:46px;border-radius:14px;padding:0 14px}.bbs-welcome10__code-row{align-items:flex-start;flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){.bbs-welcome10,.bbs-welcome10__close,.bbs-welcome10__field button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/barbersupply-welcome10.css.map */