:root{--bbs-w10-bg:rgba(255,255,255,.7);--bbs-w10-strong:rgba(255,255,255,.9);--bbs-w10-ink:#111;--bbs-w10-muted:rgba(17,17,17,.64);--bbs-w10-border:rgba(17,17,17,.08);--bbs-w10-shadow:0 18px 46px rgba(0,0,0,.14)}.bbs-welcome10[hidden]{display:none!important}.bbs-welcome10{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2147483000;width:min(340px,calc(100vw - 36px));color:var(--bbs-w10-ink);opacity:0;pointer-events:none;transform:translate(calc(100% + 36px));transition:opacity .32s ease,transform .46s 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:15px;border:1px solid var(--bbs-w10-border);border-radius:22px;background:linear-gradient(145deg,#ffffffd1,#ffffff94),var(--bbs-w10-bg);box-shadow:var(--bbs-w10-shadow);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%)}.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,.84),transparent 32%),radial-gradient(circle at bottom right,rgba(0,0,0,.06),transparent 38%)}.bbs-welcome10__card:after{content:"";position:absolute;right:-54px;top:-64px;width:132px;height:132px;border-radius:999px;background:repeating-linear-gradient(135deg,#00000012 0 8px,#ffffff38 8px 16px);opacity:.28}.bbs-welcome10__close{position:absolute;top:9px;right:9px;z-index:2;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(17,17,17,.07);border-radius:999px;background:#ffffffb8;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:#11111124;background:#fffffff0}.bbs-welcome10__close span{display:block;margin-top:-2px;font-size:21px;font-weight:300}.bbs-welcome10__handle{display:none}.bbs-welcome10__top{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding-right:26px}.bbs-welcome10__visual{display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:1px solid rgba(17,17,17,.07);border-radius:18px;background:#ffffffad;box-shadow:inset 0 1px #ffffffc7}.bbs-welcome10__visual img{width:50px;height:50px;object-fit:contain}.bbs-welcome10__visual span{font-size:1rem;font-weight:800;letter-spacing:-.04em}.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:3px;color:var(--bbs-w10-muted);font-size:.68rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase}.bbs-welcome10__message h2{color:var(--bbs-w10-ink);font-size:clamp(.98rem,2vw,1.12rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.bbs-welcome10__message p{margin-top:5px;color:var(--bbs-w10-muted);font-size:.8rem;line-height:1.35}.bbs-welcome10__form{margin-top:13px}.bbs-welcome10__field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:5px;border:1px solid rgba(17,17,17,.08);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:.84rem;outline:none;padding:10px 10px 10px 13px}.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:.78rem;font-weight:800;letter-spacing:-.01em;padding:0 14px;transition:background .18s ease,transform .18s ease}.bbs-welcome10__field button:hover{background:#2a2a2a;transform:translateY(-1px)}.bbs-welcome10__code-row{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-top:9px}.bbs-welcome10__code{display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(17,17,17,.08);border-radius:999px;background:#ffffff94;color:var(--bbs-w10-ink);cursor:pointer;font:inherit;padding:6px 9px}.bbs-welcome10__code span{font-size:.72rem;font-weight:900;letter-spacing:.08em}.bbs-welcome10__code small,.bbs-welcome10__code-row p{color:var(--bbs-w10-muted);font-size:.68rem}.bbs-welcome10__notice{margin-top:9px;border-radius:13px;font-size:.78rem;line-height:1.35;padding:9px 11px}.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 12px max(12px,env(safe-area-inset-bottom));transform:translateY(calc(100% + 24px))}.bbs-welcome10.is-visible{transform:translateY(0)}.bbs-welcome10__card{padding:15px 14px 14px;border-radius:20px}.bbs-welcome10__handle{display:block;width:38px;height:4px;margin:0 auto 10px;border-radius:999px;background:#1111112e}.bbs-welcome10__top{grid-template-columns:50px 1fr;gap:10px;padding-right:30px}.bbs-welcome10__visual{width:50px;height:50px;border-radius:16px}.bbs-welcome10__visual img{width:42px;height:42px}.bbs-welcome10__message h2{font-size:.98rem}.bbs-welcome10__message p{font-size:.78rem}.bbs-welcome10__field{grid-template-columns:1fr;border-radius:17px;padding:6px}.bbs-welcome10__field input{min-height:42px;border-radius:13px;background:#ffffff94}.bbs-welcome10__field button{min-height:42px;border-radius:13px;padding:0 12px}.bbs-welcome10__code-row{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){.bbs-welcome10,.bbs-welcome10__close,.bbs-welcome10__field button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/barbersupply-welcome10.css.map */