.fm{--D: 5px;position:relative;width:min(100%,1040px);margin:0 auto;perspective:2800px;perspective-origin:70% -10%;padding:30px 170px 90px 30px}@media(max-width:767px){:root .fm{--D: 2px;padding:30px 16px 60px 14px;perspective:1500px;perspective-origin:60% -30%}}.fm-toggle{position:absolute;width:1px;height:1px;opacity:0}.fm-unit,.fm-unit .fm-crown,.fm-cab,.fm-chrome,.fm-body,.fm-deck,.fm-stand,.fm-depth{transform-style:preserve-3d}.fm-chrome,.fm-body,.fm-window,.fm-deck .slope{outline:1px solid transparent;backface-visibility:hidden}.fm-unit{position:relative;z-index:1;transform:rotateY(-15deg) rotateX(-5deg);transition:transform 1.1s var(--glide)}@media(hover:hover){.fm:hover .fm-unit{transform:rotateY(-11deg) rotateX(-4deg)}}@media(max-width:767px){:root .fm-unit{transform:rotateY(-2deg) rotateX(-6deg)}@media(hover:hover){:root .fm:hover .fm-unit{transform:rotateY(-2deg) rotateX(-6deg)}}}.fm-depth{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.fm-depth i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform:translateZ(calc(var(--k) * var(--D) * -1));background-color:color-mix(in srgb,#3E0F07 calc(var(--k) * 1.8%),#B4321C);background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%,rgba(0,0,0,.25));outline:1px solid transparent;backface-visibility:hidden}.fm-depth i:nth-child(-n+2){background:linear-gradient(180deg,#f3e6d0,#a89276)}.fm-depth i:last-child{background:#3a0e06}.fm-crown .fm-depth i{background-color:color-mix(in srgb,#1E0F06 calc(var(--k) * 2%),#5A331C);background-image:linear-gradient(180deg,rgba(255,210,160,.35),transparent 40%)}.fm-crown .fm-depth i:nth-child(-n+2){background:#c9b79e}.fm-stand .fm-depth i{background-color:color-mix(in srgb,#120904 calc(var(--k) * 1.6%),#3A2010);background-image:none}.fm-crown{position:relative;height:132px;margin:0 6% -2px;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateZ(-26px)}@media(max-width:767px){:root .fm-crown{height:98px;margin:0 5% -2px}}.fm-crown .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,rgba(255,255,255,.14),transparent 22%),linear-gradient(180deg,#7a4828,#4a2a16);box-shadow:inset 0 0 0 5px #5a331c,inset 0 0 0 7px #c9b79e,inset 0 -26px 22px -10px #0009}.fm-bulbs i{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:7px;background:radial-gradient(circle at 35% 35%,#fffdf5,#ffe7b0 55%,#e6b866);box-shadow:0 0 0 2px #40251499,0 0 10px #ffe7b08c;animation:fm-bulb .3s steps(1) 8 both}.fm-toggle:checked~.fm-unit .fm-bulbs i{animation-name:fm-bulb2}@keyframes fm-bulb{0%,to{opacity:1}50%{opacity:.3}}@keyframes fm-bulb2{0%,to{opacity:1}50%{opacity:.3}}.fm-crown:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-4px;height:10px;border-radius:5px;background:linear-gradient(180deg,#fff,#cdba9f 45%,#8f7a63);box-shadow:0 3px 4px #00000059}.fm-mark{position:absolute;left:50%;bottom:78px;width:104px;height:auto;transform:translate(-50%);opacity:.92}@media(max-width:767px){:root .fm-mark{width:66px;bottom:50px}}.fm-sign{position:absolute;left:50%;bottom:16px;transform:translate(-50%);white-space:nowrap;font-weight:800;font-size:26px;letter-spacing:1px;text-transform:uppercase;color:var(--ms-color-pistachio);text-shadow:0 2px 0 rgba(0,0,0,.4);background:#2a170c;padding:6px 24px;border-radius:999px;box-shadow:inset 0 3px 6px #000,0 0 0 3px #c9b79e}@media(max-width:767px){:root .fm-sign{font-size:15px;bottom:12px;padding:4px 14px}}.fm-cab{position:relative;border-radius:30px}.fm-chrome{position:relative;padding:8px;border-radius:30px;background:linear-gradient(135deg,#fff,#cdba9f 16%,#fff7ea 28%,#6f5c47 46%,#e9dbc4 58%,#a89276 80%,#fff)}.fm-body{position:relative;border-radius:23px;padding:22px 22px 0;background:linear-gradient(100deg,rgba(255,255,255,.2),transparent 18%),linear-gradient(180deg,#e0482f,#c93a23 55%,#a82d19);box-shadow:inset 0 3px #ffffff47,inset 0 -14px 24px #00000038}@media(max-width:767px){:root .fm-body{padding:14px 12px 0}}.fm-window{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:12px 12px 14px;border-radius:18px;background:#1e120a;box-shadow:0 0 0 5px #d9c7ae,0 0 0 7px #8f7a63,inset 16px 0 20px -10px #000c,inset 0 14px 18px -6px #000000d9}@media(max-width:767px){:root .fm-window{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding:10px}}.fm-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;z-index:4;background:linear-gradient(160deg,#ffffff4d,#fff0 30% 58%,#ffffff14 62%,#fff0 68%)}.fm-col{display:flex;flex-direction:column;gap:6px;min-width:0}.fm-lab{text-align:center;font-weight:700;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#fff1d9d9}.fm-reel{--H: 72px;--R: 134px;position:relative;display:block;width:100%;height:172px;padding:0;border:0;cursor:pointer;overflow:hidden;border-radius:10px;background:#f6ebd8;perspective:1100px;font:inherit;color:var(--ms-color-cocoa-deep)}@media(max-width:767px){:root .fm-reel{--H: 68px;--R: 127px;height:156px}}.fm-reel .ring{position:absolute;left:0;right:0;top:50%;height:0;transform-style:preserve-3d}.fm-reel .face{position:absolute;left:0;right:0;top:calc(var(--H) / -2);height:var(--H);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 16px;overflow:hidden;text-align:center;font-weight:800;font-size:13px;line-height:1.14;letter-spacing:-.2px;-webkit-hyphens:auto;hyphens:auto;background:#fbf3e4;border-top:1px solid rgba(64,37,20,.14);border-bottom:1px solid rgba(64,37,20,.14);backface-visibility:hidden}@media(max-width:767px){:root .fm-reel .face{font-size:11px;padding:0 7px;letter-spacing:-.3px}:root .fm-reel:after{clip-path:polygon(0 0,5px 50%,0 100%,0 0,100% 0,calc(100% - 5px) 50%,100% 100%,100% 0)}:root .fm-lab{text-align:left;padding-left:4px}}.fm-reel .face.empty{color:#402514b8;font-weight:700}.fm-reel .face small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.fm-reel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#1e120af7,#1e120ab3 18%,#1e120a40 30%,#1e120a0f 38%,#1e120a00 46% 54%,#1e120a0f 62%,#1e120a40 70%,#1e120ab3 82%,#1e120af7);box-shadow:inset 7px 0 8px -4px #0006,inset -7px 0 8px -4px #0006}.fm-reel:after{content:"";opacity:.85;position:absolute;left:2px;right:2px;top:50%;height:14px;z-index:3;background:var(--ms-color-blood-orange);clip-path:polygon(0 0,6px 50%,0 100%,0 0,100% 0,calc(100% - 6px) 50%,100% 100%,100% 0);height:12px;margin-top:-6px}.fm-rw{position:relative}.fm-x{position:absolute;top:-25px;right:0;z-index:5;width:24px;height:24px;padding:0;border-radius:14px;border:2px solid #D9C7AE;background:var(--ms-color-cocoa-deep);color:var(--ms-color-cream);display:flex;align-items:center;justify-content:center;cursor:pointer}.fm-x:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.fm-x.xb{display:none}.fm-toggle:checked~.fm-unit .fm-x.xa{display:none}.fm-toggle:checked~.fm-unit .fm-x.xb{display:flex}.fm-hint{display:block;max-width:100%;margin:16px auto 0;text-align:center;font-weight:700;font-size:13px;line-height:1.4;color:var(--ms-color-paper);text-shadow:0 1px 0 rgba(0,0,0,.3)}@media(max-width:767px){:root .fm-hint{width:auto;font-size:12px}}.fm-screen{position:relative;margin:20px 0 0;padding:18px 22px 20px;border-radius:18px;background:radial-gradient(120% 140% at 50% 0%,#fffbf2,#f6e9d2 60%,#e9d6b6);box-shadow:0 0 0 5px #d9c7ae,0 0 0 7px #8f7a63,inset 0 0 0 2px #8f7a63,inset 0 8px 14px #40251466,inset 0 -2px #fff9;text-align:center;display:grid;gap:8px;justify-items:center}@media(max-width:767px){:root .fm-screen{padding:14px 14px 16px}}.fm-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;background:linear-gradient(165deg,#ffffff8c,#fff0 26% 60%,#ffffff40 64%,#fff0 70%)}.fm-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;background:radial-gradient(circle at 14px 14px,#A89276 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 14px) 14px,#A89276 0 3px,transparent 4px),radial-gradient(circle at 14px calc(100% - 14px),#A89276 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#A89276 0 3px,transparent 4px)}.fm-screen .lab{font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ms-color-blood-orange-ink)}.fm-name{min-width:60%;margin-bottom:4px;padding:4px 18px 8px;border-bottom:2px dashed rgba(64,37,20,.3);font-weight:800;font-size:36px;letter-spacing:-.5px;line-height:1.05;text-transform:uppercase;color:var(--ms-color-cocoa-deep)}@media(max-width:767px){:root .fm-name{font-size:22px}}.fm-name .phold{color:#40251466}.fm-desc{margin:0;max-width:52ch;font-size:14px;line-height:1.45;color:var(--soft)}@media(max-width:767px){:root .fm-desc{font-size:13px}}.fm-name .b,.fm-desc .b{display:none}.fm-toggle:checked~.fm-unit .fm-name .a,.fm-toggle:checked~.fm-unit .fm-desc .a{display:none}.fm-toggle:checked~.fm-unit .fm-name .b,.fm-toggle:checked~.fm-unit .fm-desc .b{display:inline}.fm-name>span,.fm-desc>span{animation:slot-res .5s 2.6s both}.fm-deck{--S: 118px;--A: 40deg;--L: 26px;position:relative;height:calc(var(--S) * .766 + var(--L));margin:18px -22px 0}@media(max-width:767px){:root .fm-deck{--S: 168px;margin:16px -12px 0}}.fm-deck .slope{position:absolute;left:0;right:0;top:0;height:var(--S);transform-origin:top center;transform:rotateX(var(--A));border-radius:16px 16px 0 0;background:linear-gradient(180deg,#7a4828,#5a331c 45%,#3e2412);box-shadow:inset 0 4px #d9c7ae,inset 0 6px #8f7a63,inset 0 -3px #0000004d;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 24px}@media(max-width:767px){:root .fm-deck .slope{flex-direction:column;gap:12px;padding:0 14px}}.fm-deck .slope:before{content:"";position:absolute;left:0;right:0;top:0;height:26px;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);pointer-events:none}.fm-deck .lip{position:absolute;left:0;right:0;top:calc(var(--S) * .766 - 2px);height:calc(var(--L) + 2px);transform:translateZ(calc(var(--S) * .643));background:linear-gradient(180deg,#f3e6d0,#a89276 60%,#7e6a54);border-radius:0 0 16px 16px}.fm-deck .side{position:absolute;top:0;width:calc(var(--S) * .643);height:100%;background:linear-gradient(90deg,#7e1f10,#3a0e06)}.fm-deck .side.r{right:0;transform-origin:right center;transform:rotateY(90deg);clip-path:polygon(100% 0,100% 100%,0 100%,0 calc(100% - var(--L)))}.fm-deck .side.l{left:0;transform-origin:left center;transform:rotateY(-90deg);clip-path:polygon(0 0,0 100%,100% 100%,100% calc(100% - var(--L)))}.fm-well{display:inline-flex;padding:8px;border-radius:40px;background:#1a0e07;box-shadow:inset 0 3px 6px #000,0 0 0 2px #b9a58f}@media(max-width:767px){:root .fm-well{width:100%;padding:6px}}.fm-key{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 28px;border-radius:29px;cursor:pointer;font:inherit;font-weight:800;font-size:17px;white-space:nowrap;border:3px solid #1E120A;transition:transform .14s ease,box-shadow .14s ease}@media(max-width:767px){:root .fm-key{width:100%;height:48px;font-size:16px}}.fm-key.k-send{color:var(--ms-color-cocoa-deep);background:radial-gradient(120% 160% at 30% 10%,#f2f8d8,#d7e69c 50%,#a9be5e);box-shadow:0 7px #5e6b2c,0 12px 14px #00000073}.fm-key.k-pull{color:#fff;background:radial-gradient(120% 160% at 30% 10%,#d9533a,#b4321c 45%,#8e2414);box-shadow:0 7px #5e160a,0 12px 14px #00000073}@media(hover:hover){.fm-key:hover{transform:translateY(2px)}}.fm-key:active{transform:translateY(6px);box-shadow:0 1px #1e120a}.fm-tray{position:relative;margin:0 -22px;height:58px;border-radius:0 0 23px 23px;background:linear-gradient(180deg,#3a2010,#24130a);box-shadow:inset 0 12px 18px #000000a6}@media(max-width:767px){:root .fm-tray{margin:0 -12px;height:42px}}.fm-tray:before{content:"";position:absolute;left:18%;right:18%;top:14px;height:18px;border-radius:9px;background:#120904;box-shadow:inset 0 4px 6px #000c,0 1px #fff1d926}.fm-wall{position:absolute;top:30px;bottom:30px;right:-1px;width:calc(48 * var(--D));transform-origin:right center;transform:rotateY(-90deg);pointer-events:none;background:repeating-linear-gradient(0deg,#3A0E06 0 6px,transparent 6px 14px) 50% 84% / 120px 80px no-repeat,linear-gradient(90deg,#4a1008,#8e2414 55%,#b4321c)}.fm-wall:after{content:"";position:absolute;left:50%;top:70px;width:110px;height:150px;margin-left:-55px;border-radius:16px;background:linear-gradient(160deg,#f3e6d0,#a89276 70%);box-shadow:inset 0 0 0 3px #8f7a63,0 3px 6px #00000059}.fm-wall:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:2px solid rgba(243,230,208,.28);border-radius:22px}.fm-wall .mount{position:absolute;left:50%;top:364px;width:96px;height:96px;margin-left:-48px;border-radius:48px;background:radial-gradient(circle,transparent 0 31px,#8F7A63 32px 34px,#E9DBC4 35px 42px,#A89276 43px 46px,transparent 47px)}.fm-boss{position:absolute;left:100%;top:440px;width:0;height:0;transform-style:preserve-3d;transform:translateZ(-120px);pointer-events:none}.fm-boss i{position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:32px;transform:translate(calc(var(--k) * 3px)) rotateY(90deg);background:color-mix(in srgb,#E9DBC4 calc(var(--k) * 6%),#6F5C47)}.fm-boss i:last-child{background:radial-gradient(circle at 42% 38%,#fff,#e9dbc4 40%,#a89276 78%,#6f5c47);box-shadow:inset 0 0 0 3px #40251440}@media(max-width:767px){:root .fm-boss{display:none}:root .fm-wall{display:none}}.fm-stand{position:relative;width:106%;height:38px;margin:-6px -3% 0;border-radius:0 0 26px 26px}.fm:after{content:"";position:absolute;left:8%;right:6%;bottom:60px;height:46px;transform:rotate(3deg);background:radial-gradient(closest-side,rgba(40,22,10,.6),transparent);filter:blur(5px);z-index:0}@media(max-width:767px){:root .fm:after{left:6%;right:6%;bottom:64px;height:36px;transform:rotate(3deg)}}.fm-stand .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#4a2a16,#24130a);box-shadow:inset 0 16px 16px -8px #000}@media(max-width:767px){:root .fm-stand .face:before,:root .fm-stand .face:after{content:"";position:absolute;bottom:-12px;width:46px;height:14px;border-radius:0 0 10px 10px;background:#1a0e07}:root .fm-stand .face:before{left:14%}:root .fm-stand .face:after{right:14%}:root .fm-stand{height:30px;margin:22px -3% 12px}}.fm-lever{position:absolute;left:100%;right:auto;top:243px;width:80px;height:320px;cursor:pointer;transform-style:preserve-3d;transform:translateZ(-120px)}@media(max-width:767px){:root .fm-lever{display:none}}.fm-lever .arm{position:absolute;left:6px;top:-4px;width:60px;height:201px;transform-origin:50% 100%;animation:fm-pullA 1s cubic-bezier(.3,.8,.35,1) both}.fm-toggle:checked~.fm-unit .fm-lever .arm{animation-name:fm-pullB}.fm-lever .stick{position:absolute;left:50%;bottom:0;width:14px;height:172px;margin-left:-7px;border-radius:7px;background:linear-gradient(90deg,#8a8a86,#fff 40%,#b5b3ae 70%,#77756f)}.fm-lever .ball{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:30px;background:radial-gradient(circle at 34% 30%,#ffb3a0,#f05a3c 28%,#c3301a 62%,#7e1a0b);box-shadow:0 6px 10px #0000004d;transition:filter .2s ease}@media(hover:hover){.fm-lever:hover .ball{filter:brightness(1.12)}}@keyframes fm-pullA{0%,to{transform:rotateX(0)}34%{transform:rotateX(-155deg)}52%{transform:rotateX(-140deg)}}@keyframes fm-pullB{0%,to{transform:rotateX(0)}34%{transform:rotateX(-155deg)}52%{transform:rotateX(-140deg)}}.fm-toggle:focus-visible~.fm-unit .fm-lever .ball,.fm-toggle:focus-visible~.fm-unit .fm-key.k-pull{outline:3px solid var(--ms-color-cream);outline-offset:3px}@media(prefers-reduced-motion:reduce){.fm-unit .ring,.fm-lever .arm,.fm-bulbs i,.fm-name>span,.fm-desc>span{animation:none!important}@media(hover:hover){.fm-unit,.fm:hover .fm-unit{transition:none}}}@keyframes fmA0{0%{transform:rotateX(0)}84%{transform:rotateX(-1090deg)}93%{transform:rotateX(-1076deg)}to{transform:rotateX(-1080deg)}}@keyframes fmB0{0%{transform:rotateX(0)}84%{transform:rotateX(-1150deg)}93%{transform:rotateX(-1136deg)}to{transform:rotateX(-1140deg)}}.fm-toggle:checked~.fm-unit .ring.r0{transform:rotateX(-1140deg);animation-name:fmB0}@keyframes fmA1{0%{transform:rotateX(0)}84%{transform:rotateX(-1090deg)}93%{transform:rotateX(-1076deg)}to{transform:rotateX(-1080deg)}}@keyframes fmB1{0%{transform:rotateX(0)}84%{transform:rotateX(-1240deg)}93%{transform:rotateX(-1226deg)}to{transform:rotateX(-1230deg)}}.fm-toggle:checked~.fm-unit .ring.r1{transform:rotateX(-1230deg);animation-name:fmB1}@keyframes fmA2{0%{transform:rotateX(0)}84%{transform:rotateX(-1090deg)}93%{transform:rotateX(-1076deg)}to{transform:rotateX(-1080deg)}}@keyframes fmB2{0%{transform:rotateX(0)}84%{transform:rotateX(-1180deg)}93%{transform:rotateX(-1166deg)}to{transform:rotateX(-1170deg)}}.fm-toggle:checked~.fm-unit .ring.r2{transform:rotateX(-1170deg);animation-name:fmB2}@keyframes fmA3{0%{transform:rotateX(0)}84%{transform:rotateX(-1150deg)}93%{transform:rotateX(-1136deg)}to{transform:rotateX(-1140deg)}}@keyframes fmB3{0%{transform:rotateX(0)}84%{transform:rotateX(-1300deg)}93%{transform:rotateX(-1286deg)}to{transform:rotateX(-1290deg)}}.fm-toggle:checked~.fm-unit .ring.r3{transform:rotateX(-1290deg);animation-name:fmB3}@keyframes fmA4{0%{transform:rotateX(0)}84%{transform:rotateX(-1180deg)}93%{transform:rotateX(-1166deg)}to{transform:rotateX(-1170deg)}}@keyframes fmB4{0%{transform:rotateX(0)}84%{transform:rotateX(-1090deg)}93%{transform:rotateX(-1076deg)}to{transform:rotateX(-1080deg)}}.fm-toggle:checked~.fm-unit .ring.r4{transform:rotateX(-1080deg);animation-name:fmB4}@keyframes fmA5{0%{transform:rotateX(0)}84%{transform:rotateX(-1090deg)}93%{transform:rotateX(-1076deg)}to{transform:rotateX(-1080deg)}}@keyframes fmB5{0%{transform:rotateX(0)}84%{transform:rotateX(-1090deg)}93%{transform:rotateX(-1076deg)}to{transform:rotateX(-1080deg)}}.fm-toggle:checked~.fm-unit .ring.r5{transform:rotateX(-1080deg);animation-name:fmB5}.sp-dream{display:grid;gap:34px}.sp-dream-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 56px;align-items:end}@media(max-width:767px){:root .sp-dream-hd{grid-template-columns:minmax(0,1fr)}}@media(min-width:768px)and (max-width:1199px){.fm{padding-right:140px}}@media(min-width:768px)and (max-width:959px){.sp-dream-hd{grid-template-columns:minmax(0,1fr)}.fm{padding:30px 110px 80px 10px}}@media(prefers-reduced-motion:reduce){.fm-unit .ring,.fm-lever .arm,.fm-bulbs i,.fm-name>span,.fm-desc>span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ms-machine.css.map */