@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@300;400;500&display=swap";.melohai-sc{--sc-accent: #C66E4D;--sc-bg: #050505;--sc-surface: #0a0a0a;--sc-card: #1E1E1E;--sc-player: #141414;--sc-text: #F3F0EB;--sc-mid: rgba(243,240,235,.65);--sc-dim: rgba(243,240,235,.38);--sc-border: rgba(243,240,235,.08);--sc-glow: rgba(198,110,77,.18);--sc-radius: 6px;--sc-max-w: 640px;--sc-px: 20px;--sc-font-d: "Cormorant Garamond", Georgia, serif;--sc-font-b: "Montserrat", -apple-system, sans-serif;background:var(--sc-surface);color:var(--sc-text);font-family:var(--sc-font-b);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.melohai-sc__inner,.melohai-sc__head,.melohai-sc__kicker,.melohai-sc__title,.melohai-sc__subtitle,.melohai-sc__tabs,.melohai-sc__tab,.melohai-sc__tab-label,.melohai-sc__tab-name,.melohai-sc__cards,.melohai-sc__card,.melohai-sc__card-label,.melohai-sc__card-name,.melohai-sc__card-desc,.melohai-sc__card-dur,.melohai-sc__player,.melohai-sc__now,.melohai-sc__now-kicker,.melohai-sc__now-title,.melohai-sc__now-desc,.melohai-sc__lyrics,.melohai-sc__line,.melohai-sc__controls,.melohai-sc__play,.melohai-sc__play-icon,.melohai-sc__pause-icon,.melohai-sc__track,.melohai-sc__progress,.melohai-sc__seek,.melohai-sc__time,.melohai-sc__time-sep,.melohai-sc__footer,.melohai-sc__reassurance,.melohai-sc__cta,.melohai-sc__error{box-sizing:border-box;margin:0;padding:0;font-family:var(--sc-font-b);font-weight:300;color:var(--sc-text);background:none;border:none;text-decoration:none;-webkit-font-smoothing:antialiased}.melohai-sc .melohai-sc__title{font-size:2rem;line-height:1.2;letter-spacing:0;text-transform:none;font-weight:500}.melohai-sc__inner{max-width:var(--sc-max-w);margin:0 auto;padding:48px var(--sc-px) 60px;display:flex;flex-direction:column;gap:28px}.melohai-sc__head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.melohai-sc__kicker{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--sc-accent);display:block}.melohai-sc__title{font-family:var(--sc-font-d);font-size:2rem;font-weight:500;line-height:1.2;color:var(--sc-text);display:block}.melohai-sc__subtitle{font-size:.88rem;font-weight:300;color:var(--sc-dim);line-height:1.6;max-width:420px;display:block}.melohai-sc--compact .melohai-sc__inner{padding:36px var(--sc-px) 48px;gap:22px}.melohai-sc--compact .melohai-sc__title{font-size:1.7rem}.melohai-sc--galerie .melohai-sc__inner{padding:56px var(--sc-px) 72px;gap:32px}.melohai-sc__tabs{display:flex;flex-direction:row;align-items:stretch;border-bottom:1px solid var(--sc-border);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0}.melohai-sc__tabs::-webkit-scrollbar{display:none}.melohai-sc__tab{flex:1 1 0;min-width:86px;padding:10px 6px 12px;text-align:center;cursor:pointer;border:0;border-bottom:2px solid transparent;background:transparent;transition:border-color .25s ease,background .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;outline:none;-webkit-user-select:none;user-select:none;position:relative;overflow:visible;isolation:isolate}.melohai-sc__tab:before,.melohai-sc__tab:after{content:none!important;display:none!important}.melohai-sc__tab:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}.melohai-sc__tab.melohai-sc__selector--active{border-bottom-color:var(--sc-accent);background:#c66e4d0a}.melohai-sc .melohai-sc__tab-label{display:block!important;width:100%;min-width:0;opacity:1!important;visibility:visible!important;position:relative;z-index:2;font-size:.6rem!important;font-weight:500;text-transform:uppercase;letter-spacing:.14em;line-height:1.25;color:var(--sc-accent)!important;-webkit-text-fill-color:var(--sc-accent)!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;white-space:normal;overflow-wrap:anywhere}.melohai-sc .melohai-sc__tab-name{display:block!important;width:100%;min-width:0;opacity:1!important;visibility:visible!important;position:relative;z-index:2;font-family:var(--sc-font-d)!important;font-size:.95rem!important;font-weight:500;line-height:1.2;color:#f3f0ebb8!important;-webkit-text-fill-color:rgba(243,240,235,.72)!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;white-space:normal;overflow-wrap:anywhere}.melohai-sc__cards{display:none}.melohai-sc__tab[data-sc-disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.melohai-sc__player{background:var(--sc-player);border-radius:var(--sc-radius);border:1px solid var(--sc-border);padding:20px;display:flex;flex-direction:column;gap:16px}.melohai-sc__error{font-size:.82rem;font-weight:300;color:#c66e4dbf;text-align:center;padding:8px 0;display:none}.melohai-sc[data-sc-error] .melohai-sc__error{display:block}.melohai-sc[data-sc-error] .melohai-sc__controls{opacity:.4;pointer-events:none}.melohai-sc__now{display:flex;flex-direction:column;gap:3px}.melohai-sc__now-kicker{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--sc-dim);display:block;margin-bottom:2px}.melohai-sc__now-title{font-family:var(--sc-font-d);font-size:1.3rem;font-weight:500;color:var(--sc-text);line-height:1.2;display:block}.melohai-sc__now-desc{font-size:.82rem;font-weight:300;color:var(--sc-mid);line-height:1.5;margin-top:3px;display:block}.melohai-sc__lyrics{border-top:1px solid var(--sc-border);padding-top:14px;display:flex;flex-direction:column;min-height:110px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 92%,transparent 100%)}.melohai-sc__lyrics::-webkit-scrollbar{display:none}.melohai-sc--no-lyrics .melohai-sc__lyrics{display:none}.melohai-sc__line{font-family:var(--sc-font-d);font-size:1.05rem;font-weight:400;line-height:1.85;color:var(--sc-dim);transition:color .35s ease,transform .35s ease;padding:1px 0;display:block}.melohai-sc:not([data-sc-playing]):not([data-sc-ended]) .melohai-sc__line:nth-child(-n+3){color:#f3f0eb80}.melohai-sc__line.is-active{color:var(--sc-text);transform:scale(1.03);font-weight:500}.melohai-sc__line.is-past{color:var(--sc-mid)}.melohai-sc__controls{display:flex;align-items:center;gap:14px;border-top:1px solid var(--sc-border);padding-top:14px;transition:opacity .2s}.melohai-sc__play{width:50px;height:50px;min-width:50px;border-radius:50%;border:1.5px solid var(--sc-accent);background:transparent;color:var(--sc-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,box-shadow .3s;flex-shrink:0;-webkit-appearance:none;appearance:none}.melohai-sc__play:hover,.melohai-sc__play:focus-visible{background:var(--sc-accent);color:#050505;outline:none}.melohai-sc__play:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}.melohai-sc[data-sc-playing] .melohai-sc__play{background:var(--sc-accent);color:#050505;box-shadow:0 0 18px var(--sc-glow)}.melohai-sc[data-sc-loading] .melohai-sc__play{animation:sc-pulse 1s ease-in-out infinite;pointer-events:none}@keyframes sc-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.melohai-sc__play-icon,.melohai-sc__pause-icon{width:20px;height:20px;display:block;flex-shrink:0}.melohai-sc__pause-icon,.melohai-sc[data-sc-playing] .melohai-sc__play-icon{display:none}.melohai-sc[data-sc-playing] .melohai-sc__pause-icon{display:block}.melohai-sc__track{flex:1;height:4px;background:#f3f0eb1a;border-radius:2px;position:relative;cursor:pointer}.melohai-sc__progress{height:100%;background:var(--sc-accent);border-radius:2px;width:0%;transition:width .15s linear;pointer-events:none}.melohai-sc__seek{position:absolute;top:-10px;left:0;width:100%;height:24px;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0}.melohai-sc__seek:focus-visible{opacity:.3;outline:2px solid var(--sc-accent);border-radius:2px}.melohai-sc__time{font-size:.75rem;color:var(--sc-dim);white-space:nowrap;min-width:68px;text-align:right;font-variant-numeric:tabular-nums}.melohai-sc__time-sep{margin:0 1px;opacity:.35}.melohai-sc__footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:4px}.melohai-sc__reassurance{font-family:var(--sc-font-d);font-size:1rem;font-style:italic;color:var(--sc-dim);line-height:1.65;max-width:380px;display:block}.melohai-sc__cta{font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#050505;background:var(--sc-accent);border:2px solid var(--sc-accent);border-radius:var(--sc-radius);padding:13px 32px;text-decoration:none;display:inline-block;cursor:pointer;transition:background .2s,color .2s}.melohai-sc__cta:hover,.melohai-sc__cta:focus-visible{background:transparent;color:var(--sc-accent);outline:2px solid var(--sc-accent);outline-offset:2px}@media(min-width:640px){.melohai-sc__inner{padding:60px var(--sc-px) 76px;gap:32px}.melohai-sc--compact .melohai-sc__inner{padding:44px var(--sc-px) 56px;gap:24px}.melohai-sc__title{font-size:2.4rem}.melohai-sc--compact .melohai-sc__title{font-size:1.9rem}.melohai-sc__tabs{display:none}.melohai-sc__cards{display:grid;grid-template-columns:repeat(var(--sc-cols, 3),1fr);gap:10px}.melohai-sc__cards[data-cols="4"]{grid-template-columns:repeat(2,1fr)}.melohai-sc__card{background:var(--sc-card);border-radius:var(--sc-radius);border:1px solid var(--sc-border);padding:14px 12px;cursor:pointer;transition:border-color .25s,background .25s;display:flex;flex-direction:column;gap:4px;-webkit-appearance:none;appearance:none;text-align:left}.melohai-sc__card:hover{border-color:#c66e4d66}.melohai-sc__card:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}.melohai-sc__card.melohai-sc__selector--active{border-color:var(--sc-accent);background:#c66e4d0f}.melohai-sc__card[data-sc-disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.melohai-sc__card-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--sc-accent);display:block;margin-bottom:2px}.melohai-sc__card-name{font-family:var(--sc-font-d);font-size:1rem;font-weight:500;color:var(--sc-text);line-height:1.2;display:block}.melohai-sc__card-desc{font-size:.75rem;font-weight:300;color:var(--sc-dim);line-height:1.45;margin-top:2px;display:block}.melohai-sc__card-dur{font-size:.68rem;color:#f3f0eb40;margin-top:auto;padding-top:8px;display:block}.melohai-sc__play{width:56px;height:56px;min-width:56px}.melohai-sc__play-icon,.melohai-sc__pause-icon{width:22px;height:22px}.melohai-sc__line{font-size:1.2rem}.melohai-sc__lyrics{max-height:260px;min-height:140px}}@media(min-width:900px){.melohai-sc__inner{--sc-max-w: 720px;padding:76px var(--sc-px) 96px}.melohai-sc__title{font-size:2.6rem}.melohai-sc__line{font-size:1.3rem}.melohai-sc__lyrics{max-height:300px;min-height:160px}}@media(min-width:1100px){.melohai-sc__cards[data-cols="4"]{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.melohai-sc__line{transition:none}.melohai-sc__lyrics{scroll-behavior:auto}.melohai-sc[data-sc-loading] .melohai-sc__play{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/melohai-showcase.css.map */