@layer theme{:host,:root{--font-sans:"Cerebri Sans Pro";--color-red-50:oklch(97.1% .013 17.38);--color-red-500:#e60000;--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:#ff9d00;--color-amber-500:orange;--color-green-600:#0bb02f;--color-blue-500:#007bff;--color-purple-500:#705bfa;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-900:oklch(21% .034 264.665);--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-grey-50:#fafafa;--color-grey-100:#f4f4f5;--color-grey-200:#e4e4e7;--color-grey-300:#d4d4d8;--color-grey-400:#a1a1aa;--color-grey-500:#71717a;--color-grey-600:#52525b;--color-grey-700:#3f3f46;--color-grey-800:#27272a;--color-grey-900:#18181b;--color-base-danger:#f31260;--color-base-default-600:#52525b;--color-metrifox-primary:#3d3d3d;--color-metrifox-secondary:#def764;--color-metrifox-blue:#006fee;--color-metrifox-black:#0f0f0f;--color-metrifox-success:#17c964;--color-metrifox-white:#fff;--color-metrifox-danger:#de1135;--color-foreground-disabled:#a8a29e;--color-background-system-primary:#fff;--color-background-system-disabled:#e7e5e4;--color-secondary-light:#fffdfb}}.mfx{-webkit-text-size-adjust:100%;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;line-height:1.5;tab-size:4}.mfx,.mfx *,.mfx :after,.mfx :before{border:0 solid;box-sizing:border-box}.mfx :where(hr){border-top-width:1px;color:inherit;height:0}.mfx :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}.mfx :where(a){color:inherit;text-decoration:inherit}.mfx :where(b,strong){font-weight:bolder}.mfx :where(small){font-size:80%}.mfx :where(button,input,optgroup,select,textarea){font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;padding:0}.mfx :where(button,[role=button]){cursor:pointer}.mfx :where(table){border-collapse:collapse;border-color:inherit;text-indent:0}.mfx :where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}.mfx :where(img,video){height:auto;max-width:100%}.mfx :where(p,h1,h2,h3,h4,h5,h6,figure,blockquote,dl,dd,ul,ol){margin:0}.mfx :where(ul,ol){list-style:none;padding:0}.mfx .absolute{position:absolute}.mfx .fixed{position:fixed}.mfx .relative{position:relative}.mfx .sticky{position:sticky}.mfx .inset-0{inset:calc(var(--spacing)*0)}.mfx .top-0{top:calc(var(--spacing)*0)}.mfx .top-1\/2{top:50%}.mfx .top-full{top:100%}.mfx .right-0{right:calc(var(--spacing)*0)}.mfx .right-full{right:100%}.mfx .bottom-0{bottom:calc(var(--spacing)*0)}.mfx .bottom-4{bottom:calc(var(--spacing)*4)}.mfx .bottom-full{bottom:100%}.mfx .left-0{left:calc(var(--spacing)*0)}.mfx .left-1\/2{left:50%}.mfx .left-full{left:100%}.mfx .isolate{isolation:isolate}.mfx .z-10{z-index:10}.mfx .z-\[100\]{z-index:100}.mfx .col-span-2{grid-column:span 2/span 2}.mfx .container{width:100%}@media(min-width:40rem){.mfx .container{max-width:40rem}}@media(min-width:48rem){.mfx .container{max-width:48rem}}@media(min-width:64rem){.mfx .container{max-width:64rem}}@media(min-width:80rem){.mfx .container{max-width:80rem}}@media(min-width:96rem){.mfx .container{max-width:96rem}}.mfx .-mx-2{margin-inline:calc(var(--spacing)*-2)}.mfx .-mx-4{margin-inline:calc(var(--spacing)*-4)}.mfx .mx-4{margin-inline:calc(var(--spacing)*4)}.mfx .mx-\[-16px\]{margin-inline:-16px}.mfx .mx-auto{margin-inline:auto}.mfx .my-2{margin-block:calc(var(--spacing)*2)}.mfx .my-4{margin-block:calc(var(--spacing)*4)}.mfx .my-6{margin-block:calc(var(--spacing)*6)}.mfx .my-\[6px\]{margin-block:6px}.mfx .my-auto{margin-block:auto}.mfx .-mt-\[4px\]{margin-top:-4px}.mfx .mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mfx .mt-1{margin-top:calc(var(--spacing)*1)}.mfx .mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mfx .mt-2{margin-top:calc(var(--spacing)*2)}.mfx .mt-3{margin-top:calc(var(--spacing)*3)}.mfx .mt-4{margin-top:calc(var(--spacing)*4)}.mfx .mt-5{margin-top:calc(var(--spacing)*5)}.mfx .mt-6{margin-top:calc(var(--spacing)*6)}.mfx .mt-8{margin-top:calc(var(--spacing)*8)}.mfx .mt-20{margin-top:calc(var(--spacing)*20)}.mfx .mt-40{margin-top:calc(var(--spacing)*40)}.mfx .mt-auto{margin-top:auto}.mfx .mr-1{margin-right:calc(var(--spacing)*1)}.mfx .mr-2{margin-right:calc(var(--spacing)*2)}.mfx .mr-6{margin-right:calc(var(--spacing)*6)}.mfx .mb-0{margin-bottom:calc(var(--spacing)*0)}.mfx .mb-1{margin-bottom:calc(var(--spacing)*1)}.mfx .mb-2{margin-bottom:calc(var(--spacing)*2)}.mfx .mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mfx .mb-3{margin-bottom:calc(var(--spacing)*3)}.mfx .mb-4{margin-bottom:calc(var(--spacing)*4)}.mfx .mb-6{margin-bottom:calc(var(--spacing)*6)}.mfx .mb-8{margin-bottom:calc(var(--spacing)*8)}.mfx .mb-10{margin-bottom:calc(var(--spacing)*10)}.mfx .mb-\[-16px\]{margin-bottom:-16px}.mfx .mb-\[2px\]{margin-bottom:2px}.mfx .mb-\[5px\]{margin-bottom:5px}.mfx .\!ml-0{margin-left:calc(var(--spacing)*0)!important}.mfx .ml-2{margin-left:calc(var(--spacing)*2)}.mfx .ml-4{margin-left:calc(var(--spacing)*4)}.mfx .ml-8{margin-left:calc(var(--spacing)*8)}.mfx .ml-auto{margin-left:auto}.mfx .\!inline{display:inline!important}.mfx .block{display:block}.mfx .contents{display:contents}.mfx .flex{display:flex}.mfx .grid{display:grid}.mfx .hidden{display:none}.mfx .inline{display:inline}.mfx .inline-block{display:inline-block}.mfx .inline-flex{display:inline-flex}.mfx .table{display:table}.mfx .\!h-auto{height:auto!important}.mfx .h-2{height:calc(var(--spacing)*2)}.mfx .h-4{height:calc(var(--spacing)*4)}.mfx .h-5{height:calc(var(--spacing)*5)}.mfx .h-6{height:calc(var(--spacing)*6)}.mfx .h-10{height:calc(var(--spacing)*10)}.mfx .h-48{height:calc(var(--spacing)*48)}.mfx .h-\[2\.5rem\]{height:2.5rem}.mfx .h-\[2\.8rem\]{height:2.8rem}.mfx .h-\[6px\]{height:6px}.mfx .h-\[20px\]{height:20px}.mfx .h-\[25px\]{height:25px}.mfx .h-\[36px\]{height:36px}.mfx .h-\[40px\]{height:40px}.mfx .h-\[51px\]{height:51px}.mfx .h-\[52px\]{height:52px}.mfx .h-\[55vh\]{height:55vh}.mfx .h-\[60px\]{height:60px}.mfx .h-\[94px\]{height:94px}.mfx .h-\[98px\]{height:98px}.mfx .h-\[100vh\]{height:100vh}.mfx .h-full{height:100%}.mfx .h-max{height:max-content}.mfx .h-screen{height:100vh}.mfx .max-h-60{max-height:calc(var(--spacing)*60)}.mfx .max-h-\[12rem\]{max-height:12rem}.mfx .max-h-\[90vh\]{max-height:90vh}.mfx .max-h-screen{max-height:100vh}.mfx .\!min-h-\[20px\]{min-height:20px!important}.mfx .min-h-0{min-height:calc(var(--spacing)*0)}.mfx .min-h-6{min-height:calc(var(--spacing)*6)}.mfx .min-h-\[187px\]{min-height:187px}.mfx .min-h-\[200px\]{min-height:200px}.mfx .min-h-screen{min-height:100vh}.mfx .\!w-max{width:max-content!important}.mfx .w-2{width:calc(var(--spacing)*2)}.mfx .w-4{width:calc(var(--spacing)*4)}.mfx .w-5{width:calc(var(--spacing)*5)}.mfx .w-10{width:calc(var(--spacing)*10)}.mfx .w-20{width:calc(var(--spacing)*20)}.mfx .w-40{width:calc(var(--spacing)*40)}.mfx .w-\[2\.5rem\]{width:2.5rem}.mfx .w-\[2\.8rem\]{width:2.8rem}.mfx .w-\[12rem\]{width:12rem}.mfx .w-\[15rem\]{width:15rem}.mfx .w-\[16rem\]{width:16rem}.mfx .w-\[50\%\]{width:50%}.mfx .w-\[102px\]{width:102px}.mfx .w-\[281px\]{width:281px}.mfx .w-\[min\(330px\,calc\(100vw-2rem\)\)\]{width:min(330px,calc(100vw - 2rem))}.mfx .w-fit{width:fit-content}.mfx .w-full{width:100%}.mfx .w-max{width:max-content}.mfx .max-w-\[12rem\]{max-width:12rem}.mfx .max-w-\[15rem\]{max-width:15rem}.mfx .max-w-\[18rem\]{max-width:18rem}.mfx .max-w-\[22rem\]{max-width:22rem}.mfx .max-w-\[24rem\]{max-width:24rem}.mfx .max-w-\[60rem\]{max-width:60rem}.mfx .max-w-\[102px\]{max-width:102px}.mfx .max-w-\[130px\]{max-width:130px}.mfx .max-w-\[330px\]{max-width:330px}.mfx .max-w-\[518px\]{max-width:518px}.mfx .max-w-\[641px\]{max-width:641px}.mfx .max-w-\[830px\]{max-width:830px}.mfx .max-w-\[940px\]{max-width:940px}.mfx .max-w-\[1089px\]{max-width:1089px}.mfx .max-w-full{max-width:100%}.mfx .max-w-xs{max-width:var(--container-xs)}.mfx .min-w-0{min-width:calc(var(--spacing)*0)}.mfx .min-w-6{min-width:calc(var(--spacing)*6)}.mfx .min-w-\[10rem\]{min-width:10rem}.mfx .min-w-\[16rem\]{min-width:16rem}.mfx .min-w-\[20px\]{min-width:20px}.mfx .min-w-\[36px\]{min-width:36px}.mfx .min-w-\[38px\]{min-width:38px}.mfx .min-w-\[260px\]{min-width:260px}.mfx .min-w-\[720px\]{min-width:720px}.mfx .min-w-full{min-width:100%}.mfx .flex-1{flex:1}.mfx .flex-\[0_0_auto\]{flex:0 0 auto}.mfx .shrink-0{flex-shrink:0}.mfx .flex-grow{flex-grow:1}.mfx .border-collapse{border-collapse:collapse}.mfx .-translate-x-1\/2{--tw-translate-x:-50%}.mfx .-translate-x-1\/2,.mfx .translate-x-\[2\.5px\]{translate:var(--tw-translate-x) var(--tw-translate-y)}.mfx .translate-x-\[2\.5px\]{--tw-translate-x:2.5px}.mfx .translate-x-\[21\.5px\]{--tw-translate-x:21.5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.mfx .-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.mfx .rotate-0{rotate:0deg}.mfx .rotate-180{rotate:180deg}.mfx .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.mfx .animate-pulse{animation:var(--animate-pulse)}.mfx .cursor-default{cursor:default}.mfx .cursor-not-allowed{cursor:not-allowed}.mfx .cursor-pointer{cursor:pointer}.mfx .\[scrollbar-width\:none\]{scrollbar-width:none}.mfx .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mfx .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mfx .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mfx .grid-cols-\[2fr_1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.mfx .grid-cols-\[2fr_1fr_1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr}.mfx .grid-cols-\[minmax\(16rem\,2\.5fr\)_minmax\(6rem\,1fr\)_minmax\(5rem\,0\.85fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(16rem,2.5fr) minmax(6rem,1fr) minmax(5rem,.85fr) minmax(0,1fr) minmax(0,1fr)}.mfx .flex-col{flex-direction:column}.mfx .flex-row{flex-direction:row}.mfx .flex-nowrap{flex-wrap:nowrap}.mfx .flex-wrap{flex-wrap:wrap}.mfx .items-baseline{align-items:baseline}.mfx .items-center{align-items:center}.mfx .items-end{align-items:flex-end}.mfx .items-start{align-items:flex-start}.mfx .items-stretch{align-items:stretch}.mfx .justify-between{justify-content:space-between}.mfx .justify-center{justify-content:center}.mfx .justify-end{justify-content:flex-end}.mfx .justify-start{justify-content:flex-start}.mfx .\!gap-2{gap:calc(var(--spacing)*2)!important}.mfx .gap-1{gap:calc(var(--spacing)*1)}.mfx .gap-1\.5{gap:calc(var(--spacing)*1.5)}.mfx .gap-2{gap:calc(var(--spacing)*2)}.mfx .gap-2\.5{gap:calc(var(--spacing)*2.5)}.mfx .gap-3{gap:calc(var(--spacing)*3)}.mfx .gap-4{gap:calc(var(--spacing)*4)}.mfx .gap-6{gap:calc(var(--spacing)*6)}.mfx .gap-8{gap:calc(var(--spacing)*8)}.mfx .gap-\[10px\]{gap:10px}:where(.mfx .space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.mfx .space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}:where(.mfx .space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}:where(.mfx .space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}:where(.mfx .space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}.mfx .gap-x-1{column-gap:calc(var(--spacing)*1)}.mfx .gap-x-2{column-gap:calc(var(--spacing)*2)}.mfx .gap-x-4{column-gap:calc(var(--spacing)*4)}.mfx .gap-x-6{column-gap:calc(var(--spacing)*6)}.mfx .gap-x-12{column-gap:calc(var(--spacing)*12)}.mfx .gap-y-0{row-gap:calc(var(--spacing)*0)}.mfx .gap-y-1{row-gap:calc(var(--spacing)*1)}.mfx .gap-y-3{row-gap:calc(var(--spacing)*3)}.mfx .self-end{align-self:flex-end}.mfx .self-start{align-self:flex-start}.mfx .overflow-auto{overflow:auto}.mfx .overflow-hidden{overflow:hidden}.mfx .overflow-x-auto{overflow-x:auto}.mfx .overflow-x-hidden{overflow-x:hidden}.mfx .overflow-y-auto{overflow-y:auto}.mfx .overflow-y-hidden{overflow-y:hidden}.mfx .\!rounded-\[var\(--cp-btn-primary-radius\)\]{border-radius:var(--cp-btn-primary-radius)!important}.mfx .\!rounded-\[var\(--cp-btn-secondary-radius\)\]{border-radius:var(--cp-btn-secondary-radius)!important}.mfx .\!rounded-xl{border-radius:var(--radius-xl)!important}.mfx .rounded{border-radius:.25rem}.mfx .rounded-2xl{border-radius:var(--radius-2xl)}.mfx .rounded-\[8px\]{border-radius:8px}.mfx .rounded-\[10px\]{border-radius:10px}.mfx .rounded-\[14px\]{border-radius:14px}.mfx .rounded-\[var\(--cp-popover-menu-radius\)\]{border-radius:var(--cp-popover-menu-radius)}.mfx .rounded-\[var\(--cp-section-content-radius\)\]{border-radius:var(--cp-section-content-radius)}.mfx .rounded-\[var\(--cp-section-summary-radius\)\]{border-radius:var(--cp-section-summary-radius)}.mfx .rounded-full{border-radius:calc(infinity * 1px)}.mfx .rounded-lg{border-radius:var(--radius-lg)}.mfx .rounded-md{border-radius:var(--radius-md)}.mfx .rounded-sm{border-radius:var(--radius-sm)}.mfx .rounded-xl{border-radius:var(--radius-xl)}.mfx .\!rounded-l-\[var\(--cp-modal-radius\,16px\)\]{border-bottom-left-radius:var(--cp-modal-radius,16px)!important;border-top-left-radius:var(--cp-modal-radius,16px)!important}.mfx .rounded-l-2xl{border-bottom-left-radius:var(--radius-2xl);border-top-left-radius:var(--radius-2xl)}.mfx .rounded-tl-\[8px\]{border-top-left-radius:8px}.mfx .rounded-tr-\[8px\]{border-top-right-radius:8px}.mfx .rounded-b-2xl{border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.mfx .rounded-br-\[8px\]{border-bottom-right-radius:8px}.mfx .rounded-bl-\[8px\]{border-bottom-left-radius:8px}.mfx .\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.mfx .border{border-style:var(--tw-border-style);border-width:1px}.mfx .border-0{border-style:var(--tw-border-style);border-width:0}.mfx .border-4{border-style:var(--tw-border-style);border-width:4px}.mfx .border-\[0\.03rem\]{border-style:var(--tw-border-style);border-width:.03rem}.mfx .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.mfx .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mfx .border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.mfx .border-t-\[0\.03rem\]{border-top-style:var(--tw-border-style);border-top-width:.03rem}.mfx .border-t-\[1px\]{border-top-style:var(--tw-border-style);border-top-width:1px}.mfx .border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.mfx .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mfx .border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.mfx .border-none{--tw-border-style:none;border-style:none}.mfx .\!border-\[var\(--cp-btn-primary-border\)\]{border-color:var(--cp-btn-primary-border)!important}.mfx .\!border-\[var\(--cp-btn-secondary-border\)\]{border-color:var(--cp-btn-secondary-border)!important}.mfx .\!border-\[var\(--cp-info-banner-btn-border\)\]{border-color:var(--cp-info-banner-btn-border)!important}.mfx .\!border-\[var\(--select-border\)\]{border-color:var(--select-border)!important}.mfx .\!border-\[var\(--select-dropdown-border\)\]{border-color:var(--select-dropdown-border)!important}.mfx .\!border-grey-200{border-color:var(--color-grey-200)!important}.mfx .\!border-grey-300{border-color:var(--color-grey-300)!important}.mfx .border-\[\#E4E4E7\]{border-color:#e4e4e7}.mfx .border-\[var\(--cp-modal-border\,transparent\)\]{border-color:var(--cp-modal-border,transparent)}.mfx .border-\[var\(--cp-popover-menu-border\)\]{border-color:var(--cp-popover-menu-border)}.mfx .border-\[var\(--cp-section-content-border\)\]{border-color:var(--cp-section-content-border)}.mfx .border-\[var\(--cp-section-content-border\,var\(--color-gray-200\)\)\]{border-color:var(--cp-section-content-border,var(--color-gray-200))}.mfx .border-\[var\(--cp-section-summary-border\)\]{border-color:var(--cp-section-summary-border)}.mfx .border-\[var\(--cp-subscription-child-border\,var\(--color-gray-200\)\)\]{border-color:var(--cp-subscription-child-border,var(--color-gray-200))}.mfx .border-\[var\(--cp-subscription-item-border\,var\(--color-gray-200\)\)\]{border-color:var(--cp-subscription-item-border,var(--color-gray-200))}.mfx .border-\[var\(--cp-table-border\)\]{border-color:var(--cp-table-border)}.mfx .border-\[var\(--cp-table-pagination-border\)\]{border-color:var(--cp-table-pagination-border)}.mfx .border-\[var\(--cp-tabs-border\)\]{border-color:var(--cp-tabs-border)}.mfx .border-\[var\(--pt-card-description-link\)\]{border-color:var(--pt-card-description-link)}.mfx .border-\[var\(--pt-card-header-bg\)\]{border-color:var(--pt-card-header-bg)}.mfx .border-\[var\(--pt-card-price-border\)\]{border-color:var(--pt-card-price-border)}.mfx .border-\[var\(--pt-checkout-bar-border\)\]{border-color:var(--pt-checkout-bar-border)}.mfx .border-\[var\(--pt-interval-border\,var\(--cp-tabs-border\,var\(--cp-section-content-border\)\)\)\]{border-color:var(--pt-interval-border,var(--cp-tabs-border,var(--cp-section-content-border)))}.mfx .border-\[var\(--pt-tabs-border\)\]{border-color:var(--pt-tabs-border)}.mfx .border-\[var\(--pt-tabs-indicator\)\]{border-color:var(--pt-tabs-indicator)}.mfx .border-base-danger{border-color:var(--color-base-danger)}.mfx .border-grey-100{border-color:var(--color-grey-100)}.mfx .border-grey-200{border-color:var(--color-grey-200)}.mfx .border-grey-300{border-color:var(--color-grey-300)}.mfx .border-grey-400{border-color:var(--color-grey-400)}.mfx .border-metrifox-black{border-color:var(--color-metrifox-black)}.mfx .border-metrifox-primary{border-color:var(--color-metrifox-primary)}.mfx .border-neutral-200{border-color:var(--color-neutral-200)}.mfx .border-b-\[var\(--cp-popover-menu-divider\)\]{border-bottom-color:var(--cp-popover-menu-divider)}.mfx .\!bg-\[var\(--cp-btn-primary-bg\)\]{background-color:var(--cp-btn-primary-bg)!important}.mfx .\!bg-\[var\(--cp-btn-secondary-bg\)\]{background-color:var(--cp-btn-secondary-bg)!important}.mfx .\!bg-\[var\(--cp-modal-bg\,\#ffffff\)\]{background-color:var(--cp-modal-bg,#fff)!important}.mfx .\!bg-\[var\(--cp-modal-footer-primary-bg\)\]{background-color:var(--cp-modal-footer-primary-bg)!important}.mfx .\!bg-\[var\(--cp-modal-footer-secondary-bg\)\]{background-color:var(--cp-modal-footer-secondary-bg)!important}.mfx .\!bg-\[var\(--pt-button-bg\)\]{background-color:var(--pt-button-bg)!important}.mfx .\!bg-\[var\(--pt-card-bg\)\]{background-color:var(--pt-card-bg)!important}.mfx .\!bg-\[var\(--pt-checkout-bar-button-bg\)\]{background-color:var(--pt-checkout-bar-button-bg)!important}.mfx .\!bg-\[var\(--select-bg\)\]{background-color:var(--select-bg)!important}.mfx .\!bg-\[var\(--select-dropdown-bg\)\]{background-color:var(--select-dropdown-bg)!important}.mfx .\!bg-metrifox-primary{background-color:var(--color-metrifox-primary)!important}.mfx .\!bg-transparent{background-color:transparent!important}.mfx .\!bg-white{background-color:var(--color-white)!important}.mfx .bg-\[\#1a1f71\]{background-color:#1a1f71}.mfx .bg-\[\#E4E4E7\]{background-color:#e4e4e7}.mfx .bg-\[var\(--cp-popover-menu-bg\)\]{background-color:var(--cp-popover-menu-bg)}.mfx .bg-\[var\(--cp-section-bg\,var\(--color-background-50\)\)\]{background-color:var(--cp-section-bg,var(--color-background-50))}.mfx .bg-\[var\(--cp-section-content-bg\)\]{background-color:var(--cp-section-content-bg)}.mfx .bg-\[var\(--cp-section-content-bg\,var\(--color-gray-50\)\)\]{background-color:var(--cp-section-content-bg,var(--color-gray-50))}.mfx .bg-\[var\(--cp-section-icon-bg\)\]{background-color:var(--cp-section-icon-bg)}.mfx .bg-\[var\(--cp-section-summary-bg\)\]{background-color:var(--cp-section-summary-bg)}.mfx .bg-\[var\(--cp-section-usage-bar-track-color\)\]{background-color:var(--cp-section-usage-bar-track-color)}.mfx .bg-\[var\(--cp-section-usage-bar-track-color\,\#e5e7eb\)\]{background-color:var(--cp-section-usage-bar-track-color,#e5e7eb)}.mfx .bg-\[var\(--cp-subscription-child-bg\,white\)\]{background-color:var(--cp-subscription-child-bg,#fff)}.mfx .bg-\[var\(--cp-subscription-item-bg\,white\)\]{background-color:var(--cp-subscription-item-bg,#fff)}.mfx .bg-\[var\(--cp-table-header-bg\)\]{background-color:var(--cp-table-header-bg)}.mfx .bg-\[var\(--cp-table-pagination-active-bg\)\]{background-color:var(--cp-table-pagination-active-bg)}.mfx .bg-\[var\(--cp-table-pagination-bg\)\]{background-color:var(--cp-table-pagination-bg)}.mfx .bg-\[var\(--cp-table-row-even-bg\)\]{background-color:var(--cp-table-row-even-bg)}.mfx .bg-\[var\(--cp-table-row-odd-bg\)\]{background-color:var(--cp-table-row-odd-bg)}.mfx .bg-\[var\(--cp-tabs-active-text\)\]{background-color:var(--cp-tabs-active-text)}.mfx .bg-\[var\(--cp-tabs-bg\)\]{background-color:var(--cp-tabs-bg)}.mfx .bg-\[var\(--pt-card-bg\)\]{background-color:var(--pt-card-bg)}.mfx .bg-\[var\(--pt-card-header-bg\)\]{background-color:var(--pt-card-header-bg)}.mfx .bg-\[var\(--pt-card-price-bg\)\]{background-color:var(--pt-card-price-bg)}.mfx .bg-\[var\(--pt-checkout-bar-bg\)\]{background-color:var(--pt-checkout-bar-bg)}.mfx .bg-\[var\(--pt-current-sub-card-header-bg\)\]{background-color:var(--pt-current-sub-card-header-bg)}.mfx .bg-\[var\(--pt-free-trial-bg\)\]{background-color:var(--pt-free-trial-bg)}.mfx .bg-\[var\(--pt-interval-active-bg\,var\(--cp-tabs-active-bg\)\)\]{background-color:var(--pt-interval-active-bg,var(--cp-tabs-active-bg))}.mfx .bg-\[var\(--pt-interval-bg\,var\(--cp-tabs-bg\)\)\]{background-color:var(--pt-interval-bg,var(--cp-tabs-bg))}.mfx .bg-amber-500{background-color:var(--color-amber-500)}.mfx .bg-background-system-disabled{background-color:var(--color-background-system-disabled)}.mfx .bg-background-system-primary{background-color:var(--color-background-system-primary)}.mfx .bg-blue-500{background-color:var(--color-blue-500)}.mfx .bg-gray-100{background-color:var(--color-gray-100)}.mfx .bg-green-600{background-color:var(--color-green-600)}.mfx .bg-grey-100{background-color:var(--color-grey-100)}.mfx .bg-grey-200{background-color:var(--color-grey-200)}.mfx .bg-grey-500{background-color:var(--color-grey-500)}.mfx .bg-grey-600{background-color:var(--color-grey-600)}.mfx .bg-metrifox-blue{background-color:var(--color-metrifox-blue)}.mfx .bg-metrifox-danger{background-color:var(--color-metrifox-danger)}.mfx .bg-metrifox-primary{background-color:var(--color-metrifox-primary)}.mfx .bg-metrifox-secondary{background-color:var(--color-metrifox-secondary)}.mfx .bg-metrifox-success{background-color:var(--color-metrifox-success)}.mfx .bg-metrifox-white{background-color:var(--color-metrifox-white)}.mfx .bg-neutral-100{background-color:var(--color-neutral-100)}.mfx .bg-neutral-200{background-color:var(--color-neutral-200)}.mfx .bg-neutral-400{background-color:var(--color-neutral-400)}.mfx .bg-orange-500{background-color:var(--color-orange-500)}.mfx .bg-purple-500{background-color:var(--color-purple-500)}.mfx .bg-red-50{background-color:var(--color-red-50)}.mfx .bg-red-500{background-color:var(--color-red-500)}.mfx .bg-secondary-light{background-color:var(--color-secondary-light)}.mfx .bg-transparent{background-color:transparent}.mfx .bg-white{background-color:var(--color-white)}.mfx .\!p-0{padding:calc(var(--spacing)*0)!important}.mfx .p-1{padding:calc(var(--spacing)*1)}.mfx .p-1\.5{padding:calc(var(--spacing)*1.5)}.mfx .p-2{padding:calc(var(--spacing)*2)}.mfx .p-2\.5{padding:calc(var(--spacing)*2.5)}.mfx .p-3{padding:calc(var(--spacing)*3)}.mfx .p-4{padding:calc(var(--spacing)*4)}.mfx .p-6{padding:calc(var(--spacing)*6)}.mfx .p-8{padding:calc(var(--spacing)*8)}.mfx .p-\[6px\]{padding:6px}.mfx .p-\[var\(--cp-popover-menu-item-padding\)\]{padding:var(--cp-popover-menu-item-padding)}.mfx .\!px-0{padding-inline:calc(var(--spacing)*0)!important}.mfx .\!px-3{padding-inline:calc(var(--spacing)*3)!important}.mfx .\!px-4{padding-inline:calc(var(--spacing)*4)!important}.mfx .\!px-5{padding-inline:calc(var(--spacing)*5)!important}.mfx .px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.mfx .px-2{padding-inline:calc(var(--spacing)*2)}.mfx .px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.mfx .px-3{padding-inline:calc(var(--spacing)*3)}.mfx .px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.mfx .px-4{padding-inline:calc(var(--spacing)*4)}.mfx .px-6{padding-inline:calc(var(--spacing)*6)}.mfx .px-16{padding-inline:calc(var(--spacing)*16)}.mfx .px-\[6px\]{padding-inline:6px}.mfx .px-\[10px\]{padding-inline:10px}.mfx .px-\[12px\]{padding-inline:12px}.mfx .px-\[16px\]{padding-inline:16px}.mfx .px-\[20px\]{padding-inline:20px}.mfx .px-\[24px\]{padding-inline:24px}.mfx .\!py-2{padding-block:calc(var(--spacing)*2)!important}.mfx .\!py-3{padding-block:calc(var(--spacing)*3)!important}.mfx .\!py-6{padding-block:calc(var(--spacing)*6)!important}.mfx .py-0\.5{padding-block:calc(var(--spacing)*.5)}.mfx .py-1{padding-block:calc(var(--spacing)*1)}.mfx .py-1\.5{padding-block:calc(var(--spacing)*1.5)}.mfx .py-2{padding-block:calc(var(--spacing)*2)}.mfx .py-3{padding-block:calc(var(--spacing)*3)}.mfx .py-4{padding-block:calc(var(--spacing)*4)}.mfx .py-5{padding-block:calc(var(--spacing)*5)}.mfx .py-6{padding-block:calc(var(--spacing)*6)}.mfx .py-10{padding-block:calc(var(--spacing)*10)}.mfx .py-12{padding-block:calc(var(--spacing)*12)}.mfx .py-20{padding-block:calc(var(--spacing)*20)}.mfx .py-\[6px\]{padding-block:6px}.mfx .py-\[8px\]{padding-block:8px}.mfx .py-\[17px\]{padding-block:17px}.mfx .pt-2{padding-top:calc(var(--spacing)*2)}.mfx .pt-4{padding-top:calc(var(--spacing)*4)}.mfx .pt-6{padding-top:calc(var(--spacing)*6)}.mfx .pt-\[6px\]{padding-top:6px}.mfx .pt-\[10px\]{padding-top:10px}.mfx .pt-\[21px\]{padding-top:21px}.mfx .pr-2{padding-right:calc(var(--spacing)*2)}.mfx .pr-8{padding-right:calc(var(--spacing)*8)}.mfx .pr-\[5px\]{padding-right:5px}.mfx .pb-1{padding-bottom:calc(var(--spacing)*1)}.mfx .pb-2{padding-bottom:calc(var(--spacing)*2)}.mfx .pb-3{padding-bottom:calc(var(--spacing)*3)}.mfx .pb-4{padding-bottom:calc(var(--spacing)*4)}.mfx .pb-\[2px\]{padding-bottom:2px}.mfx .pb-\[40px\]{padding-bottom:40px}.mfx .pb-\[72px\]{padding-bottom:72px}.mfx .pl-4{padding-left:calc(var(--spacing)*4)}.mfx .text-center{text-align:center}.mfx .text-left{text-align:left}.mfx .text-right{text-align:right}.mfx .text-\[13px\]\/\[15\.6px\]{font-size:13px;line-height:15.6px}.mfx .text-\[13px\]\/\[16\.9px\]{font-size:13px;line-height:16.9px}.mfx .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.mfx .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.mfx .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.mfx .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.mfx .text-\[\.625rem\]{font-size:.625rem}.mfx .text-\[10px\]{font-size:10px}.mfx .text-\[13px\]{font-size:13px}.mfx .text-\[16px\]{font-size:16px}.mfx .text-\[20px\]{font-size:20px}.mfx .text-\[25px\]{font-size:25px}.mfx .text-\[31px\]{font-size:31px}.mfx .text-\[39px\]{font-size:39px}.mfx .text-\[49px\]{font-size:49px}.mfx .text-\[61px\]{font-size:61px}.mfx .leading-\[120\%\]{--tw-leading:120%;line-height:120%}.mfx .leading-\[140\%\]{--tw-leading:140%;line-height:140%}.mfx .\!font-normal{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.mfx .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.mfx .font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.mfx .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.mfx .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.mfx .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.mfx .text-balance{text-wrap:balance}.mfx .text-nowrap{text-wrap:nowrap}.mfx .text-wrap{text-wrap:wrap}.mfx .break-words{overflow-wrap:break-word}.mfx .break-all{word-break:break-all}.mfx .whitespace-normal{white-space:normal}.mfx .whitespace-nowrap{white-space:nowrap}.mfx .\!text-\[var\(--cp-btn-primary-text\)\]{color:var(--cp-btn-primary-text)!important}.mfx .\!text-\[var\(--cp-btn-secondary-text\)\]{color:var(--cp-btn-secondary-text)!important}.mfx .\!text-\[var\(--cp-info-banner-btn-text\)\]{color:var(--cp-info-banner-btn-text)!important}.mfx .\!text-\[var\(--cp-link-color\)\]{color:var(--cp-link-color)!important}.mfx .\!text-\[var\(--cp-link-color\,\#3b82f6\)\]{color:var(--cp-link-color,#3b82f6)!important}.mfx .\!text-\[var\(--cp-modal-footer-primary-text\)\]{color:var(--cp-modal-footer-primary-text)!important}.mfx .\!text-\[var\(--cp-modal-footer-secondary-text\)\]{color:var(--cp-modal-footer-secondary-text)!important}.mfx .\!text-\[var\(--cp-popover-menu-item-danger-text\)\]{color:var(--cp-popover-menu-item-danger-text)!important}.mfx .\!text-\[var\(--pt-button-link\)\]{color:var(--pt-button-link)!important}.mfx .\!text-\[var\(--pt-button-text\)\]{color:var(--pt-button-text)!important}.mfx .\!text-\[var\(--pt-checkout-bar-button-text\)\]{color:var(--pt-checkout-bar-button-text)!important}.mfx .\!text-\[var\(--select-text\)\]{color:var(--select-text)!important}.mfx .\!text-grey-500{color:var(--color-grey-500)!important}.mfx .\!text-metrifox-white{color:var(--color-metrifox-white)!important}.mfx .text-\[\#3F3F46\]{color:#3f3f46}.mfx .text-\[\#D12C2C\]{color:#d12c2c}.mfx .text-\[var\(--cp-info-banner-text\)\]{color:var(--cp-info-banner-text)}.mfx .text-\[var\(--cp-modal-desc-color\)\]{color:var(--cp-modal-desc-color)}.mfx .text-\[var\(--cp-modal-title-color\)\]{color:var(--cp-modal-title-color)}.mfx .text-\[var\(--cp-popover-menu-item-text\)\]{color:var(--cp-popover-menu-item-text)}.mfx .text-\[var\(--cp-popover-trigger-icon-color\)\]{color:var(--cp-popover-trigger-icon-color)}.mfx .text-\[var\(--cp-section-desc-color\)\]{color:var(--cp-section-desc-color)}.mfx .text-\[var\(--cp-section-empty-text\)\]{color:var(--cp-section-empty-text)}.mfx .text-\[var\(--cp-section-header-color\)\]{color:var(--cp-section-header-color)}.mfx .text-\[var\(--cp-section-label-color\)\]{color:var(--cp-section-label-color)}.mfx .text-\[var\(--cp-section-summary-balance-label-color\,var\(--cp-section-label-color\)\)\]{color:var(--cp-section-summary-balance-label-color,var(--cp-section-label-color))}.mfx .text-\[var\(--cp-section-value-color\)\]{color:var(--cp-section-value-color)}.mfx .text-\[var\(--cp-subscription-child-quantity\,var\(--color-gray-500\,\#6b7280\)\)\]{color:var(--cp-subscription-child-quantity,var(--color-gray-500,#6b7280))}.mfx .text-\[var\(--cp-subscription-child-text\)\]{color:var(--cp-subscription-child-text)}.mfx .text-\[var\(--cp-subscription-item-quantity\,var\(--color-gray-500\,\#6b7280\)\)\]{color:var(--cp-subscription-item-quantity,var(--color-gray-500,#6b7280))}.mfx .text-\[var\(--cp-subscription-item-text\)\]{color:var(--cp-subscription-item-text)}.mfx .text-\[var\(--cp-table-header-text\)\]{color:var(--cp-table-header-text)}.mfx .text-\[var\(--cp-table-pagination-active-text\)\]{color:var(--cp-table-pagination-active-text)}.mfx .text-\[var\(--cp-table-pagination-text\)\]{color:var(--cp-table-pagination-text)}.mfx .text-\[var\(--cp-table-text\)\]{color:var(--cp-table-text)}.mfx .text-\[var\(--cp-tabs-active-bg\)\]{color:var(--cp-tabs-active-bg)}.mfx .text-\[var\(--cp-tabs-inactive-text\)\]{color:var(--cp-tabs-inactive-text)}.mfx .text-\[var\(--pt-card-description\)\]{color:var(--pt-card-description)}.mfx .text-\[var\(--pt-card-description-link\)\]{color:var(--pt-card-description-link)}.mfx .text-\[var\(--pt-card-description-text\)\]{color:var(--pt-card-description-text)}.mfx .text-\[var\(--pt-card-header-text\)\]{color:var(--pt-card-header-text)}.mfx .text-\[var\(--pt-card-price-amount\)\]{color:var(--pt-card-price-amount)}.mfx .text-\[var\(--pt-card-price-primary-text\)\]{color:var(--pt-card-price-primary-text)}.mfx .text-\[var\(--pt-card-price-secondary-text\)\]{color:var(--pt-card-price-secondary-text)}.mfx .text-\[var\(--pt-checkout-bar-text\)\]{color:var(--pt-checkout-bar-text)}.mfx .text-\[var\(--pt-current-sub-card-header-text\)\]{color:var(--pt-current-sub-card-header-text)}.mfx .text-\[var\(--pt-feature-text\)\]{color:var(--pt-feature-text)}.mfx .text-\[var\(--pt-free-trial-text\)\]{color:var(--pt-free-trial-text)}.mfx .text-\[var\(--pt-interval-active-text\,var\(--cp-tabs-active-text\)\)\]{color:var(--pt-interval-active-text,var(--cp-tabs-active-text))}.mfx .text-\[var\(--pt-interval-inactive-text\,var\(--cp-tabs-inactive-text\)\)\]{color:var(--pt-interval-inactive-text,var(--cp-tabs-inactive-text))}.mfx .text-\[var\(--pt-tabs-active-text\)\]{color:var(--pt-tabs-active-text)}.mfx .text-\[var\(--select-text\)\]{color:var(--select-text)}.mfx .text-base-danger{color:var(--color-base-danger)}.mfx .text-base-default-600{color:var(--color-base-default-600)}.mfx .text-foreground-disabled{color:var(--color-foreground-disabled)}.mfx .text-gray-500{color:var(--color-gray-500)}.mfx .text-grey-400{color:var(--color-grey-400)}.mfx .text-grey-500{color:var(--color-grey-500)}.mfx .text-grey-600{color:var(--color-grey-600)}.mfx .text-grey-700{color:var(--color-grey-700)}.mfx .text-grey-800{color:var(--color-grey-800)}.mfx .text-grey-900{color:var(--color-grey-900)}.mfx .text-metrifox-black{color:var(--color-metrifox-black)}.mfx .text-metrifox-blue{color:var(--color-metrifox-blue)}.mfx .text-metrifox-primary{color:var(--color-metrifox-primary)}.mfx .text-metrifox-white{color:var(--color-metrifox-white)}.mfx .text-neutral-500{color:var(--color-neutral-500)}.mfx .text-neutral-800{color:var(--color-neutral-800)}.mfx .text-neutral-900{color:var(--color-neutral-900)}.mfx .text-red-700{color:var(--color-red-700)}.mfx .text-white{color:var(--color-white)}.mfx .capitalize{text-transform:capitalize}.mfx .uppercase{text-transform:uppercase}.mfx .underline{text-decoration-line:underline}.mfx .\!placeholder-\[var\(--select-placeholder\)\]::placeholder{color:var(--select-placeholder)!important}.mfx .placeholder-\[var\(--select-placeholder\)\]::placeholder{color:var(--select-placeholder)}.mfx .placeholder-grey-500::placeholder{color:var(--color-grey-500)}.mfx .opacity-50{opacity:50%}.mfx .opacity-60{opacity:60%}.mfx .opacity-70{opacity:70%}.mfx .opacity-75{opacity:75%}.mfx .opacity-80{opacity:80%}.mfx .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.mfx .shadow,.mfx .shadow-\[0px_0px_0px_2\.5px_\#9EE35B4D\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mfx .shadow-\[0px_0px_0px_2\.5px_\#9EE35B4D\]{--tw-shadow:0px 0px 0px 2.5px var(--tw-shadow-color,#9ee35b4d)}.mfx .shadow-\[0px_1px_2px_0px_\#0A0D120D\]{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#0a0d120d)}.mfx .shadow-\[0px_1px_2px_0px_\#0A0D120D\],.mfx .shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mfx .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.mfx .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgba(0,0,0,.1)),0 2px 4px -2px var(--tw-shadow-color,rgba(0,0,0,.1))}.mfx .shadow-md,.mfx .shadow-none{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mfx .shadow-none{--tw-shadow:0 0 #0000}.mfx .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mfx .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.mfx .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md))}.mfx .backdrop-blur-md,.mfx .backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.mfx .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.mfx .transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.mfx .transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.mfx .transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.mfx .transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.mfx .transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.mfx .duration-200{--tw-duration:.2s;transition-duration:.2s}.mfx .duration-300{--tw-duration:.3s;transition-duration:.3s}.mfx .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.mfx .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.mfx .outline-none{--tw-outline-style:none;outline-style:none}.mfx .\[-ms-overflow-style\:none\]{-ms-overflow-style:none}:is(.mfx .\*\:ml-1>*){margin-left:calc(var(--spacing)*1)}.mfx .last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.mfx .last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.mfx .last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.mfx .odd\:bg-\[var\(--cp-table-row-odd-bg\)\]:nth-child(odd){background-color:var(--cp-table-row-odd-bg)}.mfx .even\:bg-\[var\(--cp-table-row-even-bg\)\]:nth-child(2n){background-color:var(--cp-table-row-even-bg)}@media(hover:hover){.mfx .hover\:\!border-grey-300:hover{border-color:var(--color-grey-300)!important}.mfx .hover\:bg-\[var\(--cp-popover-menu-item-hover-bg\)\]:hover{background-color:var(--cp-popover-menu-item-hover-bg)}.mfx .hover\:bg-black\/5:hover{background-color:color-mix(in srgb,#000 5%,transparent)}}@media(hover:hover){@supports (color:color-mix(in lab,red,red)){.mfx .hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}}@media(hover:hover){.mfx .hover\:bg-grey-100:hover{background-color:var(--color-grey-100)}.mfx .hover\:text-gray-900:hover{color:var(--color-gray-900)}.mfx .hover\:opacity-60:hover{opacity:60%}.mfx .hover\:opacity-80:hover{opacity:80%}.mfx .hover\:opacity-90:hover{opacity:90%}}.mfx .focus\:border-metrifox-primary:focus{border-color:var(--color-metrifox-primary)}.mfx .focus\:shadow-\[0px_0px_0px_2\.5px_\#9EE35B4D\]:focus{--tw-shadow:0px 0px 0px 2.5px var(--tw-shadow-color,#9ee35b4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mfx .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.mfx .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.mfx .disabled\:opacity-50:disabled{opacity:50%}.mfx .disabled\:opacity-60:disabled{opacity:60%}.mfx .data-\[closed\]\:scale-95[data-closed]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.mfx .data-\[closed\]\:opacity-0[data-closed]{opacity:0}.mfx .data-\[selected\]\:border[data-selected]{border-style:var(--tw-border-style);border-width:1px}.mfx .data-\[selected\]\:border-grey-50[data-selected]{border-color:var(--color-grey-50)}.mfx .data-\[selected\]\:bg-\[var\(--cp-tabs-active-bg\)\][data-selected]{background-color:var(--cp-tabs-active-bg)}.mfx .data-\[selected\]\:bg-metrifox-primary[data-selected]{background-color:var(--color-metrifox-primary)}.mfx .data-\[selected\]\:text-\[var\(--cp-tabs-active-text\)\][data-selected]{color:var(--cp-tabs-active-text)}.mfx .data-\[selected\]\:text-grey-50[data-selected]{color:var(--color-grey-50)}.mfx .data-\[selected\]\:shadow-sm[data-selected]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media not (min-width:64rem){.mfx .max-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not (min-width:48rem){.mfx .max-md\:bottom-0{bottom:calc(var(--spacing)*0)}.mfx .max-md\:w-full{width:100%}.mfx .max-md\:rounded-none{border-radius:0}.mfx .max-md\:pb-4{padding-bottom:calc(var(--spacing)*4)}}@media not (min-width:40rem){.mfx .max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:40rem){.mfx .sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.mfx .sm\:ml-auto{margin-left:auto}.mfx .sm\:h-\[500px\]{height:500px}.mfx .sm\:w-\[15rem\]{width:15rem}.mfx .sm\:w-\[330px\]{width:330px}.mfx .sm\:w-auto{width:auto}.mfx .sm\:min-w-0{min-width:calc(var(--spacing)*0)}.mfx .sm\:flex-1{flex:1}.mfx .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mfx .sm\:flex-row{flex-direction:row}.mfx .sm\:items-center{align-items:center}.mfx .sm\:items-stretch{align-items:stretch}.mfx .sm\:justify-between{justify-content:space-between}.mfx .sm\:justify-center{justify-content:center}.mfx .sm\:gap-0{gap:calc(var(--spacing)*0)}.mfx .sm\:gap-2{gap:calc(var(--spacing)*2)}.mfx .sm\:gap-3{gap:calc(var(--spacing)*3)}.mfx .sm\:gap-8{gap:calc(var(--spacing)*8)}}@media(min-width:40rem){:where(.mfx .sm\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}}@media(min-width:40rem){.mfx .sm\:gap-x-20{column-gap:calc(var(--spacing)*20)}.mfx .sm\:self-auto{align-self:auto}.mfx .sm\:self-center{align-self:center}.mfx .sm\:overflow-visible{overflow:visible}.mfx .sm\:px-0{padding-inline:calc(var(--spacing)*0)}.mfx .sm\:px-4{padding-inline:calc(var(--spacing)*4)}.mfx .sm\:px-6{padding-inline:calc(var(--spacing)*6)}.mfx .sm\:text-left{text-align:left}}@media(min-width:48rem){.mfx .md\:gap-x-40{column-gap:calc(var(--spacing)*40)}.mfx .md\:px-6{padding-inline:calc(var(--spacing)*6)}}@media(min-width:64rem){.mfx .lg\:absolute{position:absolute}.mfx .lg\:relative{position:relative}.mfx .lg\:left-1\/2{left:50%}.mfx .lg\:mx-0{margin-inline:calc(var(--spacing)*0)}.mfx .lg\:ml-auto{margin-left:auto}.mfx .lg\:w-\[15rem\]{width:15rem}.mfx .lg\:w-auto{width:auto}.mfx .lg\:max-w-none{max-width:none}.mfx .lg\:flex-shrink-0{flex-shrink:0}.mfx .lg\:-translate-x-1\/2{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.mfx .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mfx .lg\:flex-row{flex-direction:row}.mfx .lg\:items-center{align-items:center}.mfx .lg\:justify-between{justify-content:space-between}}@media(min-width:80rem){.mfx .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.mfx .\[\&_\.border-b\]\:\!border-\[var\(--cp-modal-border\,\#E4E4E7\)\] .border-b{border-color:var(--cp-modal-border,#e4e4e7)!important}.mfx .\[\&_\.cursor-pointer_svg\]\:\!text-\[var\(--cp-modal-close-icon\,\#1f2937\)\] .cursor-pointer svg{color:var(--cp-modal-close-icon,#1f2937)!important}.mfx .\[\&_\.text-base-default-600\]\:\!text-\[var\(--select-option-text\)\] .text-base-default-600{color:var(--select-option-text)!important}.mfx .\[\&_h6\]\:\!text-\[length\:var\(--cp-modal-header-size\,20px\)\] h6{font-size:var(--cp-modal-header-size,20px)!important}.mfx .\[\&_h6\]\:\!font-\[var\(--cp-modal-header-weight\,600\)\] h6{--tw-font-weight:var(--cp-modal-header-weight,600)!important;font-weight:var(--cp-modal-header-weight,600)!important}.mfx .\[\&_h6\]\:\!text-\[var\(--cp-modal-header-color\,\#191919\)\] h6{color:var(--cp-modal-header-color,#191919)!important}.mfx .\[\&_input\]\:text-center input{text-align:center}.mfx .\[\&_li\:hover\]\:\!bg-\[var\(--select-option-hover-bg\)\] li:hover{background-color:var(--select-option-hover-bg)!important}.mfx .\[\&_p\]\:\!text-\[length\:var\(--cp-modal-desc-size\,14px\)\] p{font-size:var(--cp-modal-desc-size,14px)!important}.mfx .\[\&_p\]\:\!font-\[var\(--cp-modal-desc-weight\,400\)\] p{--tw-font-weight:var(--cp-modal-desc-weight,400)!important;font-weight:var(--cp-modal-desc-weight,400)!important}.mfx .\[\&_p\]\:\!text-\[var\(--cp-modal-desc-color\,\#6b7280\)\] p{color:var(--cp-modal-desc-color,#6b7280)!important}.mfx .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.mfx .\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar{height:calc(var(--spacing)*2)}.mfx .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:calc(infinity * 1px)}.mfx .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-grey-300::-webkit-scrollbar-thumb{background-color:var(--color-grey-300)}.mfx .\[\&\:\:-webkit-scrollbar-track\]\:bg-grey-100::-webkit-scrollbar-track{background-color:var(--color-grey-100)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pg-preview-container{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:100%;background-color:#27272a;background-image:radial-gradient(#3f3f46 1px,transparent 1px);background-size:24px 24px;padding:24px 40px 40px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.pg-preview-window{width:100%;max-width:1024px;flex-shrink:0;background:#27272a;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 20px 40px -10px #00000080;display:flex;flex-direction:column;overflow:hidden;height:800px;max-height:calc(100vh - 112px);transition:max-width .3s ease,height .3s ease,max-height .3s ease}.pg-preview-window.desktop{max-width:1024px;height:800px;max-height:min(800px,calc(100vh - 112px))}.pg-preview-window.tablet{max-width:768px;height:1024px;max-height:min(1024px,calc(100vh - 112px))}.pg-preview-window.mobile{max-width:375px;height:667px;max-height:min(667px,calc(100vh - 112px))}.pg-window-header{height:48px;background:#3f3f46;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.pg-traffic-lights{display:flex;gap:8px;width:60px}.pg-light{width:12px;height:12px;border-radius:50%}.pg-red{background:#ef4444}.pg-yellow{background:#f59e0b}.pg-green{background:#22c55e}.pg-address-bar{flex:1;max-width:400px;height:28px;background:#27272a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:12px;color:#71717a;margin:0 auto}.pg-window-actions{display:flex;gap:12px;width:60px;justify-content:flex-end}.pg-header-icon{width:16px;height:16px;background:#52525b;border-radius:50%}.pg-header-icon.rounded{border-radius:4px}.pg-window-content{flex:1;overflow:auto;background:#27272a;position:relative}.pg-theme-light .pg-preview-container{background-color:#cbd5e1;background-image:radial-gradient(#94a3b8 1px,transparent 1px)}.pg-theme-light .pg-preview-window{background:#f8fafc;box-shadow:0 0 0 1px #0000000f,0 20px 40px -10px #00000026}.pg-theme-light .pg-window-header{background:#e2e8f0;border-bottom:1px solid rgba(0,0,0,.06)}.pg-theme-light .pg-address-bar{background:#fff;color:#64748b}.pg-theme-light .pg-header-icon{background:#94a3b8}.pg-theme-light .pg-window-content{background:#f8fafc}.tp-panel{padding:1rem}.tp-root-section{border-bottom:1px solid #3f3f46;padding-bottom:1rem;margin-bottom:1rem}.tp-root-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tp-root-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;margin-bottom:1rem;transition:opacity .2s}.tp-root-header:hover{opacity:.8}.tp-root-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#a1a1aa;letter-spacing:.05em;margin:0}.tp-root-header:hover .tp-root-title{color:#fafafa}.tp-root-description{font-size:.75rem;line-height:1.4;margin:-.5rem 0 .75rem;color:#71717a}.tp-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.25rem 0;cursor:pointer;color:#a1a1aa;margin-bottom:.5rem;text-align:left}.tp-section-header:hover .tp-section-title{color:#fafafa}.tp-section-title{font-size:.75rem;font-weight:600;color:#d4d4d8}.tp-chevron{font-size:14px;color:#71717a;transition:transform .2s;display:inline-block;line-height:1}.tp-chevron.open{transform:rotate(90deg)}.tp-config-item{margin-bottom:1rem}.tp-label{display:block;font-size:.75rem;font-weight:500;color:#d4d4d8;margin-bottom:.375rem}.tp-field-hint{display:block;font-size:.65rem;color:#71717a;margin-top:.25rem;line-height:1.4}.tp-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#d4d4d8;cursor:pointer}.tp-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:#3b82f6}.tp-text-input{width:100%;background:#3f3f46;border:1px solid #52525b;border-radius:6px;padding:6px 10px;color:#fafafa;font-size:13px;outline:none;transition:border-color .2s}.tp-text-input:focus{border-color:#3b82f6}.tp-color-input{display:flex;align-items:center;gap:8px}.tp-color-swatch-wrapper{position:relative;width:32px;height:32px;border-radius:6px;overflow:hidden;border:1px solid #52525b;background:#3f3f46;flex-shrink:0}.tp-color-swatch{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.tp-color-preview{width:100%;height:100%;z-index:1}.tp-color-text{flex:1;font-family:monospace}.tp-slider-input{display:flex;align-items:center;gap:12px}.tp-range{flex:1;height:4px;background:#52525b;border-radius:2px;appearance:none;outline:none;cursor:pointer}.tp-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer;border:2px solid #27272a;box-shadow:0 0 0 1px #3b82f6}.tp-slider-text{width:60px;text-align:right;font-family:monospace}.tp-section{margin-bottom:.5rem}.tp-section-content{padding-left:.5rem;border-left:1px solid #3f3f46;margin-left:.25rem}.pg-theme-light .tp-root-section{border-bottom-color:#e2e8f0}.pg-theme-light .tp-root-title{color:#64748b}.pg-theme-light .tp-root-header:hover .tp-root-title{color:#0f172a}.pg-theme-light .tp-root-description,.pg-theme-light .tp-section-header{color:#64748b}.pg-theme-light .tp-section-title{color:#475569}.pg-theme-light .tp-section-header:hover .tp-section-title{color:#0f172a}.pg-theme-light .tp-label{color:#475569}.pg-theme-light .tp-field-hint{color:#94a3b8}.pg-theme-light .tp-text-input{background:#fff;border-color:#e2e8f0;color:#0f172a}.pg-theme-light .tp-color-swatch-wrapper{border-color:#e2e8f0;background:#f8fafc}.pg-theme-light .tp-range{background:#cbd5e1}.pg-theme-light .tp-range::-webkit-slider-thumb{border-color:#e2e8f0}.pg-theme-light .tp-section-content{border-left-color:#e2e8f0}.pg-layout.pg-theme-dark{--pg-dark-bg: #27272a;--pg-dark-bg-deep: #18181b;--pg-dark-elevated: #3f3f46;--pg-dark-border: #3f3f46;--pg-dark-border-subtle: #52525b;--pg-dark-text: #fafafa;--pg-dark-text-muted: #a1a1aa;--pg-dark-text-dim: #71717a}.pg-layout{display:flex;height:100vh;width:100vw;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.pg-layout.pg-theme-dark{background-color:var(--pg-dark-bg);color:var(--pg-dark-text)}.pg-layout.pg-theme-light{background-color:#f1f5f9;color:#0f172a}.pg-sidebar-left{width:320px;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.pg-theme-dark .pg-sidebar-left{background-color:var(--pg-dark-bg);border-right:1px solid var(--pg-dark-border)}.pg-theme-light .pg-sidebar-left{background-color:#fff;border-right:1px solid #e2e8f0}.pg-sidebar-header{padding:20px}.pg-theme-dark .pg-sidebar-header{border-bottom:1px solid var(--pg-dark-border)}.pg-theme-light .pg-sidebar-header{border-bottom:1px solid #e2e8f0}.pg-logo{display:flex;align-items:center;margin-bottom:16px}.pg-logo-img{display:block;height:28px;width:auto;max-width:100%;object-fit:contain}.pg-theme-light .pg-logo-img{filter:none}.pg-theme-dark .pg-logo-img{filter:invert(1) brightness(1.05)}.pg-widget-select-wrap{width:100%}.pg-widget-select-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.pg-theme-dark .pg-widget-select-label{color:var(--pg-dark-text-muted)}.pg-theme-light .pg-widget-select-label{color:#64748b}.pg-widget-select{width:100%;border-radius:6px;padding:8px 32px 8px 12px;font-size:13px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.pg-theme-dark .pg-widget-select{background-color:var(--pg-dark-elevated);border:1px solid var(--pg-dark-border-subtle);color:var(--pg-dark-text)}.pg-theme-light .pg-widget-select{background-color:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}.pg-widget-select:focus{border-color:#3b82f6}.pg-theme-dark .pg-widget-select option{background:var(--pg-dark-elevated);color:var(--pg-dark-text)}.pg-widget-description{font-size:12px;line-height:1.4;margin-top:8px}.pg-theme-dark .pg-widget-description{color:var(--pg-dark-text-muted)}.pg-theme-light .pg-widget-description{color:#64748b}.pg-theme-search-wrap{margin-bottom:12px;position:relative;display:flex;align-items:center}.pg-theme-search-wrap .pg-theme-search-icon{position:absolute;left:12px;width:16px;height:16px;pointer-events:none;color:var(--pg-search-icon, #94a3b8)}.pg-theme-dark .pg-theme-search-wrap .pg-theme-search-icon{color:var(--pg-dark-text-dim)}.pg-theme-search-input{width:100%;border-radius:6px;padding:8px 12px 8px 36px;font-size:13px;outline:none}.pg-theme-dark .pg-theme-search-input{background:var(--pg-dark-elevated);border:1px solid var(--pg-dark-border-subtle);color:var(--pg-dark-text)}.pg-theme-dark .pg-theme-search-input::placeholder{color:var(--pg-dark-text-dim)}.pg-theme-light .pg-theme-search-input{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}.pg-theme-light .pg-theme-search-input::placeholder{color:#94a3b8}.pg-theme-search-input:focus{border-color:#3b82f6}.pg-sidebar-content{flex:1;padding:20px;overflow-y:auto}.pg-config-group{margin-bottom:32px}.pg-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.pg-theme-dark .pg-group-title{color:var(--pg-dark-text-muted)}.pg-theme-light .pg-group-title{color:#64748b}.pg-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.pg-theme-dark .pg-main-area{background:var(--pg-dark-bg-deep)}.pg-theme-light .pg-main-area{background:#e2e8f0}.pg-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.pg-theme-dark .pg-topbar{background:var(--pg-dark-bg);border-bottom:1px solid var(--pg-dark-border)}.pg-theme-light .pg-topbar{background:#fff;border-bottom:1px solid #e2e8f0}.pg-tabs{display:flex;gap:24px}.pg-tab{background:none;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;position:relative}.pg-theme-dark .pg-tab{color:var(--pg-dark-text-muted)}.pg-theme-dark .pg-tab:hover{color:var(--pg-dark-text)}.pg-theme-light .pg-tab{color:#64748b}.pg-theme-light .pg-tab:hover{color:#0f172a}.pg-tab.active{color:#3b82f6}.pg-badge{font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px}.pg-theme-dark .pg-badge{background:var(--pg-dark-elevated);color:#3b82f6}.pg-theme-light .pg-badge{background:#e2e8f0;color:#2563eb}.pg-toolbar{display:flex;align-items:center;gap:16px}.pg-header-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.pg-theme-dark .pg-header-link{color:var(--pg-dark-text-muted)}.pg-theme-dark .pg-header-link:hover{color:var(--pg-dark-text);background:var(--pg-dark-elevated)}.pg-theme-light .pg-header-link{color:#64748b}.pg-theme-light .pg-header-link:hover{color:#0f172a;background:#0000000a}.pg-header-link-text{white-space:nowrap}.pg-header-link-icon{flex-shrink:0}.pg-device-toggles{display:flex;padding:2px;border-radius:6px}.pg-theme-dark .pg-device-toggles{background:var(--pg-dark-elevated)}.pg-theme-light .pg-device-toggles{background:#e2e8f0}.pg-icon-btn{background:none;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.pg-theme-dark .pg-icon-btn{color:var(--pg-dark-text-muted)}.pg-theme-dark .pg-icon-btn:hover{color:var(--pg-dark-text)}.pg-theme-light .pg-icon-btn{color:#64748b}.pg-theme-light .pg-icon-btn:hover{color:#0f172a}.pg-icon-btn.active{color:#fff}.pg-theme-dark .pg-icon-btn.active{background:var(--pg-dark-border-subtle)}.pg-theme-light .pg-icon-btn.active{background:#475569;color:#fff}.pg-divider{width:1px;height:24px}.pg-theme-dark .pg-divider{background:var(--pg-dark-border)}.pg-theme-light .pg-divider{background:#e2e8f0}.pg-btn-text{background:none;border:none;font-size:13px;cursor:pointer}.pg-theme-dark .pg-btn-text{color:var(--pg-dark-text-muted)}.pg-theme-dark .pg-btn-text:hover{color:var(--pg-dark-text)}.pg-theme-light .pg-btn-text{color:#64748b}.pg-theme-light .pg-btn-text:hover{color:#0f172a}.pg-btn-primary{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.pg-btn-primary:hover{background:#2563eb}.pg-avatar img{width:32px;height:32px;border-radius:50%}.pg-theme-dark .pg-avatar img{border:2px solid var(--pg-dark-border)}.pg-theme-light .pg-avatar img{border:2px solid #e2e8f0}.pg-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.pg-code-view-wrap{display:flex;flex-direction:column;height:100%;min-height:0}.pg-code-view-header{flex-shrink:0;display:flex;justify-content:flex-end;padding:8px 12px;border-bottom:1px solid var(--pg-border, #e2e8f0)}.pg-theme-dark .pg-code-view-header{border-bottom-color:#27272a}.pg-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--pg-text-muted, #64748b);background:transparent;border:1px solid var(--pg-border, #e2e8f0);border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.pg-copy-btn:hover{color:var(--pg-text, #0f172a);border-color:#94a3b8;background:var(--pg-bg-hover, #f1f5f9)}.pg-theme-dark .pg-copy-btn{color:#a1a1aa;border-color:#3f3f46}.pg-theme-dark .pg-copy-btn:hover{color:#fafafa;border-color:#52525b;background:#27272a}.pg-code-view{flex:1;padding:24px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto;min-height:0}.pg-code-textarea{width:100%;height:100%;min-height:280px;padding:0;font:inherit;color:inherit;background:transparent;border:none;outline:none;resize:none;tab-size:2}.pg-code-textarea::placeholder{color:var(--pg-text-muted, #94a3b8)}.pg-theme-dark .pg-code-view{color:#d4d4d8}.pg-theme-light .pg-code-view{color:#334155}.pg-config-panel{width:100%}.pg-config-section{margin-bottom:24px}.pg-section-title{font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:12px}.pg-theme-dark .pg-section-title{color:var(--pg-dark-text-muted)}.pg-theme-light .pg-section-title{color:#64748b}.pg-section-description{font-size:12px;margin:-6px 0 10px;line-height:1.4}.pg-theme-dark .pg-section-description{color:var(--pg-dark-text-muted)}.pg-theme-light .pg-section-description{color:#64748b}.pg-form-group{margin-bottom:16px}.pg-label{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.pg-theme-dark .pg-label{color:#d4d4d8}.pg-theme-light .pg-label{color:#475569}.pg-input,.pg-select{width:100%;border-radius:6px;padding:8px 12px;font-size:13px;outline:none}.pg-theme-dark .pg-input,.pg-theme-dark .pg-select{background:var(--pg-dark-elevated);border:1px solid var(--pg-dark-border-subtle);color:var(--pg-dark-text)}.pg-theme-light .pg-input,.pg-theme-light .pg-select{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.pg-input:focus,.pg-select:focus{border-color:#3b82f6}.pg-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.pg-theme-dark .pg-toggle{color:#d4d4d8}.pg-theme-light .pg-toggle{color:#475569}.pg-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}