@media screen and (max-width:749px){.sugar-media-card:where([data-device-display=desktop]){display:none!important}}@media screen and (min-width:750px){.sugar-media-card:where([data-device-display=mobile]){display:none!important}}.sugar-media-card{--mc-scale: var(--mc-scale-d);position:absolute;z-index:1;-webkit-user-select:none;user-select:none;width:max-content;top:var(--mc-top);bottom:var(--mc-bottom);left:var(--mc-left);right:var(--mc-right);transform:translate(var(--mc-tx),var(--mc-ty)) scale(var(--mc-scale));transform-origin:var(--mc-origin)}@media screen and (max-width:749px){.sugar-media-card{--mc-scale: var(--mc-scale-m)}.sugar-media-card[data-mc-mobile=above]{position:static;width:100%;margin-bottom:14px;transform:none}.media-block__wrapper>.sugar-media-card[data-mc-mobile=above]{grid-area:above}.sugar-media-card[data-mc-mobile=above] .sugar-media-card__body{width:100%;max-width:none;padding:calc(var(--mc-pad-v) * var(--mc-scale-a, 1)) calc(var(--mc-pad-h) * var(--mc-scale-a, 1));gap:calc(var(--mc-gap) * var(--mc-scale-a, 1));height:calc(var(--mc-h) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above] .sugar-media-card__image{width:calc(var(--mc-img) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above]:not([data-img-fit=stretch]) .sugar-media-card__image{height:calc(var(--mc-img) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above][data-img-fit=stretch] .sugar-media-card__image{margin-top:calc(-1 * var(--mc-pad-v) * var(--mc-scale-a, 1));margin-bottom:calc(-1 * var(--mc-pad-v) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above][data-img-fit=stretch][data-img-pos=left] .sugar-media-card__image{margin-left:calc(-1 * var(--mc-pad-h) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above][data-img-fit=stretch][data-img-pos=right] .sugar-media-card__image{margin-right:calc(-1 * var(--mc-pad-h) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above] .sugar-media-card__header{font-size:calc(var(--mc-h-size) * var(--mc-scale-a, 1));margin-bottom:calc(var(--mc-text-gap) * var(--mc-scale-a, 1))}.sugar-media-card[data-mc-mobile=above] .sugar-media-card__text{font-size:calc(var(--mc-t-size) * var(--mc-scale-a, 1))}}@media screen and (min-width:750px){.sugar-media-card{--mc-scale: min(var(--mc-scale-d), max(min(var(--mc-scale-m), var(--mc-scale-d) * .7), var(--mc-scale-d) * var(--sw-page-fit)))}}.sugar-media-card .sugar-media-card__body{display:flex;align-items:center;gap:var(--mc-gap);padding:var(--mc-pad-v) var(--mc-pad-h);box-sizing:border-box;background:var(--mc-bg);color:var(--mc-color);border-radius:var(--mc-radius);width:var(--mc-w);max-width:var(--mc-max-w);height:var(--mc-h);box-shadow:var(--mc-shadow)}.sugar-media-card--border .sugar-media-card__body{border:var(--mc-bw) solid var(--mc-border)}.sugar-media-card--border:where([data-flush=top],[data-flush=top_left],[data-flush=top_right]) .sugar-media-card__body{border-top:none}.sugar-media-card--border:where([data-flush=right],[data-flush=top_right],[data-flush=bottom_right]) .sugar-media-card__body{border-right:none}.sugar-media-card--border:where([data-flush=bottom],[data-flush=bottom_left],[data-flush=bottom_right]) .sugar-media-card__body{border-bottom:none}.sugar-media-card--border:where([data-flush=left],[data-flush=top_left],[data-flush=bottom_left]) .sugar-media-card__body{border-left:none}.sugar-media-card:where(.media-badge--has-popup) .sugar-media-card__body{cursor:pointer}.sugar-media-card:where([data-img-pos=right]) .sugar-media-card__body{flex-direction:row-reverse}.sugar-media-card .sugar-media-card__image{flex-shrink:0;width:var(--mc-img);height:var(--mc-img);object-fit:contain;object-position:center;border-radius:var(--mc-img-r)}.sugar-media-card:where([data-img-fit=stretch]) .sugar-media-card__image{align-self:stretch;height:auto;margin-top:calc(-1 * var(--mc-pad-v));margin-bottom:calc(-1 * var(--mc-pad-v))}.sugar-media-card:where([data-img-fit=stretch][data-img-pos=left]) .sugar-media-card__image{margin-left:calc(-1 * var(--mc-pad-h))}.sugar-media-card:where([data-img-fit=stretch][data-img-pos=right]) .sugar-media-card__image{margin-right:calc(-1 * var(--mc-pad-h))}.sugar-media-card .sugar-media-card__content{flex:1;min-width:0;text-align:var(--mc-align)}.sugar-media-card .sugar-media-card__header{font-size:var(--mc-h-size);font-family:var(--mc-h-fam, inherit);letter-spacing:var(--mc-h-ls);font-weight:600;margin:0 0 var(--mc-text-gap) 0;line-height:1.3}.sugar-media-card .sugar-media-card__text{font-size:var(--mc-t-size);margin:0;line-height:1.4}.sugar-media-card .sugar-media-card__text p{margin:0}.sugar-media-card>*{transform:rotate(var(--mc-tilt))}.sugar-media-card:where([data-hover=pulse])>*{animation:sugar-media-card-pulse 2s ease-in-out infinite}@keyframes sugar-media-card-pulse{0%,to{transform:scale(1) rotate(var(--mc-tilt))}50%{transform:scale(1.06) rotate(var(--mc-tilt))}}.sugar-media-card:where([data-hover=scale],[data-hover=lift],[data-hover=lift_tilt],[data-hover=brighten])>*{transition:transform .2s ease}.sugar-media-card:where([data-hover=scale],[data-hover=lift],[data-hover=lift_tilt],[data-hover=brighten]){transition:filter .2s ease}.sugar-media-card:where([data-hover=scale]):hover>*{transform:scale(1.05) rotate(var(--mc-tilt))}.sugar-media-card:where([data-hover=lift]):hover>*{transform:translateY(-2px) rotate(var(--mc-tilt))}.sugar-media-card:where([data-hover=lift_tilt]):hover>*{transform:translateY(-2px) rotate(calc(var(--mc-tilt) + 2deg))}.sugar-media-card:where([data-hover=lift],[data-hover=lift_tilt]):hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.sugar-media-card:where([data-hover=brighten]):hover{filter:brightness(1.1)}.sugar-media-card--hl em{font-style:normal;color:var(--mc-hl)}.sugar-media-card--action .sugar-media-card__body{position:relative}.sugar-media-card .sugar-media-card__link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.sugar-media-card .sugar-media-card__action{position:relative;z-index:2;flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;margin-left:auto;border-radius:var(--corner-badge, 4px);background:var(--mc-btn-bg);color:var(--mc-btn-fg);font-size:var(--mc-t-size);text-decoration:none}.sugar-media-card .sugar-media-card__icon{font-size:1.3em}.sugar-media-card .sugar-media-card__action .loading__spinner{position:absolute}.sugar-media-card .sugar-media-card__action.loading .sugar-media-card__icon{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/21/assets/block-media-card.css.map */