#bau-crossell{--bcrx-accent: 11 104 255;--bcrx-accent-hex: #0b68ff;--bcrx-font: "Open Sauce", var(--text-font-family, sans-serif);--bcrx-radius: var(--rounded-sm, 8px);--bcrx-radius-btn: var(--rounded-button, 6px);--bcrx-transition: .2s ease-in-out}#bau-crossell{margin-top:var(--spacing-4, 16px);padding-top:var(--spacing-4, 16px);border-top:1px solid rgb(var(--text-color, 0 0 0) / .1);font-family:var(--bcrx-font);-webkit-font-smoothing:antialiased}.bcrx__header{display:flex;align-items:center;gap:var(--spacing-2, 8px);margin-bottom:var(--spacing-4, 16px)}.bcrx__header-icon{font-size:1.1rem;line-height:1}.bcrx__title{font-family:var(--bcrx-font);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:rgb(var(--text-color, 0 0 0));margin:0}.bcrx__list{display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.bcrx__card{border:1px solid rgb(var(--text-color, 0 0 0) / .1);border-radius:var(--bcrx-radius);background:rgb(var(--background, 255 255 255));overflow:hidden;transition:border-color var(--bcrx-transition),box-shadow var(--bcrx-transition);position:relative}.bcrx__card--dropdown-open{border-color:rgb(var(--bcrx-accent) / .25);box-shadow:0 0 0 1px rgb(var(--bcrx-accent) / .1)}.bcrx__card-main{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px}@media screen and (min-width:700px){.bcrx__card-main{grid-template-columns:68px minmax(0,1fr) auto;gap:16px;padding:16px}}.bcrx__card-image{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:rgb(var(--text-color, 0 0 0) / .04);display:flex;align-items:center;justify-content:center}.bcrx__card-image img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:700px){.bcrx__card-image{width:68px;height:68px}}.bcrx__img-placeholder{color:rgb(var(--text-color, 0 0 0) / .25)}.bcrx__card-info{display:grid;gap:3px;min-width:0}.bcrx__card-name{font-family:var(--bcrx-font);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:rgb(var(--text-color, 0 0 0));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.3}.bcrx__card-pricing{display:flex;align-items:baseline;gap:7px}.bcrx__price--old{font-size:.9rem;color:rgb(var(--text-color, 0 0 0) / .4);text-decoration:line-through}.bcrx__price--current{font-family:var(--bcrx-font);font-weight:500;font-size:1.05rem;letter-spacing:-.02em;color:rgb(var(--text-color, 0 0 0))}.bcrx__card-variant-label{font-size:.9rem;color:rgb(var(--text-color, 0 0 0) / .45)}.bcrx__badge-added{font-size:.8rem;font-weight:600;color:rgb(var(--bcrx-accent))}.bcrx__switch{flex-shrink:0;position:relative;display:inline-flex;align-items:center;cursor:pointer;width:44px;height:24px}.bcrx__switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.bcrx__switch-track{position:relative;width:44px;height:24px;background:rgb(var(--text-color, 0 0 0) / .15);border-radius:100px;transition:background var(--bcrx-transition);display:block}.bcrx__switch-knob{position:absolute;top:4px;left:4px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform var(--bcrx-transition)}.bcrx__switch--on .bcrx__switch-track{background:rgb(var(--bcrx-accent))}.bcrx__switch--on .bcrx__switch-knob{transform:translate(20px)}.bcrx__switch--loading{pointer-events:none;opacity:.65}.bcrx__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(var(--bcrx-accent) / .3);border-top-color:rgb(var(--bcrx-accent));border-radius:50%;animation:bcrxSpin .6s linear infinite;margin:auto}@keyframes bcrxSpin{to{transform:rotate(360deg)}}.bcrx__variant-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:none;border-top:1px solid rgb(var(--text-color, 0 0 0) / .08);padding:10px 14px;background:transparent;cursor:pointer;font-family:var(--bcrx-font);transition:background var(--bcrx-transition);-webkit-appearance:none;appearance:none}@media screen and (min-width:700px){.bcrx__variant-trigger{padding:10px 16px}}.bcrx__variant-trigger:hover{background:rgb(var(--text-color, 0 0 0) / .025)}.bcrx__variant-trigger--open,.bcrx__variant-trigger[aria-expanded=true]{background:rgb(var(--text-color, 0 0 0) / .03)}.bcrx__variant-trigger-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--bcrx-font);font-weight:500;font-size:.9rem;color:rgb(var(--text-color, 0 0 0) / .6);letter-spacing:-.01em}.bcrx__variant-trigger-text strong{color:rgb(var(--text-color, 0 0 0));font-weight:700}.bcrx__variant-trigger-arrow{flex-shrink:0;color:rgb(var(--text-color, 0 0 0) / .4);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.bcrx__variant-trigger-arrow--open,.bcrx__variant-trigger[aria-expanded=true] .bcrx__variant-trigger-arrow{transform:rotate(180deg)}.bcrx__dropdown{border-top:1px solid rgb(var(--text-color, 0 0 0) / .08);overflow:hidden;animation:bcrxOpen .2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bcrxOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bcrx__dropdown-inner{padding:12px 14px;max-height:360px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--text-color, 0 0 0) / .15) transparent;display:flex;flex-direction:column}@media screen and (min-width:700px){.bcrx__dropdown-inner{padding:14px 16px;max-height:400px}}.bcrx__dropdown-separator{height:1px;background:rgb(var(--text-color, 0 0 0) / .07);margin:10px 0}.bcrx__dropdown-color-group{border-radius:8px;padding:8px;transition:background var(--bcrx-transition)}.bcrx__dropdown-color-group--active{background:rgb(var(--text-color, 0 0 0) / .04)}.bcrx__dropdown-color-row{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity var(--bcrx-transition);min-height:52px}.bcrx__dropdown-color-row:hover{opacity:.8}.bcrx__dropdown-color-image{width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:rgb(var(--text-color, 0 0 0) / .04)}@media screen and (min-width:700px){.bcrx__dropdown-color-image{width:56px;height:56px}}.bcrx__dropdown-color-image img{width:100%;height:100%;object-fit:cover;display:block}.bcrx__dropdown-color-name{font-family:var(--bcrx-font);font-weight:600;font-size:15px;letter-spacing:-.02em;color:rgb(var(--text-color, 0 0 0));flex:1;min-width:0}.bcrx__dropdown-check{color:rgb(var(--bcrx-accent));flex-shrink:0;width:22px;height:22px;display:grid;place-items:center}.bcrx__dropdown-sizes{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;padding-inline-start:4px}.bcrx__size-btn{font-family:var(--bcrx-font);font-weight:600;font-size:.8125rem;letter-spacing:-.01em;line-height:1;color:rgb(var(--text-color, 0 0 0) / .7);background:rgb(var(--text-color, 0 0 0) / .06);border:1px solid transparent;border-radius:var(--bcrx-radius-btn);padding:8px 16px;cursor:pointer;transition:all var(--bcrx-transition);-webkit-appearance:none;appearance:none}.bcrx__size-btn:hover:not(:disabled){background:rgb(var(--text-color, 0 0 0) / .1);color:rgb(var(--text-color, 0 0 0))}.bcrx__size-btn--selected{background:rgb(var(--bcrx-accent));color:#fff;border-color:rgb(var(--bcrx-accent))}.bcrx__size-btn--selected:hover:not(:disabled){background:rgb(var(--bcrx-accent));color:#fff}.bcrx__size-btn--disabled,.bcrx__size-btn:disabled{opacity:.3;cursor:default;text-decoration:line-through}.bcrx__color-select-btn{font-family:var(--bcrx-font);font-weight:700;font-size:.85rem;color:rgb(var(--bcrx-accent));background:none;border:none;padding:6px 4px;padding-inline-start:4px;cursor:pointer;transition:opacity var(--bcrx-transition);-webkit-appearance:none;appearance:none;min-height:36px}.bcrx__color-select-btn:hover{opacity:.7}.bcrx__color-select-btn--selected{color:rgb(var(--text-color, 0 0 0) / .5);cursor:default}.bcrx__variant-trigger:focus-visible,.bcrx__size-btn:focus-visible,.bcrx__color-select-btn:focus-visible{outline:2px solid rgb(var(--bcrx-accent));outline-offset:2px}@media(prefers-reduced-motion:reduce){.bcrx__dropdown{animation:none}.bcrx__switch-knob,.bcrx__switch-track,.bcrx__size-btn,.bcrx__variant-trigger,.bcrx__dropdown-color-group,.bcrx__spinner{transition:none;animation:none}}.bcrx__picker{display:grid!important;gap:8px!important;padding:13px!important}.bcrx__picker-label{font-size:.72rem;font-weight:700;color:rgb(var(--text-color)/.5)}.bcrx__picker-label--size{margin-top:4px}.bcrx__color-line{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bcrx__color-chip{flex:0 0 auto;display:grid;justify-items:center;gap:5px;min-width:62px;padding:7px;background:#fff;border:1.5px solid rgb(var(--text-color)/.1);border-radius:12px;cursor:pointer;color:rgb(var(--text-color)/.66);font:inherit}.bcrx__color-chip--selected{border-color:rgb(var(--bau-accent));box-shadow:0 0 0 2px rgb(var(--bau-accent)/.1);color:rgb(var(--bau-accent))}.bcrx__color-chip-image{width:40px;height:40px;border-radius:8px;overflow:hidden;background:rgb(var(--text-color)/.04)}.bcrx__color-chip-name{max-width:78px;font-size:.67rem;font-weight:650;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcrx__size-line{display:flex;gap:7px;flex-wrap:wrap}.bcrx__picker{display:grid!important;gap:12px!important;padding:16px!important;background:#f8f9fbdb;border-radius:16px}.bcrx__picker-label{font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family,sans-serif)!important;font-size:.9rem!important;font-weight:900!important;line-height:1.1;letter-spacing:-.035em!important;color:#111!important}.bcrx__picker-label--size{margin-top:3px}.bcrx__color-line{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:2px 1px 6px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.bcrx__color-line::-webkit-scrollbar{display:none}.bcrx__color-chip{flex:0 0 78px!important;width:78px!important;height:78px!important;min-width:78px!important;display:grid!important;grid-template-rows:50px 1fr;align-items:center;justify-items:center;gap:4px!important;padding:7px 6px 6px!important;background:#fff!important;border:1.5px solid rgba(17,17,17,.09)!important;border-radius:14px!important;color:#111!important;box-shadow:0 1px 2px #10182806;scroll-snap-align:start}.bcrx__color-chip--selected{border-color:#0b68ff!important;box-shadow:0 0 0 3px #0b68ff1a!important;color:#0b68ff!important}.bcrx__color-chip-image{width:50px!important;height:50px!important;border-radius:10px!important;overflow:hidden;background:#11111109}.bcrx__color-chip-image img{width:100%;height:100%;display:block;object-fit:cover}.bcrx__color-chip-name{width:100%;max-width:68px!important;font-size:.67rem!important;font-weight:750!important;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcrx__size-line{display:flex;gap:8px;flex-wrap:wrap}@media(min-width:900px){.bcrx__picker{max-width:720px;margin-inline:auto;padding:18px!important}.bcrx__color-chip{flex-basis:84px!important;width:84px!important;height:84px!important;min-width:84px!important;grid-template-rows:54px 1fr}.bcrx__color-chip-image{width:54px!important;height:54px!important}}#bau-crossell{overflow:hidden}#bau-crossell .bcrx__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#bau-crossell .bcrx__header-copy{display:flex;align-items:center;gap:8px;min-width:0}#bau-crossell .bcrx__title{font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family, sans-serif)!important;font-size:1.28rem!important;font-weight:900!important;letter-spacing:-.045em!important;color:#111!important}#bau-crossell .bcrx__nav{display:flex;gap:7px;flex:0 0 auto}#bau-crossell .bcrx__nav-btn{width:36px;height:36px;border:0;border-radius:999px;display:grid;place-items:center;background:#11111117;color:#111;font:700 1.7rem/1 Arial,sans-serif;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease;-webkit-tap-highlight-color:transparent}#bau-crossell .bcrx__nav-btn--dark{background:#111;color:#fff}#bau-crossell .bcrx__nav-btn:active{transform:scale(.94)}#bau-crossell .bcrx__list{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1px 16px 8px 0}#bau-crossell .bcrx__list::-webkit-scrollbar{display:none}#bau-crossell .bcrx__card{flex:0 0 calc(100% - 30px);width:calc(100% - 30px);min-width:0;scroll-snap-align:start;border-radius:16px!important;border:1px solid rgba(17,17,17,.1)!important;background:#fff!important;box-shadow:0 1px 2px #10182808}#bau-crossell .bcrx__card-main{grid-template-columns:78px minmax(0,1fr) auto!important;gap:12px!important;min-height:112px;padding:14px!important}#bau-crossell .bcrx__card-image{width:78px!important;height:78px!important;border-radius:12px!important;background:#11111109!important}#bau-crossell .bcrx__card-name{font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family, sans-serif)!important;font-weight:900!important;font-size:1rem!important;letter-spacing:-.035em!important;color:#111!important}#bau-crossell .bcrx__price--current{font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family, sans-serif)!important;font-weight:900!important;color:#111!important}#bau-crossell .bcrx__price--old{font-weight:400!important}#bau-crossell .bcrx__add-btn{min-width:78px;height:40px;padding:0 14px;border:0;border-radius:10px;background:#111;color:#fff;font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family, sans-serif);font-size:.84rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,opacity .18s ease,background .18s ease}#bau-crossell .bcrx__add-btn:active{transform:scale(.96)}#bau-crossell .bcrx__add-btn--added{background:#0b68ff}#bau-crossell .bcrx__add-btn--loading{opacity:.6}#bau-crossell .bcrx__variant-trigger{padding:10px 14px!important;border-top:1px solid rgba(17,17,17,.075)!important}#bau-crossell .bcrx__variant-trigger-text{font-size:.86rem!important}#bau-crossell .bcrx__picker{margin:0!important;max-width:none!important;padding:15px!important;border-radius:0 0 16px 16px!important;background:#f8f9fbeb!important}#bau-crossell .bcrx__picker-label{font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family, sans-serif)!important;font-size:.92rem!important;font-weight:900!important;letter-spacing:-.035em!important;color:#111!important}#bau-crossell .bcrx__color-chip{flex:0 0 82px!important;width:82px!important;height:82px!important;min-width:82px!important;grid-template-rows:53px 1fr!important;border-radius:14px!important}#bau-crossell .bcrx__color-chip-image{width:53px!important;height:53px!important;border-radius:10px!important}@media(min-width:900px){#bau-crossell .bcrx__card{flex-basis:100%;width:100%}#bau-crossell .bcrx__list{padding-right:0}#bau-crossell .bcrx__card-main{grid-template-columns:76px minmax(0,1fr) auto!important}}@media(max-width:480px){#bau-crossell .bcrx__title{font-size:1.18rem!important}#bau-crossell .bcrx__nav-btn{width:34px;height:34px}#bau-crossell .bcrx__card{flex-basis:calc(100% - 26px);width:calc(100% - 26px)}#bau-crossell .bcrx__card-main{grid-template-columns:70px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important}#bau-crossell .bcrx__card-image{width:70px!important;height:70px!important}#bau-crossell .bcrx__add-btn{min-width:68px;padding-inline:11px}}#bau-crossell .bcrx__nav[hidden]{display:none!important}#bau-crossell .bcrx__card-main{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:start!important;gap:13px!important;padding:14px!important;min-width:0!important}#bau-crossell .bcrx__card-image{width:76px!important;height:76px!important}#bau-crossell .bcrx__card-info{min-width:0!important;width:100%!important;display:grid!important;gap:8px!important;justify-items:start!important}#bau-crossell .bcrx__card-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.22!important}#bau-crossell .bcrx__card-pricing{min-width:0!important;max-width:100%!important;display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important}#bau-crossell .bcrx__price--current,#bau-crossell .bcrx__price--old{white-space:nowrap!important;flex:0 0 auto!important}#bau-crossell .bcrx__add-btn{width:auto!important;min-width:126px!important;max-width:100%!important;min-height:42px!important;height:auto!important;padding:10px 17px!important;white-space:nowrap!important;line-height:1.15!important}#bau-crossell .bcrx__add-btn[disabled]{opacity:.55;cursor:not-allowed}#bau-crossell .bcrx__personalization{padding:0 14px 14px;display:grid;gap:7px}#bau-crossell .bcrx__personalization-label{font-family:"Open Sauce One Black","Open Sauce",var(--text-font-family,sans-serif);font-size:.85rem;font-weight:900;color:#111}#bau-crossell .bcrx__personalization-label span{color:#d34f4f}#bau-crossell .bcrx__personalization-field{min-width:0}#bau-crossell .bcrx__dog-name{width:100%!important;min-height:46px!important;box-sizing:border-box!important;padding:10px 13px!important;border:1px solid rgba(17,17,17,.16)!important;border-radius:10px!important;background:#fff!important;color:#111!important;outline:0!important;font-family:"Open Sauce",var(--text-font-family,sans-serif)!important;font-size:.9rem!important}#bau-crossell .bcrx__dog-name:focus{border-color:#0b68ff!important;box-shadow:0 0 0 3px #0b68ff1a!important}#bau-crossell .bcrx__personalization--error .bcrx__dog-name{border-color:#d34f4f!important}#bau-crossell .bcrx__name-error{margin:0;color:#bd3838;font-size:.77rem;line-height:1.3}#bau-crossell .bcrx__name-error[hidden]{display:none!important}@media(max-width:480px){#bau-crossell .bcrx__card-main{grid-template-columns:68px minmax(0,1fr)!important;gap:11px!important;padding:12px!important}#bau-crossell .bcrx__card-image{width:68px!important;height:68px!important}#bau-crossell .bcrx__card-info{gap:7px!important}#bau-crossell .bcrx__add-btn{min-width:118px!important}#bau-crossell .bcrx__personalization{padding:0 12px 12px}}@media(min-width:900px){#bau-crossell .bcrx__card-main{grid-template-columns:76px minmax(0,1fr)!important}#bau-crossell .bcrx__card-name{font-size:1rem!important}}#bau-crossell .bcrx__list{align-items:flex-start!important;overscroll-behavior-x:contain!important;scroll-padding-inline:0!important;padding-right:0!important}#bau-crossell .bcrx__card{align-self:flex-start!important;height:auto!important;scroll-snap-stop:always}#bau-crossell .bcrx__card--simple .bcrx__card-main{align-items:center!important;min-height:0!important}#bau-crossell .bcrx__card--personalized .bcrx__card-main{align-items:start!important}#bau-crossell .bcrx__card--simple .bcrx__card-info{align-self:center!important}#bau-crossell .bcrx__nav-btn{display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;padding:0!important;box-sizing:border-box!important;flex:0 0 auto!important}#bau-crossell .bcrx__nav-btn svg{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;transform:none!important;pointer-events:none}#bau-crossell .bcrx__nav-btn:disabled{cursor:default!important;opacity:.32!important;transform:none!important;pointer-events:none!important;background:#11111117!important;color:#111!important}#bau-crossell .bcrx__add-btn{white-space:normal!important;text-align:center!important;min-width:min(174px,100%)!important;max-width:100%!important;overflow-wrap:normal!important;line-height:1.22!important}@media(max-width:390px){#bau-crossell .bcrx__add-btn{min-width:min(152px,100%)!important}}#bau-crossell .bcrx__list{align-items:flex-start!important}#bau-crossell .bcrx__card{align-self:flex-start!important;height:auto!important;min-height:0!important;display:block!important}#bau-crossell .bcrx__card--simple .bcrx__card-main{align-items:start!important;min-height:0!important}#bau-crossell .bcrx__card--simple .bcrx__card-image,#bau-crossell .bcrx__card--simple .bcrx__card-info{align-self:start!important}#bau-crossell .bcrx__card--simple:after{content:none!important;display:none!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/bau-crossell.css.map */