.product-bar{position:fixed;top:var(--header-height);left:0;right:0;background:#fff;z-index:4;border-bottom:1px solid #E0E0E0;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out}.product-bar.headroom--not-top{transform:translateY(0);-webkit-transform:translateY(0)}.product-bar .page-width{padding-right:0}.product-bar__container{display:flex;justify-content:space-between;align-items:center}.product-bar__header{display:flex;align-items:center;gap:20px}.product-bar__title{margin:0}.product-bar__price{margin:0;opacity:.5}.product-bar__form{display:flex;align-items:center}.product-bar__form .form{display:flex;flex-shrink:0;align-items:center;gap:0px}.product-bar__form .form .quantity{border:0}.product-bar__form .quantity__input-wrapper{position:relative}.product-bar__form .quantity__input{border:none;border-left:1px solid var(--light-mossy);border-right:1px solid var(--light-mossy);height:100%;padding:20px 40px 20px 20px;box-sizing:content-box;width:fit-content}.product-bar__form .quantity__input-wrapper:after{content:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.902344 0.701294L5.49971 5.29866L10.0971 0.701294' stroke='%2363666A' stroke-opacity='0.6' stroke-width='1.14934'/%3E%3C/svg%3E%0A");position:absolute;top:50%;right:20px;transform:translate(-50%,-50%);pointer-events:none}.product-bar__form .form .quantity input{min-width:10px}.product-bar__form .form .quantity svg{color:#63666a99}.product-bar__form .product-form__submit{padding:20px 70px;display:flex;justify-content:center;align-items:center;gap:20px}.product-bar__form .product-form__submit span:first-child{white-space:nowrap}.product-bar__form .product-form__submit .hide-product-bar{display:none}.product-bar__form .product-form__submit .product-form__glow{height:12px;width:12px;margin:0 20px;border-radius:100%;background:var(--yellow);filter:blur(3px);-webkit-filter:blur(3px)}.product-bar__form .product-form__submit.loading{color:var(--black)}.product-bar__form .product-form__submit.loading:hover{color:#fff}.product-bar__form .product-form{margin:0;padding:0;display:flex;border:0}.product-bar__form variant-radios{display:flex;align-items:center}.product-form__input-buttons-dropdown{min-width:110px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff;position:absolute;top:100%;border:1px solid #E0E0E0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.product-bar__form .product-form__input-button svg{width:8px;height:auto;margin-left:10px;transition:transform .3s ease;-webkit-transition:transform .3s ease}.product-bar__form .product-form__input-button.active+.product-form__input-buttons-dropdown{opacity:1;visibility:visible}.product-bar__form .product-form__input-button.active svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.product-bar__form .product-form__input{margin-right:50px;margin-bottom:0}.product-bar__form .product-form__input-wrapper,.product-bar__form .product-form__input-button-wrapper{display:flex;align-items:center}.product-bar__form .product-form__input input[type=radio]+label{width:unset;height:unset;margin:0;background:transparent;border-radius:unset;cursor:pointer;border:none}.product-bar__form .form__label{opacity:.5}.product-bar__form .product-form__input input[type=radio]+label:after{content:none}.product-bar__form .product-form__input input[type=radio]+label .product-form__input-btn{display:flex;justify-content:flex-start;align-items:center;flex-shrink:0;border-radius:100%;position:relative}.product-bar__form .product-form__input input[type=radio]+label .product-form__input-btn:before{content:"";height:12px;width:12px;margin-right:10px;border-radius:100%;border:1px solid var(--light-mossy);cursor:pointer}.product-bar__form .product-form__input input[type=radio]+label .product-form__input-btn:after{content:"";height:12px;width:12px;position:absolute;top:2px;left:0;border-radius:100%;background:transparent;cursor:pointer;transition:background .2s ease}.product-bar__form .product-form__input input[type=radio]:checked+label .product-form__input-btn:after{background:var(--seaspray)}.product-bar__form .product-form__input-button{padding:10px 0;display:flex;align-items:center}.product-form__selected-input{margin:0}.product-bar__form .product-form__input input[type=radio]:checked+label{color:var(--black)}.product-bar__form .product-form__input input[type=radio]:checked+label p{color:var(--black)}.product-bar__form .form__label{margin:0 20px 0 0}.product-bar__form .product__collection-colors{margin-right:40px;display:flex;align-items:center}.product-bar__form .product__swatch{display:flex;align-items:center}.product-bar__form .product__swatches{height:100%;margin:0;padding:0}.product-bar__form .product__swatches-button{display:flex;align-items:center;color:var(--black)}.product-bar__form .product__swatches-dropdown{min-width:110px;padding:16px;background:#fff;position:absolute;top:100%;border:1px solid #E0E0E0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.product-bar__form .product__swatches-button svg{width:8px;height:auto;margin:2px 0 0 10px;transition:transform .3s ease;-webkit-transition:transform .3s ease}.product-bar__form .product__swatches-button.active+.product__swatches-dropdown{opacity:1;visibility:visible}.product-bar__form .product__swatches-button.active svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.product-bar__form .product__swatch{margin:0 0 10px;position:relative}.product-bar__form .product__swatch-color{width:12px;height:12px;border-radius:100%;margin-right:10px;background-size:cover;position:relative}.product-bar__form .product__swatch.active .product__swatch-color:after{content:"";height:18px;width:18px;border-radius:100%;position:absolute;top:-3px;left:-3px;border:1px solid var(--black)}.product-bar__form .product__active-color{margin:0}.product-bar button[name=add]{max-width:unset}@media screen and (max-width: 1050px){.product-bar__form .quantity{display:none}}@media screen and (max-width: 850px){.product-bar__form .product__collection-colors{display:none!important}}@media only screen and (max-width: 768px){.product-bar{border:0}.product-bar .page-width{padding:0}.product-bar__form,.product-bar__form .product-form{width:100%}.product-bar__form .form{width:100%;gap:10px}.product-bar__form .quantity{width:100px;margin-left:-10px;display:flex}.product-bar__form .quantity__button{width:30px}.product-bar__form .quantity__input{flex-shrink:0;width:20px}.product-bar__form .product-form__submit{width:100%}}@media screen and (max-width: 950px){.product-bar{top:var(--mobile-header-height)}}@media screen and (max-width: 768px){.product-bar{top:unset;bottom:0;transform:translateY(100%);-webkit-transform:translateY(100%)}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/component-product-bar.css.map */