.sugar-matching-cards{display:block;margin:var(--mc-mt) 0 var(--mc-mb);--mc-width: var(--mc-width-d);--mc-columns: var(--mc-columns-d, 4);--mc-ratio: var(--mc-ratio-d, 2 / 3);--mc-oimg: var(--mc-oimg-d, 56px);--mc-otext: var(--mc-otext-d, 17.6px);--mc-lift-transform: translateY(-6px) scale(1.04)}.sugar-matching-cards__grid{--mc-gap: 12px;display:grid;grid-template-columns:repeat(var(--mc-columns),minmax(0,1fr));justify-content:center;gap:var(--mc-gap);width:min(100%,calc(var(--mc-columns) * var(--mc-width) + (var(--mc-columns) - 1) * var(--mc-gap)));margin-inline:auto;background:transparent}.sugar-matching-cards__card{position:relative;min-width:0;width:100%;aspect-ratio:var(--mc-ratio);padding:0;border:0;border-color:rgb(var(--color-foreground));border-radius:var(--mc-radius);background:transparent;color:rgb(var(--color-foreground));font-family:var(--mc-font);letter-spacing:var(--mc-ls);font-size:32px;font-weight:var(--mc-weight);--sw-bold: max(var(--mc-weight), var(--font-body-weight-bold, 700));line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1000px;transition:transform .18s ease,filter .18s ease}.sugar-matching-cards__card:focus-visible{outline:3px solid rgb(var(--color-accent));outline-offset:4px}.sugar-matching-cards[data-mc-hover=lift_shadow] .sugar-matching-cards__card:enabled:focus-visible{transform:var(--mc-lift-transform);filter:drop-shadow(0 10px 16px rgb(0 0 0 / 18%))}.sugar-matching-cards[data-mc-hover=lift_shadow] .sugar-matching-cards__grid{padding-block:6px 26px}@media(hover:hover)and (pointer:fine){.sugar-matching-cards[data-mc-hover=lift_shadow] .sugar-matching-cards__card:enabled:hover{transform:var(--mc-lift-transform);filter:drop-shadow(0 10px 16px rgb(0 0 0 / 18%))}}.sugar-matching-cards__sides{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-color:inherit;transform-style:preserve-3d;transition:transform .5s ease}.sugar-matching-cards__back,.sugar-matching-cards__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;border:var(--mc-border, 2px) solid;border-color:inherit;border-radius:var(--mc-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.sugar-matching-cards__back{background:rgb(var(--color-background))}.sugar-matching-cards__back picture{display:contents}.sugar-matching-cards__back img{width:100%;height:100%;object-fit:cover}.sugar-matching-cards__face{transform:rotateY(180deg);background:rgb(var(--color-accent));color:rgb(var(--color-background));font-size:var(--mc-otext);line-height:1.1;text-align:center;padding:2px}.sugar-matching-cards__face-bg,.sugar-matching-cards__face-bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sugar-matching-cards__face-bg img{object-fit:cover}.sugar-matching-cards[data-mc-face-image] .sugar-matching-cards__face{padding:8px 14%}.sugar-matching-cards__prize{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-width:0}.sugar-matching-cards__offer-img{flex:none;width:var(--mc-oimg);height:var(--mc-oimg);object-fit:contain}.sugar-matching-cards__offer{display:block;width:100%;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}.sugar-matching-cards__offer:empty{display:none}.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__back,.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__face{background:none;overflow:visible}.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__face{color:rgb(var(--color-foreground))}.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__back img,.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__offer-img{object-fit:contain}.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__offer-img{width:100%;height:100%;min-height:0;flex:1 1 auto}.sugar-matching-cards[data-mc-style=picture] .sugar-matching-cards__offer-img+.sugar-matching-cards__offer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sugar-matching-cards__card:disabled{cursor:default;opacity:1}.sugar-matching-cards__card[aria-pressed=true] .sugar-matching-cards__sides{transform:rotateY(180deg)}.sugar-matching-cards__back,.sugar-matching-cards__face{transition:visibility 0s linear .25s}.sugar-matching-cards__face{visibility:hidden}.sugar-matching-cards__card[aria-pressed=true] .sugar-matching-cards__face{visibility:visible}.sugar-matching-cards__card[aria-pressed=true] .sugar-matching-cards__back{visibility:hidden}.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__back,.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__face{-webkit-backface-visibility:visible;backface-visibility:visible;transition-delay:225ms}.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__face{transform:none}.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__card[aria-pressed=true]{z-index:1}.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__card[aria-pressed=true] .sugar-matching-cards__sides{transform:none;animation:sugar-matching-cards-spin .5s ease}.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__card[aria-pressed=true] .sugar-matching-cards__face{animation:sugar-matching-cards-pop .5s ease 225ms both}@keyframes sugar-matching-cards-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes sugar-matching-cards-pop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sugar-matching-cards__status{margin:12px 0 0;min-height:1.5em;text-align:center;font-size:14px}.sugar-matching-cards__status.visually-hidden{margin:0;min-height:0}.sugar-matching-cards__status:empty{display:none}.sugar-matching-cards__after{margin-top:16px}.sugar-matching-cards__after[hidden],.sugar-matching-cards__locked-label{display:none}.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__locked-label{display:inline}.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__locked-label+*{display:none}.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__after :is(a,button,input,select,textarea){pointer-events:none}.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__after :is(.sugar-link-button__btn,[data-popup-button]){--lb-bg: var(--mc-lock-bg);--lb-fill-from: var(--mc-lock-bg);--lb-color: var(--mc-lock-text);--lb-shadow: none;background:var(--mc-lock-bg)!important;color:var(--mc-lock-text)!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none;opacity:1}.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__after :is(.sugar-link-button__btn,[data-popup-button]) :is(.sugar-link-button__text,.sugar-link-button__line-2,.sugar-matching-cards__locked-label){color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor}.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__after .sugar-link-button__btn:before,.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__after .sugar-link-button__btn:after,.sugar-matching-cards[data-mc-locked] .sugar-matching-cards__after .sugar-link-button__fx{display:none}@media(max-width:749px){.sugar-matching-cards{--mc-width: var(--mc-width-m);--mc-columns: var(--mc-columns-m, 4);--mc-ratio: var(--mc-ratio-m, var(--mc-ratio-d, 2 / 3));--mc-oimg: var(--mc-oimg-m, 48px);--mc-otext: var(--mc-otext-m, 17.6px)}.sugar-matching-cards__grid{--mc-gap: 10px}}@media(prefers-reduced-motion:reduce){.sugar-matching-cards__card,.sugar-matching-cards__sides,.sugar-matching-cards__back,.sugar-matching-cards__face{transition:none}.sugar-matching-cards[data-mc-motion=spin] .sugar-matching-cards__card[aria-pressed=true] :is(.sugar-matching-cards__sides,.sugar-matching-cards__face){animation:none}.sugar-matching-cards{--mc-lift-transform: none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/block-matching-cards.css.map */