.btn.sm{min-height:52px;font-size:15px;padding:0 22px}.mrow{display:flex;align-items:center;gap:16px;padding:10px 0}.mrow .dot{width:76px;height:76px;border-radius:var(--ms-radius-pill);border:3px solid var(--ms-color-cocoa-deep);overflow:hidden;flex-shrink:0;box-shadow:-4px 5px 0 var(--d1)}.mrow .dot img{width:100%;height:100%;object-fit:cover}.mrow .tx{flex:1;min-width:0}.mrow .sub{font-size:14px;color:var(--soft)}@media(max-width:767px){:root .mrow .dot{width:62px;height:62px}}.orderbar{position:sticky;bottom:0;z-index:15;padding:14px 0 22px;background:var(--ms-color-cream);border-top:2px solid var(--faint)}.orow{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:2px solid var(--faint)}.orow img{width:56px;height:56px;border-radius:var(--ms-web-radius-xl);border:3px solid var(--ms-color-cocoa-deep);object-fit:cover}.mrow .dot{transition:transform .3s var(--spring)}@media(hover:hover){.mrow:hover .dot{transform:rotate(-8deg) scale(1.08)}}@supports (animation-timeline: view()){.orow{animation:rise linear backwards;animation-timeline:view();animation-range:entry 0% entry min(100%,280px)}}.spc .mto{color:var(--ms-color-blood-orange-ink);font-weight:600}.order-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px}.order-page.wide .order-grid{grid-template-columns:minmax(0,1fr)}.order-page.wide .order-aside{display:none}.order-aside{position:sticky;top:180px;align-self:start;padding-top:8px}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;align-items:start}.flow-grid.small{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px}@media(max-width:767px){:root .flow-grid,:root .flow-grid.small{grid-template-columns:minmax(0,1fr);gap:32px}}.flow-step{display:grid;gap:12px;min-width:0}.sheet-mock{border-radius:var(--ms-web-radius-card);background:var(--ms-color-paper);border:2px solid var(--ms-color-cocoa-deep);box-shadow:-6px 8px 0 var(--ms-color-burnt-orange);overflow:hidden}.sm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 14px;border-bottom:2px solid var(--faint)}.sm-hd h3{margin:0}.sm-bd{display:grid;gap:4px;padding:14px 22px 22px}.pick-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 12px;margin:0 -12px;border-radius:var(--ms-web-radius-m)}.pick-row+.pick-row{border-top:2px solid var(--faint);border-radius:0}.pick-row.on{background:var(--ms-color-pistachio);border-radius:var(--ms-web-radius-m);border-top-color:transparent}.pick-row.on+.pick-row{border-top-color:transparent}.pick-row.shut .t-card{color:var(--soft)}.pick-row .shut-line{color:var(--ms-color-cherry);font-weight:600}.pick-row .dot{width:46px;height:46px;border-radius:var(--ms-web-radius-l);border:3px solid var(--ms-color-cocoa-deep);object-fit:cover}.pick-hd{margin:14px 0 4px;color:var(--ms-color-blood-orange-ink)}.size-dot{width:52px;height:52px;flex:none;border-radius:var(--ms-radius-tile);display:flex;align-items:center;justify-content:center;background:var(--ms-color-raised);border:2px solid var(--ms-color-cocoa-deep);font-weight:800;font-size:14px}.tub-slots{display:flex;align-items:center;gap:10px;padding:4px 0 8px}.tub-slots .slot{width:52px;height:52px;border-radius:var(--ms-radius-tile);border:3px dashed var(--ms-color-cocoa);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--soft)}.tub-slots .slot img{width:100%;height:100%;object-fit:cover}.tub-slots .slot:has(img){border-style:solid;border-color:var(--ms-color-cocoa-deep)}.o-line{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:2px solid var(--faint)}.o-line .t-link{min-height:32px}.flow-note{display:flex;gap:12px;padding:14px 16px;border-radius:var(--ms-radius-date-chip);background:var(--ms-color-raised)}.flow-note svg{color:var(--ms-color-blood-orange-ink);flex:none}.flow-msg{flex-direction:row;gap:14px;align-items:flex-start}.flow-msg>svg{color:var(--ms-color-blood-orange-ink);flex:none}@media(min-width:768px)and (max-width:1199px){.order-grid{grid-template-columns:minmax(0,1fr) 340px;gap:36px}}@media(min-width:768px)and (max-width:959px){.order-grid{grid-template-columns:minmax(0,1fr)}.order-aside{position:static}}@media(prefers-reduced-motion:reduce){.orow{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ms-order.css.map */