sticky-product-bar{--spb-bg: #e7e4dc;--spb-fg: #16211c;--spb-muted: #6f6b62;--spb-divider: rgba(22, 33, 28, .18);--spb-border: #c4c1b7;--spb-dark: #14201a;--spb-dark-fg: #f4f2ec;--spb-radius: 6px;--spb-font: ui-monospace, "SF Mono", "Roboto Mono", "IBM Plex Mono", Menlo, Consolas, monospace;position:fixed;left:50%;bottom:20px;z-index:30;width:min(1180px,calc(100% - 40px));transform:translate(-50%)}.sticky-product-bar__inner{display:flex;align-items:stretch;background:var(--spb-bg);border:1px solid var(--spb-border);border-radius:var(--spb-radius)}.sticky-product-bar__selectors{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;background:var(--spb-bg);border-radius:calc(var(--spb-radius) - 1px) 0 0 calc(var(--spb-radius) - 1px)}.spb-field{position:relative;flex:1 1 0;min-width:0}.spb-field__trigger{display:flex;align-items:center;gap:14px;width:100%;height:100%;min-height:60px;padding:0 26px;background:transparent;border:0;cursor:pointer;color:var(--spb-fg);font-family:var(--spb-font);font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-align:left}.spb-field__label{color:var(--spb-fg);white-space:nowrap;font-family:Fraktion Mono,monospace!important;font-weight:600;font-size:15px}.spb-field__value{margin-left:auto;color:var(--spb-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:15px}.spb-field__value--placeholder:empty:before{content:attr(data-placeholder);color:var(--spb-muted)}.spb-field__caret{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#16211c17;color:var(--spb-fg);transition:transform .25s ease}.spb-field__caret svg{width:12px;height:12px}.spb-field__trigger[aria-expanded=true] .spb-field__caret{transform:rotate(180deg)}.spb-divider{width:1px;align-self:stretch;background:var(--spb-divider);flex:0 0 auto}.spb-field__menu{position:absolute;left:12px;right:12px;bottom:calc(100% + 10px);margin:0;padding:6px;list-style:none;background:#fff;border-radius:16px;box-shadow:0 12px 40px #16211c38;max-height:280px;overflow-y:auto;z-index:5}.spb-field__menu[hidden]{display:none!important}.spb-field__menu--sizes:not([hidden]){display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.spb-field__option{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;cursor:pointer;font-family:var(--spb-font);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--spb-fg);transition:background .15s ease}.spb-field__menu--sizes .spb-field__option{justify-content:center;padding:12px 6px}.spb-field__option:hover,.spb-field__option.is-active{background:var(--spb-bg)}.spb-field__option.is-selected{font-weight:600}.spb-field__option.is-unavailable{opacity:.35;pointer-events:none;cursor:not-allowed}.spb-field__swatch{width:14px;height:14px;border-radius:50%;flex:0 0 auto;background-color:var(--spb-bg);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000026}.product-form--sticky{position:relative;flex:0 0 auto;display:block}.product-form--sticky .form,.product-form--sticky form{height:100%}.sticky-product-bar__submit{display:flex;align-items:center;justify-content:center;gap:16px;height:100%;min-height:60px;padding:0 34px;background:var(--spb-dark);color:var(--spb-dark-fg);border:0;border-radius:0 calc(var(--spb-radius) - 1px) calc(var(--spb-radius) - 1px) 0;cursor:pointer;font-family:var(--spb-font);font-size:13px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background .2s ease,opacity .2s ease}.sticky-product-bar__submit:hover{background:#0d1712}.sticky-product-bar__submit[disabled]{opacity:.55;cursor:not-allowed}.sticky-product-bar__dot{width:18px;height:18px;border-radius:50%;flex:0 0 auto;background-color:#ffffff26;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff40;transition:background .25s ease}.sticky-product-bar__submit .loading-overlay__spinner{width:18px;height:18px}.sticky-product-bar__submit .loading-overlay__spinner.hidden{display:none}.product-form--sticky .product-form__error-message-wrapper[hidden]{display:none!important}.product-form--sticky .product-form__error-message-wrapper{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #16211c33;color:#b3261e;font-size:13px}@media(max-width:749px){sticky-product-bar{bottom:12px;width:calc(100% - 20px)}.sticky-product-bar__inner{flex-direction:column}.sticky-product-bar__selectors{border-radius:calc(var(--spb-radius) - 1px) calc(var(--spb-radius) - 1px) 0 0;border-bottom:1px solid var(--spb-border)}.product-form--sticky{width:100%}.sticky-product-bar__submit{width:100%;min-height:52px;padding:0 22px;gap:12px;border-radius:0 0 calc(var(--spb-radius) - 1px) calc(var(--spb-radius) - 1px)}.spb-field__trigger{min-height:52px;padding:0 14px;gap:8px;font-size:11.5px}.spb-field__caret{width:22px;height:22px}.spb-field{position:static}.spb-field__menu{left:0;right:0;max-height:none;overflow:visible;padding:8px}.spb-field__option{min-height:52px;padding:14px 16px;gap:12px;font-size:14px}.spb-field__menu--sizes .spb-field__option{padding:14px 6px}.spb-field__swatch{width:20px;height:20px}}body:has(.menu-drawer-container[open]) sticky-product-bar{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-sticky-product-bar.css.map */
