.lens{position:relative;width:100%;aspect-ratio:576/288;container-type:size;background:#000;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:inset 0 1px #ffffff14,0 16px 46px #0000008c}.lens-in{--row:9.0278cqh;--pad:5.5556cqh;--gut:4.8611cqh;--rail:29.1667%;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--pad) calc(var(--pad) * .85);display:flex;flex-direction:column;font-family:var(--dot);font-weight:600;font-size:calc(var(--row) * .78);line-height:var(--row);letter-spacing:.02em;text-transform:uppercase;color:var(--cue);text-shadow:0 0 12px rgba(75,255,154,.36)}.lx-head{flex:none;height:var(--row);display:flex;align-items:center;justify-content:space-between}.lx-mark{display:flex;align-items:center;height:var(--row)}.lx-mark svg{display:block;width:auto;height:calc(var(--row) * .82);filter:drop-shadow(0 0 6px rgba(75,255,154,.5))}.lx-clock{flex:none}.lx-body{flex:1;min-height:0;display:flex;gap:var(--gut);padding:calc(var(--row) * .5) 0}.lx-rail{flex:none;width:var(--rail);align-self:stretch;border-right:1px solid rgba(75,255,154,.34);padding:0 calc(var(--row) * .42) 0 0;display:flex;flex-direction:column}.lx-rail b,.lx-rail i{display:flex;align-items:center;gap:calc(var(--row) * .3);font-style:normal;font-weight:600;height:var(--row);line-height:var(--row);white-space:nowrap;overflow:hidden}.lx-ic{flex:none;width:calc(var(--row) * .72);height:calc(var(--row) * .72);opacity:.53}.lx-lines{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid rgba(75,255,154,.55);border-radius:2.78cqh;padding:calc(var(--row) * .28) calc(var(--row) * .46);box-shadow:inset 0 0 18px #4bff9a0f}.lx-lines .l{display:block;line-height:var(--row);min-height:calc(var(--row) * 3)}.lens.clicked-in .lx-lines{border-width:3px}.lx-foot{flex:none;height:var(--row);display:flex;align-items:center;gap:var(--gut)}.lx-foot .room{flex:none;width:var(--rail);white-space:nowrap;overflow:hidden}.lx-meta{flex:1;min-width:0;white-space:nowrap;overflow:hidden}.lens.idle .lx-foot .room{width:auto;flex:1}.lens.idle .lx-meta{flex:none}.lx-raster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.5;background:repeating-linear-gradient(180deg,#0000 0 2px,#00000057 2px 3px)}.lx-scan{position:absolute;left:0;right:0;height:16%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(75,255,154,.06),transparent);animation:lens-scan 6.5s linear infinite}@keyframes lens-scan{0%{transform:translateY(-130%)}to{transform:translateY(760%)}}.lens[data-boot] .lens-in{animation:lens-on .6s cubic-bezier(.2,.8,.2,1) both}@keyframes lens-on{0%{opacity:0;transform:scaleY(.015)}38%{opacity:1;transform:scaleY(.015)}to{opacity:1;transform:scaleY(1)}}.lens .cur{display:inline-block;width:.5em;height:.86em;vertical-align:-.08em;background:var(--cue);animation:blink 1.05s steps(1) infinite}@supports not (height:1cqh){.lens-in{--row:clamp(9px,3.9vw,26px)}}.glass{aspect-ratio:576/288}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(26px,4.5vw,68px);align-items:center}.hero .hero-say h1{margin-bottom:clamp(18px,2.6vw,28px);max-width:14ch}.hero .hero-say .sub{margin:0 0 clamp(22px,3vw,32px);max-width:42ch}.hero-acts{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.btn.ghost{background:transparent;color:var(--cue);border:1px solid rgba(75,255,154,.4);box-shadow:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.btn.ghost:hover{background:#4bff9a17;color:var(--cue);border-color:#4bff9ae6;box-shadow:0 0 24px #4bff9a2e}.hero-note{color:var(--fg3);font-size:13px;margin:16px 0 0}.hero-lens .cap,.hero-lens .mono{display:block;margin-top:13px;color:var(--fg3)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:clamp(24px,6vw,36px)}.hero .hero-say h1{max-width:none}.hero-acts .btn{flex:1;text-align:center;min-height:52px;display:inline-flex;align-items:center;justify-content:center}}.ask-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(26px,4.5vw,62px);align-items:start;margin-top:clamp(26px,4vw,44px)}@media(max-width:900px){.ask-grid{grid-template-columns:1fr}}.ask-console{margin-top:14px;border:1px solid var(--hair);border-radius:14px;padding:13px 15px;background:#ffffff07;display:flex;flex-direction:column;gap:11px}.ask-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ask-steps .st{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:5px 11px;display:inline-flex;align-items:center;gap:7px;transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.ask-steps .st.on{color:var(--cue);border-color:#4bff9a80;background:#4bff9a14;box-shadow:0 0 16px #4bff9a24}.ask-steps .t{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--fg2)}.wave{display:inline-flex;align-items:flex-end;gap:2px;height:11px}.wave b{width:2px;height:3px;border-radius:1px;background:currentColor;opacity:.4}.st.on .wave b{opacity:1;animation:wv .62s ease-in-out infinite alternate}.wave b:nth-child(2){animation-delay:.08s}.wave b:nth-child(3){animation-delay:.16s}.wave b:nth-child(4){animation-delay:.24s}.wave b:nth-child(5){animation-delay:.32s}.wave b:nth-child(6){animation-delay:.4s}.wave b:nth-child(7){animation-delay:.48s}@keyframes wv{0%{height:3px}to{height:11px}}.ask-q{margin:0;min-height:2.7em;color:var(--fg);font-size:15.5px;line-height:1.45}.ask-q .cur2{display:inline-block;width:.46em;height:1em;vertical-align:-.12em;background:var(--sea-300);animation:blink 1.05s steps(1) infinite}.intents{list-style:none;margin:0 0 clamp(20px,3vw,28px);padding:0;display:flex;flex-wrap:wrap;gap:8px}.intents li{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:7px 13px;transition:color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.intents li.on{color:var(--cue);border-color:#4bff9a99;background:#4bff9a17;box-shadow:0 0 18px #4bff9a29}.ask-say p{color:var(--fg2);max-width:46ch}.ask-say .no{border-left:2px solid rgba(255,107,44,.55);padding-left:15px;margin-top:22px;color:var(--fg2);font-size:14.5px}@media(prefers-reduced-motion:reduce){.lx-scan{animation:none;opacity:0}.lens[data-boot] .lens-in{animation:none}.wave b{animation:none;height:7px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cuesea-lens.css.map */