.mm-acc{width:min(460px,100%);font-family:var(--mm-font)}.mm-acc__row{display:flex;align-items:center;gap:var(--mm-space-4);padding:var(--mm-space-4);border:1px solid var(--mm-color-ui-border, #e9e8e8);border-radius:var(--mm-radius-lg);background:var(--mm-color-white, #ffffff);transition:transform var(--mm-duration-medium) var(--mm-curve-medium),box-shadow var(--mm-duration-medium) var(--mm-curve-out);position:relative;z-index:2}.mm-acc__row:hover,.mm-acc__row:focus-within{transform:translateY(-2px);box-shadow:var(--mm-shadow-sm);z-index:3}.mm-acc__row>div{flex:1;min-width:0}.mm-acc__img{width:70px;height:70px;border-radius:var(--mm-radius-md);background:var(--mm-color-ui-bg-light, #f4f4f4);object-fit:cover}.mm-acc__name{display:flex;align-items:center;gap:var(--mm-space-2)}.mm-acc__price{display:block;margin:2px 0 0;font:400 var(--mm-font-size-text-sm) / 1.35 var(--mm-font);color:var(--mm-color-ui-text-light, #8f8e8d)}.mm-tip{position:relative;display:inline-flex}.mm-tip__icon{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;color:var(--mm-color-black-500, #8f8e8d);cursor:help;display:grid;place-items:center;transition:transform var(--mm-duration-medium) var(--mm-curve-big),color var(--mm-duration-fast) var(--mm-curve-out)}.mm-tip__icon:hover{transform:scale(1.25) rotate(8deg);color:var(--mm-color-black-900, #201c1b)}.mm-tip__panel{position:absolute;top:calc(100% + 12px);left:50%;z-index:30;width:min(340px,calc(100vw - 24px));margin-left:var(--tip-ml, -60px);padding:var(--mm-space-5);background:var(--mm-color-white, #ffffff);border-radius:var(--mm-radius-lg);box-shadow:var(--mm-shadow-lg);opacity:0;transform:scale(.6) translateY(-8px);transform-origin:var(--tip-ox, 60px) -8px;pointer-events:none;transition:opacity .16s var(--mm-curve-out),transform .22s var(--mm-curve-out)}.mm-tip__panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.mm-tip.is-above .mm-tip__panel:before{top:auto;bottom:-12px}.mm-tip.is-above .mm-tip__panel{top:auto;bottom:calc(100% + 12px);transform:scale(.6) translateY(8px);transform-origin:var(--tip-ox, 60px) calc(100% + 8px)}.mm-tip.is-open .mm-tip__panel{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;transition:opacity .22s var(--mm-curve-out),transform .5s var(--mm-curve-big)}@media(hover:hover)and (min-width:750px){.mm-tip:hover .mm-tip__panel,.mm-tip__icon:focus-visible+.mm-tip__panel{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;transition:opacity .22s var(--mm-curve-out),transform .5s var(--mm-curve-big)}}.mm-tip.is-dismissed .mm-tip__panel{opacity:0;pointer-events:none}.mm-tip__text{display:block;margin:0 0 var(--mm-space-4);font:400 var(--mm-font-size-text-sm) / 1.5 var(--mm-font);color:var(--mm-color-black-900, #201c1b)}.mm-tip__tags{display:flex;gap:var(--mm-space-2);flex-wrap:wrap}.mm-label.mm-tip__tag .mm-label-text{font-size:var(--mm-font-size-text-xs)}.mm-tip__panel .mm-tip__tag{opacity:0;transform:scale(.5) translateY(6px)}.mm-tip.is-open .mm-tip__tag{opacity:1;transform:none;transition:opacity .3s var(--mm-curve-out) calc(var(--i, 0) * 70ms + .12s),transform .5s var(--mm-curve-big) calc(var(--i, 0) * 70ms + .12s)}@media(hover:hover)and (min-width:750px){.mm-tip:hover .mm-tip__panel .mm-tip__tag,.mm-tip__icon:focus-visible+.mm-tip__panel .mm-tip__tag{opacity:1;transform:none;transition:opacity .3s var(--mm-curve-out) calc(var(--i, 0) * 70ms + .12s),transform .5s var(--mm-curve-big) calc(var(--i, 0) * 70ms + .12s)}}.mm-acc__row .mm-form-control,.mm-acc__row .mm-acc__unavailable{margin-left:auto;flex:none;align-self:start}@media(max-width:749px){.mm-acc__row{position:relative;align-items:center}.mm-acc__img{width:72px;height:72px;flex:none;border-radius:var(--mm-radius-lg)}.mm-acc__row>div{flex:1;min-width:0}.mm-acc__name{display:block;padding-right:56px;font-size:var(--mm-font-size-text-sm, 14px)}.mm-acc__name .mm-tip{margin-left:var(--mm-space-1, 4px);vertical-align:-4px}.mm-acc__row .mm-form-control,.mm-acc__row .mm-acc__unavailable{position:absolute;top:var(--mm-space-4);right:var(--mm-space-4);margin-left:0}}.mm-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;transition:visibility 0s linear .45s}.mm-sheet.is-open{visibility:visible;transition-delay:0s}.mm-sheet__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mm-color-ui-overlay, rgba(32, 28, 27, .6));opacity:0;transition:opacity .35s var(--mm-curve-out)}.mm-sheet.is-open .mm-sheet__overlay{opacity:1}.mm-sheet__panel{position:absolute;left:var(--mm-space-3);right:var(--mm-space-3);bottom:var(--mm-space-3);padding:var(--mm-space-6) var(--mm-space-5);background:var(--mm-color-white, #ffffff);border-radius:var(--mm-radius-xl);transform:translateY(calc(100% + var(--mm-space-3)));transition:transform .42s var(--mm-curve-out)}.mm-sheet.is-open .mm-sheet__panel{transform:translateY(0);transition:transform .55s var(--mm-curve-soft)}.mm-sheet__head{display:flex;align-items:center;gap:var(--mm-space-3);margin-bottom:var(--mm-space-4)}.mm-sheet__head img{width:56px;height:56px;border-radius:var(--mm-radius-md);background:var(--mm-color-ui-bg-light, #f4f4f4);object-fit:cover}.mm-sheet__close{margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;background:var(--mm-color-ui-bg-light, #f4f4f4);color:var(--mm-color-black-900, #201c1b);cursor:pointer;display:grid;place-items:center;transition:transform var(--mm-duration-medium) var(--mm-curve-big)}.mm-sheet__close:hover{transform:rotate(90deg)}.mm-acc__unavailable{position:relative;display:inline-flex}.mm-acc__row .mm-acc__unavailable .mm-form-control{position:static;margin:0}.mm-acc__unavailable-btn{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;padding:0;border:0;background:none;cursor:not-allowed}.mm-acc__bubble{position:absolute;right:-8px;bottom:calc(100% + 12px);z-index:30;width:max-content;max-width:min(220px,calc(100vw - 48px));padding:var(--mm-space-3) var(--mm-space-4);background:var(--mm-color-black-900, #201c1b);color:var(--mm-color-white, #ffffff);border-radius:var(--mm-radius-md);font:400 var(--mm-font-size-text-sm) / 1.4 var(--mm-font);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .16s var(--mm-curve-out),transform .22s var(--mm-curve-out)}.mm-acc__bubble:after{content:"";position:absolute;top:100%;right:18px;border:6px solid transparent;border-top-color:var(--mm-color-black-900, #201c1b)}.mm-acc__unavailable.is-open .mm-acc__bubble{opacity:1;transform:translateY(0)}@media(hover:hover){.mm-acc__unavailable:hover .mm-acc__bubble,.mm-acc__unavailable-btn:focus-visible+.mm-acc__bubble{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-accessory.css.map */