.pgm{--pgm-navy: var(--dl-navy-800, #0A1F3D);--pgm-ink: var(--dl-ink-soft, #2B344A);--pgm-gold: var(--dl-gold-600, #B89548);--pgm-panel: #101318;--pgm-panel-2: #1B2027;--pgm-led: #FF3B30;--pgm-led-dim: #6E2521;--pgm-heat: #F2A33A;--pgm-vibe: #2BB3C0;--pgm-light: #F0473C;position:relative;padding:clamp(2.75rem,7vw,5.5rem) 0;background:radial-gradient(900px 420px at 18% 12%,rgba(240,71,60,.07),transparent 70%),linear-gradient(180deg,#fbf7f1,#f6f0e6);overflow:hidden}.pgm.pp-section{border-top:0}.pgm .pgm-header{max-width:760px;margin:0 auto 28px;text-align:center}.pgm .pgm-eyebrow{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a2342b}.pgm .pgm-heading{margin:0 0 12px;font-family:var(--dl-serif, Georgia, serif);font-size:clamp(1.8rem,5.8vw,2.9rem);font-weight:400;line-height:1.1;color:var(--pgm-navy)}.pgm .pgm-heading em{font-style:italic;color:#a2342b}.pgm .pgm-sub{margin:0 auto;max-width:58ch;font-size:1.0625rem;line-height:1.6;color:var(--pgm-ink)}.pgm .pgm-stage{position:relative;max-width:1120px;margin:0 auto}.pgm .pgm-radio{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.pgm .pgm-bar{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;margin:0 auto 18px;max-width:560px;padding:10px 22px;border-radius:22px;background:linear-gradient(180deg,var(--pgm-panel-2) 0%,var(--pgm-panel) 100%);box-shadow:0 1px #ffffff14 inset,0 18px 40px #10131838}.pgm .pgm-bar-screw{position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#2c333d}.pgm .pgm-bar-screw--l{left:9px}.pgm .pgm-bar-screw--r{right:9px}.pgm .pgm-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px 4px;border-radius:14px;color:#ffffff9e;cursor:pointer;text-align:center;transition:background-color .25s ease,color .25s ease;-webkit-tap-highlight-color:transparent}.pgm .pgm-key:hover{color:#fff}.pgm .pgm-key-num{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:1.5rem;font-weight:700;line-height:1;letter-spacing:.06em;color:var(--pgm-led-dim);font-variant-numeric:tabular-nums;transition:color .25s ease,text-shadow .25s ease}.pgm .pgm-key-label{font-size:.875rem;font-weight:600;line-height:1.2}.pgm .pgm-radio:nth-of-type(1):checked~.pgm-bar .pgm-key:nth-of-type(1),.pgm .pgm-radio:nth-of-type(2):checked~.pgm-bar .pgm-key:nth-of-type(2),.pgm .pgm-radio:nth-of-type(3):checked~.pgm-bar .pgm-key:nth-of-type(3){color:#fff;background:#ffffff12}.pgm .pgm-radio:nth-of-type(1):checked~.pgm-bar .pgm-key:nth-of-type(1) .pgm-key-num,.pgm .pgm-radio:nth-of-type(2):checked~.pgm-bar .pgm-key:nth-of-type(2) .pgm-key-num,.pgm .pgm-radio:nth-of-type(3):checked~.pgm-bar .pgm-key:nth-of-type(3) .pgm-key-num{color:var(--pgm-led);text-shadow:0 0 10px rgba(255,59,48,.75),0 0 2px rgba(255,120,110,.9)}.pgm .pgm-radio:nth-of-type(1):focus-visible~.pgm-bar .pgm-key:nth-of-type(1),.pgm .pgm-radio:nth-of-type(2):focus-visible~.pgm-bar .pgm-key:nth-of-type(2),.pgm .pgm-radio:nth-of-type(3):focus-visible~.pgm-bar .pgm-key:nth-of-type(3){outline:2px solid #FFB4AE;outline-offset:2px}.pgm .pgm-panel{display:none}.pgm .pgm-radio:nth-of-type(1):checked~.pgm-panels .pgm-panel:nth-of-type(1),.pgm .pgm-radio:nth-of-type(2):checked~.pgm-panels .pgm-panel:nth-of-type(2),.pgm .pgm-radio:nth-of-type(3):checked~.pgm-panels .pgm-panel:nth-of-type(3){display:block;animation:pgm-in .3s ease both}@keyframes pgm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pgm .pgm-panel{--pgm-tone: var(--pgm-heat)}.pgm .pgm-panel--vibe{--pgm-tone: var(--pgm-vibe)}.pgm .pgm-panel--light{--pgm-tone: var(--pgm-light)}.pgm .pgm-media-wrap{position:relative;max-width:460px;margin:0 auto}.pgm .pgm-halo{position:absolute;top:-8%;right:-12%;bottom:-8%;left:-12%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pgm-tone) 38%,transparent),transparent 75%);filter:blur(6px);pointer-events:none}.pgm .pgm-frame{position:relative;z-index:1;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#fff,#efe7da);box-shadow:0 2px 4px #0b13260f,0 24px 48px #0b132629}.pgm .pgm-media{display:block;width:100%;height:100%;object-fit:cover}.pgm .pgm-device{display:block;width:62%;height:100%;margin:0 auto}.pgm .pgm-device-shell{fill:#fff;stroke:#d8dde4;stroke-width:2}.pgm .pgm-device-strip{fill:#3aa0ff}.pgm .pgm-device-panel{fill:#14171c}.pgm .pgm-device-led{fill:var(--pgm-led)}.pgm .pgm-device-btn{fill:none;stroke:#6b7280;stroke-width:1.5}.pgm .pgm-chip{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#101318c7;color:#fff;font-size:.8125rem;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pgm .pgm-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--pgm-tone);box-shadow:0 0 8px var(--pgm-tone)}.pgm .pgm-body{max-width:560px;margin:22px auto 0}.pgm .pgm-title{margin:0 0 10px;font-family:var(--dl-serif, Georgia, serif);font-size:clamp(1.45rem,4.6vw,2rem);font-weight:400;line-height:1.15;color:var(--pgm-navy)}.pgm .pgm-text{margin:0 0 16px;font-size:1.0625rem;line-height:1.65;color:var(--pgm-ink)}.pgm .pgm-honest{display:grid;gap:4px;margin:0;padding:14px 16px;border-left:3px solid var(--pgm-gold);border-radius:0 12px 12px 0;background:#fff;box-shadow:0 1px 2px #0b13260a,0 8px 20px #0b13260d}.pgm .pgm-honest-label{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a6d2c}.pgm .pgm-honest-text{font-size:1rem;line-height:1.55;color:var(--pgm-navy)}.pgm .pgm-foot{max-width:640px;margin:30px auto 0;text-align:center}.pgm .pgm-note{margin:14px 0 0;font-size:.8125rem;line-height:1.5;color:#5b6478}@media(min-width:900px){.pgm .pgm-stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"media ." "media bar" "media body" "media .";grid-template-rows:1fr auto auto 1fr;column-gap:clamp(32px,5vw,72px);align-items:start}.pgm .pgm-panels,.pgm .pgm-radio:nth-of-type(1):checked~.pgm-panels .pgm-panel:nth-of-type(1),.pgm .pgm-radio:nth-of-type(2):checked~.pgm-panels .pgm-panel:nth-of-type(2),.pgm .pgm-radio:nth-of-type(3):checked~.pgm-panels .pgm-panel:nth-of-type(3){display:contents}.pgm .pgm-bar{grid-area:bar;margin:0 0 26px;max-width:none}.pgm .pgm-media-wrap{grid-area:media;max-width:none;margin:0}.pgm .pgm-body{grid-area:body;max-width:none;margin:0}.pgm .pgm-key{min-height:84px}.pgm .pgm-key-num{font-size:1.75rem}.pgm .pgm-key-label{font-size:.9375rem}.pgm .pgm-foot{margin-top:40px}}@media(prefers-reduced-motion:reduce){.pgm .pgm-panel,.pgm .pgm-media-wrap,.pgm .pgm-body{animation:none!important}.pgm .pgm-key,.pgm .pgm-key-num{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-product-gonartron-modes.css.map */