:root{--card-height: calc((300px / 3.4) * 4.6);--active-card-height: calc((360px / 3.4) * 4.6)}.ugc-card{position:relative;height:var(--active-card-height);display:flex;justify-content:center;align-items:center}.ugc-card .madara-preview-card{width:300px;height:var(--card-height);transition:height .3s ease-in-out}.ugc-card__is-active .madara-preview-card{height:var(--active-card-height)}.ugc-card__is-active .ugc-card__mute-button{display:block}.ugc-card__is-active .ugc-card__mute-button{visibility:visible;opacity:1;transition:opacity .3s ease-in-out}.ugc-card__label{position:absolute;bottom:16px;left:16px;padding:var(--spacing-xxs);border-radius:var(--border-radius-l);font-size:var(--font-size-small);line-height:1}.ugc-card__mute-button{position:absolute;bottom:16px;right:16px;width:40px;height:40px;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;border:none;cursor:pointer;padding:0;visibility:hidden;opacity:0}
/*# sourceMappingURL=/cdn/shop/t/11/assets/madara-ugc.css.map */