.bonbon-remove{display:block;position:relative;cursor:pointer}.bonbon-remove:has(.media:empty){cursor:default;pointer-events:none}.bonbon-remove__icon{position:absolute;top:-.8rem;right:0;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background-color:#a7e7f7;border:.1rem solid currentColor;border-radius:50%;z-index:2;transition:opacity var(--duration-default),visibility var(--duration-default)}.bonbon-remove:has(.media:empty) .bonbon-remove__icon{opacity:0;visibility:hidden}.bonbon-remove__icon svg{width:1.4rem}.bonbon-remove__popup{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:3;background-color:#fff;border:.1rem solid currentColor;border-radius:3rem;width:max-content;padding:.6rem 1rem;font-size:1.2rem;font-weight:500;line-height:1.1;letter-spacing:-.01em;text-align:center;text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity var(--duration-default),visibility var(--duration-default)}.swiper-slide:first-child .bonbon-remove__popup{left:0;transform:none}.bonbon-remove__title:empty{display:block;pointer-events:none}.bonbon-remove__title:before{content:attr(data-title)}.bonbon-remove__image{position:relative;background-color:#fff;border-radius:50%}.bonbon-remove__image .media{display:block;background-color:transparent}.bonbon-remove__image .media{transform:scale(0);transition:transform var(--duration-long)}.bonbon-remove__image .media:has(img.is-loaded){transform:scale(1)}.bonbon-remove__image-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffb5cb;transition:opacity var(--duration-long)}.bonbon-remove__image-icon svg{width:68%}.bonbon-remove:has(.media:not(:empty)) .bonbon-remove__image-icon{opacity:0}.bonbon-remove__image-icon:before{content:"?";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:1.366rem;font-weight:600;font-style:italic}.bonbon-remove__number{display:block;width:4rem;padding:.5rem .8rem .4rem;margin:-1.2rem auto 0;transform:none;font-size:1.6rem;line-height:1;position:relative;z-index:2}@media(hover:hover)and (pointer:fine){.bonbon-remove__icon{opacity:0;visibility:hidden}.bonbon-remove:hover .bonbon-remove__popup,.bonbon-remove:hover .bonbon-remove__icon{opacity:1;visibility:inherit}}@media screen and (min-width:990px){.bonbon-remove__icon{top:-1rem;right:.1rem;width:4.5rem;height:4.5rem}.bonbon-remove__icon svg{width:1.8rem}.bonbon-remove__popup{bottom:-1rem;padding:1.1rem 1.5rem}.bonbon-remove__number{margin-top:-1.6rem}}.bonbons-bar.is-edit .bonbon-remove{cursor:default}.bonbons-bar.is-edit .bonbon-remove__icon{opacity:0;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-bonbon-remove.css.map */