.product-mobile-sticky-bar{display:none}@media screen and (max-width:749px){.product-mobile-sticky-bar{--sticky-bar-height: 6.4rem;--sticky-bar-safe: env(safe-area-inset-bottom, 0px);display:block;position:fixed;left:0;right:0;bottom:0;z-index:2;padding-bottom:var(--sticky-bar-safe);background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 -.2rem 1.2rem rgba(var(--color-shadow),.08);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.product-mobile-sticky-bar.is-revealed{transform:none;opacity:1;visibility:visible}body:has(.product-mobile-sticky-bar) .product__info-wrapper{padding-bottom:calc(var(--sticky-bar-height) + var(--sticky-bar-safe) + 1.2rem)}.product-mobile-sticky-bar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:rgba(var(--color-shadow),.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.product-mobile-sticky-bar__overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.product-mobile-sticky-bar__sheet{position:fixed;left:0;right:0;bottom:calc(var(--sticky-bar-height) + var(--sticky-bar-safe));z-index:99;max-height:min(70vh,32rem);display:flex;flex-direction:column;background:rgb(var(--color-background));border-radius:1.2rem 1.2rem 0 0;border:.1rem solid rgba(var(--color-foreground),.1);border-bottom:none;box-shadow:0 -.4rem 2rem rgba(var(--color-shadow),.12);transform:translateY(100%);transition:transform .28s ease,visibility .28s ease;visibility:hidden;pointer-events:none}.product-mobile-sticky-bar__sheet.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.product-mobile-sticky-bar__sheet-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.6rem .8rem;flex-shrink:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.product-mobile-sticky-bar__sheet-title{margin:0;font-size:1.5rem;font-weight:600}.product-mobile-sticky-bar__close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.product-mobile-sticky-bar__sheet-body{overflow-y:auto;padding:1.2rem 1.6rem 1.6rem;-webkit-overflow-scrolling:touch}.product-mobile-sticky-bar__sheet-body variant-selects{display:block}.product-mobile-sticky-bar__inner{display:flex;align-items:stretch;gap:0;min-height:var(--sticky-bar-height);padding:.8rem 1.2rem;padding-bottom:calc(.8rem + var(--sticky-bar-safe))}.product-mobile-sticky-bar[data-single-variant] .product-mobile-sticky-bar__inner{padding-left:1.2rem;padding-right:1.2rem}.product-mobile-sticky-bar__variant-trigger{display:flex;align-items:center;gap:.8rem;flex-shrink:0;padding:0 1.2rem 0 .4rem;margin:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;min-width:0}.product-mobile-sticky-bar__preview.swatch{--swatch--size: 3.2rem;flex-shrink:0}.product-mobile-sticky-bar__preview.hidden{display:none!important}.product-mobile-sticky-bar__preview-text:not(.visually-hidden){position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;overflow:visible!important;max-width:9rem;font-size:1.3rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-mobile-sticky-bar__caret{width:1.2rem;height:1.2rem;flex-shrink:0;opacity:.65}.product-mobile-sticky-bar__caret svg{width:100%;height:100%}.product-mobile-sticky-bar__submit{flex:1;display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:5.2rem;padding:0 1.6rem;margin:0;border:none;border-radius:0;background-color:#231f20;color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative}.product-mobile-sticky-bar__submit:disabled,.product-mobile-sticky-bar__submit[aria-disabled=true]{opacity:.55;cursor:not-allowed}.product-mobile-sticky-bar__submit.loading{color:transparent}.product-mobile-sticky-bar[data-single-variant] .product-mobile-sticky-bar__submit{width:100%}}.product-mobile-sticky-bar__meta{display:none}@media screen and (min-width:750px){.product-mobile-sticky-bar{--sticky-bar-height: 7.2rem;display:block;position:fixed;left:0;right:0;bottom:0;z-index:2;background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 -.2rem 1.6rem rgba(var(--color-shadow),.1);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.product-mobile-sticky-bar.is-revealed{transform:translateY(0);opacity:1;visibility:visible}.product-mobile-sticky-bar__inner{display:flex;align-items:center;gap:2.4rem;min-height:var(--sticky-bar-height);max-width:var(--page-width, 130rem);margin:0 auto;padding:1rem 5rem}.product-mobile-sticky-bar__meta{display:flex;align-items:center;gap:1.6rem;flex:1 1 auto;min-width:0}.product-mobile-sticky-bar__thumb{width:5.2rem;height:5.2rem;flex-shrink:0;object-fit:cover;border-radius:.4rem;background:rgba(var(--color-foreground),.04)}.product-mobile-sticky-bar__meta-text{display:block;min-width:0}.product-mobile-sticky-bar__title{display:block;max-width:38rem;font-size:1.5rem;line-height:1.3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-mobile-sticky-bar__price{display:block;margin-top:.2rem;font-size:1.4rem;line-height:1.4}.product-mobile-sticky-bar__price .price,.product-mobile-sticky-bar__price .price--large,.product-mobile-sticky-bar__price .price-item{font-size:1.4rem;line-height:1.4}.product-mobile-sticky-bar__price .price__container{display:flex;align-items:baseline;gap:.6rem}.product-mobile-sticky-bar__price .badge,.product-mobile-sticky-bar__price .price__badge-sale,.product-mobile-sticky-bar__price .price__badge-sold-out,.product-mobile-sticky-bar__price .price__availability,.product-mobile-sticky-bar__price .unit-price{display:none!important}product-info[data-shade-unselected=true] .product-mobile-sticky-bar__price{visibility:hidden}.product-mobile-sticky-bar__variant-trigger{display:flex;align-items:center;gap:1rem;flex:0 0 auto;max-width:24rem;min-height:4.8rem;padding:0 1.4rem;margin:0;border:.1rem solid rgba(var(--color-foreground),.22);background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;cursor:pointer}.product-mobile-sticky-bar__variant-trigger:hover{border-color:rgba(var(--color-foreground),.45)}.product-mobile-sticky-bar__preview.swatch{--swatch--size: 2.6rem;flex-shrink:0}.product-mobile-sticky-bar__preview.hidden{display:none!important}.product-mobile-sticky-bar__preview-text:not(.visually-hidden){position:static!important;width:auto!important;height:auto!important;margin:0!important;clip:auto!important;max-width:14rem;font-size:1.3rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-mobile-sticky-bar__caret{width:1.1rem;height:1.1rem;flex-shrink:0;opacity:.65}.product-mobile-sticky-bar__caret svg{width:100%;height:100%}.product-mobile-sticky-bar__submit{display:flex;align-items:center;justify-content:center;gap:.8rem;flex:0 0 auto;position:relative;min-width:22rem;min-height:4.8rem;padding:0 3rem;margin:0;border:none;border-radius:0;background-color:#231f20;color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.product-mobile-sticky-bar__submit:disabled,.product-mobile-sticky-bar__submit[aria-disabled=true]{opacity:.55;cursor:not-allowed}.product-mobile-sticky-bar__submit.loading{color:transparent}.product-mobile-sticky-bar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:transparent;opacity:0;visibility:hidden;pointer-events:none}.product-mobile-sticky-bar__overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.product-mobile-sticky-bar__sheet{position:fixed;bottom:calc(var(--sticky-bar-height) + .8rem);right:var(--sticky-panel-right, 5rem);z-index:99;width:min(34rem,calc(100vw - 4rem));max-height:min(52vh,40rem);display:flex;flex-direction:column;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;box-shadow:0 .6rem 2.4rem rgba(var(--color-shadow),.16);opacity:0;transform:translateY(.8rem);visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.product-mobile-sticky-bar__sheet.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.product-mobile-sticky-bar__sheet-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;padding:1rem 1rem .8rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.product-mobile-sticky-bar__sheet-title{margin:0;font-size:1.4rem;font-weight:600}.product-mobile-sticky-bar__close{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.product-mobile-sticky-bar__sheet-body{overflow-y:auto;padding:1.2rem 1.6rem 1.6rem}.product-mobile-sticky-bar__sheet-body variant-selects{display:block}.product-mobile-sticky-bar__sheet-body .product-form__input{margin:0 0 1rem}}@media screen and (min-width:750px){.product-mobile-sticky-bar__variant-trigger{max-width:none}.product-mobile-sticky-bar__preview-text:not(.visually-hidden){max-width:none;overflow:visible;text-overflow:clip}.product-mobile-sticky-bar__sheet{width:min(56rem,calc(100vw - 4rem))}.product-mobile-sticky-bar__sheet-body .shade-select__value{max-width:none;overflow:visible;white-space:normal;text-overflow:clip}.product-mobile-sticky-bar__sheet-body .shade-select__legend{align-items:flex-start}}.product-mobile-sticky-bar .product-form__swatch-helper-links,.product-mobile-sticky-bar .product-form__swatch-helper-links__divider,.product-mobile-sticky-bar .sticky-shade--hidden{display:none!important}.product-mobile-sticky-bar__shades-row{display:contents}.product-mobile-sticky-bar__expand,.product-mobile-sticky-bar__shade-name{display:none}@media screen and (min-width:750px){.product-mobile-sticky-bar__variant-trigger,.product-mobile-sticky-bar__overlay,.product-mobile-sticky-bar__sheet-header{display:none!important}.product-mobile-sticky-bar__inner{gap:3.2rem}.product-mobile-sticky-bar__meta{flex:0 1 28rem;min-width:16rem}.product-mobile-sticky-bar__title{max-width:100%}.product-mobile-sticky-bar__sheet{position:static;right:auto;bottom:auto;z-index:auto;flex:1 1 auto;min-width:0;width:auto;max-width:none;max-height:none;display:block;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none;visibility:visible;pointer-events:auto}.product-mobile-sticky-bar__shades-row{display:flex;align-items:center;gap:.3rem}.product-mobile-sticky-bar__sheet-body{flex:1 1 auto;min-width:0;padding:0;overflow:visible}.product-mobile-sticky-bar__sheet-body variant-selects{display:block;min-width:0}.product-mobile-sticky-bar__sheet-body .shade-select__legend{display:none}.product-mobile-sticky-bar__sheet-body .product-form__input{margin:0}.product-mobile-sticky-bar__sheet-body fieldset.product-form__input{display:flex;box-sizing:border-box;width:100%;max-width:none;min-width:0;flex-wrap:nowrap;align-items:center;gap:.9rem;margin:0;padding:.6rem;border:0;overflow:hidden}.product-mobile-sticky-bar.is-shades-expanded .product-mobile-sticky-bar__sheet-body{max-height:36vh;overflow-y:auto}.product-mobile-sticky-bar.is-shades-expanded .product-mobile-sticky-bar__sheet-body fieldset.product-form__input{flex-wrap:wrap;row-gap:.6rem;overflow:visible}.product-mobile-sticky-bar .product-mobile-sticky-bar__sheet-body .swatch-input__label{flex:0 0 auto;outline-offset:.1rem}.product-mobile-sticky-bar .product-mobile-sticky-bar__sheet-body .swatch-input__label .swatch{width:3rem;height:3rem}.product-mobile-sticky-bar .product-mobile-sticky-bar__sheet-body .swatch-input__input:checked+.swatch-input__label{outline:.2rem solid rgb(var(--color-foreground))}.product-mobile-sticky-bar .product-mobile-sticky-bar__sheet-body .swatch-input__input:not(:checked)+.swatch-input__label:hover{outline:.2rem solid rgba(var(--color-foreground),.35)}.product-mobile-sticky-bar__sheet-body .product-form__input--dropdown{display:flex;align-items:center;gap:1rem;padding:.6rem 0}.product-mobile-sticky-bar__sheet-body .product-form__input--dropdown .form__label{margin:0;white-space:nowrap}.product-mobile-sticky-bar__shade-name[hidden]{display:none}.product-mobile-sticky-bar__expand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:3.6rem;height:3.6rem;margin-top:0;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.product-mobile-sticky-bar__expand[hidden]{display:none}.product-mobile-sticky-bar__expand .svg-wrapper{display:inline-flex;width:1.5rem;height:1.5rem;transition:transform .2s ease}.product-mobile-sticky-bar.is-shades-expanded .product-mobile-sticky-bar__expand .svg-wrapper{transform:rotate(180deg)}.product-mobile-sticky-bar__shade-name{display:block;margin:.1rem 0 0 .6rem;font-size:1.3rem;line-height:1.3;color:rgba(var(--color-foreground),.75)}}.product-mobile-sticky-bar__submit>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);height:100%;display:flex;align-items:center}.product-mobile-sticky-bar__submit .loading__spinner .path{stroke:#fff}@media screen and (min-width:750px){.product-mobile-sticky-bar__meta{flex:0 1 30rem}.product-mobile-sticky-bar__title{white-space:normal;overflow:visible;text-overflow:clip}.product-mobile-sticky-bar__sheet-body fieldset.product-form__input{gap:.2rem;padding:.4rem}.product-mobile-sticky-bar .product-mobile-sticky-bar__sheet-body .swatch-input__label .swatch{width:2.2rem;height:2.2rem}}@media screen and (max-width:749px){.product-mobile-sticky-bar__sheet-body .shade-select__legend{font-size:1.3rem;align-items:flex-start}.product-mobile-sticky-bar__sheet-body .shade-select__value{max-width:none;overflow:visible;white-space:normal;text-overflow:clip;font-size:1.4rem}.product-mobile-sticky-bar__sheet-body .shade-select__option{font-size:1.3rem;padding:.7rem 1.4rem}.product-mobile-sticky-bar__sheet-body .shade-select__option .swatch{width:2.8rem}}@media screen and (max-width:749px){.product-mobile-sticky-bar__sheet-body fieldset.product-form__input{gap:.2rem;row-gap:.4rem;padding:.4rem}.product-mobile-sticky-bar__sheet-body .swatch-input__label{outline-offset:.1rem}.product-mobile-sticky-bar__sheet-body .swatch-input__label .swatch{width:2.4rem;height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/product-mobile-sticky-bar.css.map */
