.mx-oc{display:block;color:#111;background:#fff;font:400 13px/1.6 Arial,Helvetica,sans-serif;padding:44px 3.2% 64px}.mx-oc-intro{text-align:center;padding:4px 0 36px}.mx-oc-eyebrow,.mx-oc-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mx-oc-intro h1{font:400 clamp(42px,5vw,76px)/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:-.01em;margin:14px 0}.mx-oc-intro>p:last-of-type{color:#666;font-size:13px;margin:14px 0 24px}.mx-oc-intro nav{display:flex;justify-content:center;gap:32px;margin-top:26px}.mx-oc-intro nav a{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.04em;padding:10px 0;border-bottom:1px solid #111;min-height:44px}.mx-oc-intro nav span{font-size:9px;color:#777;text-transform:none;letter-spacing:0}.mx-oc-department{scroll-margin-top:110px;padding-top:24px;margin-bottom:52px}.mx-oc-department:last-child{margin-bottom:0}.mx-oc-heading{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #ddd;padding-top:23px;margin-bottom:22px;gap:20px}.mx-oc-heading h2{font:400 34px/1 Impact,Arial Narrow,Arial,sans-serif;text-transform:uppercase;margin:0}.mx-oc-heading p{color:#666;font-size:11px;margin:0}.mx-oc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 16px}.mx-oc-card{min-width:0;display:flex;flex-direction:column}.mx-oc-visual{aspect-ratio:3/4;background:#ededed;position:relative;overflow:hidden;isolation:isolate}.mx-oc-number{position:absolute;left:12px;top:10px;font-size:10px;letter-spacing:.1em;z-index:5;pointer-events:none}.mx-oc-piece{position:absolute;display:block;mix-blend-mode:multiply;transition:transform .2s ease;z-index:1}.mx-oc-piece img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}.mx-oc-piece--headwear{right:0;top:0;width:40%;height:23%;z-index:3}.mx-oc-piece--top{left:-2%;top:4%;width:80%;height:51%;z-index:2}.mx-oc-piece--bottom{left:4%;bottom:0;width:64%;height:55%}.mx-oc-piece--footwear{right:-2%;bottom:0;width:54%;height:29%;z-index:3}.mx-oc-piece-name{position:absolute;left:0;bottom:0;max-width:100%;z-index:6;padding:5px 8px;background:#111;color:#fff;font-size:9px;line-height:1.3;opacity:0;pointer-events:none}.mx-oc-piece:hover,.mx-oc-piece:focus-visible{transform:scale(1.035);z-index:6}.mx-oc-piece:hover .mx-oc-piece-name,.mx-oc-piece:focus-visible .mx-oc-piece-name{opacity:1}.mx-oc-editorial{border:0;padding:0;background:none;display:block;width:100%;height:100%;cursor:pointer}.mx-oc-editorial img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s ease}.mx-oc-editorial:hover img{transform:scale(1.02)}.mx-oc-caption{padding:14px 0 12px;flex:1}.mx-oc-label{display:flex;justify-content:space-between;margin:0 0 8px;color:#666;font-size:9px}.mx-oc-label span{letter-spacing:0;text-transform:none}.mx-oc-caption h3{font:400 clamp(18px,1.7vw,24px)/1.15 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:0 0 6px}.mx-oc-palette{font-size:10px;color:#666;line-height:1.5;margin:0;min-height:30px}.mx-oc-shop,.mx-oc-soon-status{display:flex;justify-content:space-between;align-items:center;border:1px solid #aaa;padding:10px 12px;min-height:44px;text-transform:uppercase;font:400 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.04em;width:100%;background:#fff;color:#111}.mx-oc-shop{cursor:pointer;transition:background .15s,color .15s}.mx-oc-shop:hover{background:#111;color:#fff;border-color:#111}.mx-oc-soon-status{justify-content:center;color:#888;border-color:#ddd}.mx-oc-soon{display:grid;place-items:center;text-align:center}.mx-oc-soon>div{padding:18px}.mx-oc-monogram{display:flex;flex-direction:column;font:400 56px/.9 Impact,Arial Narrow,Arial,sans-serif;color:#c4c4c4;align-items:center}.mx-oc-monogram>span{font-family:Arial,sans-serif;font-size:45px;line-height:1.1;border-top:1px solid #c4c4c4;width:44px;margin-top:5px}.mx-oc-soon p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:22px 0 0}.mx-oc-dialog{border:0;padding:0;background:#fff;color:#111;max-height:90dvh;width:min(740px,calc(100vw - 32px));margin:auto;overflow:auto;box-shadow:0 20px 80px #0003}.mx-oc-dialog::backdrop{background:#0008}.mx-oc-dialog-top{position:sticky;top:0;z-index:2;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding:8px 26px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mx-oc-dialog-top button{border:0;background:none;min-width:44px;min-height:44px;font-size:18px;cursor:pointer}.mx-oc-dialog-body{padding:22px 28px 28px}.mx-oc-dialog-body>h2{font:400 40px/1.1 Impact,Arial Narrow,Arial,sans-serif;text-transform:uppercase;margin:0 0 8px}.mx-oc-dialog-palette{font-size:12px;color:#666;margin:0 0 22px}.mx-oc-dialog-body>h3{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}.mx-oc-items{list-style:none;margin:0;padding:0}.mx-oc-items>li{border-top:1px solid #ddd}.mx-oc-item{display:grid;grid-template-columns:105px 1fr auto;gap:20px;align-items:center;padding:13px 0;min-height:120px}.mx-oc-item-image{height:105px;background:#ededed}.mx-oc-item-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.mx-oc-item-vendor{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#666;margin:0 0 4px}.mx-oc-item h4{font:500 13px/1.4 Arial,sans-serif;margin:0 0 5px}.mx-oc-item-color{font-size:10px;line-height:1.5;color:#666;margin:0 0 5px}.mx-oc-item-price{font-size:12px;margin:0}.mx-oc-view{font-size:10px;text-transform:uppercase;white-space:nowrap;align-self:end;padding:8px 0;border-bottom:1px solid #111;margin-bottom:8px}.mx-oc-size-note{background:#ededed;padding:16px;font-size:11px;color:#666;margin:16px 0 0}.mx-oc :focus-visible{outline:2px solid #111;outline-offset:4px}@media(max-width:999px){.mx-oc{padding-inline:4%}.mx-oc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 14px}.mx-oc-heading{display:block}.mx-oc-heading p{margin-top:10px}.mx-oc-caption h3{font-size:22px}}@media(max-width:649px){.mx-oc{padding:26px 5% 40px}.mx-oc-intro{padding-bottom:14px}.mx-oc-intro h1{font-size:46px}.mx-oc-intro>p:last-of-type{font-size:12px;max-width:280px;margin-inline:auto}.mx-oc-intro nav{gap:22px}.mx-oc-intro nav a{font-size:10px;gap:5px}.mx-oc-intro nav span{font-size:8px}.mx-oc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.mx-oc-caption h3{font-size:19px}.mx-oc-palette{font-size:10px}.mx-oc-heading h2{font-size:30px}.mx-oc-department{margin-bottom:34px;scroll-margin-top:90px}.mx-oc-shop{font-size:9px;padding-inline:10px}.mx-oc-dialog-top{padding-inline:14px}.mx-oc-dialog-body{padding:20px 16px}.mx-oc-dialog-body>h2{font-size:32px}.mx-oc-item{grid-template-columns:80px 1fr;gap:12px}.mx-oc-item-image{height:90px;grid-row:span 2}.mx-oc-view{grid-column:2;justify-self:start;margin:0;padding:0;border:0}.mx-oc-item h4{font-size:12px}.mx-oc-number{font-size:9px;top:8px;left:10px}}@media(prefers-reduced-motion:reduce){.mx-oc-piece,.mx-oc-editorial img,.mx-oc-shop{transition:none}}.mx-oc-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin:8px 0 0;font-size:11px;line-height:1.5;color:#111}.mx-oc-total strong{font-size:14px;font-weight:600;white-space:nowrap}.mx-oc-total-note{font-size:9px;color:#777;line-height:1.5;margin:3px 0 0}.mx-oc-piece--top[href="/products/avirex-hoodie"]{top:5%;height:41%}
/*# sourceMappingURL=/cdn/shop/t/86/assets/mx-outfit-center.css.map */