.touch-scene .scene-foot{bottom:0;left:0;right:0;padding:12px;background:#1f1f1fe8;z-index:6}.feature-demo{background:#1b1b1b;border-color:#383838;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #3030301a}.feature-demo .demo-tabs{border-color:#434343}.feature-demo .demo-tabs button{color:#c4c4c4;font-size:11px;letter-spacing:.01em}.feature-demo .demo-tabs button[aria-selected=true]{background:#e7e7e7;color:#313131;font-weight:700}.feature-demo .demo-caption{background:#232323;border-color:#434343;color:#f2f2f2}.feature-demo .demo-caption p{color:#c7c7c7}.feature-demo .demo-controls small{color:#aeaeae}.feature-demo .demo-controls .text-button{color:#ebebeb}.cinematic-stage{height:440px;isolation:isolate;position:relative;background:radial-gradient(ellipse at 50% 45%,#3e3e3e,#1f1f1f 65%,#141414);overflow:hidden}.cinema-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:radial-gradient(#e4e4e4 .6px,transparent .6px);background-size:5px 5px;pointer-events:none}.cinema-scene{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.feature-demo[data-mode=water] .weather-scene,.feature-demo[data-mode=warmth] .thermal-scene,.feature-demo[data-mode=touch] .touch-scene{display:block}.scene-kicker{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;color:#dadada;font-size:9px;letter-spacing:.13em;text-transform:uppercase;z-index:5}.scene-kicker>i{width:5px;height:5px;border-radius:50%;background:#c3c3c3;box-shadow:0 0 15px #e6e6e680}.studio-inset{position:absolute;width:68%;max-width:310px;aspect-ratio:1;left:50%;top:59px;transform:translate(-50%);background:#f5f5f5;border-radius:45% 45% 18px 18px;overflow:hidden;box-shadow:0 24px 45px #0007;isolation:isolate}.cinematic-stage .studio-inset img{position:static;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;mix-blend-mode:multiply;transform:scale(.96)}.scene-foot{position:absolute;bottom:20px;left:20px;right:20px;margin:0;text-align:center;color:#dadada;font-size:11px;letter-spacing:.01em;z-index:5}.storm-streaks{position:absolute;top:-35px;right:-50px;bottom:-35px;left:-50px;transform:rotate(17deg);pointer-events:none;z-index:3}.storm-streaks i{position:absolute;left:var(--x);top:-40px;width:1px;height:52px;opacity:.4;background:linear-gradient(transparent,#e2e2e2);animation:mittswell-storm var(--speed) linear var(--delay) infinite}.storm-streaks i:nth-child(3n){width:2px;height:72px;filter:blur(.35px)}.surface-beads{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.surface-beads i{position:absolute;left:var(--x);top:100px;width:7px;height:9px;border-radius:60% 45% 55% 55%;background:radial-gradient(circle at 28% 20%,#fff,#e0e0e080 35%,#b5b5b540 70%);box-shadow:inset 0 0 1px #fff,0 2px 3px #0004;animation:mittswell-bead 3.8s ease-in var(--delay) infinite}.weather-floor{position:absolute;left:19%;right:19%;bottom:65px;height:11px;border-radius:50%;background:#cfcfcf20;filter:blur(10px);animation:mittswell-floor 3s ease-in-out infinite}.thermal-halo{position:absolute;left:15%;right:15%;top:55px;height:320px;border-radius:50%;background:radial-gradient(ellipse,#aaaaaa50 0,#7f7f7f30 40%,transparent 70%);animation:mittswell-heat 4s ease-in-out infinite}.thermal-scene .studio-inset{left:43%;width:61%;top:64px;filter:sepia(.06)}.thermal-cutaway{position:absolute;right:22px;bottom:67px;width:161px;background:#232323ef;border:1px solid #737373;border-radius:9px;box-shadow:0 15px 30px #0006;padding:13px;z-index:4}.cutaway-title{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#e0e0e0;margin-bottom:10px}.layer-shell,.layer-fleece,.layer-warmth{height:34px;position:relative;margin-top:4px;overflow:hidden;border-radius:5px;display:flex;align-items:center;padding:0 8px;font-size:9px}.layer-shell{background:repeating-linear-gradient(45deg,#5c5c5c 0 2px,#4f4f4f 2px 4px);color:#f1f1f1;border:1px solid #7e7e7e}.layer-fleece{background:radial-gradient(circle,#e5e5e5 1px,#b6b6b6 1.5px,transparent 2px),#c3c3c3;background-size:5px 5px;color:#353535}.layer-fleece span{background:#dddc;padding:2px 4px;border-radius:2px}.layer-warmth{height:46px;background:#7b7b7b3d;color:#e1e1e1;border:1px solid #828282}.layer-warmth span{position:relative;z-index:2}.layer-warmth i{position:absolute;bottom:-20px;left:15%;width:30px;height:65px;border:1px solid #bababa99;border-radius:50%;animation:mittswell-warm-flow 4s ease-in-out infinite}.layer-warmth i:nth-child(2){left:45%;animation-delay:-1.3s}.layer-warmth i:nth-child(3){left:75%;animation-delay:-2.6s}.thermal-wind{position:absolute;inset:95px -40px auto;height:200px;z-index:3;pointer-events:none}.thermal-wind i{position:absolute;left:-30%;width:35%;height:1px;background:linear-gradient(90deg,transparent,#d0d0d07a,transparent);animation:mittswell-cold-air 5s linear infinite}.thermal-wind i:nth-child(2){top:64px;animation-delay:-1.8s}.thermal-wind i:nth-child(3){top:130px;animation-delay:-3.4s}.phone-halo{position:absolute;top:60px;right:10%;bottom:70px;left:10%;background:radial-gradient(ellipse,#8e8e8e30,transparent 70%)}.demo-phone{position:absolute;left:calc(50% - 100px);top:59px;width:177px;height:310px;transform:rotate(-7deg);border-radius:26px;background:#0d0d0d;border:5px solid #404040;box-shadow:9px 24px 25px #0006,inset 0 0 0 1px #7d7d7d;padding:7px}.phone-camera{position:absolute;top:9px;left:65px;width:39px;height:10px;border-radius:10px;background:#191919;z-index:3}.phone-screen{border-radius:17px;background:#f1f1f1;height:100%;overflow:hidden;color:#373737}.phone-status{display:flex;justify-content:space-between;padding:10px 10px 3px;font-size:8px;font-weight:700}.phone-content{padding:10px;animation:mittswell-screen-swipe 7s ease-in-out infinite}.phone-kicker{font-size:7px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px}.phone-content h4{font-size:22px;line-height:1.1;margin:0 0 12px;font-weight:500;letter-spacing:-.04em}.phone-map{height:64px;border-radius:9px;background:repeating-linear-gradient(25deg,transparent 0 17px,#c6c6c673 17px 19px,transparent 19px 31px),repeating-linear-gradient(110deg,#e1e1e1 0 21px,#c4c4c4 21px 23px);position:relative;overflow:hidden}.phone-map:after{content:"";position:absolute;left:30px;top:28px;width:80px;height:23px;border-left:3px solid #878787;border-top:3px solid #878787;transform:skew(-20deg)}.phone-map b{position:absolute;right:18px;top:10px;z-index:1;background:#414141;color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.phone-message{display:flex;align-items:center;gap:5px;margin:12px 0 8px;font-size:9px}.phone-message i{width:5px;height:5px;border-radius:50%;background:#828282}.phone-send{padding:9px 8px;border-radius:7px;background:#414141;color:#f3f3f3;font-size:9px;display:flex;justify-content:space-between;align-items:center;animation:none}.phone-send b{font-size:13px}.phone-success{height:25px;padding-top:6px;color:#4a4a4a;font-size:8px;opacity:0;animation:mittswell-sent 7s ease-in-out infinite}.phone-next{margin-top:8px;font-size:10px;padding-top:12px;border-top:1px solid #c6c6c6}.phone-next span{color:#888;font-size:9px;margin-right:7px}.cinematic-stage .photo-finger{position:absolute;right:calc(50% - 163px);top:216px;width:89px;height:268px;overflow:visible;transform-origin:50% 100%;transform:rotate(-36deg);filter:drop-shadow(6px 8px 5px #00000077);z-index:5;animation:mittswell-finger 7s ease-in-out infinite}.tap-ring{position:absolute;left:62px;top:209px;width:28px;height:28px;border:2px solid #b0b0b0;border-radius:50%;opacity:0;animation:mittswell-tap 7s ease-in-out infinite;z-index:4}.feature-demo.is-paused .cinematic-stage *,.feature-demo.is-paused .cinematic-stage *:before,.feature-demo.is-paused .cinematic-stage *:after{animation-play-state:paused!important}@keyframes mittswell-storm{0%{transform:translateY(-50px)}to{transform:translateY(600px)}}@keyframes mittswell-bead{0%{transform:translateY(-35px) scale(.3);opacity:0}12%{opacity:1;transform:translateY(-20px) scale(.7)}35%{transform:translate(3px,15px) scale(1)}75%{opacity:.9}to{transform:translate(60px,250px) scale(.5);opacity:0}}@keyframes mittswell-floor{50%{opacity:.3;transform:scaleX(.8)}}@keyframes mittswell-heat{50%{transform:scale(1.1);opacity:.7}}@keyframes mittswell-warm-flow{0%,to{transform:translateY(6px);opacity:.25}50%{transform:translateY(-18px);opacity:.8}}@keyframes mittswell-cold-air{to{transform:translate(620px)}}@keyframes mittswell-finger{0%,12%,to{transform:translate(23px,35px) rotate(-36deg)}26%,34%{transform:translate(-17px,-13px) rotate(-32deg)}42%{transform:translate(2px,10px) rotate(-36deg)}58%{transform:translate(-15px,15px) rotate(-32deg)}72%,81%{transform:translate(-15px,-54px) rotate(-32deg)}}@keyframes mittswell-tap{0%,23%,40%,to{transform:scale(.4);opacity:0}28%{opacity:.8}38%{transform:scale(1.8);opacity:0}}@keyframes mittswell-send{0%,25%,to{background:#414141}30%,42%{background:#7b7b7b}}@keyframes mittswell-sent{0%,29%,95%,to{opacity:0}34%,83%{opacity:1}}@keyframes mittswell-screen-swipe{0%,58%,to{transform:translateY(0)}74%,84%{transform:translateY(-54px)}}@media(max-width:1000px){.cinematic-stage{height:415px}.studio-inset{top:70px;width:80%}.thermal-scene .studio-inset{left:44%;width:75%;top:75px}.thermal-cutaway{right:12px;width:145px;bottom:60px;padding:10px}.scene-kicker{left:18px;right:18px;font-size:8px}.scene-foot{font-size:10px;bottom:17px}.demo-phone{top:56px}}@media(max-width:700px){.cinematic-stage{height:440px}.studio-inset{top:59px;width:75%;max-width:310px}.thermal-scene .studio-inset{width:70%;top:64px}.thermal-cutaway{right:18px;bottom:65px;width:150px}.feature-demo .demo-tabs button{font-size:10px}.demo-phone{top:63px}.cinematic-stage .photo-finger{top:220px}.feature-demo .demo-controls{align-items:flex-end;gap:12px}.feature-demo .demo-controls small{max-width:190px;font-size:9px}}@media(max-width:380px){.studio-inset{top:78px}.thermal-cutaway{right:10px;width:137px}.demo-phone{left:calc(50% - 96px)}.cinematic-stage .photo-finger{right:calc(50% - 156px)}}@media(prefers-reduced-motion:reduce){.cinematic-stage *,.cinematic-stage *:before,.cinematic-stage *:after{animation:none!important}.storm-streaks i{top:calc(var(--i)*13px - 30px)}.surface-beads i{transform:translateY(calc(var(--i)*18px))}.photo-finger{transform:translate(-17px,-13px) rotate(-32deg)!important}.phone-success{opacity:1}.thermal-wind i{left:10%}}.no-js .cinematic-stage *{animation:none!important}.feature-demo{background:#111;border-color:#333;border-radius:6px}.feature-demo .demo-tabs{border-color:#393939}.feature-demo .demo-tabs button{color:#c7c7c7}.feature-demo .demo-tabs button[aria-selected=true]{background:#f2f2f2;color:#111}.feature-demo .demo-caption{background:#171717;border-color:#393939}.feature-demo .demo-caption p{color:#c6c6c6}.feature-demo .demo-controls small{color:#b0b0b0}.feature-demo .demo-controls .text-button{color:#fff}.cinematic-stage{background:radial-gradient(ellipse at 50% 45%,#363636,#181818 65%,#0a0a0a)}.thermal-halo{background:radial-gradient(ellipse,#ffffff55 0,#dddddd28 40%,transparent 70%)}.layer-warmth{background:#ffffff16;color:#f2f2f2;border-color:#999}.layer-warmth i{border-color:#fff9}.touch-scene .scene-foot{background:#171717ed}.phone-send{background:#111;animation:none}.phone-success{color:#111}.tap-ring{border-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mittswell-demo.css.map */