product-footbar{display:block}.product-footbar__wrapper{position:fixed;top:100%;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;transition:transform var(--popups-transition-duration) ease}@media screen and (max-width: 1024px){.product-footbar__wrapper{--shadow-offset-y: -.4rem}}@media screen and (min-width: 1025px){.product-footbar__wrapper{bottom:100%;top:auto}}.product-footbar__wrapper--visible{transform:translateY(calc(-100% - var(--preview-bar-iframe-height, 0)))}@media screen and (min-width: 1025px){.product-footbar__wrapper--visible{transform:translateY(100%)}}.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:3rem}}.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{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/4/assets/component-product-footbar.css.map */