.mm-composition__inner{padding:var(--mm-space-10) max(var(--mm-space-12),var(--mm-content-gutter)) var(--mm-space-10) max(var(--mm-space-13),var(--mm-content-gutter))}.mm-composition__inner[hidden]{display:none}.mm-composition__feature{width:486px;align-self:stretch;min-width:0}.mm-composition__intro{display:flex;flex-direction:column;gap:var(--mm-space-7);min-width:0}.mm-composition__title-section{display:flex;flex-direction:column;gap:var(--mm-space-4)}.mm-composition__description *{font-family:var(--mm-font);font-weight:400;font-size:16px;line-height:22px;letter-spacing:-.1px;color:var(--mm-color-black-900)}.mm-composition__description strong{font-weight:600}.mm-composition__description p{margin:0}.mm-composition__content{grid-gap:180px}.mm-composition__card{position:relative;display:flex;flex-direction:column;overflow:clip;background:var(--mm-color-black-50);border-radius:var(--mm-radius-lg)}.mm-composition__card--desktop:not(.mm-in){opacity:0;transform:translateY(16px)}.mm-composition__card--desktop.mm-in{opacity:1;transform:translateY(0);transition:opacity var(--mm-duration-medium, .38s) var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)) var(--mm-delay, 0s),transform var(--mm-duration-medium, .38s) var(--mm-curve-out, cubic-bezier(.22, 1, .36, 1)) var(--mm-delay, 0s)}.mm-composition__card-stack{position:relative;width:486px}.mm-composition__card--desktop{width:486px}.mm-composition__card--desktop[hidden]{display:none}.mm-composition__card-media{position:relative;height:216px}.mm-composition__card-media img{width:100%;height:100%;object-fit:cover;display:block}.mm-composition__card-body{position:relative;display:flex;flex-direction:column;gap:var(--mm-space-6);padding:var(--mm-space-9) var(--mm-space-8)}.mm-composition__card-description *{font-family:var(--mm-font);font-weight:400;font-size:16px;line-height:22px;letter-spacing:-.1px;color:var(--mm-color-black-700)}.mm-composition__card-description strong{font-weight:600}.mm-composition__card-description p{margin:0}.mm-composition__number{position:absolute;top:-25px;left:32px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#3b01174d;border-radius:var(--mm-radius-full)}.mm-composition__number-inner{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--mm-color-primary);border-radius:var(--mm-radius-full);font-family:var(--mm-font);font-weight:500;font-size:14px;letter-spacing:-.28px;color:var(--mm-color-cream)}.mm-composition__diagram-col{width:579px;flex-shrink:0;align-self:end}.mm-composition__diagram-frame{aspect-ratio:4 / 5;position:relative;overflow:clip;width:100%;max-height:724px;max-width:588px;height:100%;background:var(--mm-color-white);border-radius:30px}.mm-composition__diagram-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}.mm-composition__badge{position:absolute;top:20px;left:20px;z-index:2;display:flex;align-items:center;gap:14px;padding:var(--mm-space-3);padding-right:34px;background:var(--mm-color-primary);border-radius:var(--mm-radius-full);animation:mm-float 4.5s ease-in-out infinite}.mm-composition__badge-text{display:flex;flex-direction:column;gap:var(--mm-space-2);color:var(--mm-color-secondary-light)}.mm-composition__badge-value{font-family:var(--mm-font);font-weight:500;font-size:20px;line-height:27px}.mm-composition__badge-label{font-family:var(--mm-font);font-weight:400;font-size:12px;line-height:1.1;letter-spacing:-.12px;opacity:.6}.mm-composition__diagram-bubble{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;top:var(--bubble-top);left:var(--bubble-left);width:50px;height:50px;border:none;border-radius:var(--mm-radius-full);padding:0;margin:0;font:inherit;cursor:pointer;transform:translate(-50%,-50%);transition:background-color var(--mm-duration-fast) var(--mm-curve-default)}.mm-composition__diagram-bubble--first{width:72px;height:72px}.mm-composition__diagram-bubble:not(.is-active):after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:#3b011747;z-index:-1;animation:mm-hotspot-pulse 2.4s var(--mm-curve-out) infinite;animation-delay:calc(var(--h, 0) * .35s)}.mm-composition__diagram-bubble-inner{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--mm-color-primary);border-radius:var(--mm-radius-full);font-family:var(--mm-font);font-weight:500;font-size:14px;letter-spacing:-.28px;color:var(--mm-color-cream)}.mm-composition__diagram-bubble-inner:hover{transform:scale(1.25)}.mm-composition__diagram-bubble.is-active .mm-composition__diagram-bubble-inner{transform:scale(1.18);background-color:var(--mm-color-black-900)}.mm-composition__carousel,.mm-composition__card--mobile{display:none}@media not (max-width:1440px){.mm-composition__inner{width:100%}.mm-composition__diagram-col{width:auto;min-width:579px;flex-grow:1;max-width:1000px;display:flex;justify-content:center}}@media(max-width:1290px){.mm-composition__inner{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;gap:var(--mm-space-4);padding:var(--mm-space-10) var(--mm-space-5)}.mm-composition__content{flex-direction:column;align-items:center;gap:var(--mm-space-4);min-width:0}.mm-composition__feature{width:100%;align-self:auto;min-width:0;gap:unset}.mm-composition__intro{gap:var(--mm-space-4);padding-bottom:var(--mm-space-2)}.mm-composition__title{font-size:34px;line-height:1.08;letter-spacing:-1.02px}.mm-composition__card--desktop{display:none}.mm-composition__diagram-col{width:100%}.mm-composition__diagram-frame{max-width:unset;width:100%;min-height:0;height:419px;border-radius:var(--mm-radius-xl)}.mm-composition__badge{padding:var(--mm-space-2);padding-right:34px;gap:14px}.mm-composition__badge-value{font-size:16px;line-height:22px}.mm-composition__diagram-bubble{width:35.307px;height:35.307px}.mm-composition__diagram-bubble--first{width:50.842px;height:50.842px}.mm-composition__diagram-bubble .mm-composition__diagram-bubble-inner{width:22.596px;height:22.596px;font-size:9.886px;letter-spacing:-.198px}.mm-composition__carousel{display:block;width:100%;min-width:0;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mm-composition__carousel::-webkit-scrollbar{display:none}.mm-composition__carousel-track{display:flex;gap:var(--mm-space-3);width:max-content}.mm-composition__card--mobile{display:flex;width:290px;flex-shrink:0;scroll-snap-align:start}.mm-composition__card--mobile .mm-composition__card-media{height:129px}.mm-composition__card--mobile .mm-composition__card-body{gap:var(--mm-space-2);padding:var(--mm-space-4)}.mm-composition__card--mobile .mm-composition__card-title{font-size:20px;line-height:26px}.mm-composition__card--mobile .mm-composition__card-description{font-size:14px;line-height:1.35;letter-spacing:-.28px}.mm-composition__card--mobile .mm-composition__number{top:-38px;left:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-composition.css.map */