*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:#f4f7fb}:root{--pcc-brand: #004a90;--pcc-brand-hover: #003a73;--pcc-brand-active: #002e5c;--pcc-brand-subtle: #e6f0fa;--pcc-canvas: #f4f7fb;--pcc-surface: #ffffff;--pcc-surface-2: #fafbfc;--pcc-border: #e5e7eb;--pcc-border-strong: #d1d5db;--pcc-text: #16213f;--pcc-text-secondary: #4b5563;--pcc-text-muted: #6b7280;--pcc-success: #166534;--pcc-success-subtle: #ecfdf3;--pcc-focus: #2563eb;--pcc-radius-sm: 6px;--pcc-radius: 8px;--pcc-radius-lg: 12px;--pcc-radius-pill: 999px;--pcc-shadow-sm: 0 1px 2px rgba(16, 33, 64, .06);--pcc-shadow-md: 0 6px 20px rgba(16, 33, 64, .08);--pcc-ease: cubic-bezier(.16, 1, .3, 1);--pcc-dur: .18s;--pcc-num: "tnum" 1, "lnum" 1}.pcc-sales{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;display:flex;flex-direction:column;background:var(--pcc-canvas);color:var(--pcc-text);-webkit-font-smoothing:antialiased}.pcc-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--pcc-num)}@media (prefers-reduced-motion: reduce){.pcc-sales *{transition:none!important;animation:none!important}}.pcc-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:12px 24px;background:var(--pcc-surface);border-bottom:1px solid var(--pcc-border);box-shadow:var(--pcc-shadow-sm)}.pcc-brand{display:flex;align-items:center;gap:12px}.pcc-brand__logo{height:34px;width:auto;display:block}.pcc-header__spacer{flex:1}.pcc-header__user{font-size:12px;color:var(--pcc-text-muted)}.pcc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--pcc-border-strong);border-radius:var(--pcc-radius);background:var(--pcc-surface);color:var(--pcc-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--pcc-dur) var(--pcc-ease),border-color var(--pcc-dur) var(--pcc-ease),color var(--pcc-dur) var(--pcc-ease),box-shadow var(--pcc-dur) var(--pcc-ease),transform var(--pcc-dur) var(--pcc-ease)}.pcc-btn:hover{background:var(--pcc-surface-2);border-color:var(--pcc-text-muted)}.pcc-btn:active{transform:translateY(1px)}.pcc-btn:focus-visible{outline:2px solid var(--pcc-focus);outline-offset:2px}.pcc-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pcc-btn--primary{background:var(--pcc-brand);border-color:var(--pcc-brand);color:#fff;box-shadow:var(--pcc-shadow-sm)}.pcc-btn--primary:hover{background:var(--pcc-brand-hover);border-color:var(--pcc-brand-hover)}.pcc-btn--primary:active{background:var(--pcc-brand-active)}.pcc-btn--ghost{border-color:transparent;background:transparent}.pcc-btn--ghost:hover{background:var(--pcc-brand-subtle);color:var(--pcc-brand);border-color:transparent}.pcc-main{flex:1;padding:32px 24px;display:flex;justify-content:center}.pcc-card{width:100%;max-width:1080px;background:var(--pcc-surface);border:1px solid var(--pcc-border);border-radius:var(--pcc-radius-lg);box-shadow:var(--pcc-shadow-sm);padding:32px}.pcc-card__eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pcc-brand);margin:0 0 6px}.pcc-card__title{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--pcc-text);margin:0 0 8px}.pcc-card__hint{font-size:14px;line-height:1.6;color:var(--pcc-text-muted);margin:0;max-width:60ch}.pcc-field{display:flex;flex-direction:column;gap:6px}.pcc-field+.pcc-field,.pcc-field-grid+.pcc-field,.pcc-field+.pcc-field-grid{margin-top:16px}.pcc-field-grid>.pcc-field{margin-top:0}.pcc-field--inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}.pcc-label{font-size:12px;font-weight:600;color:var(--pcc-text-secondary)}.pcc-label__req{color:var(--pcc-destructive, #dc2626)}.pcc-input,.pcc-textarea,.pcc-select{box-sizing:border-box;width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--pcc-border-strong);border-radius:var(--pcc-radius);background:var(--pcc-surface);color:var(--pcc-text);font-family:inherit;font-size:13px;transition:border-color var(--pcc-dur) var(--pcc-ease),box-shadow var(--pcc-dur) var(--pcc-ease)}.pcc-textarea{resize:vertical;line-height:1.5}.pcc-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}.pcc-input::placeholder,.pcc-textarea::placeholder{color:var(--pcc-text-muted)}.pcc-input:hover,.pcc-textarea:hover,.pcc-select:hover{border-color:var(--pcc-text-muted)}.pcc-input:focus-visible,.pcc-textarea:focus-visible,.pcc-select:focus-visible{outline:none;border-color:var(--pcc-focus);box-shadow:0 0 0 3px #2563eb2e}.pcc-input[aria-invalid=true],.pcc-textarea[aria-invalid=true]{border-color:var(--pcc-destructive, #dc2626)}.pcc-input[aria-invalid=true]:focus-visible,.pcc-textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px #dc262629}.pcc-field__error{font-size:11px;font-weight:500;color:var(--pcc-destructive, #dc2626)}.pcc-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.pcc-field-grid--2{grid-template-columns:repeat(2,1fr)}.pcc-field--span2{grid-column:span 2}@media (max-width: 768px){.pcc-field-grid,.pcc-field-grid--2{grid-template-columns:1fr}.pcc-field--span2{grid-column:auto}}.pcc-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--pcc-text-secondary);cursor:pointer}.pcc-checkbox input{width:16px;height:16px;accent-color:var(--pcc-brand);cursor:pointer}.pcc-btn--secondary{background:var(--pcc-surface-2);border-color:var(--pcc-border-strong);color:var(--pcc-text-secondary)}.pcc-btn--secondary:hover{background:var(--pcc-surface);border-color:var(--pcc-text-muted)}.pcc-btn--sm{min-height:32px;padding:0 12px;font-size:12px}.portal-header__tittel{font-size:13px;font-weight:600;color:var(--pcc-text-secondary)}.portal-header__firma{font-size:13px;font-weight:600;color:var(--pcc-text)}.portal-sprak{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--pcc-border-strong);border-radius:var(--pcc-radius-pill);background:var(--pcc-surface-2)}.portal-sprak__knapp{min-width:36px;min-height:28px;padding:0 8px;border:0;border-radius:var(--pcc-radius-pill);background:transparent;color:var(--pcc-text-secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.portal-sprak__knapp:hover{color:var(--pcc-brand)}.portal-sprak__knapp:focus-visible{outline:2px solid var(--pcc-focus);outline-offset:1px}.portal-sprak__knapp[aria-pressed=true]{background:var(--pcc-brand);color:#fff}.portal-card--smal{max-width:640px;align-self:flex-start}.portal-skjema{margin-top:24px}.portal-avstand{margin-top:16px}.portal-knapper{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px}.portal-knapper--start{justify-content:flex-start}.portal-lenke{align-self:flex-start;padding:0;border:0;background:none;color:var(--pcc-brand);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.portal-lenke:focus-visible{outline:2px solid var(--pcc-focus);outline-offset:2px}.portal-personvern{padding:12px 16px;border:1px solid var(--pcc-border);border-radius:var(--pcc-radius);background:var(--pcc-surface-2);font-size:13px;line-height:1.6;color:var(--pcc-text-secondary)}.portal-personvern h2{margin:0 0 8px;font-size:14px;color:var(--pcc-text)}.portal-personvern p{margin:0 0 6px}.portal-personvern__utkast{font-style:italic;color:var(--pcc-text-muted)}.portal-melding{font-size:13px;color:var(--pcc-success)}.portal-melding--feil{color:var(--pcc-destructive, #dc2626)}.portal-kode{max-width:180px;font-size:20px;letter-spacing:.3em;font-variant-numeric:tabular-nums}.portal-laster{color:var(--pcc-text-muted)}.portal-flyt{width:100%;max-width:1080px;display:flex;flex-direction:column;gap:16px;align-self:flex-start}.portal-flyt>.pcc-card{max-width:none}.pcc-stepper{display:flex;align-items:center;padding:12px 16px;background:var(--pcc-surface);border:1px solid var(--pcc-border);border-radius:var(--pcc-radius-lg);overflow-x:auto}.pcc-step{display:inline-flex;align-items:center;gap:10px;padding:6px 8px;border:none;background:transparent;font:inherit;cursor:pointer;white-space:nowrap;border-radius:var(--pcc-radius);transition:background var(--pcc-dur) var(--pcc-ease)}.pcc-step:hover:not(:disabled){background:var(--pcc-brand-subtle)}.pcc-step:focus-visible{outline:2px solid var(--pcc-focus);outline-offset:2px}.pcc-step:disabled{cursor:default}.pcc-step__dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:50%;border:1.5px solid var(--pcc-border-strong);background:var(--pcc-surface);color:var(--pcc-text-muted);font-size:13px;font-weight:700}.pcc-step__label{font-size:13px;font-weight:500;color:var(--pcc-text-muted)}.pcc-step--active .pcc-step__dot{border-color:var(--pcc-brand);background:var(--pcc-brand);color:#fff;box-shadow:0 0 0 4px var(--pcc-brand-subtle)}.pcc-step--active .pcc-step__label{color:var(--pcc-text);font-weight:700}.pcc-step--done .pcc-step__dot{border-color:var(--pcc-brand);background:var(--pcc-brand-subtle);color:var(--pcc-brand)}.pcc-step--done .pcc-step__label{color:var(--pcc-text-secondary)}.pcc-step__line{flex:1 1 16px;min-width:16px;height:1.5px;background:var(--pcc-border);margin:0 4px}.pcc-step__line--done{background:var(--pcc-brand)}.portal-undertittel{font-size:15px;font-weight:700;color:var(--pcc-text);margin:24px 0 8px}.portal-steg__knapper{border-top:1px solid var(--pcc-border);padding-top:16px}.portal-maskin{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;margin-top:16px;align-items:start}.portal-maskin__bilde{display:flex;align-items:center;justify-content:center;min-height:220px;padding:16px;background:var(--pcc-surface-2);border:1px solid var(--pcc-border);border-radius:var(--pcc-radius-lg)}.portal-maskin__bilde img{max-width:100%;max-height:360px;object-fit:contain;display:block}.portal-maskin__ingenfoto{color:var(--pcc-text-muted);font-size:13px}.portal-maskin__info>.portal-undertittel:first-child{margin-top:0}.portal-specs{display:flex;flex-direction:column;gap:16px}.portal-specs__tittel{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pcc-brand);margin:0 0 4px}.portal-specs__liste{margin:0}.portal-specs__rad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:6px 0;border-bottom:1px solid var(--pcc-border);font-size:13px}.portal-specs__rad dt{color:var(--pcc-text-muted)}.portal-specs__rad dd{margin:0;color:var(--pcc-text);font-variant-numeric:tabular-nums}.portal-utstyr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px}.portal-utstyr__antall{font-size:12px;font-weight:500;color:var(--pcc-text-muted);margin-left:6px}.portal-opsjoner{list-style:none;margin:8px 0 0;padding:0}.portal-opsjon{display:flex;align-items:flex-start;gap:10px;padding:8px 4px;border-bottom:1px solid var(--pcc-border);font-size:14px;color:var(--pcc-text)}label.portal-opsjon{cursor:pointer;border-radius:var(--pcc-radius-sm)}label.portal-opsjon:hover{background:var(--pcc-brand-subtle)}.portal-opsjon input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--pcc-brand);cursor:pointer}.portal-opsjon--standard{color:var(--pcc-text-secondary)}.portal-opsjon__navn{min-width:0;overflow-wrap:anywhere}.portal-opsjon__kategori{display:block;font-size:11px;color:var(--pcc-text-muted)}.portal-status{width:14px;flex:none;text-align:center;font-size:13px;line-height:1.5}.portal-status--standard{color:#16a34a}.portal-status--option{color:#2563eb}.portal-status--consult{color:#d97706}.portal-status--na{color:var(--pcc-text-muted)}.portal-oppsummering{margin:20px 0 0;border-top:1px solid var(--pcc-border)}.portal-oppsummering__rad{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--pcc-border);font-size:14px}.portal-oppsummering__rad dt{color:var(--pcc-text-muted);font-weight:600}.portal-oppsummering__rad dd{margin:0;color:var(--pcc-text);overflow-wrap:anywhere}.portal-oppsummering__liste{margin:0;padding-left:18px}.portal-blokk{display:block}.portal-teller{align-self:flex-end;font-size:12px;color:var(--pcc-text-muted);font-variant-numeric:tabular-nums}.portal-felt--kort{max-width:360px}@media (max-width: 767px){.pcc-header{padding:8px 12px;gap:6px 12px}.pcc-brand__logo{height:26px}.portal-header__tittel{display:none}.pcc-main{padding:12px 8px}.pcc-card{padding:18px 14px}.pcc-card__title{font-size:21px}.portal-knapper .pcc-btn{flex:1 1 auto}.pcc-sales input:not([type=checkbox]):not([type=radio]),.pcc-sales select,.pcc-sales textarea{font-size:16px}.pcc-checkbox input{width:22px;height:22px;flex:none}.portal-kode{font-size:20px}.pcc-stepper{padding:8px}.pcc-step{padding:4px;gap:6px}.pcc-step:not(.pcc-step--active) .pcc-step__label{display:none}.portal-maskin,.portal-utstyr{grid-template-columns:minmax(0,1fr);gap:16px}.portal-maskin__bilde{min-height:160px}.portal-specs__rad,.portal-oppsummering__rad{grid-template-columns:minmax(0,1fr);gap:2px}.portal-opsjon{padding:10px 4px}.portal-opsjon input{width:22px;height:22px}.portal-felt--kort{max-width:none}.portal-steg__knapper .pcc-btn{min-height:44px}}.portal-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pcc-main--ring{padding:0;display:flex}.pcc-ring{--ring-ac: #4aa3ff;--ring-ac2: #7be0ff;--ring-tx: #e8f0ff;--ring-mu: #8aa0c4;--ring-warn: #ffb347;--ring-ok: #42e0a0;--ring-ease: cubic-bezier(.2, .7, .2, 1);--ring-bar-h: 72px;position:relative;flex:1;width:100%;min-height:600px;overflow:hidden;overflow:clip;color:var(--ring-tx);background:#03060d;-webkit-user-select:none;user-select:none;touch-action:pan-y}.pcc-ring__sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1200px 700px at 50% 38%,#12306a,#0a1730 45%,#03060d)}.pcc-ring__sky:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 27% 62%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 41% 12%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 63% 30%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 78% 70%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 91% 22%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 6% 80%,#aad2ff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 55% 85%,#aad2ff 50%,transparent 51%)}.pcc-ring__floor{position:absolute;left:50%;top:62%;width:140%;height:60%;pointer-events:none;transform:translate(-50%) perspective(500px) rotateX(68deg);background:repeating-linear-gradient(90deg,rgba(74,163,255,.1) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(74,163,255,.1) 0 1px,transparent 1px 60px);-webkit-mask-image:radial-gradient(closest-side,#000 20%,transparent 100%);mask-image:radial-gradient(closest-side,#000 20%,transparent 100%)}.pcc-ring__top{position:absolute;left:0;right:0;top:0;z-index:400;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:14px 22px;transition:opacity .6s}.pcc-ring.is-intro .pcc-ring__top,.pcc-ring.is-intro .pcc-ring__info,.pcc-ring.is-intro .pcc-ring__hint{opacity:0;pointer-events:none}.pcc-ring__btn{min-height:44px;padding:9px 16px;font:inherit;font-size:14px;color:var(--ring-tx);cursor:pointer;background:#ffffff14;border:1px solid rgba(160,200,255,.35);border-radius:12px;transition:background .2s}.pcc-ring__btn:hover{background:#ffffff29}.pcc-ring__btn:focus-visible,.ring-card:focus-visible,.ring-logo:focus-visible,.ring-switch:focus-visible,.ring-panel__close:focus-visible{outline:3px solid var(--ring-ac2);outline-offset:2px}.pcc-ring__btn--go{color:#021326;font-weight:700;border:0;background:linear-gradient(135deg,#2f8bff,#4ad0ff)}.pcc-ring__btn--go:hover{background:linear-gradient(135deg,#4a9bff,#6ad8ff)}.pcc-ring__btn:disabled,.pcc-ring__btn:disabled:hover{cursor:not-allowed;opacity:.45}.pcc-ring__crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ring-mu)}.pcc-ring__crumbs b{color:var(--ring-tx);font-weight:600}.pcc-ring__crumbs i{font-style:normal;opacity:.5}.pcc-ring__msg{position:absolute;left:50%;transform:translate(-50%);z-index:400;margin:0;max-width:min(640px,92%);text-align:center;font-size:14px}.pcc-ring__msg{top:70px;color:var(--ring-warn)}.pcc-ring__stage{position:absolute;top:0;right:0;bottom:0;left:0}.ring-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 43%;transition:transform .8s var(--ring-ease),opacity .7s ease,visibility 0s}.ring-layer[data-state=active]{transform:none;opacity:1;visibility:visible}.ring-layer[data-state=enter]{transform:scale(.35);opacity:0;transition:none}.ring-layer[data-state=parked],.ring-layer[data-state=out-forward]{transform:scale(1.8);opacity:0;visibility:hidden;transition:transform .8s var(--ring-ease),opacity .7s ease,visibility 0s .8s}.ring-layer[data-state=out-back]{transform:scale(.3);opacity:0;pointer-events:none}.ring-layer[data-state=intro]{transform:translate(42vw,-20vh) scale(.12);opacity:0;pointer-events:none}.ring-row{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ring-card{position:absolute;left:0;top:0;width:220px;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;overflow:hidden;border-radius:16px;will-change:transform,opacity;background:linear-gradient(160deg,#ffffff24,#ffffff0a);border:1px solid rgba(160,200,255,.28);box-shadow:0 18px 40px #00000073,inset 0 1px #fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ring-card__img{display:flex;align-items:center;justify-content:center;height:128px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),transparent 70%)}.ring-card__img img{max-width:92%;max-height:118px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5));pointer-events:none}.ring-card__nofoto{display:flex;align-items:center;justify-content:center;text-align:center;min-width:84px;min-height:54px;padding:6px;color:var(--ring-mu);font-size:11px;border:1.5px dashed rgba(160,200,255,.4);border-radius:8px}.ring-card__lab{display:block;padding:9px 12px 11px;border-top:1px solid rgba(160,200,255,.18)}.ring-card__t{display:block;font-size:16px;font-weight:650;letter-spacing:.2px}.ring-card__s{display:block;margin-top:2px;font-size:12px;color:var(--ring-mu);min-height:1.2em}.ring-card__mark{position:absolute;top:8px;right:8px;z-index:2;display:none;width:24px;height:24px;align-items:center;justify-content:center;color:#03221a;font-weight:800;font-size:14px;background:var(--ring-ok);border-radius:50%}.ring-card--marked .ring-card__mark{display:flex}.ring-logo{position:absolute;left:50%;top:43%;z-index:250;width:min(560px,72vw);padding:44px 56px 40px;margin:0;cursor:pointer;text-align:center;border:0;border-radius:28px;background:linear-gradient(160deg,#fff,#dfe9f7);box-shadow:0 0 90px #4aa3ff8c,0 30px 70px #0000008c;transform:translate(-50%,-50%);transform-origin:50% 50%;transition:transform .95s cubic-bezier(.55,0,.85,.35),opacity .95s ease-in;animation:ring-pulse 4.5s ease-in-out infinite}.ring-logo img{display:block;width:100%}.ring-logo__cta{display:block;margin-top:22px;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#31527f}.ring-logo.is-gone{transform:translate(calc(-50% - 48vw),-50%) scale(.02);opacity:0;pointer-events:none;animation:none}@keyframes ring-pulse{0%,to{box-shadow:0 0 70px #4aa3ff73,0 30px 70px #0000008c}50%{box-shadow:0 0 120px #7be0ffb3,0 30px 70px #0000008c}}.pcc-ring__info{position:absolute;left:0;right:0;bottom:calc(var(--ring-bar-h) + 5vh);z-index:200;text-align:center;pointer-events:none;transition:opacity .6s}.pcc-ring__info-h{font-size:34px;font-weight:700;letter-spacing:.3px;text-shadow:0 4px 24px rgba(74,163,255,.6)}.pcc-ring__info-p{margin-top:6px;font-size:15px;color:var(--ring-mu)}.pcc-ring__hint{position:absolute;left:0;right:0;bottom:calc(var(--ring-bar-h) + 1vh);z-index:200;margin:0;text-align:center;font-size:12px;color:#6f89b5;pointer-events:none;transition:opacity .6s}.ring-panel{position:absolute;top:76px;right:0;bottom:var(--ring-bar-h);z-index:500;width:min(440px,100%);padding:66px 26px 26px;overflow:auto;background:linear-gradient(180deg,#0e1c38f0,#060c1af7);border-left:1px solid rgba(160,200,255,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:ring-panel-in .38s var(--ring-ease)}@keyframes ring-panel-in{0%{transform:translate(105%)}to{transform:none}}.ring-panel__close{position:absolute;top:12px;right:18px;width:44px;height:44px;font-size:18px;color:var(--ring-tx);cursor:pointer;background:none;border:1px solid rgba(160,200,255,.3);border-radius:10px}.ring-panel__img{display:flex;align-items:center;justify-content:center;height:180px;margin-bottom:12px;border-radius:14px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.16),transparent 70%)}.ring-panel__img img{max-width:94%;max-height:170px}.ring-panel__h{margin:0;font-size:28px}.ring-panel__sub{margin:2px 0 14px;color:var(--ring-mu)}.ring-panel__table{width:100%;font-size:14px;border-collapse:collapse}.ring-panel__table td{padding:8px 0;border-bottom:1px solid rgba(160,200,255,.14)}.ring-panel__table td:first-child{color:var(--ring-mu)}.ring-panel__table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.ring-panel__empty{color:var(--ring-mu);font-size:14px}.ring-switch{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:20px;padding:14px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid rgba(160,200,255,.22);border-radius:14px}.ring-switch small{display:block;color:var(--ring-mu);font-size:12px}.ring-switch__track{position:relative;flex:none;width:46px;height:26px;background:#33445f;border-radius:99px;transition:background .25s}.ring-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.ring-switch.is-on .ring-switch__track{background:var(--ring-ok)}.ring-switch.is-on .ring-switch__track:after{transform:translate(20px)}@media (prefers-reduced-motion: reduce){.ring-layer,.ring-layer[data-state=parked],.ring-layer[data-state=out-forward]{transition:opacity .3s}.ring-layer[data-state=enter],.ring-layer[data-state=out-back],.ring-layer[data-state=intro],.ring-layer[data-state=parked],.ring-layer[data-state=out-forward]{transform:none}.ring-logo{animation:none;transition:opacity .3s}.ring-logo.is-gone{transform:translate(-50%,-50%)}.ring-panel{animation:none}}.pcc-ring__bar{position:absolute;left:0;right:0;bottom:0;z-index:450;height:var(--ring-bar-h);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 22px;background:#030814d1;border-top:1px solid rgba(160,200,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pcc-ring__valgt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--ring-mu)}.pcc-ring__valgt.is-on{color:var(--ring-ok);font-weight:600}@media (max-width: 767px){.pcc-ring{min-height:520px}.pcc-ring__top{padding:10px 12px;gap:6px 8px}.pcc-ring__btn{flex:1 1 auto}.pcc-ring__bar{padding:0 12px;gap:10px;justify-content:space-between}.pcc-ring__bar .pcc-ring__btn{flex:none}.ring-logo{padding:28px 28px 26px}.ring-layer--flat{padding-top:120px;display:flex;align-items:center}.ring-flat{display:flex;gap:14px;width:100%;padding:12px 18px 24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ring-flat__cell{flex:none;scroll-snap-align:center}.ring-flat .ring-card{position:relative;transform:none;opacity:1}.ring-panel{top:auto;width:100%;max-height:82%;padding-top:70px;border-left:0;border-top:1px solid rgba(160,200,255,.25);border-radius:18px 18px 0 0;animation-name:ring-panel-up}@keyframes ring-panel-up{0%{transform:translateY(105%)}to{transform:none}}}
