.mogrt-uses{--mu-ink: #f5f5f7;--mu-muted: #a1a1a6;--mu-faint: #86868b;--mu-ease: cubic-bezier(.22, 1, .36, 1);--mu-spring: cubic-bezier(.34, 1.4, .64, 1);padding:clamp(88px,10vw,144px) 0;background:#000;color:var(--mu-ink)}.mogrt-uses--grey{background:#161618}.mogrt-uses__head{max-width:820px;margin:0 auto clamp(40px,5vw,64px);text-align:center}.mogrt-uses__eyebrow{margin:0 0 14px;color:#2997ff;font-size:15px;font-weight:600;letter-spacing:-.005em}.mogrt-uses__heading{margin:0;color:inherit;font-size:clamp(38px,5.2vw,64px);font-weight:700;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.mogrt-uses__heading span{color:var(--mu-faint)}.mogrt-uses__intro{max-width:34em;margin:20px auto 0;color:var(--mu-muted);font-size:clamp(17px,1.35vw,20px);line-height:1.5;letter-spacing:-.012em;text-wrap:pretty}.mogrt-uses__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:0;list-style:none}@media screen and (min-width:750px){.mogrt-uses__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.mogrt-uses__tile{display:grid;gap:14px;padding:10px 10px 18px;border-radius:28px;background:#1d1d1f;box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow .42s var(--mu-ease)}.mogrt-uses--grey .mogrt-uses__tile{background:#232326}@media(hover:hover){.mogrt-uses__tile:hover{box-shadow:inset 0 0 0 1.5px #2997ffcc,0 30px 90px -40px #2997ff73}}.mogrt-uses__screen{position:relative;display:grid;overflow:clip;aspect-ratio:16 / 10;border-radius:19px;background:radial-gradient(60% 70% at 50% 50%,color-mix(in srgb,var(--mu-accent) 22%,transparent),transparent 72%),#0e0e10;container-type:inline-size;place-items:center;-webkit-tap-highlight-color:transparent}.mogrt-uses__label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:0 10px}.mogrt-uses__label h3{margin:0;color:var(--mu-ink);font-size:19px;font-weight:650;letter-spacing:-.02em}.mogrt-uses__tag{padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--mu-accent) 16%,transparent);color:color-mix(in srgb,var(--mu-accent) 70%,#fff);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.mu-number{display:block;text-align:center;margin:0;color:var(--mu-ink);font-size:15cqw;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.04em;white-space:nowrap}.mu-number__side{white-space:pre}.mu-number__side:last-child{color:color-mix(in srgb,var(--mu-accent) 55%,#fff)}.mu-number--clock{font-size:17cqw;letter-spacing:-.02em}.mu-caption{position:absolute;bottom:9%;color:var(--mu-muted);font-size:max(11px,3.4cqw);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mogrt-uses__screen--glow .mu-number{color:#fff;-webkit-text-stroke:max(1px,.5cqw) var(--mu-accent);paint-order:stroke fill;text-shadow:0 0 3cqw color-mix(in srgb,var(--mu-accent) 75%,transparent),0 0 8cqw color-mix(in srgb,var(--mu-accent) 45%,transparent)}.mogrt-uses__screen--dark .mu-number{color:color-mix(in srgb,var(--mu-accent) 40%,#fff)}.mu-text{--mu-x: 0em;--mu-y: .39em;--mu-blur: .13em;--mu-glide: cubic-bezier(.16, 1, .3, 1);display:grid;justify-items:center;gap:.08em;margin:0;padding:0 8%;color:var(--mu-ink);font-size:7.4cqw;font-weight:750;line-height:1.08;letter-spacing:-.035em;text-align:center}.mu-text[data-mu-from=left]{--mu-x: -.68em;--mu-y: 0em}.mu-text[data-mu-from=right]{--mu-x: .68em;--mu-y: 0em}.mu-text[data-mu-from=down]{--mu-y: -.39em}.mu-text__line{display:block;white-space:nowrap}.mu-text [data-mu-piece]{display:inline-block;white-space:pre}.mu-text[data-armed] [data-mu-piece]{opacity:0;filter:blur(var(--mu-blur));transform:translate(var(--mu-x),var(--mu-y))}.mu-text[data-in] [data-mu-piece]{opacity:1;filter:none;transform:none;transition:transform 1.1s var(--mu-glide) calc(var(--d) * 1ms),filter .8s var(--mu-glide) calc(var(--d) * 1ms),opacity .7s var(--mu-ease) calc(var(--d) * 1ms)}.mu-text[data-in][data-out] [data-mu-piece]{opacity:0;filter:blur(var(--mu-blur));transform:translateY(-.48em);transition:transform .62s cubic-bezier(.55,0,.7,.4) calc(var(--o) * 1ms),filter .52s ease-in calc(var(--o) * 1ms),opacity .52s ease-in calc(var(--o) * 1ms)}.mu-text[data-mu-out=fade][data-in][data-out] [data-mu-piece]{transform:none}.mu-note-frame{--u: .86cqw;--mu-gap: calc(var(--u) * 4.3);--mu-away: translateY(calc(-100% - var(--mu-gap) - 2px));position:absolute;top:50%;right:7cqw;left:7cqw;overflow:clip;padding-top:var(--mu-gap);transform:translateY(calc(-50% - var(--mu-gap) / 2))}.mu-note{--mu-box: #fff;--mu-opacity: 1;position:relative;display:block;height:calc(var(--u) * 22.3);color:#fff;font-family:-apple-system,BlinkMacSystemFont,var(--font-body-family, Inter, sans-serif);font-size:calc(var(--u) * 3.9);font-weight:400;line-height:1.25;letter-spacing:0;white-space:nowrap}.mu-note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--u) * 4.5);background:var(--mu-box);opacity:var(--mu-opacity)}.mu-note[data-mu-light]{--mu-opacity: .88;color:#000}.mu-note>*{position:absolute;overflow:hidden;text-overflow:ellipsis}.mu-note__icon{top:calc(var(--u) * 2);left:calc(var(--u) * 2.8);display:grid;width:calc(var(--u) * 4.8);height:calc(var(--u) * 4.8);border-radius:23%;background:linear-gradient(180deg,color-mix(in srgb,var(--mu-accent) 72%,#fff),var(--mu-accent));color:#fff;place-items:center}.mu-note__icon svg{width:62%}.mu-note__icon--placeholder{overflow:visible;background:none;color:#959595}.mu-note__icon--placeholder svg{width:100%}.mu-note__app,.mu-note__time{top:calc(var(--u) * 2.06)}.mu-note__app{right:calc(var(--u) * 16);left:calc(var(--u) * 10)}.mu-note__time{right:calc(var(--u) * 4.6)}.mu-note[data-mu-light] :is(.mu-note__app,.mu-note__time){color:gray}.mu-note__title,.mu-note__body{right:calc(var(--u) * 4.6);left:calc(var(--u) * 4)}.mu-note__title{top:calc(var(--u) * 8.56);font-weight:600}.mu-note__body{top:calc(var(--u) * 13.46)}.mogrt-uses__screen--square .mu-note:before{border-radius:calc(var(--u) * 1.6)}.mu-note[data-armed]{transform:var(--mu-away)}.mu-note[data-in]{transform:none;transition:transform 1s cubic-bezier(.25,1,.5,1)}.mu-note[data-in][data-out]{transform:var(--mu-away);transition:transform .83s cubic-bezier(.32,0,.67,0)}.mu-note-word{position:absolute;top:50%;right:0;left:0;color:#f5f5f7;font-size:14cqw;font-weight:800;line-height:1;letter-spacing:-.045em;text-align:center;white-space:nowrap;transform:translateY(-50%)}.mogrt-uses__screen--dark .mu-note:before{opacity:.6}.mogrt-uses__screen--dark .mu-note[data-armed]:before{opacity:var(--mu-opacity)}.mogrt-uses__screen--dark .mu-note[data-in]:before{opacity:.6;transition:opacity 1.5s cubic-bezier(.45,0,.55,1) 1.2s}.mogrt-uses .mu-paper{--mpc-loop: 2.8s;width:60%}.mogrt-uses .mu-paper--placeholder{width:62%}.mogrt-uses .mu-paper--watch{width:25%}.mogrt-uses__screen--sound .mu-paper{width:44%;margin-bottom:15cqw}.mogrt-uses__screen--sound .mu-paper--watch{width:19%}.mu-clip{--mpc-loop: 2.8s;position:absolute;right:12%;bottom:8%;left:12%;display:block;height:10cqw;border-radius:2.2cqw;background:linear-gradient(180deg,#d0628f,#f17aa6);box-shadow:inset 0 0 0 max(1px,.2cqw) #ffffff4d,0 2cqw 4cqw -2cqw #000000b3}.mu-clip__wave{position:absolute;top:10%;right:1.5%;bottom:10%;left:1.5%;width:97%;height:80%;fill:none;stroke:#5e0f33;stroke-width:1}.mu-clip__wave path:first-child{stroke-width:.5}.mu-clip__wave--lit{stroke:#fff;opacity:0}.mu-clip__head{position:absolute;top:-1.6cqw;bottom:-1.2cqw;left:50%;display:block;width:max(1px,.32cqw);background:#2997ff;box-shadow:0 0 1.4cqw #2997ff}.mu-clip__head:before{position:absolute;top:0;left:50%;width:2cqw;height:2cqw;margin-left:-1cqw;border-radius:.4cqw .4cqw 50% 50%;background:#2997ff;content:""}.mu-paper[data-armed]~.mu-clip .mu-clip__head{left:3.5%}.mu-paper[data-play]~.mu-clip .mu-clip__head{animation:mu-clip-head var(--mpc-loop) linear both}.mu-paper[data-play]~.mu-clip .mu-clip__wave--lit{animation:mu-clip-lit var(--mpc-loop) linear both}@keyframes mu-clip-head{0%{left:3.5%}to{left:96.5%}}@keyframes mu-clip-lit{0%,1%{opacity:1;clip-path:inset(0 97% 0 0)}30%{opacity:1;clip-path:inset(0 69% 0 0)}40%{opacity:0;clip-path:inset(0 69% 0 0)}40.1%,63%{opacity:0;clip-path:inset(0 37% 0 62%)}63.6%{opacity:1;clip-path:inset(0 37% 0 62%)}96.9%{opacity:1;clip-path:inset(0 5% 0 62%)}to{opacity:0;clip-path:inset(0 5% 0 62%)}}@media(prefers-reduced-motion:reduce){.mogrt-uses *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/mogrt-uses.css.map */