.rv .st .stage:before{content:"";position:absolute;top:-2px;bottom:-2px;left:-30%;width:160%;background:#1b1917;transform:translate(0) skew(-45deg);transition:transform .9s cubic-bezier(.65,0,.35,1);transition-delay:calc(var(--d,0ms) + .16s);z-index:3;pointer-events:none}.rv .st .stage.life:before{background:var(--ms-orange,#F18F13)}.rv.on .st .stage:before{transform:translate(130%) skew(-45deg)}.buy>*{animation:rise .64s cubic-bezier(.2,.9,.2,1) backwards}.buy>:nth-child(1){animation-delay:.16s}.buy>:nth-child(2){animation-delay:.28s}.buy>:nth-child(3){animation-delay:.4s}.buy>:nth-child(4){animation-delay:.52s}.buy>:nth-child(5){animation-delay:.64s}.thumbs .thumb{animation:slideL .56s cubic-bezier(.2,.9,.2,1) backwards;animation-delay:calc(var(--i, 0) * 70ms)}.sizes .size{animation:rise .48s cubic-bezier(.2,.9,.2,1) backwards;animation-delay:calc(.42s + var(--i, 0) * 35ms)}.main .stage{position:relative;isolation:isolate}.main .stage:before{content:"";position:absolute;top:-2px;bottom:-2px;left:-30%;width:160%;background:#1b1917;transform:translate(0) skew(-45deg);animation:shutter .9s cubic-bezier(.65,0,.35,1) .12s both;z-index:3;pointer-events:none}@keyframes shutter{to{transform:translate(130%) skew(-45deg)}}.main .zoom,.main .stage{cursor:zoom-in}.btn:active,.btn2:active,.thumb:active{transform:translateY(1px)}.pcard:hover .stagefx i,.main:hover .stagefx i{opacity:1;transform:translate(0)}.pcard:hover .stagefx b,.main:hover .stagefx b{opacity:1}@media(hover:hover)and (pointer:fine){.pcard .stage,.main .stage{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform calc(80ms + (1 - var(--tl,0)) * .52s) cubic-bezier(.2,.9,.2,1);will-change:transform}.main .stage{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}}.grain{display:none;position:fixed;left:-50%;top:-50%;width:200%;height:200%;pointer-events:none;z-index:49;opacity:.045;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/240px 240px repeat;animation:grain 1.1s steps(1) infinite;will-change:transform}.zoom-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:52;background:#f0eeec;overflow:hidden;cursor:zoom-out;animation:fade .24s cubic-bezier(.2,.9,.2,1) both;touch-action:none}.zoom-ov img{position:absolute;left:0;top:0;width:200vw;max-width:none;height:auto;mix-blend-mode:multiply;will-change:transform;pointer-events:none}.zoom-ov .zclose{position:absolute;top:16px;right:16px;background:#110f0d;color:#fff;z-index:2}.zoom-ov .zhint{position:absolute;left:16px;bottom:16px;color:#4a4947;z-index:2}.t-section{font-size:clamp(24px,2.6cqw,40px);line-height:1.02}.t-name{font-size:clamp(26px,3cqw,48px);line-height:.98}.btn .lacefx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.btn .lacefx path{stroke-dasharray:420;stroke-dashoffset:420}.btn.is-adding .lacefx path{animation:lacedraw .48s cubic-bezier(.2,.9,.2,1) both}@keyframes lacedraw{to{stroke-dashoffset:0}}.btn2.lg{height:56px}.btn3{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 2px;border:0;background:transparent;color:#fff;font-family:Barlow,system-ui,sans-serif;font-weight:600;font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#4a4947;cursor:pointer}.btn3:hover{text-decoration-color:var(--ms-orange,#F18F13)}.mysize:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ms-orange,#F18F13);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.crumbs{display:flex;align-items:center;gap:10px;height:56px;font-size:13px;color:#a09f9e;overflow:hidden;white-space:nowrap}.crumbs a{color:#a09f9e;text-decoration:none}.crumbs a:hover,.crumbs .cur{color:#fff}.pdp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;padding:8px 0 72px}.gal{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start}.thumbs{display:flex;flex-direction:column;gap:10px}.thumb{width:80px;height:80px;padding:0;border:1px solid #343231;border-radius:2px;background:#f0eeec;overflow:hidden;cursor:pointer;position:relative;transition:border-color .12s}.thumb img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.thumb:hover{border-color:#a09f9e}.thumb.on{border-color:var(--ms-orange,#F18F13);box-shadow:inset 0 0 0 1px var(--ms-orange,#F18F13)}.thumb:focus-visible{outline:2px solid var(--ms-orange,#F18F13);outline-offset:2px}.main{position:relative}.main .stage img{transition:none}.main .fa{animation:swapA .24s cubic-bezier(.2,.9,.2,1) both}.main .fb{animation:swapB .24s cubic-bezier(.2,.9,.2,1) both}@keyframes swapA{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes swapB{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.main .zoom{position:absolute;right:12px;bottom:36px;width:44px;height:44px;border:0;border-radius:2px;background:#110f0dd9;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.main .tags{position:absolute;top:14px;left:14px;display:flex;gap:6px}.gal-rail,.dots{display:none}.buy{display:flex;flex-direction:column;gap:24px;position:sticky;top:96px}.price{font-family:Saira,system-ui,sans-serif;font-weight:700;font-size:28px;line-height:32px;font-variant-numeric:tabular-nums;color:#fff}.sizes{display:flex;flex-wrap:wrap;gap:8px}.size{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:60px;height:44px;padding:0 12px;border:1px solid #4A4947;border-radius:2px;background:#1b1917;color:#fff;font-family:Saira,system-ui,sans-serif;font-weight:600;font-size:15px;line-height:20px;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .12s,color .12s}.size.low:after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;background:var(--ms-orange,#F18F13)}.size.on.low:after{background:#110f0d}.size.out{color:#706f6e;border-color:#343231;background:transparent;text-decoration:line-through;text-decoration-thickness:1.5px}.size.out.on{color:#110f0d;border-color:var(--ms-orange,#F18F13);text-decoration:none}.trustl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trustl>div{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#1b1917;border:1px solid #343231;border-radius:4px}.trustl .tt{font-family:Saira,system-ui,sans-serif;font-stretch:112%;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#fff}.acc{display:flex;flex-direction:column;border-top:1px solid #343231}.acc .hd{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0;border:0;border-bottom:1px solid #343231;background:transparent;color:#fff;font-family:Saira,system-ui,sans-serif;font-stretch:112%;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left}.acc .chev{transition:transform .2s cubic-bezier(.65,0,.35,1)}.acc .chev.open{transform:rotate(180deg)}.acc .bd{padding:6px 0 20px;font-size:15px;line-height:22px;color:#cfcecd;border-bottom:1px solid #343231;animation:rise .24s cubic-bezier(.2,.9,.2,1) both}.stickybar{display:none}.sec{padding:clamp(48px,5.5cqw,88px) 0}.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.rail>*{flex:0 0 calc((100% - 120px) / 6);scroll-snap-align:start}.pcard .pr{font-family:Saira,system-ui,sans-serif;font-weight:700;font-size:16px;line-height:20px;font-variant-numeric:tabular-nums;color:#fff}.pcard .szs{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.pcard .sz{height:24px;padding:0 7px;border:1px solid #343231;border-radius:2px;font-family:Saira,system-ui,sans-serif;font-weight:600;font-size:12px;line-height:22px;font-variant-numeric:tabular-nums;color:#cfcecd}.band .tile{position:absolute;top:-300px;bottom:-300px;left:-320px;right:-320px;background:#110f0d url(ms-pattern-charcoal.svg) 0 0/160px 150px repeat;animation:drift 40s linear infinite;will-change:transform}@keyframes slideL{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.in1{animation:slideL .56s cubic-bezier(.2,.9,.2,1) both}.in2{animation:rise .56s cubic-bezier(.2,.9,.2,1) .12s both}@supports (animation-timeline: scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}.lock-full{animation:fadeOut linear both;animation-timeline:scroll(root);animation-range:40px 160px}.lock-mark{animation:fadeIn linear both;animation-timeline:scroll(root);animation-range:40px 160px}}@media(prefers-reduced-motion:reduce){.in1,.in2,.lock-full,.lock-mark,.progress,.toast,.toast:after,.scrim,.drawer,.main .fa,.main .fb,.acc .bd,.band .tile,.btn.is-adding .lacefx path,.buy>*,.thumbs .thumb,.sizes .size,.ibtn .count,.main .stage:before,.btn:after,.grain,.zoom-ov{animation:none}.size:before,.acc .chev,.stage img,.link svg,.thumb,.rv .ri,.rv .st>*,.stagefx i,.stagefx b,.hdr,.pcard .stage,.main .stage{transition:none}.rv .ri,.rv .st>*{opacity:1;transform:none}.rv .st .stage:before,.main .stage:before,.spot,.ring,.grain{display:none}.pcard .stage,.main .stage{transform:none}}@container ms (min-width:1680px){.wrap{max-width:1600px;padding:0 48px}.hdr-in{height:80px}.nav a.top{height:80px;font-size:15px;padding:0 14px}.nav .menu{top:80px}.pdp{gap:72px}.gal{grid-template-columns:96px minmax(0,1fr);gap:20px}.thumb{width:96px;height:96px}.price{font-size:32px}.rail>*{flex:0 0 calc((100% - 144px) / 7)}}@container ms (max-width:1279px){.hdr-in{gap:20px}.nav a.top{padding:0 8px;font-size:13px}.pdp{gap:40px}.rail>*{flex:0 0 calc((100% - 96px)/5)}}@container ms (max-width:1023px){.wrap{padding:0 24px}.hdr-in{height:56px;gap:16px}.nav,.desk{display:none}.only-mob{display:inline-flex}.crumbs{height:48px}.pdp{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:56px}.gal{display:none}.gal-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:0 24px;scrollbar-width:none}.gal-rail::-webkit-scrollbar{display:none}.gal-rail>*{flex:0 0 100%;scroll-snap-align:center}.gal-rail .stage{aspect-ratio:5 / 4}.dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.dots i{width:8px;height:8px;background:#4a4947;display:block;transition:background .12s}.dots i.on{background:var(--ms-orange,#F18F13)}.buy{position:static}.grid4{grid-template-columns:repeat(3,minmax(0,1fr))}.rail>*{flex-basis:calc((100% - 72px)/4)}.foot{grid-template-columns:repeat(3,minmax(0,1fr))}.foot>:first-child{grid-column:1 / -1}.sec{padding:56px 0}.stickybar{display:flex;position:sticky;bottom:0;z-index:15;align-items:center;gap:16px;padding:12px 24px;background:#110f0df5;border-top:1px solid #343231}}@container ms (max-width:767px){.wrap{padding:0 16px}.ann{font-size:12px;height:32px;gap:8px}.ann .long{display:none}.hdr-in{height:56px;gap:4px}.logo{margin:0 auto}.logo img{height:26px}.tools{margin-left:0}.crumbs{height:44px;font-size:12px}.gal-rail{margin:0 -16px;padding:0 16px}.gal-rail .stage{aspect-ratio:1 / 1}.trustl{grid-template-columns:minmax(0,1fr)}.trustl>div{flex-direction:row;align-items:center;gap:12px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.rail{gap:12px;margin:0 -16px;padding:0 16px 8px}.rail>*{flex-basis:44%}.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.foot>:first-child,.foot>:last-child{grid-column:1 / -1}.sec{padding:48px 0}.sec-hd{margin-bottom:20px;align-items:flex-start;flex-direction:column;gap:8px}.stickybar{padding:10px 16px}}@container ms (max-width:599px){.size{min-width:52px;height:42px;padding:0 10px}.trustl{gap:8px}.rail>*{flex-basis:56%}.foot{grid-template-columns:minmax(0,1fr);gap:24px}.price{font-size:26px}}@container ms (max-width:374px){.wrap{padding:0 12px}.logo img{height:22px}.ibtn{width:40px;height:40px}.gal-rail{margin:0 -12px;padding:0 12px}.rail{margin:0 -12px;padding:0 12px 8px}.size{min-width:46px;padding:0 8px;font-size:14px}.btn,.btn2{padding:0 16px;font-size:13px}.stickybar{padding:8px 12px;gap:10px}}@media(hover:none){.stagefx i,.stagefx b{display:none}.pcard:active .stage img{transform:scale(1.04)}}@media(max-height:480px)and (orientation:landscape){.sec{padding:36px 0}.pdp{padding-bottom:40px}}@media(max-width:767px){.toast{left:16px;right:16px;top:72px;max-width:none}.drawer{width:100%}.drawer .lines{padding-bottom:env(safe-area-inset-bottom,0)}.stickybar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ms-product.css.map */