body:has(.bonbons-bar):before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:401;background-color:#0009;opacity:0;pointer-events:none;transition:opacity var(--duration-default)}body:has(.bonbons-bar.is-edit):before{opacity:1;pointer-events:auto}.bonbons-bar{position:fixed;bottom:0;left:50%;width:109.6rem;max-width:100%;background-color:#fffaec;border:.1rem solid currentColor;border-bottom:none;border-top-left-radius:4rem;border-top-right-radius:4rem;z-index:402;opacity:0;visibility:hidden;transform:translate(-50%,100%);transition:opacity var(--duration-default),visibility var(--duration-default),transform var(--duration-default)}.bonbons-bar.is-visible{opacity:1;visibility:inherit;transform:translate(-50%)}.bonbons-bar__slider{padding:1.8rem 2.4rem 1.4rem}.bonbons-bar__slider .swiper{--gap-x: .8rem;--items-width: calc(7rem + var(--gap-x))}.bonbons-bar__slider .swiper-slide{transition:opacity var(--duration-default)}.bonbons-bar__slider .swiper-slide.is-disabled{opacity:.5;pointer-events:none}.bonbons-bar__slider .swiper-slide.is-removed{animation:fall .7s ease-in forwards}.bonbons-bar__slider .swiper-slide.is-hidden{display:none}.bonbons-bar__description,.bonbons-bar__form,.bonbons-bar__picker{display:flex;overflow:hidden}.bonbons-bar__description-inner,.bonbons-bar__form form,.bonbons-bar__picker-inner{flex:1;position:relative;z-index:2;overflow:hidden;border:.1rem solid currentColor;border-bottom:none;border-top-left-radius:4rem;border-top-right-radius:4rem;padding:1.6rem 2.4rem .5rem;margin:0 -.1rem;display:flex;align-items:center;column-gap:.8rem;transition:margin .6s}.bonbons-bar__picker-popup{display:flex;align-items:center;justify-content:center;gap:.5rem .2em;font-size:1.6rem;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#a7e7f7;opacity:0;visibility:hidden}.bonbons-bar__picker-title{margin:0 .9rem 0 0}.bonbons-bar__picker-title:empty{display:block}.bonbons-bar__picker-title:before{content:attr(data-title-mobile)}.bonbons-bar__selector:has(li:last-child input:checked)+.bonbons-bar__picker-subtitle{padding-left:1rem}.bonbons-bar__picker-subtitle{margin:0 0 0 auto;text-align:right}.bonbons-bar__picker-subtitle [data-count]:before{content:attr(data-count)}.bonbons-bar__picker-button{display:none;margin-left:auto;text-decoration:underline;text-underline-offset:.1em}.bonbons-bar__picker-button:before{content:attr(data-text)}.bonbons-bar__form form{justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:-100%;transition-delay:0s}.bonbons-bar__form-text button{text-decoration:underline;text-underline-offset:.1em}.bonbons-bar__form .bonbons-bar__submit{display:flex;align-items:center;justify-content:center;width:100%;gap:.8rem}.bonbons-bar__submit .circle-dot{width:.9rem;height:.9rem}.bonbons-bar__quantity .quantity__wrapper{border-radius:4rem}.bonbons-bar__quantity .quantity__input{height:3rem}.bonbons-bar__description-inner{margin-bottom:-100%;transition-delay:0s}.bonbons-bar__description-inner:before{content:"";display:block}.bonbons-bar__description-inner:before,.bonbons-bar__description-actions{flex:1}.bonbons-bar__description-title{margin:0;max-width:22rem}.bonbons-bar__icon-up{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;padding-bottom:.4rem;border:.1rem solid currentColor;border-radius:50%}.bonbons-bar__icon-up svg{width:48.8%;transform:rotate(180deg)}.bonbons-bar.is-filled .bonbons-bar__form form{margin:0 -.1rem;transition-delay:1.6s}.bonbons-bar.is-filled .bonbons-bar__picker-inner{margin-bottom:-100%;transition-delay:1.6s}.bonbons-bar.is-filled .bonbons-bar__picker-popup{animation:fade-in-out 2.2s both}.bonbons-bar.is-edit .bonbons-bar__picker-inner{background-color:#ffe96b}.bonbons-bar.is-edit .bonbons-bar__picker-title:before{content:attr(data-title-edit-mobile)}.bonbons-bar.is-edit .bonbons-bar__picker-subtitle{display:none}.bonbons-bar.is-edit .bonbons-bar__picker-button{display:block}.bonbons-bar.is-confirm .bonbons-bar__picker-button:before{content:attr(data-text-edit)}.bonbons-bar.is-scrolled .bonbons-bar__form form,.bonbons-bar.is-scrolled .bonbons-bar__picker-inner{margin-bottom:-100%;transition-delay:0s}.bonbons-bar.is-scrolled .bonbons-bar__description-inner{margin:0 -.1rem;transition-delay:0s}@media(hover:hover)and (pointer:fine){.bonbons-bar__submit:hover{color:var(--color-solid-button-alt);background-color:#ffbed2}}@media screen and (min-width:375px){.bonbons-bar__picker-subtitle{white-space:nowrap;font-size:1.5rem}}@media screen and (min-width:480px){.bonbons-bar__picker-subtitle{font-size:1.6rem}}@media screen and (min-width:990px){.bonbons-bar__wrapper{display:flex}.bonbons-bar__slider{flex:1;align-self:center;padding:3.3rem 2.4rem 2.3rem}.bonbons-bar__slider .swiper{--items-width: calc(8.2rem + var(--gap-x))}.bonbons-bar__description,.bonbons-bar__picker,.bonbons-bar__form{display:block;width:23.4rem;margin:-.1rem -.1rem 0 0;transition:width .6s .6s}.bonbons-bar__description-inner,.bonbons-bar__picker-inner{width:23.4rem;height:100%;padding:2.1rem 2.3rem 1.2rem;flex-direction:column;text-align:center;row-gap:1rem;margin:0}.bonbons-bar__picker-popup{flex-direction:column}.bonbons-bar__picker-title{margin-right:0}.bonbons-bar__picker-title:before{content:attr(data-title)}.bonbons-bar__picker-subtitle{margin:0;text-align:inherit}.bonbons-bar__picker-button{margin-left:0}.bonbons-bar__selector{width:100%;margin-bottom:.9rem}.bonbons-bar__selector .box-selector{width:100%}.bonbons-bar__description,.bonbons-bar__form{width:0;transition-delay:0s}.bonbons-bar__form form{width:38.4rem;height:100%;padding:1.9rem 2.4rem 2rem;margin:0}.bonbons-bar__description-inner{padding-top:1.9rem}.bonbons-bar__description-inner:before{display:none}.bonbons-bar__description-title{margin-bottom:1.1rem}.bonbons-bar.is-filled .bonbons-bar__form{width:38.4rem;transition-delay:1.9s}.bonbons-bar.is-filled .bonbons-bar__form form{margin:0}.bonbons-bar.is-filled .bonbons-bar__picker{width:0;transition-delay:1.5s}.bonbons-bar.is-filled .bonbons-bar__picker-inner{margin-bottom:0}.bonbons-bar.is-edit .bonbons-bar__picker-title:before{content:attr(data-title-edit)}.bonbons-bar.is-scrolled .bonbons-bar__picker,.bonbons-bar.is-scrolled .bonbons-bar__form{width:0;transition-delay:0s}.bonbons-bar.is-scrolled .bonbons-bar__description{width:23.4rem;transition-delay:.6s}.bonbons-bar.is-scrolled .bonbons-bar__description-inner{margin:0}}@keyframes fall{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(1rem) scale(1.02)}45%{transform:translateY(-.5rem) scale(.98)}55%{transform:translateY(1.5rem) scale(1.03)}to{transform:translateY(20rem) rotate(8deg) scale(.6);opacity:0}}@keyframes fade-in-out{0%{opacity:0;visibility:hidden}25%,75%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-bonbons-bar.css.map */