.ayo-mm{--mm-acc: #69489d;--mm-ok: #1d7a5a;--mm-tx: #241c33;--mm-sub: #5f5370;--mm-edge: rgba(255, 255, 255, .7);--mm-panel: rgba(255, 255, 255, .62);--mm-shadow: 0 10px 30px rgba(80, 40, 140, .14);--mm-btn-tx: #fff;--mm-img-bg: #fff;--mm-stage: #ebe1f6;--mm-title: 30px;--mm-r: 20px;--mm-cols: 2;--mm-cols-desk: 3;--mm-fit: cover;--mm-max: 640px;display:block;max-width:var(--mm-max);margin:0 auto;padding:8px 16px 40px;color:var(--mm-tx);font-family:inherit}.ayo-mm *,.ayo-mm *:before,.ayo-mm *:after{box-sizing:border-box}.ayo-mm button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ayo-mm__glass{background:linear-gradient(160deg,#ffffff80,#ffffff1f 45%,#ffffff38),var(--mm-panel);border:1px solid var(--mm-edge);box-shadow:inset 0 1px #ffffffe6,var(--mm-shadow)}.ayo-mm__btn{display:block;width:100%;height:50px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:var(--mm-btn-tx)!important;font-size:16px;font-weight:600;background:var(--mm-acc) linear-gradient(180deg,#ffffff3d,#fff0 55%);box-shadow:inset 0 1px #fff6,0 8px 20px color-mix(in srgb,var(--mm-acc) 38%,transparent);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.ayo-mm__btn:active,.ayo-mm__card:active,.ayo-mm__chip:active,.ayo-mm__size:active,.ayo-mm__combo:active{transform:scale(.95)}.ayo-mm--center .ayo-mm__hero{text-align:center}.ayo-mm__hero{border-radius:calc(var(--mm-r) + 8px);padding:18px 18px 16px}.ayo-mm__tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--mm-acc);background:#fff9;border:1px solid var(--mm-edge)}.ayo-mm__title{margin:10px 0 4px;font-size:var(--mm-title);line-height:1.08;font-weight:700;letter-spacing:0}.ayo-mm__title span{color:var(--mm-acc)}.ayo-mm__text{margin:0;font-size:14px;color:var(--mm-sub)}.ayo-mm__show{position:relative;height:170px;margin-top:12px;border-radius:var(--mm-r);overflow:hidden;background:var(--mm-stage)}.ayo-mm__show-img{width:100%;height:100%;object-fit:cover;display:block}.ayo-mm__hero .ayo-mm__btn{margin-top:12px}.ayo-mm__trust{margin:10px 0 0;text-align:center;font-size:12px;color:var(--mm-sub)}.ayo-mm__empty{margin:16px 0 0;padding:14px;border-radius:18px;font-size:14px;text-align:center}.ayo-mm__duo{position:absolute;top:0;bottom:0;left:50%;width:min(100%,400px);transform:translate(-50%);display:block}.ayo-mm__s{position:absolute;bottom:7%;height:80%;aspect-ratio:1;max-width:56%;border-radius:calc(var(--mm-r) * .9);overflow:hidden;background:var(--mm-img-bg);box-shadow:0 8px 20px #3c1e6e29}.ayo-mm__s img{width:100%;height:100%;object-fit:var(--mm-fit);display:block}.ayo-mm__s--bag{left:6%;top:7%;bottom:auto;z-index:1;animation:ayoMmL .45s ease both}.ayo-mm__s--shoe{right:6%;z-index:2;animation:ayoMmR .45s ease .06s both}@keyframes ayoMmL{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes ayoMmR{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.ayo-mm__step{margin-top:24px;scroll-margin-top:92px}.ayo-mm__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.ayo-mm__head>span{font-size:12px;color:var(--mm-sub)}.ayo-mm__num{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mm-sub)}.ayo-mm__num b{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:color-mix(in srgb,var(--mm-acc) 38%,transparent);transition:background .25s}.ayo-mm__num.is-on{color:var(--mm-tx)}.ayo-mm__num.is-on b{background:var(--mm-acc)}.ayo-mm__num.is-ok b{background:var(--mm-ok)}.ayo-mm__chips{display:flex;gap:6px;overflow-x:auto;margin:10px -16px 0;padding:2px 16px;scrollbar-width:none}.ayo-mm__chips::-webkit-scrollbar{display:none}.ayo-mm__chips[hidden]{display:none}.ayo-mm__chip{flex:0 0 auto;height:36px;padding:0 14px;border-radius:999px;font-size:13px;border:1px solid var(--mm-edge);background:#ffffff8c;transition:transform .18s;white-space:nowrap}.ayo-mm__chip.is-on{background:var(--mm-acc);color:var(--mm-btn-tx)!important;border-color:transparent}.ayo-mm__grid{display:grid;grid-template-columns:repeat(var(--mm-cols),minmax(0,1fr));gap:10px;margin-top:10px}@media(min-width:750px){.ayo-mm__grid{grid-template-columns:repeat(var(--mm-cols-desk),minmax(0,1fr))}}.ayo-mm__card{display:block;width:100%;padding:5px;border-radius:var(--mm-r);text-align:left;border:1px solid var(--mm-edge);background:var(--mm-panel);box-shadow:inset 0 1px #ffffffe6,var(--mm-shadow);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.ayo-mm__card.is-on{box-shadow:0 0 0 2px var(--mm-acc) inset,var(--mm-shadow);transform:translateY(-2px)}.ayo-mm__pic{position:relative;display:block;aspect-ratio:1;border-radius:calc(var(--mm-r) * .8);overflow:hidden;background:var(--mm-img-bg)}.ayo-mm__pic img{width:100%;height:100%;object-fit:var(--mm-fit);display:block}.ayo-mm__goes{position:absolute;left:6px;top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--mm-ok);background:#ffffffe0}.ayo-mm__tick{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--mm-acc);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.ayo-mm__card.is-on .ayo-mm__tick{transform:scale(1)}.ayo-mm__name{display:block;padding:7px 4px 2px;font-size:13px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ayo-mm__price{display:block;padding:0 4px 4px;font-size:14px;font-weight:600}.ayo-mm__price s{font-weight:400;font-size:12px;color:#8a7f9b}.ayo-mm__box{position:relative;margin-top:10px;border-radius:calc(var(--mm-r) + 4px);padding:8px}.ayo-mm__stage{position:relative;height:210px;border-radius:var(--mm-r);overflow:hidden;background:var(--mm-stage)}.ayo-mm__stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--mm-sub)}.ayo-mm__dice{position:absolute;right:16px;top:16px;z-index:3;width:40px;height:40px;border-radius:50%;padding:0;font-size:18px;border:1px solid var(--mm-edge);background:#ffffffbf;box-shadow:0 4px 12px #50288c1f}.ayo-mm__dice.is-spin{animation:ayoMmWob .5s ease}@keyframes ayoMmWob{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.ayo-mm__sizes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 2px 2px}.ayo-mm__size{flex:1 0 44px;height:42px;border-radius:13px;font-size:15px;padding:0;border:1px solid var(--mm-edge);background:color-mix(in srgb,var(--mm-acc) 14%,#fff);transition:transform .18s}.ayo-mm__size.is-on{background:var(--mm-acc);color:var(--mm-btn-tx)!important;border-color:transparent}.ayo-mm__hint{display:block;width:100%;padding:10px 0;text-align:center;font-size:13px;color:var(--mm-sub)}.ayo-mm__loved,.ayo-mm__how,.ayo-mm__review{margin-top:28px}.ayo-mm__loved[hidden]{display:none}.ayo-mm h2{margin:0 0 10px;font-size:20px;font-weight:600;letter-spacing:0}.ayo-mm__row{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:16px}.ayo-mm__row::-webkit-scrollbar{display:none}.ayo-mm__combo{flex:0 0 66%;max-width:280px;padding:6px;border-radius:calc(var(--mm-r) + 2px);text-align:left;scroll-snap-align:start;border:1px solid var(--mm-edge);background:var(--mm-panel);box-shadow:inset 0 1px #ffffffe6,var(--mm-shadow);transition:transform .18s}.ayo-mm__combo .ayo-mm__duo{position:relative;left:0;width:100%;transform:none;display:block;height:130px;border-radius:16px;overflow:hidden;background:var(--mm-stage)}.ayo-mm__combo .ayo-mm__s{animation:none}.ayo-mm__how p{margin:0 0 8px;padding:12px 14px;border-radius:var(--mm-r);font-size:14px}.ayo-mm__how b{color:var(--mm-acc)}.ayo-mm__review{padding:14px;border-radius:22px}.ayo-mm__review>span{font-size:13px;color:#f2b01e;letter-spacing:1px}.ayo-mm__review p{margin:6px 0 0;font-size:14px;line-height:1.45}.ayo-mm__review small{display:block;margin-top:6px;font-size:12px;color:var(--mm-sub)}.ayo-mm__bar{position:fixed;z-index:30;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:620px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:26px;border:1px solid var(--mm-edge);background:linear-gradient(160deg,#ffffff8c,#fff3),#f0e8fae6;box-shadow:inset 0 1px #ffffffe6,0 12px 32px #3c1e6e38}.ayo-mm__thumbs{display:flex;gap:4px}.ayo-mm__thumbs span{width:40px;height:40px;border-radius:12px;overflow:hidden;background:#ffffff8c;border:1px solid var(--mm-edge)}.ayo-mm__thumbs img{width:100%;height:100%;object-fit:cover;display:block}.ayo-mm__sum{flex:1;min-width:0}.ayo-mm__sum b{font-size:17px}.ayo-mm__sum s{font-size:12px;color:#8a7f9b}.ayo-mm__sum>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.25;color:var(--mm-sub)}.ayo-mm__sum>span.is-ok{color:var(--mm-ok)}.ayo-mm__main{flex:0 0 auto;width:auto;height:46px;padding:0 18px;font-size:14px}.ayo-mm__main.is-loading{opacity:.6;pointer-events:none}.ayo-mm__toast{position:fixed;z-index:31;left:50%;top:84px;transform:translate(-50%);padding:10px 18px;border-radius:999px;font-size:14px;white-space:nowrap;background:#fffffff0;border:1px solid var(--mm-edge);box-shadow:0 10px 30px #3c1e6e33;color:var(--mm-ok)}.ayo-mm__toast.is-bad{color:#c0392b}.ayo-mm__toast.is-in{animation:ayoMmToast .3s ease}@keyframes ayoMmToast{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}body.has-ayo-mm-bar .ayo-dock{display:none}body.has-ayo-mm-bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}@media(prefers-reduced-motion:reduce){.ayo-mm__s,.ayo-mm__dice.is-spin,.ayo-mm__toast.is-in{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ayo-mix-match.css.map */