.p-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;min-width:68px;height:44px;min-height:44px;padding:6px 0;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.p-theme-toggle:focus-visible{outline:3px solid var(--cp-focus);outline-offset:3px}.p-theme-toggle-track{position:relative;display:block;box-sizing:border-box;width:68px;height:32px;border:1px solid var(--cp-border);border-radius:999px;background:var(--cp-surface-soft);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--cp-brand-gunmetal) 12%,transparent);transition:background-color .26s ease-out,border-color .26s ease-out,box-shadow .26s ease-out}.p-theme-toggle-thumb{position:absolute;inset:2px auto auto 2px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cp-surface);color:var(--cp-brand-azure, #008ff5);box-shadow:var(--cp-shadow);transform:translate(0);transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .26s ease-out,box-shadow .26s ease-out}.p-theme-toggle-thumb svg{position:absolute;width:18px;height:18px;transition:opacity .18s ease-out,transform .26s ease-out}.p-theme-toggle-sun{opacity:1;transform:rotate(0) scale(1)}.p-theme-toggle-moon{opacity:0;transform:rotate(65deg) scale(.65)}.p-theme-toggle[aria-checked=true] .p-theme-toggle-track{border-color:var(--cp-border);background:var(--cp-surface-soft);box-shadow:inset 0 2px 5px color-mix(in srgb,var(--cp-brand-gunmetal) 48%,transparent)}.p-theme-toggle[aria-checked=true] .p-theme-toggle-thumb{background:var(--cp-surface);color:var(--cp-link);box-shadow:var(--cp-shadow);transform:translate(36px)}.p-theme-toggle[aria-checked=true] .p-theme-toggle-sun{opacity:0;transform:rotate(-65deg) scale(.65)}.p-theme-toggle[aria-checked=true] .p-theme-toggle-moon{opacity:1;transform:rotate(0) scale(1)}@media(hover:hover){.p-theme-toggle:hover .p-theme-toggle-track{border-color:var(--cp-action-hover)}.p-theme-toggle[aria-checked=true]:hover .p-theme-toggle-track{border-color:var(--cp-link)}}@media(prefers-reduced-motion:reduce){.p-theme-toggle-track,.p-theme-toggle-thumb,.p-theme-toggle-thumb svg{transition:none}}@media(forced-colors:active){.p-theme-toggle-track,.p-theme-toggle-thumb{border:1px solid ButtonText}.p-theme-toggle:focus-visible{outline-color:Highlight}}