.m-variant-candy-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.m-variant-candy-popup:not(.m\:hidden),.m-variant-candy-popup[style*=flex]{opacity:1;visibility:visible}.m-variant-candy-popup[style*=flex]{display:flex!important}.m-variant-candy-popup__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.m-variant-candy-popup__content{position:relative;background-color:rgb(var(--color-background, 255, 255, 255));border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000026;transform:scale(.95);transition:transform .3s ease;z-index:1}.m-variant-candy-popup:not(.m\:hidden) .m-variant-candy-popup__content{transform:scale(1)}.m-variant-candy-popup__close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:rgb(var(--color-foreground, 0, 0, 0));padding:0;z-index:2;transition:color .2s ease,transform .2s ease}.m-variant-candy-popup__close:hover{color:rgb(var(--color-foreground, 0, 0, 0));transform:rotate(90deg)}.m-variant-candy-popup__close svg{width:20px;height:20px}.m-variant-candy-popup__inner{padding:32px 24px 24px}.m-variant-candy-popup__title{font-size:24px;font-weight:600;margin:0 auto;color:rgb(var(--color-heading, 0, 0, 0));line-height:1.3;text-align:center;padding-bottom:20px;text-transform:uppercase}.m-variant-candy-popup__message{font-size:16px;line-height:1.5;margin:0 0 20px;color:rgb(var(--color-foreground, 0, 0, 0))}.m-variant-candy-popup__candy-counts{display:flex;gap:12px;margin-bottom:20px;flex-direction:row;align-content:flex-end;flex-wrap:wrap;justify-content:center}.m-variant-candy-popup__count-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background-color:rgb(var(--color-background-secondary, 245, 245, 245));border:2px solid rgb(var(--color-border, 230, 230, 230));border-radius:6px;font-size:14px;font-weight:500;color:rgb(var(--color-foreground, 0, 0, 0));transition:all .2s ease}.m-variant-candy-popup__count-badge.is-selected{background-color:rgb(var(--color-button-background, 0, 0, 0));border-color:rgb(var(--color-button-background, 0, 0, 0));color:rgb(var(--color-button-text, 255, 255, 255))}.m-variant-candy-popup__note{font-size:14px;line-height:1.5;margin:0;color:red;font-style:italic;padding-top:16px;border-top:1px solid rgb(var(--color-border, 230, 230, 230));text-align:center}@media screen and (max-width:640px){.m-variant-candy-popup{padding:16px}.m-variant-candy-popup__inner{padding:24px 20px 20px}.m-variant-candy-popup__title{font-size:20px;margin-bottom:12px}.m-variant-candy-popup__message{font-size:14px;margin-bottom:16px}.m-variant-candy-popup__candy-counts{gap:8px}.m-variant-candy-popup__count-badge{padding:8px 16px;font-size:13px}}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.m-variant-candy-popup:not(.m\:hidden) .m-variant-candy-popup__content{animation:popupFadeIn .3s ease}
/*# sourceMappingURL=/cdn/shop/t/2/assets/variant-candy-popup.css.map */