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{--product-footbar-control-height: 4.4rem;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%;min-height:var(--product-footbar-control-height);height:var(--product-footbar-control-height)}@media screen and (min-width:1025px){.product-footbar .select__select{width:auto;min-width:215px}}.product-footbar .button__clip{min-height:var(--product-footbar-control-height);padding-top:0;padding-bottom:0}@media screen and (min-width:577px){.product-footbar .button__clip{padding-top:0;padding-bottom:0}}.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{--clr-input-background: 255, 255, 255;--clr-input-background-alpha: .92;--clr-input-text: 10, 16, 23;--clr-input-line: 10, 16, 23;--clr-input-line-alpha: .08;--clr-input-icon: 10, 16, 23;--clr-input-hover-background: 255, 255, 255;--clr-input-hover-background-alpha: 1;--clr-input-hover-text: 10, 16, 23;--clr-input-hover-line: 6, 84, 111;--clr-input-hover-icon: 10, 16, 23;display:flex;align-items:stretch;column-gap:1rem}.product-footbar__control .select__select,.product-footbar__control .theme-select__dropdown{color:#0a1017f5}.product-footbar__control .select .icon-caret{color:#0a1017b8}.product-footbar__control .select__select{background-color:#ffffffeb;border:.1rem solid rgba(10,16,23,.08);box-shadow:0 .8rem 2.4rem #060c1414}.product-footbar__control .select__select:hover,.product-footbar__control .select__select:focus{background-color:#fff;border:.1rem solid rgba(6,84,111,.35);color:#0a1017}.product-footbar__control .theme-select__dropdown{background-color:#fffffffa;border:.1rem solid rgba(10,16,23,.08);box-shadow:0 1.2rem 3rem #060c1424}.product-footbar__control .theme-select__dropdown:before{background-color:#ffffffb3}.product-footbar__control .theme-select__dropdown li{color:#0a1017e0;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.product-footbar__control .theme-select__dropdown li.selected,.product-footbar__control .theme-select__dropdown li:hover{--link-color: 10, 16, 23;background-color:#7de7ff2e;font-weight:600}@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__variants :is(.select,theme-select){display:block;height:100%}.product-footbar__button{flex-shrink:0}.product-footbar__submit{--color-button-icon: 255, 255, 255}.product-footbar__submit .button__icon,.product-footbar__submit .button__loading{color:#fff}.product-footbar__submit .button__icon svg{color:currentColor}.product-footbar__submit .button__icon .icon-basket path{fill:currentColor}.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/12/assets/component-product-footbar.css.map */