2 lines
27 KiB
CSS
2 lines
27 KiB
CSS
|
.gc-assumption-toggle{--shell-bg: radial-gradient(circle at top, rgba(40, 58, 34, .35), transparent 42%), linear-gradient(180deg, #070a08, #0f160f 58%, #090b09);--screen-bg: #616161;--screen-error: #7f1d1d;--screen-glow: rgba(0, 0, 0, .5);--text-primary: var(--gc-text, #0f172a);--text-secondary: var(--gc-text-muted, #6bff5b);--accent-color: var(--gc-accent, #1c6a00);--panel-green: var(--gc-primary, #248a00);--panel-white: rgba(255, 255, 255, .92);--font-display: "Russo One", sans-serif;--font-ui: "VT323", sans-serif;color:var(--text-primary);width:100%}.gc-assumption-toggle *,.gc-assumption-toggle *:before,.gc-assumption-toggle *:after{box-sizing:border-box}.gc-assumption-toggle .component-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 0;background:var(--shell-bg)}.gc-assumption-toggle .main-wrapper{width:min(100%,1000px);aspect-ratio:1000 / 678;background-image:var(--assumption-frame-image);background-position:center;background-repeat:no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center}.gc-assumption-toggle .crt-screen{position:relative;width:51.8%;height:66.3%;transform:translateY(.6%);background:var(--screen-bg);border-radius:7.5%;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 40px var(--screen-glow);transition:background-color .4s ease}.gc-assumption-toggle .crt-screen.paradox-errors{background:var(--screen-error)}.gc-assumption-toggle .crt-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000003d 50%),linear-gradient(90deg,#ff00000d,#00ff0005,#0000ff0d);background-size:100% 2px,3px 100%;pointer-events:none;z-index:20}.gc-assumption-toggle .slides-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center}.gc-assumption-toggle .slide{width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.gc-assumption-toggle .slide-splash{text-align:center}.gc-assumption-toggle .splash-content h1{margin:0 0 18px;font-size:clamp(1.4rem,2.7vw,2.2rem);line-height:1.3;color:var(--text-primary);font-family:var(--font-display);font-weight:400;text-transform:uppercase;text-shadow:0 0 4px rgba(0,0,0,.35)}.gc-assumption-toggle .splash-content h2{margin:0 0 42px;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;letter-spacing:.08em;font-family:var(--font-ui)}.gc-assumption-toggle .widget-header h1{margin:0 0 18px;color:var(--text-secondary);font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-display);text-shadow:0 0 5px rgba(255,255,255,.35)}.gc-assumption-toggle .switch-group{width:100%;display:flex;flex-direction:column;gap:18px;padding:0 24px}.gc-assumption-toggle .switch-item{width:100%}.gc-assumption-toggle .switch-input{position:absolute;opacity:0;pointer-events:none}.gc-assumption-toggle .toggle-track{position:relative;width:100%;min-height:58px;padding:4px;display:flex;align-items:stretch;justify-content:space-between;gap:8px;border-radius:28px;cursor:pointer;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0006}.gc-assumption-toggle .toggle-track:before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:24px;background:var(--panel-green);transition:transform .35s cubic-bezier(.16,1,.3,1)}.gc-assumption-toggle .switch-input:checked+.toggle-track:before{transform:translate(100%)}.gc-assumption-toggle .option-left,.gc-assumption-toggle .option-right{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;color:#ffffff9e;font-size:clamp(.78rem,2vw,1.4rem);font-weight:500;letter-spacing:.04em;line-height:1.15;font-family:var(--font-ui);transition:color .25s ease,font-weight .25s ease}.gc-assumption-toggle .switch-input:not(:checked)+.toggle-track .option-left,.gc-assumption-toggle .switch-input:checked+.toggle-track .option-right{color:#fff
|