product-footbar{display:block}.product-footbar__wrapper{position:fixed;left:0;right:0;background-color:rgb(var(--clr-theme-background));box-shadow:0 var(--shadow-offset-y) 1rem rgba(var(--shadow-color),var(--shadow-transparency));z-index:4}@media screen and (max-width:1024px){.product-footbar__wrapper{--shadow-offset-y: -.4rem;top:auto;bottom:var(--preview-bar-iframe-height, 0rem);margin-bottom:0;visibility:hidden;opacity:0;pointer-events:none;transform:none;transition:none}.product-footbar__wrapper--visible{visibility:visible;opacity:1;pointer-events:auto;transform:none}}@media screen and (min-width:1025px){product-footbar.product-footbar__wrapper{display:none!important}}.product-footbar-visible .bottom-navigation{opacity:0!important;pointer-events:none!important}.product-footbar__wrapper-inner{display:flex;align-items:center;min-height:6rem;padding:1rem 0;height:100%;background-color:rgba(var(--substrate-color),var(--substrate-transparency))}@media screen and (max-width:1024px){.product-footbar__wrapper-inner{padding-bottom:max(3rem,env(safe-area-inset-bottom))}}.product-footbar .select__select{width:100%;height:4rem}@media screen and (min-width:1025px){.product-footbar .select__select{width:auto;min-width:215px}}.product-footbar .button__clip{min-height:4rem;padding-top:.9rem;padding-bottom:.9rem}@media screen and (min-width:577px){.product-footbar .button__clip{padding-top:1rem;padding-bottom:1rem}}.product-footbar__wrapper .page-width{width:100%}.product-footbar{display:flex;align-items:center;justify-content:space-between;gap:2rem}.product-footbar__content{margin:0;font-size:var(--font-body-medium-size);line-height:var(--font-body-medium-line-height)}.product-footbar__control{display:flex;column-gap:1rem}@media screen and (max-width:1024px){.product-footbar__control,.product-footbar__variants{width:100%}.product-footbar__variants :is(.select,theme-select,.select__select){height:100%}}.product-footbar__button{display:flex;gap:2rem;align-items:center;flex-shrink:0}.product-footbar__error-messages{width:100%;display:flex;align-items:center}.product-footbar__error-messages error-messages{margin:.5rem 0 1rem}@media screen and (min-width:1025px){.product-footbar__error-messages error-messages{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/component-product-footbar.css.map */