@charset "UTF-8";#profile-picture{display:flex;justify-content:center}#profile-picture img.avatar{object-fit:cover;width:128px;height:128px;border-radius:50%}#profile-upload-holder{padding-top:.5em}#profile-upload-holder input[type=file]{display:none}.progress-bar{background-color:var(--primary);width:2px}#progress-bar-message{color:var(--gray)}.add-loading-dots:after{content:" .";animation:dots 1s steps(5,end) infinite}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:#000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 black,.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 black,.5em 0 0 black}}.upgrade-features li{display:flex}.upgrade-features li .pg-icon{margin-right:.5rem}.upgrade-features li .upgrade-feature{width:100%}#subscription-details-table .subscription-detail{display:flex;flex-direction:row;align-items:flex-start;margin:.5rem}#subscription-details-table .subscription-detail .subscription-detail-label{width:16rem;text-align:right;margin-right:1rem}#subscription-details-table .subscription-detail .subscription-detail-value{width:100%}#subscription-details-table .subscription-detail .subdetail{font-size:.8rem;margin-top:.2rem}#plan-selector .plan{height:100%;border:3px solid transparent;border-radius:8px;cursor:pointer;padding:1rem}#plan-selector .plan.is-selected{border:3px solid var(--primary)}#plan-selector .plan .plan-summary{display:flex;flex-direction:row;align-items:center}#plan-selector .plan .price{font-size:1.5rem}[x-cloak]{display:none!important}a[hx-get]{cursor:pointer}.h-100{height:100%}.muted-link{color:#b5b5b5}.muted-link:hover{color:#7a7a7a;text-decoration:underline}.errorlist{color:var(--danger)}img.socialicon{padding-right:.5em;max-width:24px;max-height:24px}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid var(--primary);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}:root{--blue-50: oklch(.97 .014 258);--blue-100: oklch(.935 .029 258);--blue-200: oklch(.87 .058 258);--blue-300: oklch(.78 .094 258);--blue-400: oklch(.68 .136 258);--blue-500: oklch(.58 .167 258);--blue-600: oklch(.5 .17 258);--blue-700: oklch(.43 .17 258);--blue-800: oklch(.36 .136 258);--blue-900: oklch(.28 .102 258);--blue-950: oklch(.21 .077 258)}:root{--font-display: "Red Hat Display", system-ui, -apple-system, sans-serif;--font-sans: "Red Hat Text", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}.op-picker-native{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}.op-picker-trigger{display:inline-flex;align-items:center;gap:.5rem;min-width:0;text-align:start;white-space:nowrap;cursor:pointer;background-image:none}.op-picker-trigger.hidden{display:none}.op-picker-trigger:disabled{cursor:not-allowed;opacity:.6}.op-picker-trigger:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.op-picker-trigger[aria-expanded=true]{border-color:var(--blue-600);box-shadow:0 0 0 3px #145ec12e}.op-picker-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-picker-value.is-placeholder{color:var(--text-subtle, oklch(.62 .01 250))}.op-picker-chevron{flex:none;font-size:.75rem;color:var(--text-subtle, oklch(.62 .01 250));transition:transform .15s ease}.op-picker-trigger[aria-expanded=true] .op-picker-chevron{transform:rotate(180deg)}.op-picker-panel{position:fixed;inset:auto;z-index:60;display:none;flex-direction:column;gap:.25rem;max-width:min(24rem,calc(100vw - 1rem));margin:0;padding:.375rem;overflow:hidden;border:1px solid var(--border, oklch(.92 .008 250));border-radius:1rem;background:#fff;color:var(--text, oklch(.22 .015 250));font-family:inherit;font-size:.84375rem;font-weight:500;text-align:start;box-shadow:0 24px 48px -18px #0a1f4752,0 2px 6px #1822300d}.op-picker-panel.is-open{display:flex;animation:op-picker-in .14s cubic-bezier(.2,.8,.2,1)}@keyframes op-picker-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.op-picker-search{flex:none;height:2.25rem;padding:0 .75rem;border:1px solid var(--border, oklch(.92 .008 250));border-radius:.75rem;background:var(--surface-2, oklch(.975 .005 250));color:inherit;font:inherit;font-weight:400}.op-picker-search:focus{outline:none;border-color:var(--blue-600);background:#fff}.op-picker-list{position:relative;flex:1 1 auto;min-height:0;max-height:18rem;overflow-y:auto;overscroll-behavior:contain;outline:none}.op-picker-group{margin:.5rem .625rem .25rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, oklch(.5 .012 250))}.op-picker-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.625rem;cursor:pointer}.op-picker-option>span{flex:1;min-width:0}.op-picker-option.is-active{background:var(--blue-50)}.op-picker-option[aria-selected=true]{color:var(--blue-700);font-weight:600}.op-picker-option[aria-disabled=true]{color:var(--text-subtle, oklch(.62 .01 250));cursor:not-allowed}.op-picker-tick{flex:none;font-size:.75rem;color:var(--blue-600);visibility:hidden}.op-picker-option[aria-selected=true] .op-picker-tick{visibility:visible}.op-picker-empty{margin:.75rem;font-size:.8125rem;color:var(--text-muted, oklch(.5 .012 250))}.op-picker-add{display:flex;align-items:center;gap:.625rem;width:100%;margin-top:.25rem;padding:.625rem;border:0;border-top:1px solid var(--border, oklch(.92 .006 250));border-radius:0 0 .625rem .625rem;background:transparent;color:var(--blue-700);font:inherit;font-weight:600;text-align:left;cursor:pointer}.op-picker-add i{width:.875rem;font-size:.8125rem;text-align:center}.op-picker-add:hover,.op-picker-add:focus-visible{background:var(--blue-50);outline:none}.ontop-app .op-picker-add{color:var(--blue-700)}@media(prefers-reduced-motion:reduce){.op-picker-panel.is-open{animation:none}.op-picker-chevron{transition:none}}
