/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.oxon-experience *,.oxon-experience :before,.oxon-experience :after,.oxon-experience ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid}}.oxon-experience,.oxon-experience{--font-sans:"Archivo", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-neutral-700:oklch(37.1% 0 none);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand:#e23e13;--color-ink:#171717;--color-paper:#f4f3f0;--color-line:#e2ded7;--font-legacy-body:"Lato Regular", Arial, sans-serif;--font-legacy-book:"Bebas Neue Book", Arial, sans-serif;--font-oxon-icons:"FontAwesome";--font-legacy:"Bebas Neue Regular", Arial, sans-serif;--font-display:"Barlow Condensed", "Archivo", sans-serif;--font-direction:"Barlow", Arial, sans-serif;--font-direction-display:"Barlow Semi Condensed", "Barlow", sans-serif}.oxon-experience *,.oxon-experience :after,.oxon-experience :before,.oxon-experience ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.oxon-experience ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.oxon-experience,.oxon-experience{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.oxon-experience hr{height:0;color:inherit;border-top-width:1px}.oxon-experience abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.oxon-experience h1,.oxon-experience h2,.oxon-experience h3,.oxon-experience h4,.oxon-experience h5,.oxon-experience h6{font-size:inherit;font-weight:inherit}.oxon-experience a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.oxon-experience b,.oxon-experience strong{font-weight:bolder}.oxon-experience code,.oxon-experience kbd,.oxon-experience samp,.oxon-experience pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.oxon-experience small{font-size:80%}.oxon-experience sub,.oxon-experience sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.oxon-experience sub{bottom:-.25em}.oxon-experience sup{top:-.5em}.oxon-experience table{text-indent:0;border-color:inherit;border-collapse:collapse}.oxon-experience :-moz-focusring:where(:not(iframe)){outline:auto}.oxon-experience progress{vertical-align:baseline}.oxon-experience summary{display:list-item}.oxon-experience ol,.oxon-experience ul,.oxon-experience menu{list-style:none}.oxon-experience img,.oxon-experience svg,.oxon-experience video,.oxon-experience canvas,.oxon-experience audio,.oxon-experience iframe,.oxon-experience embed,.oxon-experience object{vertical-align:middle;display:block}.oxon-experience img,.oxon-experience video{max-width:100%;height:auto}.oxon-experience button,.oxon-experience input,.oxon-experience select,.oxon-experience optgroup,.oxon-experience textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.oxon-experience ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.oxon-experience :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.oxon-experience :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.oxon-experience ::file-selector-button{margin-inline-end:4px}.oxon-experience ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.oxon-experience ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.oxon-experience ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.oxon-experience textarea{resize:vertical}.oxon-experience ::-webkit-search-decoration{-webkit-appearance:none}.oxon-experience ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.oxon-experience ::-webkit-datetime-edit{display:inline-flex}.oxon-experience ::-webkit-datetime-edit-fields-wrapper{padding:0}.oxon-experience ::-webkit-datetime-edit{padding-block:0}.oxon-experience ::-webkit-datetime-edit-year-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-month-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-day-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-hour-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-minute-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-second-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-millisecond-field{padding-block:0}.oxon-experience ::-webkit-datetime-edit-meridiem-field{padding-block:0}.oxon-experience ::-webkit-calendar-picker-indicator{line-height:1}.oxon-experience :-moz-ui-invalid{box-shadow:none}.oxon-experience button,.oxon-experience input:where([type=button],[type=reset],[type=submit]){appearance:button}.oxon-experience ::file-selector-button{appearance:button}.oxon-experience ::-webkit-inner-spin-button{height:auto}.oxon-experience ::-webkit-outer-spin-button{height:auto}.oxon-experience [hidden]:where(:not([hidden=until-found])){display:none!important}.oxon-experience{background-color:var(--color-white);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.oxon-experience :is(button,a,input,select,summary):focus-visible{outline-style:var(--tw-outline-style);outline-offset:4px;outline-width:2px;outline-color:var(--color-brand)}.oxon-experience button,.oxon-experience select,.oxon-experience summary{cursor:pointer}.oxon-experience input[type=checkbox],.oxon-experience input[type=radio]{accent-color:var(--color-brand)}.oxon-experience input,.oxon-experience select{min-width:0}.oxon-experience .page-width{width:100%;max-width:1360px;padding-inline:calc(var(--spacing) * 5);margin-inline:auto}@media (min-width:48rem){.oxon-experience .page-width{padding-inline:calc(var(--spacing) * 10)}}.oxon-experience .current .page-width{max-width:1180px}@media (min-width:48rem){.oxon-experience .current .page-width{padding-inline:calc(var(--spacing) * 4)}}.oxon-experience .direction{font-family:var(--font-direction)}.oxon-experience .heading{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-extrabold);line-height:1;font-weight:var(--font-weight-extrabold);text-transform:uppercase}@media (min-width:48rem){.oxon-experience .heading{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.oxon-experience .current .heading{font-family:var(--font-legacy);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}@media (min-width:48rem){.oxon-experience .current .heading{font-size:60px}}.oxon-experience .direction .heading{font-family:var(--font-direction-display);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-transform:none}@media (min-width:48rem){.oxon-experience .direction .heading{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.oxon-experience .button{min-height:calc(var(--spacing) * 12);justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-ink);background-color:var(--color-ink);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);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));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}@media (hover:hover){.oxon-experience .button:hover{background-color:var(--color-neutral-700)}}.oxon-experience .button:disabled{cursor:wait;opacity:.5}.oxon-experience .current .button{border-color:var(--color-brand);background-color:var(--color-brand)}@media (hover:hover){.oxon-experience .current .button:hover{background-color:var(--color-orange-700)}}.oxon-experience .direction .button{border-radius:3.40282e38px}.oxon-experience .button-light{min-height:calc(var(--spacing) * 12);justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-ink);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));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}@media (hover:hover){.oxon-experience .button-light:hover{border-color:var(--color-ink)}}.oxon-experience .direction .button-light{border-radius:3.40282e38px}.oxon-experience .field{border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-300);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.oxon-experience .eyebrow{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:.12em;letter-spacing:.12em;text-transform:uppercase}.oxon-experience .direction .eyebrow{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--color-brand);text-transform:none}.oxon-experience .panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-white)}.oxon-experience .direction .panel{border-radius:var(--radius-2xl)}.oxon-experience .offline-page{min-height:100vh;max-width:var(--container-xl);justify-content:center;align-items:center;gap:calc(var(--spacing) * 6);padding-inline:calc(var(--spacing) * 6);text-align:center;font-family:var(--font-sans);flex-direction:column;margin-inline:auto;display:flex}.oxon-experience .current{font-family:var(--font-legacy-body);color:#333}.oxon-experience .original-title{margin-block:calc(var(--spacing) * 5);font-family:var(--font-legacy);--tw-leading:1.25;--tw-font-weight:var(--font-weight-bold);font-size:44px;line-height:1.25;font-weight:var(--font-weight-bold);text-transform:uppercase}@media (min-width:48rem){.oxon-experience .original-title{margin-top:35px;font-size:60px}}.oxon-experience .original-section-title{font-family:var(--font-legacy);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-transform:uppercase}.oxon-experience .original-subheading{margin-bottom:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing) * 2);font-family:var(--font-legacy);--tw-leading:var(--leading-tight);font-size:22px;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-transform:uppercase;border-color:#ccc;border-bottom-width:1px}.oxon-experience .original-button{min-height:calc(var(--spacing) * 10);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-family:var(--font-legacy);--tw-leading:var(--leading-tight);font-size:20px;line-height:var(--leading-tight);color:var(--color-white);text-transform:uppercase;background-color:#333;border-width:1px;border-color:#333;display:inline-flex}@media (hover:hover){.oxon-experience .original-button:hover{background-color:#555}}.oxon-experience .original-button:disabled{cursor:not-allowed;opacity:.5}.oxon-experience .original-button-outline{min-height:calc(var(--spacing) * 10);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-family:var(--font-legacy);--tw-leading:var(--leading-tight);font-size:20px;line-height:var(--leading-tight);color:#333;text-transform:uppercase;border-width:1px;border-color:#999;display:inline-flex}@media (hover:hover){.oxon-experience .original-button-outline:hover{background-color:#eee}}.oxon-experience .original-dialog{border-style:var(--tw-border-style);background-color:var(--color-white);width:95vw;max-height:90dvh;padding:calc(var(--spacing) * 6);color:#333;--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:1px;border-color:#ddd;margin:auto;position:fixed;inset:0;overflow:auto}.oxon-experience .original-dialog::backdrop{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.oxon-experience .original-dialog::backdrop{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.oxon-experience .current .field{padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-color:#ccc;border-radius:0}.oxon-experience .current .button,.oxon-experience .current .button-light{font-family:var(--font-legacy);--tw-font-weight:var(--font-weight-normal);font-size:22px;font-weight:var(--font-weight-normal);text-transform:uppercase;border-radius:0}.oxon-experience .original-shop h2,.oxon-experience .original-shop legend{font-family:var(--font-legacy);--tw-font-weight:var(--font-weight-bold);font-size:26px;font-weight:var(--font-weight-bold);text-transform:uppercase}.oxon-experience .original-shop .order-summary{border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);background-color:var(--color-white);padding-inline:0;padding-top:calc(var(--spacing) * 6);border-color:#ccc;border-top-width:1px}.oxon-experience .original-shop input{border-radius:0}.oxon-experience .original-list .original-product-card{column-gap:calc(var(--spacing) * 6);grid-template-columns:140px 1fr;display:grid}.oxon-experience .original-list .original-product-card>a:first-child{grid-row:span 4/span 4}.oxon-experience .original-list .original-product-card>a:nth-child(2),.oxon-experience .original-list .original-product-card>p{text-align:left}.oxon-experience .original-filters>h3{border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing) * 4);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);border-color:#ccc;border-top-width:1px}.oxon-experience .original-filters fieldset{padding-block:calc(var(--spacing) * 4);border-color:#ccc;margin-top:0}.oxon-experience .original-filters .filter-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.oxon-experience .original-shop .button{font-family:var(--font-legacy-body);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.oxon-experience .filter-scroll{scrollbar-width:thin;scrollbar-color:#b8b8b8 transparent;scrollbar-gutter:stable}.oxon-experience .filter-scroll::-webkit-scrollbar{width:5px;height:5px}.oxon-experience .filter-scroll::-webkit-scrollbar-track{background:0 0}.oxon-experience .filter-scroll::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:999px}.oxon-experience .filter-scroll::-webkit-scrollbar-thumb:hover{background:#929292}.oxon-experience .filter-scroll::-webkit-scrollbar-button{display:none}@supports selector(::-webkit-scrollbar){.oxon-experience .filter-scroll{scrollbar-width:auto;scrollbar-color:auto}}.oxon-experience .\@container{container-type:inline-size}.oxon-experience .pointer-events-none{pointer-events:none}.oxon-experience .invisible{visibility:hidden}.oxon-experience .visible{visibility:visible}.oxon-experience .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oxon-experience .absolute{position:absolute}.oxon-experience .fixed{position:fixed}.oxon-experience .relative{position:relative}.oxon-experience .inset-0{inset:0}.oxon-experience .inset-auto{inset:auto}.oxon-experience .inset-x-0{inset-inline:0}.oxon-experience .inset-x-3{inset-inline:calc(var(--spacing) * 3)}.oxon-experience .inset-y-0{inset-block:0}.oxon-experience .-top-1{top:calc(var(--spacing) * -1)}.oxon-experience .top-0{top:0}.oxon-experience .top-1\/2{top:50%}.oxon-experience .top-4{top:calc(var(--spacing) * 4)}.oxon-experience .top-5{top:calc(var(--spacing) * 5)}.oxon-experience .top-\[180px\]{top:180px}.oxon-experience .top-full{top:100%}.oxon-experience .right-0{right:0}.oxon-experience .right-1{right:var(--spacing)}.oxon-experience .right-3{right:calc(var(--spacing) * 3)}.oxon-experience .right-5{right:calc(var(--spacing) * 5)}.oxon-experience .bottom-0{bottom:0}.oxon-experience .bottom-4{bottom:calc(var(--spacing) * 4)}.oxon-experience .bottom-5{bottom:calc(var(--spacing) * 5)}.oxon-experience .bottom-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{bottom:max(1rem, env(safe-area-inset-bottom))}.oxon-experience .bottom-\[max\(4\.5rem\,calc\(env\(safe-area-inset-bottom\)\+3\.5rem\)\)\]{bottom:max(4.5rem, calc(env(safe-area-inset-bottom) + 3.5rem))}.oxon-experience .left-0{left:0}.oxon-experience .left-1{left:var(--spacing)}.oxon-experience .left-4{left:calc(var(--spacing) * 4)}.oxon-experience .left-5{left:calc(var(--spacing) * 5)}.oxon-experience .left-\[max\(1rem\,env\(safe-area-inset-left\)\)\]{left:max(1rem, env(safe-area-inset-left))}.oxon-experience .-z-10{z-index:calc(10 * -1)}.oxon-experience .z-10{z-index:10}.oxon-experience .z-40{z-index:40}.oxon-experience .z-\[60\]{z-index:60}.oxon-experience .z-\[100\]{z-index:100}.oxon-experience .col-span-2{grid-column:span 2/span 2}.oxon-experience .col-start-1{grid-column-start:1}.oxon-experience .col-start-2{grid-column-start:2}.oxon-experience .row-start-1{grid-row-start:1}.oxon-experience .container{width:100%}@media (min-width:40rem){.oxon-experience .container{max-width:40rem}}@media (min-width:48rem){.oxon-experience .container{max-width:48rem}}@media (min-width:64rem){.oxon-experience .container{max-width:64rem}}@media (min-width:80rem){.oxon-experience .container{max-width:80rem}}@media (min-width:96rem){.oxon-experience .container{max-width:96rem}}.oxon-experience .m-0{margin:0}.oxon-experience .m-auto{margin:auto}.oxon-experience .-mx-5{margin-inline:calc(var(--spacing) * -5)}.oxon-experience .mx-3{margin-inline:calc(var(--spacing) * 3)}.oxon-experience .mx-auto{margin-inline:auto}.oxon-experience .my-2{margin-block:calc(var(--spacing) * 2)}.oxon-experience .my-4{margin-block:calc(var(--spacing) * 4)}.oxon-experience .my-5{margin-block:calc(var(--spacing) * 5)}.oxon-experience .my-6{margin-block:calc(var(--spacing) * 6)}.oxon-experience .my-8{margin-block:calc(var(--spacing) * 8)}.oxon-experience .mt-1{margin-top:var(--spacing)}.oxon-experience .mt-2{margin-top:calc(var(--spacing) * 2)}.oxon-experience .mt-3{margin-top:calc(var(--spacing) * 3)}.oxon-experience .mt-4{margin-top:calc(var(--spacing) * 4)}.oxon-experience .mt-5{margin-top:calc(var(--spacing) * 5)}.oxon-experience .mt-6{margin-top:calc(var(--spacing) * 6)}.oxon-experience .mt-7{margin-top:calc(var(--spacing) * 7)}.oxon-experience .mt-8{margin-top:calc(var(--spacing) * 8)}.oxon-experience .mt-9{margin-top:calc(var(--spacing) * 9)}.oxon-experience .mt-10{margin-top:calc(var(--spacing) * 10)}.oxon-experience .mt-12{margin-top:calc(var(--spacing) * 12)}.oxon-experience .mt-14{margin-top:calc(var(--spacing) * 14)}.oxon-experience .mt-20{margin-top:calc(var(--spacing) * 20)}.oxon-experience .mt-auto{margin-top:auto}.oxon-experience .-mr-2{margin-right:calc(var(--spacing) * -2)}.oxon-experience .mb-2{margin-bottom:calc(var(--spacing) * 2)}.oxon-experience .mb-3{margin-bottom:calc(var(--spacing) * 3)}.oxon-experience .mb-4{margin-bottom:calc(var(--spacing) * 4)}.oxon-experience .mb-5{margin-bottom:calc(var(--spacing) * 5)}.oxon-experience .mb-6{margin-bottom:calc(var(--spacing) * 6)}.oxon-experience .mb-7{margin-bottom:calc(var(--spacing) * 7)}.oxon-experience .mb-8{margin-bottom:calc(var(--spacing) * 8)}.oxon-experience .mb-9{margin-bottom:calc(var(--spacing) * 9)}.oxon-experience .mb-10{margin-bottom:calc(var(--spacing) * 10)}.oxon-experience .mb-12{margin-bottom:calc(var(--spacing) * 12)}.oxon-experience .ml-0\.5{margin-left:calc(var(--spacing) * .5)}.oxon-experience .ml-2{margin-left:calc(var(--spacing) * 2)}.oxon-experience .ml-3{margin-left:calc(var(--spacing) * 3)}.oxon-experience .ml-5{margin-left:calc(var(--spacing) * 5)}.oxon-experience .ml-auto{margin-left:auto}.oxon-experience .ml-auto\!{margin-left:auto!important}.oxon-experience .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.oxon-experience .block{display:block}.oxon-experience .contents{display:contents}.oxon-experience .flex{display:flex}.oxon-experience .grid{display:grid}.oxon-experience .hidden{display:none}.oxon-experience .inline-block{display:inline-block}.oxon-experience .inline-flex{display:inline-flex}.oxon-experience .inline-grid{display:inline-grid}.oxon-experience .table{display:table}.oxon-experience .aspect-square{aspect-ratio:1}.oxon-experience .aspect-video{aspect-ratio:var(--aspect-video)}.oxon-experience .size-3\!{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.oxon-experience .size-3\.5\!{width:calc(var(--spacing) * 3.5)!important;height:calc(var(--spacing) * 3.5)!important}.oxon-experience .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.oxon-experience .size-4\!{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.oxon-experience .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.oxon-experience .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.oxon-experience .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.oxon-experience .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.oxon-experience .size-13{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13)}.oxon-experience .size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.oxon-experience .size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.oxon-experience .size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.oxon-experience .size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.oxon-experience .size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.oxon-experience .size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.oxon-experience .size-\[18px\]{width:18px;height:18px}.oxon-experience .size-\[25px\]{width:25px;height:25px}.oxon-experience .size-full{width:100%;height:100%}.oxon-experience .h-2{height:calc(var(--spacing) * 2)}.oxon-experience .h-3{height:calc(var(--spacing) * 3)}.oxon-experience .h-4{height:calc(var(--spacing) * 4)}.oxon-experience .h-5{height:calc(var(--spacing) * 5)}.oxon-experience .h-6{height:calc(var(--spacing) * 6)}.oxon-experience .h-8{height:calc(var(--spacing) * 8)}.oxon-experience .h-9{height:calc(var(--spacing) * 9)}.oxon-experience .h-10{height:calc(var(--spacing) * 10)}.oxon-experience .h-11{height:calc(var(--spacing) * 11)}.oxon-experience .h-12{height:calc(var(--spacing) * 12)}.oxon-experience .h-16{height:calc(var(--spacing) * 16)}.oxon-experience .h-20{height:calc(var(--spacing) * 20)}.oxon-experience .h-24{height:calc(var(--spacing) * 24)}.oxon-experience .h-28{height:calc(var(--spacing) * 28)}.oxon-experience .h-32{height:calc(var(--spacing) * 32)}.oxon-experience .h-36{height:calc(var(--spacing) * 36)}.oxon-experience .h-40{height:calc(var(--spacing) * 40)}.oxon-experience .h-44{height:calc(var(--spacing) * 44)}.oxon-experience .h-52{height:calc(var(--spacing) * 52)}.oxon-experience .h-56{height:calc(var(--spacing) * 56)}.oxon-experience .h-72{height:calc(var(--spacing) * 72)}.oxon-experience .h-\[65dvh\]{height:65dvh}.oxon-experience .h-\[70dvh\]{height:70dvh}.oxon-experience .h-\[105px\]{height:105px}.oxon-experience .h-\[350px\]{height:350px}.oxon-experience .h-fit{height:fit-content}.oxon-experience .h-full{height:100%}.oxon-experience .max-h-44{max-height:calc(var(--spacing) * 44)}.oxon-experience .max-h-52{max-height:calc(var(--spacing) * 52)}.oxon-experience .max-h-60{max-height:calc(var(--spacing) * 60)}.oxon-experience .max-h-\[65dvh\]{max-height:65dvh}.oxon-experience .max-h-\[75dvh\]{max-height:75dvh}.oxon-experience .max-h-\[95dvh\]{max-height:95dvh}.oxon-experience .max-h-\[520px\]{max-height:520px}.oxon-experience .max-h-\[calc\(100dvh-6rem\)\]{max-height:calc(100dvh - 6rem)}.oxon-experience .min-h-4{min-height:calc(var(--spacing) * 4)}.oxon-experience .min-h-10{min-height:calc(var(--spacing) * 10)}.oxon-experience .min-h-11{min-height:calc(var(--spacing) * 11)}.oxon-experience .min-h-24{min-height:calc(var(--spacing) * 24)}.oxon-experience .min-h-40{min-height:calc(var(--spacing) * 40)}.oxon-experience .min-h-80{min-height:calc(var(--spacing) * 80)}.oxon-experience .min-h-96{min-height:calc(var(--spacing) * 96)}.oxon-experience .min-h-\[52px\]{min-height:52px}.oxon-experience .min-h-\[70vh\]{min-height:70vh}.oxon-experience .min-h-\[75px\]{min-height:75px}.oxon-experience .min-h-\[500px\]{min-height:500px}.oxon-experience .min-h-\[510px\]{min-height:510px}.oxon-experience .min-h-\[520px\]{min-height:520px}.oxon-experience .min-h-screen{min-height:100vh}.oxon-experience .w-2\/3{width:66.6667%}.oxon-experience .w-3\/4{width:75%}.oxon-experience .w-4{width:calc(var(--spacing) * 4)}.oxon-experience .w-10{width:calc(var(--spacing) * 10)}.oxon-experience .w-12{width:calc(var(--spacing) * 12)}.oxon-experience .w-14{width:calc(var(--spacing) * 14)}.oxon-experience .w-16{width:calc(var(--spacing) * 16)}.oxon-experience .w-20{width:calc(var(--spacing) * 20)}.oxon-experience .w-24{width:calc(var(--spacing) * 24)}.oxon-experience .w-28{width:calc(var(--spacing) * 28)}.oxon-experience .w-32{width:calc(var(--spacing) * 32)}.oxon-experience .w-36{width:calc(var(--spacing) * 36)}.oxon-experience .w-40{width:calc(var(--spacing) * 40)}.oxon-experience .w-44{width:calc(var(--spacing) * 44)}.oxon-experience .w-48{width:calc(var(--spacing) * 48)}.oxon-experience .w-64{width:calc(var(--spacing) * 64)}.oxon-experience .w-\[85px\]{width:85px}.oxon-experience .w-\[95vw\]{width:95vw}.oxon-experience .w-\[120px\]{width:120px}.oxon-experience .w-\[145px\]{width:145px}.oxon-experience .w-\[150px\]{width:150px}.oxon-experience .w-\[165px\]{width:165px}.oxon-experience .w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.oxon-experience .w-auto\!{width:auto!important}.oxon-experience .w-full{width:100%}.oxon-experience .max-w-2xl{max-width:var(--container-2xl)}.oxon-experience .max-w-3xl{max-width:var(--container-3xl)}.oxon-experience .max-w-5xl{max-width:var(--container-5xl)}.oxon-experience .max-w-20{max-width:calc(var(--spacing) * 20)}.oxon-experience .max-w-24{max-width:calc(var(--spacing) * 24)}.oxon-experience .max-w-\[750px\]{max-width:750px}.oxon-experience .max-w-\[1280px\]{max-width:1280px}.oxon-experience .max-w-\[1760px\]{max-width:1760px}.oxon-experience .max-w-full{max-width:100%}.oxon-experience .max-w-lg{max-width:var(--container-lg)}.oxon-experience .max-w-md{max-width:var(--container-md)}.oxon-experience .max-w-none{max-width:none}.oxon-experience .max-w-sm{max-width:var(--container-sm)}.oxon-experience .max-w-xl{max-width:var(--container-xl)}.oxon-experience .min-w-0{min-width:0}.oxon-experience .min-w-16{min-width:calc(var(--spacing) * 16)}.oxon-experience .min-w-40{min-width:calc(var(--spacing) * 40)}.oxon-experience .min-w-48{min-width:calc(var(--spacing) * 48)}.oxon-experience .min-w-60{min-width:calc(var(--spacing) * 60)}.oxon-experience .min-w-\[84px\]{min-width:84px}.oxon-experience .flex-1{flex:1}.oxon-experience .shrink-0{flex-shrink:0}.oxon-experience .basis-40{flex-basis:calc(var(--spacing) * 40)}.oxon-experience .translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.oxon-experience .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.oxon-experience .-rotate-90{rotate:-90deg}.oxon-experience .cursor-pointer{cursor:pointer}.oxon-experience .resize{resize:both}.oxon-experience .scroll-mt-8{scroll-margin-top:calc(var(--spacing) * 8)}.oxon-experience .list-disc{list-style-type:disc}.oxon-experience .list-none{list-style-type:none}.oxon-experience .\[appearance\:textfield\]{appearance:textfield}.oxon-experience .appearance-none{appearance:none}.oxon-experience .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.oxon-experience .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oxon-experience .grid-cols-\[1fr_100px\]{grid-template-columns:1fr 100px}.oxon-experience .grid-cols-\[70px_1fr_65px\]{grid-template-columns:70px 1fr 65px}.oxon-experience .grid-cols-\[72px_1fr_30px\]{grid-template-columns:72px 1fr 30px}.oxon-experience .grid-cols-\[85px_1fr_30px\]{grid-template-columns:85px 1fr 30px}.oxon-experience .grid-cols-\[110px_1fr\]{grid-template-columns:110px 1fr}.oxon-experience .grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto}.oxon-experience .flex-col{flex-direction:column}.oxon-experience .flex-wrap{flex-wrap:wrap}.oxon-experience .items-baseline{align-items:baseline}.oxon-experience .items-center{align-items:center}.oxon-experience .items-end{align-items:flex-end}.oxon-experience .items-start{align-items:flex-start}.oxon-experience .justify-between{justify-content:space-between}.oxon-experience .justify-center{justify-content:center}.oxon-experience .justify-end{justify-content:flex-end}.oxon-experience .gap-1{gap:var(--spacing)}.oxon-experience .gap-2{gap:calc(var(--spacing) * 2)}.oxon-experience .gap-3{gap:calc(var(--spacing) * 3)}.oxon-experience .gap-4{gap:calc(var(--spacing) * 4)}.oxon-experience .gap-5{gap:calc(var(--spacing) * 5)}.oxon-experience .gap-6{gap:calc(var(--spacing) * 6)}.oxon-experience .gap-7{gap:calc(var(--spacing) * 7)}.oxon-experience .gap-8{gap:calc(var(--spacing) * 8)}.oxon-experience .gap-10{gap:calc(var(--spacing) * 10)}.oxon-experience :where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience :where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.oxon-experience .gap-x-2{column-gap:calc(var(--spacing) * 2)}.oxon-experience .gap-x-3{column-gap:calc(var(--spacing) * 3)}.oxon-experience .gap-x-5{column-gap:calc(var(--spacing) * 5)}.oxon-experience .gap-x-6{column-gap:calc(var(--spacing) * 6)}.oxon-experience .gap-x-10{column-gap:calc(var(--spacing) * 10)}.oxon-experience .gap-y-1{row-gap:var(--spacing)}.oxon-experience .gap-y-5{row-gap:calc(var(--spacing) * 5)}.oxon-experience .gap-y-6{row-gap:calc(var(--spacing) * 6)}.oxon-experience .gap-y-7{row-gap:calc(var(--spacing) * 7)}.oxon-experience .gap-y-10{row-gap:calc(var(--spacing) * 10)}.oxon-experience :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.oxon-experience :where(.divide-line>:not(:last-child)){border-color:var(--color-line)}.oxon-experience .self-start{align-self:flex-start}.oxon-experience .overflow-auto{overflow:auto}.oxon-experience .overflow-hidden{overflow:hidden}.oxon-experience .overflow-x-auto{overflow-x:auto}.oxon-experience .overflow-y-auto{overflow-y:auto}.oxon-experience .rounded{border-radius:.25rem}.oxon-experience .rounded-2xl{border-radius:var(--radius-2xl)}.oxon-experience .rounded-\[3px\]{border-radius:3px}.oxon-experience .rounded-full{border-radius:3.40282e38px}.oxon-experience .rounded-lg{border-radius:var(--radius-lg)}.oxon-experience .rounded-md{border-radius:var(--radius-md)}.oxon-experience .rounded-none\!{border-radius:0!important}.oxon-experience .rounded-sm{border-radius:var(--radius-sm)}.oxon-experience .rounded-xl{border-radius:var(--radius-xl)}.oxon-experience .border{border-style:var(--tw-border-style);border-width:1px}.oxon-experience .border-0{border-style:var(--tw-border-style);border-width:0}.oxon-experience .border-2{border-style:var(--tw-border-style);border-width:2px}.oxon-experience .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.oxon-experience .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.oxon-experience .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.oxon-experience .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.oxon-experience .border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.oxon-experience .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.oxon-experience .border-\[\#333\]{border-color:#333}.oxon-experience .border-\[\#777\]{border-color:#777}.oxon-experience .border-\[\#999\]{border-color:#999}.oxon-experience .border-\[\#aaa\]{border-color:#aaa}.oxon-experience .border-\[\#bbb\]{border-color:#bbb}.oxon-experience .border-\[\#ccc\]{border-color:#ccc}.oxon-experience .border-\[\#ddd\]{border-color:#ddd}.oxon-experience .border-\[\#eee\]{border-color:#eee}.oxon-experience .border-brand{border-color:var(--color-brand)}.oxon-experience .border-brand\!{border-color:var(--color-brand)!important}.oxon-experience .border-green-200{border-color:var(--color-green-200)}.oxon-experience .border-ink{border-color:var(--color-ink)}.oxon-experience .border-line{border-color:var(--color-line)}.oxon-experience .border-stone-100{border-color:var(--color-stone-100)}.oxon-experience .border-stone-200{border-color:var(--color-stone-200)}.oxon-experience .border-stone-300{border-color:var(--color-stone-300)}.oxon-experience .border-stone-700{border-color:var(--color-stone-700)}.oxon-experience .border-white\!{border-color:var(--color-white)!important}.oxon-experience .border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.oxon-experience .border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.oxon-experience .bg-\[\#1e1e1e\]{background-color:#1e1e1e}.oxon-experience .bg-\[\#7b9283\]{background-color:#7b9283}.oxon-experience .bg-\[\#222\]{background-color:#222}.oxon-experience .bg-\[\#888\]{background-color:#888}.oxon-experience .bg-\[\#45545e\]{background-color:#45545e}.oxon-experience .bg-\[\#242424\]{background-color:#242424}.oxon-experience .bg-\[\#252525\]{background-color:#252525}.oxon-experience .bg-\[\#595959\]{background-color:#595959}.oxon-experience .bg-\[\#e6e6e6\]{background-color:#e6e6e6}.oxon-experience .bg-\[\#ed1d24\]{background-color:#ed1d24}.oxon-experience .bg-\[\#eee\]{background-color:#eee}.oxon-experience .bg-\[\#faf9f6\]{background-color:#faf9f6}.oxon-experience .bg-amber-50{background-color:var(--color-amber-50)}.oxon-experience .bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.oxon-experience .bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.oxon-experience .bg-brand{background-color:var(--color-brand)}.oxon-experience .bg-brand\!{background-color:var(--color-brand)!important}.oxon-experience .bg-green-50{background-color:var(--color-green-50)}.oxon-experience .bg-ink{background-color:var(--color-ink)}.oxon-experience .bg-orange-50{background-color:var(--color-orange-50)}.oxon-experience .bg-orange-50\/40{background-color:#fff7ed66}@supports (color:color-mix(in lab, red, red)){.oxon-experience .bg-orange-50\/40{background-color:color-mix(in oklab, var(--color-orange-50) 40%, transparent)}}.oxon-experience .bg-paper{background-color:var(--color-paper)}.oxon-experience .bg-stone-50{background-color:var(--color-stone-50)}.oxon-experience .bg-stone-50\!{background-color:var(--color-stone-50)!important}.oxon-experience .bg-stone-100{background-color:var(--color-stone-100)}.oxon-experience .bg-stone-200\/70{background-color:#e7e5e4b3}@supports (color:color-mix(in lab, red, red)){.oxon-experience .bg-stone-200\/70{background-color:color-mix(in oklab, var(--color-stone-200) 70%, transparent)}}.oxon-experience .bg-stone-300{background-color:var(--color-stone-300)}.oxon-experience .bg-stone-700{background-color:var(--color-stone-700)}.oxon-experience .bg-transparent{background-color:#0000}.oxon-experience .bg-transparent\!{background-color:#0000!important}.oxon-experience .bg-white{background-color:var(--color-white)}.oxon-experience .bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.oxon-experience .bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.oxon-experience .bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.oxon-experience .bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.oxon-experience .bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.oxon-experience .from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.oxon-experience .from-80\%{--tw-gradient-from-position:80%}.oxon-experience .from-85\%{--tw-gradient-from-position:85%}.oxon-experience .to-\[\#ededed\]{--tw-gradient-to:#ededed;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.oxon-experience .to-\[\#eee\]{--tw-gradient-to:#eee;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.oxon-experience .object-contain{object-fit:contain}.oxon-experience .object-cover{object-fit:cover}.oxon-experience .object-\[62\%_center\]{object-position:62% center}.oxon-experience .object-\[70\%_35\%\]{object-position:70% 35%}.oxon-experience .p-0{padding:0}.oxon-experience .p-0\!{padding:0!important}.oxon-experience .p-1{padding:var(--spacing)}.oxon-experience .p-2{padding:calc(var(--spacing) * 2)}.oxon-experience .p-3{padding:calc(var(--spacing) * 3)}.oxon-experience .p-4{padding:calc(var(--spacing) * 4)}.oxon-experience .p-5{padding:calc(var(--spacing) * 5)}.oxon-experience .p-6{padding:calc(var(--spacing) * 6)}.oxon-experience .p-7{padding:calc(var(--spacing) * 7)}.oxon-experience .p-8{padding:calc(var(--spacing) * 8)}.oxon-experience .p-10{padding:calc(var(--spacing) * 10)}.oxon-experience .px-2{padding-inline:calc(var(--spacing) * 2)}.oxon-experience .px-2\!{padding-inline:calc(var(--spacing) * 2)!important}.oxon-experience .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.oxon-experience .px-3{padding-inline:calc(var(--spacing) * 3)}.oxon-experience .px-4{padding-inline:calc(var(--spacing) * 4)}.oxon-experience .px-5{padding-inline:calc(var(--spacing) * 5)}.oxon-experience .px-6{padding-inline:calc(var(--spacing) * 6)}.oxon-experience .px-7{padding-inline:calc(var(--spacing) * 7)}.oxon-experience .py-1{padding-block:var(--spacing)}.oxon-experience .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.oxon-experience .py-2{padding-block:calc(var(--spacing) * 2)}.oxon-experience .py-3{padding-block:calc(var(--spacing) * 3)}.oxon-experience .py-4{padding-block:calc(var(--spacing) * 4)}.oxon-experience .py-5{padding-block:calc(var(--spacing) * 5)}.oxon-experience .py-6{padding-block:calc(var(--spacing) * 6)}.oxon-experience .py-7{padding-block:calc(var(--spacing) * 7)}.oxon-experience .py-8{padding-block:calc(var(--spacing) * 8)}.oxon-experience .py-9{padding-block:calc(var(--spacing) * 9)}.oxon-experience .py-10{padding-block:calc(var(--spacing) * 10)}.oxon-experience .py-14{padding-block:calc(var(--spacing) * 14)}.oxon-experience .py-16{padding-block:calc(var(--spacing) * 16)}.oxon-experience .py-20{padding-block:calc(var(--spacing) * 20)}.oxon-experience .pt-2{padding-top:calc(var(--spacing) * 2)}.oxon-experience .pt-3{padding-top:calc(var(--spacing) * 3)}.oxon-experience .pt-4{padding-top:calc(var(--spacing) * 4)}.oxon-experience .pt-5{padding-top:calc(var(--spacing) * 5)}.oxon-experience .pt-6{padding-top:calc(var(--spacing) * 6)}.oxon-experience .pt-7{padding-top:calc(var(--spacing) * 7)}.oxon-experience .pt-9{padding-top:calc(var(--spacing) * 9)}.oxon-experience .pt-20{padding-top:calc(var(--spacing) * 20)}.oxon-experience .pr-2{padding-right:calc(var(--spacing) * 2)}.oxon-experience .pr-6{padding-right:calc(var(--spacing) * 6)}.oxon-experience .pr-9\!{padding-right:calc(var(--spacing) * 9)!important}.oxon-experience .pr-10\!{padding-right:calc(var(--spacing) * 10)!important}.oxon-experience .pb-1{padding-bottom:var(--spacing)}.oxon-experience .pb-2{padding-bottom:calc(var(--spacing) * 2)}.oxon-experience .pb-3{padding-bottom:calc(var(--spacing) * 3)}.oxon-experience .pb-4{padding-bottom:calc(var(--spacing) * 4)}.oxon-experience .pb-5{padding-bottom:calc(var(--spacing) * 5)}.oxon-experience .pb-6{padding-bottom:calc(var(--spacing) * 6)}.oxon-experience .pb-8{padding-bottom:calc(var(--spacing) * 8)}.oxon-experience .pb-10{padding-bottom:calc(var(--spacing) * 10)}.oxon-experience .pb-14{padding-bottom:calc(var(--spacing) * 14)}.oxon-experience .pl-3{padding-left:calc(var(--spacing) * 3)}.oxon-experience .pl-4{padding-left:calc(var(--spacing) * 4)}.oxon-experience .text-center{text-align:center}.oxon-experience .text-left{text-align:left}.oxon-experience .text-right{text-align:right}.oxon-experience .align-bottom{vertical-align:bottom}.oxon-experience .align-middle{vertical-align:middle}.oxon-experience .font-direction-display{font-family:var(--font-direction-display)}.oxon-experience .font-display{font-family:var(--font-display)}.oxon-experience .font-legacy{font-family:var(--font-legacy)}.oxon-experience .font-legacy-book{font-family:var(--font-legacy-book)}.oxon-experience .font-oxon-icons{font-family:var(--font-oxon-icons)}.oxon-experience .font-sans{font-family:var(--font-sans)}.oxon-experience .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.oxon-experience .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.oxon-experience .text-3xl\!{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.oxon-experience .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.oxon-experience .text-4xl\!{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.oxon-experience .text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.oxon-experience .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.oxon-experience .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.oxon-experience .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.oxon-experience .text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.oxon-experience .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.oxon-experience .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.oxon-experience .text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.oxon-experience .text-\[10px\]{font-size:10px}.oxon-experience .text-\[11px\]{font-size:11px}.oxon-experience .text-\[14px\]{font-size:14px}.oxon-experience .text-\[15px\]{font-size:15px}.oxon-experience .text-\[18px\]{font-size:18px}.oxon-experience .text-\[18px\]\!{font-size:18px!important}.oxon-experience .text-\[20px\]{font-size:20px}.oxon-experience .text-\[24px\]{font-size:24px}.oxon-experience .text-\[25px\]{font-size:25px}.oxon-experience .text-\[26px\]{font-size:26px}.oxon-experience .text-\[28px\]{font-size:28px}.oxon-experience .text-\[38px\]{font-size:38px}.oxon-experience .text-\[58px\]{font-size:58px}.oxon-experience .text-\[clamp\(3\.25rem\,16cqw\,5\.5rem\)\]{font-size:clamp(3.25rem,16cqw,5.5rem)}.oxon-experience .leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.oxon-experience .leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.oxon-experience .leading-\[\.88\]{--tw-leading:.88;line-height:.88}.oxon-experience .leading-\[\.92\]{--tw-leading:.92;line-height:.92}.oxon-experience .leading-\[1\.02\]\!{--tw-leading:1.02!important;line-height:1.02!important}.oxon-experience .leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.oxon-experience .leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.oxon-experience .leading-none{--tw-leading:1;line-height:1}.oxon-experience .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.oxon-experience .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.oxon-experience .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.oxon-experience .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.oxon-experience .font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.oxon-experience .font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.oxon-experience .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.oxon-experience .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.oxon-experience .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.oxon-experience .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.oxon-experience .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.oxon-experience .break-words{overflow-wrap:break-word}.oxon-experience .whitespace-nowrap{white-space:nowrap}.oxon-experience .whitespace-pre-line{white-space:pre-line}.oxon-experience .whitespace-pre-wrap{white-space:pre-wrap}.oxon-experience .text-\[\#333\]{color:#333}.oxon-experience .text-\[\#404c55\]{color:#404c55}.oxon-experience .text-\[\#777\]{color:#777}.oxon-experience .text-\[\#888\]{color:#888}.oxon-experience .text-\[\#999\]{color:#999}.oxon-experience .text-\[\#aaa\]{color:#aaa}.oxon-experience .text-amber-800{color:var(--color-amber-800)}.oxon-experience .text-amber-900{color:var(--color-amber-900)}.oxon-experience .text-brand{color:var(--color-brand)}.oxon-experience .text-green-700{color:var(--color-green-700)}.oxon-experience .text-green-800{color:var(--color-green-800)}.oxon-experience .text-ink{color:var(--color-ink)}.oxon-experience .text-orange-800{color:var(--color-orange-800)}.oxon-experience .text-red-700{color:var(--color-red-700)}.oxon-experience .text-red-700\!{color:var(--color-red-700)!important}.oxon-experience .text-stone-300{color:var(--color-stone-300)}.oxon-experience .text-stone-400{color:var(--color-stone-400)}.oxon-experience .text-stone-500{color:var(--color-stone-500)}.oxon-experience .text-stone-600{color:var(--color-stone-600)}.oxon-experience .text-white{color:var(--color-white)}.oxon-experience .text-white\!{color:var(--color-white)!important}.oxon-experience .uppercase{text-transform:uppercase}.oxon-experience .underline{text-decoration-line:underline}.oxon-experience .accent-brand{accent-color:var(--color-brand)}.oxon-experience .opacity-80{opacity:.8}.oxon-experience .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.oxon-experience .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.oxon-experience .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.oxon-experience .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.oxon-experience .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.oxon-experience .ring-brand{--tw-ring-color:var(--color-brand)}.oxon-experience .brightness-0{--tw-brightness:brightness(0%);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,)}.oxon-experience .invert{--tw-invert:invert(100%);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,)}.oxon-experience .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,)}.oxon-experience .transition{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));transition-duration:var(--tw-duration,var(--default-transition-duration))}.oxon-experience .transition-colors{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));transition-duration:var(--tw-duration,var(--default-transition-duration))}.oxon-experience .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.oxon-experience .duration-200{--tw-duration:.2s;transition-duration:.2s}.oxon-experience .duration-300{--tw-duration:.3s;transition-duration:.3s}.oxon-experience .group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.oxon-experience .group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.oxon-experience .group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.oxon-experience .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.oxon-experience .group-hover\:text-brand:is(:where(.group):hover *){color:var(--color-brand)}}.oxon-experience .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}.oxon-experience .backdrop\:bg-black\/25::backdrop{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.oxon-experience .backdrop\:bg-black\/25::backdrop{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.oxon-experience .backdrop\:bg-black\/70::backdrop{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.oxon-experience .backdrop\:bg-black\/70::backdrop{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.oxon-experience .before\:absolute:before{content:var(--tw-content);position:absolute}.oxon-experience .before\:inset-x-0:before{content:var(--tw-content);inset-inline:0}.oxon-experience .before\:top-1\/2:before{content:var(--tw-content);top:50%}.oxon-experience .before\:border-t:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.oxon-experience .before\:border-\[\#ccc\]:before{content:var(--tw-content);border-color:#ccc}@media (hover:hover){.oxon-experience .hover\:border-\[\#333\]:hover{border-color:#333}.oxon-experience .hover\:border-brand:hover{border-color:var(--color-brand)}.oxon-experience .hover\:border-ink:hover{border-color:var(--color-ink)}.oxon-experience .hover\:border-stone-400:hover{border-color:var(--color-stone-400)}.oxon-experience .hover\:bg-\[\#333\]:hover{background-color:#333}.oxon-experience .hover\:bg-stone-50:hover{background-color:var(--color-stone-50)}.oxon-experience .hover\:bg-stone-100:hover{background-color:var(--color-stone-100)}.oxon-experience .hover\:bg-stone-700:hover{background-color:var(--color-stone-700)}.oxon-experience .hover\:text-brand:hover{color:var(--color-brand)}.oxon-experience .hover\:text-ink:hover{color:var(--color-ink)}.oxon-experience .hover\:text-stone-300:hover{color:var(--color-stone-300)}.oxon-experience .hover\:text-white:hover{color:var(--color-white)}.oxon-experience .hover\:underline:hover{text-decoration-line:underline}}.oxon-experience .focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.oxon-experience .focus\:fixed:focus{position:fixed}.oxon-experience .focus\:top-4:focus{top:calc(var(--spacing) * 4)}.oxon-experience .focus\:left-4:focus{left:calc(var(--spacing) * 4)}.oxon-experience .focus\:bg-white:focus{background-color:var(--color-white)}.oxon-experience .focus\:p-4:focus{padding:calc(var(--spacing) * 4)}.oxon-experience .disabled\:opacity-30:disabled{opacity:.3}.oxon-experience .disabled\:opacity-40:disabled{opacity:.4}@media (prefers-reduced-motion:no-preference){.oxon-experience .motion-safe\:animate-pulse{animation:var(--animate-pulse)}.oxon-experience .motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (prefers-reduced-motion:reduce){.oxon-experience .motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.oxon-experience .sm\:col-span-2{grid-column:span 2/span 2}.oxon-experience .sm\:block{display:block}.oxon-experience .sm\:size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.oxon-experience .sm\:h-14{height:calc(var(--spacing) * 14)}.oxon-experience .sm\:h-\[72px\]{height:72px}.oxon-experience .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.oxon-experience .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oxon-experience .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.oxon-experience .sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.oxon-experience .sm\:grid-cols-\[1fr_120px\]{grid-template-columns:1fr 120px}.oxon-experience .sm\:text-\[76px\]{font-size:76px}}@media (min-width:48rem){.oxon-experience .md\:order-last{order:9999}.oxon-experience .md\:col-auto{grid-column:auto}.oxon-experience .md\:col-start-1{grid-column-start:1}.oxon-experience .md\:col-start-2{grid-column-start:2}.oxon-experience .md\:row-span-2{grid-row:span 2/span 2}.oxon-experience .md\:row-start-1{grid-row-start:1}.oxon-experience .md\:row-start-2{grid-row-start:2}.oxon-experience .md\:-mx-10{margin-inline:calc(var(--spacing) * -10)}.oxon-experience .md\:block{display:block}.oxon-experience .md\:inline-flex{display:inline-flex}.oxon-experience .md\:h-52{height:calc(var(--spacing) * 52)}.oxon-experience .md\:h-\[510px\]{height:510px}.oxon-experience .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.oxon-experience .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oxon-experience .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.oxon-experience .md\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.oxon-experience .md\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.oxon-experience .md\:grid-cols-\[1\.65fr_1fr\]{grid-template-columns:1.65fr 1fr}.oxon-experience .md\:grid-cols-\[90px_1fr_70px_110px\]{grid-template-columns:90px 1fr 70px 110px}.oxon-experience .md\:grid-cols-\[140px_1fr_100px_40px\]{grid-template-columns:140px 1fr 100px 40px}.oxon-experience .md\:grid-cols-\[150px_1fr_90px_110px_35px\]{grid-template-columns:150px 1fr 90px 110px 35px}.oxon-experience .md\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.oxon-experience .md\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.oxon-experience .md\:flex-col{flex-direction:column}.oxon-experience .md\:gap-5{gap:calc(var(--spacing) * 5)}.oxon-experience .md\:p-8{padding:calc(var(--spacing) * 8)}.oxon-experience .md\:p-9{padding:calc(var(--spacing) * 9)}.oxon-experience .md\:p-14{padding:calc(var(--spacing) * 14)}.oxon-experience .md\:px-6{padding-inline:calc(var(--spacing) * 6)}.oxon-experience .md\:px-12{padding-inline:calc(var(--spacing) * 12)}.oxon-experience .md\:py-10{padding-block:calc(var(--spacing) * 10)}.oxon-experience .md\:py-12{padding-block:calc(var(--spacing) * 12)}.oxon-experience .md\:py-24{padding-block:calc(var(--spacing) * 24)}.oxon-experience .md\:pt-2{padding-top:calc(var(--spacing) * 2)}.oxon-experience .md\:pt-3{padding-top:calc(var(--spacing) * 3)}.oxon-experience .md\:pt-8{padding-top:calc(var(--spacing) * 8)}.oxon-experience .md\:pt-28{padding-top:calc(var(--spacing) * 28)}.oxon-experience .md\:text-right{text-align:right}.oxon-experience .md\:text-4xl\!{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.oxon-experience .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.oxon-experience .md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.oxon-experience .lg\:absolute{position:absolute}.oxon-experience .lg\:sticky{position:sticky}.oxon-experience .lg\:inset-x-5{inset-inline:calc(var(--spacing) * 5)}.oxon-experience .lg\:top-6{top:calc(var(--spacing) * 6)}.oxon-experience .lg\:top-full{top:100%}.oxon-experience .lg\:col-span-2{grid-column:span 2/span 2}.oxon-experience .lg\:col-start-2{grid-column-start:2}.oxon-experience .lg\:mx-0{margin-inline:0}.oxon-experience .lg\:mr-8{margin-right:calc(var(--spacing) * 8)}.oxon-experience .lg\:ml-0{margin-left:0}.oxon-experience .lg\:block{display:block}.oxon-experience .lg\:hidden{display:none}.oxon-experience .lg\:h-\[50px\]{height:50px}.oxon-experience .lg\:min-h-\[560px\]{min-height:560px}.oxon-experience .lg\:min-h-\[640px\]{min-height:640px}.oxon-experience .lg\:w-\[174px\]{width:174px}.oxon-experience .lg\:w-\[calc\(100\%\+max\(40px\,\(100vw-1280px\)\/2\)\)\]{width:calc(100% + max(40px,50vw - 640px))}.oxon-experience .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.oxon-experience .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oxon-experience .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.oxon-experience .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.oxon-experience .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.oxon-experience .lg\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.oxon-experience .lg\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}.oxon-experience .lg\:grid-cols-\[1fr_280px\]{grid-template-columns:1fr 280px}.oxon-experience .lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.oxon-experience .lg\:grid-cols-\[2fr_1fr_1fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.oxon-experience .lg\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.oxon-experience .lg\:grid-cols-\[225px_1fr\]{grid-template-columns:225px 1fr}.oxon-experience .lg\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.oxon-experience .lg\:grid-cols-\[300px_1fr_320px\]{grid-template-columns:300px 1fr 320px}.oxon-experience .lg\:flex-row{flex-direction:row}.oxon-experience .lg\:flex-nowrap{flex-wrap:nowrap}.oxon-experience .lg\:items-center{align-items:center}.oxon-experience .lg\:justify-center{justify-content:center}.oxon-experience .lg\:gap-0{gap:0}.oxon-experience .lg\:gap-6{gap:calc(var(--spacing) * 6)}.oxon-experience .lg\:gap-x-16{column-gap:calc(var(--spacing) * 16)}.oxon-experience .lg\:border-0{border-style:var(--tw-border-style);border-width:0}.oxon-experience .lg\:px-\[10px\]\!{padding-inline:10px!important}.oxon-experience .lg\:py-0{padding-block:0}.oxon-experience .lg\:py-4{padding-block:calc(var(--spacing) * 4)}.oxon-experience .lg\:py-6{padding-block:calc(var(--spacing) * 6)}.oxon-experience .lg\:py-24{padding-block:calc(var(--spacing) * 24)}.oxon-experience .lg\:pr-10{padding-right:calc(var(--spacing) * 10)}.oxon-experience .lg\:text-5xl\!{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.oxon-experience .lg\:text-\[45px\]{font-size:45px}}@media (min-width:80rem){.oxon-experience .xl\:mx-5{margin-inline:calc(var(--spacing) * 5)}.oxon-experience .xl\:flex{display:flex}.oxon-experience .xl\:hidden{display:none}.oxon-experience .xl\:w-\[166px\]{width:166px}.oxon-experience .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oxon-experience .xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.oxon-experience .xl\:text-\[96px\]{font-size:96px}}@media (min-width:96rem){.oxon-experience .\32 xl\:block{display:block}}@media print{.oxon-experience .print\:hidden{display:none}}.oxon-experience .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.oxon-experience .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.oxon-experience .customer-workspace{background:#f7f7f5;min-height:75vh;padding-bottom:36px}.oxon-experience .ws-topline{border-bottom:1px solid #e4e3df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 24px;display:flex}.oxon-experience .ws-workspace-title{letter-spacing:-.025em;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.15;display:block}.oxon-experience .ws-layout{grid-template-columns:220px minmax(0,1fr);gap:36px;padding-top:30px;display:grid}.oxon-experience .ws-sidebar{align-self:start;min-width:0;position:sticky;top:20px}.oxon-experience .ws-profile{align-items:center;gap:12px;padding:0 12px 24px;display:flex}.oxon-experience .ws-profile>span{background:#e9e7e1;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.oxon-experience .ws-profile strong{font-size:14px;display:block}.oxon-experience .ws-profile small{color:#777;margin-top:3px;font-size:11px;display:block}.oxon-experience .ws-nav-item{color:#676761;text-align:left;white-space:nowrap;border-radius:6px;align-items:center;gap:12px;margin-bottom:3px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.oxon-experience .ws-nav-item:hover{color:#171717;background:#eeede9}.oxon-experience .ws-nav-item.active{color:#fff;background:#1d1e1c}.oxon-experience .ws-nav-item.active svg{color:#ff7959}.oxon-experience .ws-nav-item small{color:inherit;opacity:.65;margin-left:auto}.oxon-experience .ws-nav-group{text-transform:uppercase;letter-spacing:.12em;color:#8a8a83;padding:24px 14px 10px;font-size:9px}.oxon-experience .ws-content{min-width:0;padding-bottom:24px}.oxon-experience .ws-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px;display:flex}.oxon-experience .ws-section-heading h1,.oxon-experience .ws-section-heading h2{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:29px;font-weight:700;line-height:1.2}.oxon-experience .ws-section-heading p{color:#777870;max-width:650px;margin-top:10px;font-size:13px;line-height:1.7}.oxon-experience .ws-section-heading .ws-greeting{color:#898980;margin-top:0;margin-bottom:10px;font-size:12px}.oxon-experience .ws-card{background:#fff;border:1px solid #e3e2dc;border-radius:8px;min-width:0;padding:24px}.oxon-experience .ws-secondary{background:#fff;border:1px solid #dddcd5;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 15px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.oxon-experience .ws-secondary:hover{border-color:#777}.oxon-experience .ws-secondary:disabled,.oxon-experience .ws-toolbar button:disabled{opacity:.4;cursor:not-allowed}.oxon-experience .ws-icon-button{color:#777;border-radius:5px;place-items:center;width:36px;height:36px;display:inline-grid}.oxon-experience .ws-icon-button:hover{color:#111;background:#f1f0eb}.oxon-experience .ws-field{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.oxon-experience .ws-field .field{font-size:14px;font-weight:400}.oxon-experience .ws-field textarea{resize:vertical}.oxon-experience .ws-badge{border-radius:5px;align-items:center;padding:5px 8px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.oxon-experience .ws-badge-neutral{color:#6c6d65;background:#f0f0eb}.oxon-experience .ws-badge-green{color:#3c6851;background:#edf4ed}.oxon-experience .ws-badge-orange{color:#a14a2a;background:#fbefe7}.oxon-experience .ws-welcome{color:var(--color-ink);background:#f0efeb;border:1px solid #e0ddd7;border-radius:10px;justify-content:space-between;align-items:center;gap:30px;padding:40px;display:flex;position:relative;overflow:hidden}.oxon-experience .ws-welcome>div:first-child{z-index:1;max-width:470px;position:relative}.oxon-experience .ws-welcome .eyebrow{color:var(--color-brand);font-size:9px}.oxon-experience .ws-welcome h2{letter-spacing:-.035em;color:var(--color-ink);margin-top:18px;font-size:39px;font-weight:700;line-height:1.08}.oxon-experience .ws-welcome p{color:#66625c;max-width:370px;margin:20px 0 24px;font-size:13px;line-height:1.8}.oxon-experience .ws-welcome .button{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.oxon-experience .ws-welcome .button:hover{background:#bd3210;border-color:#bd3210}.oxon-experience .ws-welcome .button:focus-visible{outline-color:var(--color-brand)}.oxon-experience .customer-workspace .button,.oxon-experience .workspace-modal .button{text-transform:none;min-height:44px;font-family:inherit;font-size:12px;font-weight:600}.oxon-experience .ws-welcome-art{flex-shrink:0;width:220px;height:220px;margin-right:15px;position:relative}.oxon-experience .ws-art-card{color:var(--color-ink);border:1px solid #e5e5e5;border-top:4px solid var(--color-brand);background:#fff;border-radius:12px;padding:25px;position:absolute;inset:5px 20px 10px 10px;transform:rotate(8deg);box-shadow:0 20px 30px #1717170d}.oxon-experience .ws-art-card>svg{width:48px;height:48px;color:var(--color-brand);margin-bottom:14px}.oxon-experience .ws-art-card>span{font-size:14px;font-weight:600}.oxon-experience .ws-art-card>div{background:#eee;border-radius:4px;height:7px;margin-top:12px}.oxon-experience .ws-art-card>div:last-child{width:65%}.oxon-experience .ws-art-label{color:var(--color-ink);background:#fff;border-radius:6px;align-items:center;gap:9px;padding:13px 17px;font-size:11px;display:flex;position:absolute;bottom:3px;right:-8px;transform:rotate(-5deg);box-shadow:0 10px 20px #1717170d}.oxon-experience .ws-art-label>svg{color:var(--color-brand)}.oxon-experience .ws-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 36px;display:grid}.oxon-experience .ws-stats button{text-align:left;background:#fff;border:1px solid #e3e2dc;border-radius:7px;padding:20px}.oxon-experience .ws-stats button:hover{border-color:#a3a799}.oxon-experience .ws-stats svg{color:#8c9485;width:17px;height:17px;margin-bottom:16px}.oxon-experience .ws-stats strong{font-size:27px;line-height:1;display:block}.oxon-experience .ws-stats span{color:#81827a;margin-top:8px;font-size:10px;display:block}.oxon-experience .ws-collection-card{text-align:left;background:#fff;border:1px solid #e3e2dc;border-radius:8px;width:100%;padding:24px;transition:border-color .2s,box-shadow .2s}.oxon-experience .ws-collection-card:hover{border-color:#b4b9ab;box-shadow:0 4px 16px #00000004}.oxon-experience .ws-action-card{text-align:left;background:#fff;border:1px solid #e3e2dc;border-radius:8px;align-items:center;gap:15px;padding:22px;display:flex}.oxon-experience .ws-action-card>div{flex:1}.oxon-experience .ws-action-card h3{font-size:13px;font-weight:700}.oxon-experience .ws-action-card p{color:#777;margin-top:6px;font-size:11px;line-height:1.6}.oxon-experience .ws-action-card>svg{color:#777;width:16px}.oxon-experience .ws-empty{text-align:center;background:#fff;border:1px dashed #d8d9d0;border-radius:8px;padding:52px 24px}.oxon-experience .ws-empty-icon{color:#707c66;background:#f1f2ed;border-radius:9px;flex-shrink:0;place-items:center;width:46px;height:46px;display:inline-grid}.oxon-experience .ws-notice{color:#827354;background:#fcfaf3;border:1px solid #e5dfcc;border-radius:6px;padding:14px 17px;font-size:12px;line-height:1.7}.oxon-experience .ws-error{color:#9a3b2b;background:#fff4f1;border:1px solid #edc3ba;border-radius:5px;padding:13px 16px;font-size:13px;line-height:1.6}.oxon-experience .ws-attention{text-align:left;color:#946636;background:#fffbf3;border:1px solid #efd5b4;border-radius:8px;align-items:center;gap:16px;width:100%;margin-top:24px;padding:20px;display:flex}.oxon-experience .ws-attention span{flex:1}.oxon-experience .ws-attention strong{font-size:13px;display:block}.oxon-experience .ws-attention small{margin-top:5px;font-size:11px;display:block}.oxon-experience .workspace-modal{overscroll-behavior:contain;color:#222;background:#fff;border:1px solid #ddd;border-radius:12px;width:min(560px,94vw);max-height:90dvh;margin:auto;padding:28px;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 90px #0003}.oxon-experience .workspace-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#181b185e}.oxon-experience .workspace-modal-wide{width:min(960px,95vw)}.oxon-experience .workspace-modal .field{font-size:14px}.oxon-experience .ws-save-small,.oxon-experience .ws-save-button{color:#565950;background:#fff;border:1px solid #dddcd6;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 13px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.oxon-experience .ws-save-small{min-height:34px;padding:7px 10px;font-size:11px}.oxon-experience .ws-save-small svg{width:15px;height:15px}.oxon-experience .ws-save-button:hover,.oxon-experience .ws-save-small:hover{color:#c7320a;border-color:#e23e13}.oxon-experience .ws-save-button.is-saved,.oxon-experience .ws-save-small.is-saved{color:#a83210;background:#fff3eb;border-color:#efbea8}.oxon-experience .ws-save-button.is-saved:hover,.oxon-experience .ws-save-small.is-saved:hover{color:#982b0b;background:#ffeadb;border-color:#e23e13}.oxon-experience .ws-search-card{background:#fff;border:1px solid #e1e0da;border-radius:7px;flex-direction:column;min-width:0;padding:18px;display:flex}.oxon-experience .ws-choice{border:1px solid #dddcd6;border-radius:6px;align-items:center;gap:10px;padding:14px;font-size:13px;display:flex}.oxon-experience .ws-choice:has(:checked){background:#f3f5f0;border-color:#636e5e}.oxon-experience .ws-toolbar{border-top:1px solid #e5e4df;border-bottom:1px solid #e5e4df;flex-wrap:wrap;gap:5px;padding:9px 0;display:flex}.oxon-experience .ws-toolbar button{color:#65665e;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:inline-flex}.oxon-experience .ws-toolbar svg{width:16px;height:16px}.oxon-experience .ws-toolbar button:hover{background:#efeee9}.oxon-experience .ws-list-line{border-bottom:1px solid #e7e6e0;grid-template-columns:88px minmax(0,1fr) 235px 36px;gap:18px;padding:24px;display:grid}.oxon-experience .ws-list-line:last-child{border:0}.oxon-experience .ws-line-image{align-items:start;display:flex}.oxon-experience .ws-line-image img{object-fit:contain;width:88px;height:100px}.oxon-experience .ws-line-controls{grid-template-columns:minmax(0,1fr) 74px;gap:10px;display:grid}.oxon-experience .ws-line-controls .field{padding:9px;font-size:12px}.oxon-experience .ws-note-input{color:#444;background:0 0;border-bottom:1px solid #0000;width:100%;padding:6px 0;font-size:12px;display:block}.oxon-experience .ws-note-input:hover:not(:read-only),.oxon-experience .ws-note-input:focus{border-color:#ccc}.oxon-experience .ws-comparison-scroll{background:#fff;border:1px solid #e2e1da;border-radius:8px;overflow:auto}.oxon-experience .ws-comparison{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;min-width:600px;font-size:12px}.oxon-experience .ws-comparison thead th{vertical-align:top;min-width:180px;padding:22px;font-weight:400}.oxon-experience .ws-comparison th:first-child{width:180px}.oxon-experience .ws-comparison tbody th{background:#f6f6f2;font-weight:600}.oxon-experience .ws-comparison td,.oxon-experience .ws-comparison tbody th{vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #e5e4de;border-right:1px solid #e5e4de;padding:17px 20px;line-height:1.7}.oxon-experience .ws-steps{border-bottom:1px solid #dddcd6;gap:30px;margin-bottom:24px;display:flex}.oxon-experience .ws-steps li{color:#9b9c94;border-bottom:2px solid #0000;align-items:center;gap:10px;padding:0 0 18px;font-size:12px;display:flex}.oxon-experience .ws-steps li span{background:#eaeae4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.oxon-experience .ws-steps li.active{color:#333;border-color:#e23e13}.oxon-experience .ws-steps li.active span{color:#fff;background:#222}.oxon-experience .ws-category-choice{text-align:left;border:1px solid #e0dfd9;border-radius:7px;align-items:center;gap:12px;padding:15px;font-size:13px;display:flex}.oxon-experience .ws-category-choice.selected{background:#fff8f5;border-color:#e23e13}.oxon-experience .ws-finder-count{border-left:3px solid var(--color-brand);background:#f6f5f2;border-radius:6px;align-items:center;gap:14px;padding:16px;font-size:14px;display:flex}.oxon-experience .ws-filter-chip{color:#75341e;text-align:left;background:#fff4ef;border:1px solid #e6dbd5;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.oxon-experience .ws-filter-chip:hover{border-color:var(--color-brand);background:#ffebe1}.oxon-experience .ws-filter-chip:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.oxon-experience .ws-finder-option{cursor:pointer;align-items:center;gap:12px;padding:4px 0;font-size:14px;display:flex}.oxon-experience .ws-finder-option.unavailable{color:#a4a19d;cursor:not-allowed}.oxon-experience .ws-finder-option input{accent-color:var(--color-brand)}.oxon-experience .ws-loading-dialog{width:min(360px,100vw - 40px);color:var(--color-ink);text-align:center;background:#fff;border:1px solid #e0ddd7;border-radius:10px;margin:auto;padding:32px;position:fixed;inset:0;box-shadow:0 18px 60px #17171714}.oxon-experience .ws-loading-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:wait;background:#f7f7f5b8}.oxon-experience .ws-loading-dialog h2:focus{outline:none}.oxon-experience .ws-loading-spinner{border:3px solid #f1e7e1;border-top-color:var(--color-brand);border-radius:50%;width:32px;height:32px;margin:auto;display:block}.oxon-experience .ws-login-page{padding-top:32px;padding-bottom:40px}.oxon-experience .ws-login-card{color:#1d1d1b;background:#fff;border:1px solid #dfdcd6;border-radius:8px;width:min(100%,576px);margin:0 auto;padding:40px}.oxon-experience .ws-login-brand{color:#e9370a;letter-spacing:.12em;margin:0 0 16px;font-size:12px;font-weight:600}.oxon-experience .ws-login-card h1{font-family:var(--font-sans);letter-spacing:-.025em;text-transform:none;margin:0;font-size:clamp(26px,4vw,32px);font-weight:700;line-height:1.2}.oxon-experience .ws-login-description{color:#77736e;margin:12px 0 30px;font-size:15px;line-height:1.6}.oxon-experience .ws-login-card .button{min-height:48px;font-size:14px}@media (max-width:600px){.oxon-experience .ws-login-page{padding:20px 0 24px}.oxon-experience .ws-login-card{padding:28px 22px}.oxon-experience .ws-login-card fieldset{gap:10px}.oxon-experience .ws-login-card fieldset button{padding:12px}}.oxon-experience .ws-entry{background:#fff;border:1px solid #e1e0d9;border-radius:12px;grid-template-columns:1.1fr 1fr;min-height:620px;margin:20px 0;display:grid;overflow:hidden}.oxon-experience .ws-entry-story{color:#fff;background:#242d25;padding:55px;position:relative;overflow:hidden}.oxon-experience .ws-entry-story>:not(img){z-index:1;position:relative}.oxon-experience .ws-entry-story>h1{letter-spacing:-.035em;margin:40px 0 24px;font-size:57px;font-weight:700;line-height:1.04}.oxon-experience .ws-entry-story>p{color:#d9dfd3;max-width:360px;font-size:14px;line-height:1.8}.oxon-experience .ws-entry-photo{object-fit:cover;opacity:.12;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}.oxon-experience .ws-entry-form{align-self:center;padding:55px}.oxon-experience .direction .ws-welcome,.oxon-experience .direction .ws-card,.oxon-experience .direction .ws-collection-card,.oxon-experience .direction .ws-action-card{border-radius:16px}.oxon-experience .new .ws-welcome h2,.oxon-experience .new .ws-entry-story h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;font-size:52px}.oxon-experience .current .ws-welcome h2,.oxon-experience .current .ws-entry-story h1{font-family:var(--font-legacy);text-transform:uppercase;letter-spacing:0;font-size:48px}.oxon-experience .current .ws-card,.oxon-experience .current .ws-collection-card,.oxon-experience .current .ws-welcome,.oxon-experience .current .ws-nav-item{border-radius:0}@media (max-width:1150px){.oxon-experience .ws-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.oxon-experience .ws-list-line{grid-template-columns:72px minmax(0,1fr) 32px}.oxon-experience .ws-line-controls{grid-area:2/2;max-width:260px}.oxon-experience .ws-list-line>.ws-icon-button{grid-area:1/3}.oxon-experience .ws-entry-story,.oxon-experience .ws-entry-form{padding:36px}.oxon-experience .ws-welcome-art{width:150px;height:190px;margin-right:0}.oxon-experience .ws-art-card{padding:20px}}@media (max-width:850px){.oxon-experience .ws-layout{padding-top:18px;display:block}.oxon-experience .ws-sidebar{margin-bottom:25px;position:static}.oxon-experience .ws-sidebar nav{gap:4px;padding-bottom:8px;display:flex;overflow:auto}.oxon-experience .ws-profile,.oxon-experience .ws-nav-group{display:none}.oxon-experience .ws-sidebar>button{width:auto;margin-top:4px;padding:7px 10px;font-size:11px}.oxon-experience .ws-nav-item{padding:11px 12px;font-size:12px}.oxon-experience .ws-nav-item svg{width:16px;height:16px}.oxon-experience .ws-entry{grid-template-columns:1fr}.oxon-experience .ws-entry-story{padding:30px}.oxon-experience .ws-entry-story h1{margin-top:22px;font-size:38px}.oxon-experience .ws-entry-story .mt-10{display:none}.oxon-experience .ws-entry-form{padding:32px}.oxon-experience .ws-stats{gap:10px}.oxon-experience .ws-stats button{padding:17px}}@media (max-width:560px){.oxon-experience .ws-topline{gap:12px}.oxon-experience .ws-section-heading h1,.oxon-experience .ws-section-heading h2{font-size:25px}.oxon-experience .ws-welcome{padding:28px}.oxon-experience .ws-welcome h2{font-size:33px}.oxon-experience .new .ws-welcome h2,.oxon-experience .current .ws-welcome h2,.oxon-experience .new .ws-entry-story h1,.oxon-experience .current .ws-entry-story h1{font-size:36px}.oxon-experience .ws-welcome-art{display:none}.oxon-experience .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.oxon-experience .ws-stats button{grid-template-columns:1fr auto;gap:8px;display:grid}.oxon-experience .ws-stats svg{margin-bottom:0}.oxon-experience .ws-stats strong{grid-area:1/2/3;align-self:center}.oxon-experience .ws-stats span{margin-top:0}.oxon-experience .ws-card,.oxon-experience .ws-collection-card{padding:19px}.oxon-experience .ws-list-line{grid-template-columns:54px minmax(0,1fr) 26px;gap:12px;padding:17px}.oxon-experience .ws-line-image img{width:54px;height:70px}.oxon-experience .ws-line-controls{grid-column:1/-1;max-width:none}.oxon-experience .ws-steps{gap:14px}.oxon-experience .ws-steps li{gap:6px;font-size:10px}.oxon-experience .ws-steps li span{flex-shrink:0;width:20px;height:20px}.oxon-experience .workspace-modal{padding:22px}.oxon-experience .ws-entry-form{padding:26px}.oxon-experience .ws-search-card{padding:12px}}@media print{.oxon-experience :scope:has(.customer-print[open])>:not(.customer-print){display:none!important}.oxon-experience .customer-print[open]{width:100%;max-width:none;max-height:none;box-shadow:none;color:#111;background:#fff;border:0;margin:0;padding:0;display:block;position:static;overflow:visible}.oxon-experience .customer-print::backdrop{display:none}.oxon-experience .customer-print .document-actions{display:none!important}}.oxon-experience .customer-workspace .field,.oxon-experience .workspace-modal .field{min-height:42px}.oxon-experience .customer-workspace select,.oxon-experience .workspace-modal select{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'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23666' stroke-width='1.4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.oxon-experience .ws-save-small:disabled,.oxon-experience .ws-save-button:disabled{opacity:.45;cursor:not-allowed}.oxon-experience .product-search{order:5;width:100%;min-width:0;position:relative}.oxon-experience .product-search-form{background:#f0eeea;border:1px solid #ddd;align-items:center;gap:12px;height:50px;padding:0 15px;display:flex}.oxon-experience .product-search-form input[type=search]{background:0 0;outline:none;flex:1;width:100%;min-width:0;height:100%;font-size:14px}.oxon-experience .product-search-form>button{align-self:stretch;padding:0 8px}.oxon-experience .product-search-current .product-search-form{background:#e8e8e8;padding-right:0}.oxon-experience .product-search-current .product-search-form:focus-within{background:#fff}.oxon-experience .product-search-current input[type=search]{font-family:var(--font-legacy-book);text-transform:uppercase;font-size:21px;font-weight:600}.oxon-experience .product-search-current input::placeholder{color:#9a9a9a}.oxon-experience .product-search-current .product-search-form>button{padding:0 16px;font-size:24px}.oxon-experience .product-search-direction .product-search-form{border-radius:99px}.oxon-experience .product-search-dropdown{z-index:50;color:#292929;text-transform:none;background:#fff;border:1px solid #ccc;border-top:2px solid #ef3f16;border-radius:3px;flex-direction:column;width:100%;max-height:min(800px,100dvh - 180px);font-family:Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.45;display:flex;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 10px 24px #0000001a}.oxon-experience .product-search-results{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.oxon-experience .product-search-dropdown h2{color:#818181;text-transform:uppercase;border-bottom:1px solid #eee;margin:0 10px;padding:8px 0;font:400 12px/1.4 Arial,sans-serif}.oxon-experience .product-search-dropdown mark{color:#ed3e12;background:0 0}.oxon-experience .product-search-categories{border-bottom:1px solid #eee}.oxon-experience .product-search-categories ul{padding:8px 0}.oxon-experience .product-search-categories a{overflow-wrap:anywhere;padding:5px 10px;display:block}.oxon-experience .product-search-categories a:hover,.oxon-experience .product-search-categories a:focus-visible{background:#f7f7f7;text-decoration:underline}.oxon-experience .product-search-root{color:#858585}.oxon-experience .product-search-product{border-bottom:1px solid #f2f2f2;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:13px 10px;display:grid}.oxon-experience .product-search-product:last-child{border:0}.oxon-experience .product-search-image{justify-content:center;align-items:center;display:flex}.oxon-experience .product-search-image img{object-fit:contain;width:80px;height:100px}.oxon-experience .product-search-title{overflow-wrap:anywhere;margin-bottom:6px;display:block}.oxon-experience .product-search-title:hover{text-decoration:underline}.oxon-experience .product-search-numbers{flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;font-size:12px;display:flex}.oxon-experience .product-search-description{-webkit-line-clamp:2;color:#6c6c6c;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.oxon-experience .product-search-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:9px;display:flex}.oxon-experience .product-search-actions .ws-save-button{color:#222;min-height:32px;font:600 14px / 1 var(--font-legacy);text-transform:uppercase;background:#fff;border:1px solid #222;border-radius:0;justify-content:center;align-items:center;padding:5px 14px;display:inline-flex}.oxon-experience .product-search-actions .ws-save-button:last-child{color:#fff;background:#222}.oxon-experience .product-search-actions .ws-save-button:hover{color:#222;background:#f0f0f0}.oxon-experience .product-search-actions .ws-save-button svg{display:none}.oxon-experience .product-search-message{color:#6c6c6c;padding:16px 10px;font-size:13px}.oxon-experience .product-search-dropdown .product-search-message button{margin-top:8px;text-decoration:underline}.oxon-experience .product-search-all{border-top:1px solid #eee;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px;display:flex}.oxon-experience .product-search-all:hover{background:#f7f7f7}@media (min-width:640px){.oxon-experience .product-search-results{grid-template-columns:34% minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.oxon-experience .product-search-products,.oxon-experience .product-search-categories{overscroll-behavior:contain;overflow-y:auto}.oxon-experience .product-search-categories{border-bottom:0;border-right:1px solid #f2f2f2}}@media (min-width:1024px){.oxon-experience .product-search{flex:1;order:0;width:auto;margin-left:auto}.oxon-experience .product-search-current{margin-left:0;margin-right:35px}.oxon-experience .product-search-dropdown{width:max(100%,min(753px,100vw - 260px));max-height:min(800px,100dvh - 95px)}.oxon-experience .product-search-new .product-search-dropdown,.oxon-experience .product-search-direction .product-search-dropdown{left:auto;right:0}}@media (max-width:639px){.oxon-experience .product-search-categories ul{gap:4px;max-height:100px;display:flex;overflow-x:auto}.oxon-experience .product-search-categories li{flex:0 0 180px}.oxon-experience .product-search-product{grid-template-columns:58px minmax(0,1fr);gap:8px}.oxon-experience .product-search-image img{width:58px;height:85px}.oxon-experience .product-search-actions{gap:6px}.oxon-experience .product-search-actions .ws-save-button{padding:6px 9px}}.oxon-experience .interface-language-picker{font:13px var(--font-sans);color:inherit;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.oxon-experience .interface-language-picker select{max-width:96px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.oxon-experience .interface-language-picker select option{color:#1d1d1b;background:#fff}@media print{@page{size:A4;margin:16mm}.oxon-experience :scope:has(.product-document[open])>:not(.product-document){display:none!important}.oxon-experience .product-document[open]{width:100%;max-width:none;height:auto;max-height:none;box-shadow:none;color:#111;background:#fff;border:0;margin:0;padding:0;font-size:10pt;position:static;overflow:visible}.oxon-experience .product-document::backdrop,.oxon-experience .document-actions{display:none!important}.oxon-experience .document-product{break-inside:avoid}.oxon-experience .product-document h1,.oxon-experience .product-document h2,.oxon-experience .product-document h3{break-after:avoid}.oxon-experience .product-document a{color:inherit}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
.oxon-experience .fg-app {
  min-height: 100dvh;
  background: #f6f5f2;
  color: #1d1d1b;
  font-family: var(--font-sans);
  font-size: 14px;
}
.oxon-experience .fg-header-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
  gap: 18px;
  font-size: 12px;
}
.oxon-experience .fg-header-links .interface-language-picker {
  margin-left: 0;
  font: inherit;
}
.oxon-experience .fg-editor.fg-customer-labels {
  grid-template-columns: 1fr;
}
.oxon-experience .fg-customer-labels .fg-label-work {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 1fr);
  gap: 24px 36px;
}
.oxon-experience .fg-customer-labels .fg-preview-heading {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.oxon-experience .fg-customer-labels .fg-edit-product {
  padding-top: 0;
}
.oxon-experience .fg-customer-labels .fg-preview-stage {
  min-height: 270px;
}
.oxon-experience .fg-editor:not(.fg-customer-labels) .fg-label-work {
  position: sticky;
  top: 24px;
  align-self: start;
}
@media (max-width: 900px) {
  .oxon-experience .fg-customer-labels .fg-label-work {
    display: block;
  }
  .oxon-experience .fg-customer-labels .fg-preview-heading {
    margin-bottom: 22px;
  }
  .oxon-experience .fg-customer-labels .fg-edit-product {
    padding-top: 26px;
  }
}
.oxon-experience .fg-header {
  min-height: 90px;
  padding: 22px max(24px, calc((100vw - 1280px) / 2));
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-bottom: 1px solid #e3e0d9;
  background: white;
}
.oxon-experience .fg-header img {
  width: 142px;
}
.oxon-experience .fg-header > a {
  flex-shrink: 0;
}
.oxon-experience .fg-header > span {
  font-size: 10px;
  letter-spacing: 0.16em;
  color: #77756f;
}
.oxon-experience .fg-header > a:last-child {
  font-size: 12px;
}
.oxon-experience .fg-container {
  max-width: 1360px;
  margin: auto;
  padding: 48px 40px 24px;
}
.oxon-experience .fg-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.oxon-experience .fg-intro-actions {
  display: flex;
  align-items: center;
  gap: 24px;
}
.oxon-experience .fg-intro-actions > button {
  flex-shrink: 0;
}
@media (max-width: 650px) {
  .oxon-experience .fg-employee .fg-intro {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.oxon-experience .fg-eyebrow {
  color: #dc3c0e;
  font-size: 10px;
  letter-spacing: 0.12em;
  font-weight: 600;
  margin: 0 0 12px;
}
.oxon-experience .fg-intro h1 {
  font-size: 42px;
  line-height: 1.12;
  letter-spacing: -1.3px;
  font-weight: 700;
  margin: 0 0 16px;
}
.oxon-experience .fg-intro p:not(.fg-eyebrow) {
  color: #77756f;
  font-size: 13px;
  line-height: 1.7;
}
.oxon-experience .fg-source {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 180px;
  padding-left: 24px;
  border-left: 1px solid #dad7d0;
}
.oxon-experience .fg-source span {
  font-size: 9px;
  color: #8a877e;
  letter-spacing: 0.12em;
}
.oxon-experience .fg-source strong {
  font-size: 14px;
}
.oxon-experience .fg-source small {
  font-size: 11px;
  color: #888;
}
.oxon-experience .fg-workspace {
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.oxon-experience .fg-workspace:disabled {
  opacity: 0.65;
}
.oxon-experience .fg-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  margin-bottom: 24px;
  background: #eae7e1;
  border: 1px solid #dedad2;
  border-radius: 9px;
}
.oxon-experience .fg-modes button {
  min-width: 0;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 22px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #57534c;
  text-align: left;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}
.oxon-experience .fg-modes button:hover:not(.active) {
  background: #fff;
  color: #1d1d1b;
}
.oxon-experience .fg-modes button.active {
  background: #dc3b0e;
  color: white;
}
.oxon-experience .fg-modes button.active:hover {
  background: #c9340c;
}
.oxon-experience .fg-modes button:focus-visible {
  outline: 2px solid #1d1d1b;
  outline-offset: 2px;
}
.oxon-experience .fg-modes button:active {
  background: #dcd7cd;
}
.oxon-experience .fg-modes button.active:active {
  background: #b92f09;
}
.oxon-experience .fg-mode-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.oxon-experience .fg-modes strong {
  display: block;
  font-size: 17px;
  line-height: 1.35;
  margin-bottom: 4px;
  overflow-wrap: anywhere;
}
.oxon-experience .fg-modes small {
  display: block;
  color: #69635b;
  font-size: 13px;
  line-height: 1.5;
}
.oxon-experience .fg-modes button.active small {
  color: white;
}
.oxon-experience .fg-products {
  background: white;
  border: 1px solid #dedbd3;
  border-radius: 8px;
  margin-bottom: 24px;
  overflow: hidden;
}
.oxon-experience .fg-products summary {
  list-style: none;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.oxon-experience .fg-products summary::-webkit-details-marker {
  display: none;
}
.oxon-experience .fg-products summary span {
  font-size: 11px;
  color: #807c73;
}
.oxon-experience .fg-products summary span span {
  margin-left: 12px;
}
.oxon-experience .fg-product-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 12px 22px;
  border-top: 1px solid #eee;
  font-size: 11px;
}
.oxon-experience .fg-product-tools button {
  text-decoration: underline;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-product-tools span {
  margin-left: auto;
  color: #888;
}
.oxon-experience .fg-product-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 22px;
  border-top: 1px solid #eee;
}
.oxon-experience .fg-product-row > img {
  width: 42px;
  height: 48px;
  object-fit: contain;
}
.oxon-experience .fg-product-row > div:not(.fg-reorder) {
  flex: 1;
  min-width: 0;
}
.oxon-experience .fg-product-row strong {
  font-size: 12px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-product-row small {
  display: block;
  color: #888;
  font-size: 10px;
  margin-top: 5px;
}
.oxon-experience .fg-product-row input {
  width: 16px;
  height: 16px;
}
.oxon-experience .fg-reorder {
  display: flex;
  gap: 5px;
}
.oxon-experience .fg-reorder button {
  width: 30px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.oxon-experience .fg-app button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.oxon-experience .fg-editor {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  background: #fff;
  border: 1px solid #dedbd3;
  border-radius: 8px 8px 0 0;
}
.oxon-experience .fg-settings {
  padding: 25px;
  border-right: 1px solid #e5e2dc;
}
.oxon-experience .fg-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}
.oxon-experience .fg-app h2 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}
.oxon-experience .fg-settings h2 {
  font-size: 14px;
}
.oxon-experience .fg-section-title button,

.oxon-experience .fg-section-title > span {
  font-size: 10px;
  color: #8d877d;
}
.oxon-experience .fg-section-title button {
  text-decoration: underline;
}
.oxon-experience .fg-app h3 {
  font-size: 13px;
  font-weight: 600;
}
.oxon-experience .fg-settings > h3 {
  padding-top: 18px;
  border-top: 1px solid #e8e5df;
  margin: 20px 0 12px;
}
.oxon-experience .fg-field {
  display: block;
  min-width: 0;
  margin-bottom: 16px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-field > span {
  display: block;
  font-size: 11px;
  color: #68655f;
  margin-bottom: 8px;
}
.oxon-experience .fg-field input:not([type="range"]),
.oxon-experience .fg-field select {
  width: 100%;
  min-width: 0;
  height: 42px;
  border: 1px solid #ddd8ce;
  border-radius: 4px;
  background: #fff;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 12px;
  color: #252522;
}
.oxon-experience .fg-field-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.oxon-experience .fg-field input[type="range"] {
  width: 100%;
  accent-color: #ec3f10;
}
.oxon-experience .fg-toggles {
  border-top: 1px solid #ece9e2;
  border-bottom: 1px solid #ece9e2;
  padding: 9px 0;
  margin: 8px 0 18px;
}
.oxon-experience .fg-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  padding: 9px 0;
}
.oxon-experience .fg-toggle input {
  width: 16px;
  height: 16px;
  accent-color: #ed3c0b;
}
.oxon-experience .fg-help {
  font-size: 10px;
  color: #979187;
  line-height: 1.8;
  margin: 8px 0 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-label-work {
  padding: 28px 32px;
  min-width: 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-preview-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}
.oxon-experience .fg-preview-heading .fg-eyebrow {
  font-size: 9px;
  margin-bottom: 7px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-preview-heading > span {
  padding: 7px 10px;
  background: #f4f3ef;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 10px;
  color: #8e877a;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-preview-stage {
  background-color: #eeece7;
  background-image: radial-gradient(#d6d1c7 0.7px, transparent 0.7px);
  background-size: 10px 10px;
  min-height: 260px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 32px;
}
.oxon-experience .fg-label-size {
  width: 100%;
  max-width: 550px;
  text-align: center;
  color: #999187;
  font-size: 10px;
  margin-bottom: 12px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-label-size span {
  margin-left: 7px;
}
.oxon-experience .fg-label-preview {
  width: 100%;
  max-width: 550px;
  object-fit: contain;
  box-shadow:
    0 9px 25px #40372617,
    0 1px 3px #00000012;
  background: white;
}
.oxon-experience .fg-preview-stage > p {
  color: #999187;
  font-size: 10px;
  margin: 20px 0 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-edit-product {
  padding-top: 26px;
}
.oxon-experience .fg-edit-product .fg-section-title {
  margin-bottom: 18px;
}
.oxon-experience .fg-edit-product .fg-help {
  margin-top: -3px;
}
.oxon-experience .fg-download-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding: 23px 28px;
  background: white;
  border: 1px solid #dedbd3;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
.oxon-experience .fg-download-bar strong {
  font-size: 13px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-download-bar small {
  display: block;
  font-size: 10px;
  color: #948d82;
  margin-top: 6px;
}
.oxon-experience .fg-download-bar > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.oxon-experience .fg-primary,
.oxon-experience .fg-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 46px;
  padding: 12px 18px;
  font-size: 12px;
  font-weight: 600;
  background: #e63f13;
  color: #fff;
  border: 1px solid #e63f13;
  border-radius: 4px;
}
.oxon-experience .fg-primary:hover {
  background: #c8340b;
}
.oxon-experience .fg-secondary {
  background: white;
  border-color: #ddd8ce;
  color: #242424;
}
.oxon-experience .fg-format {
  font-size: 9px;
  border-left: 1px solid #ffffff60;
  padding-left: 12px;
  opacity: 0.8;
}
.oxon-experience .fg-export-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  padding: 42px;
  border: 1px solid #dedbd3;
  border-radius: 8px 8px 0 0;
  background: white;
}
.oxon-experience .fg-export-panel h2 {
  font-size: 26px;
  letter-spacing: -0.5px;
}
.oxon-experience .fg-export-panel > div > p:not(.fg-eyebrow) {
  color: #8a847a;
  line-height: 1.9;
  margin: 18px 0 25px;
  font-size: 12px;
}
.oxon-experience .fg-table-preview {
  align-self: center;
  background: white;
  border: 1px solid #e3dfd6;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 15px 30px #00000008;
}
.oxon-experience .fg-table-preview > div {
  background: #f3f2ed;
  padding: 16px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-table-preview > div span {
  font-size: 9px;
  color: #678371;
}
.oxon-experience .fg-table-preview table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
}
.oxon-experience .fg-table-preview th,
.oxon-experience .fg-table-preview td {
  padding: 11px;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.oxon-experience .fg-table-preview th {
  color: #888;
  font-size: 9px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-table-preview small {
  display: block;
  padding: 16px;
  color: #9b9487;
  font-size: 9px;
}
.oxon-experience .fg-document-preview {
  max-width: 360px;
  width: 100%;
  justify-self: center;
  background: white;
  border: 1px solid #e4dfd5;
  box-shadow: 0 10px 30px #00000008;
  padding: 28px;
}
.oxon-experience .fg-document-preview > img {
  width: 90px;
  margin-bottom: 20px;
}
.oxon-experience .fg-document-preview > h3 {
  font-size: 19px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-document-preview small {
  display: block;
  font-size: 9px;
  color: #8a8378;
  margin-top: 6px;
  line-height: 1.7;
}
.oxon-experience .fg-document-preview > div {
  display: flex;
  gap: 14px;
  align-items: center;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #eee;
}
.oxon-experience .fg-document-preview > div > img {
  width: 45px;
  height: 70px;
  object-fit: contain;
}
.oxon-experience .fg-document-preview strong {
  font-size: 10px;
  line-height: 1.6;
}
.oxon-experience .fg-status,
.oxon-experience .fg-warning-box,
.oxon-experience .fg-error {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 15px 18px;
  margin: 14px 0;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.6;
}
.oxon-experience .fg-status {
  background: #eef2ed;
  color: #50624d;
}
.oxon-experience .fg-warning-box {
  background: #fbf6e9;
  color: #8b7041;
}
.oxon-experience .fg-error {
  background: #fff0e9;
  color: #b52d16;
}
.oxon-experience .fg-warning-box button {
  text-decoration: underline;
}
.oxon-experience .fg-warning {
  /* biome-ignore lint/complexity/noImportantStyles: UI maintainers: the warning state overrides inherited preview color; remove when state colors are consolidated. */
  color: #a06b3c !important;
}
.oxon-experience .fg-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #e5d8cf;
  border-top-color: #e63f13;
  border-radius: 50%;
  animation: fg-spin 0.75s linear infinite;
}
@keyframes fg-spin {
  to {
    transform: rotate(360deg);
  }
}
.oxon-experience .fg-files {
  margin-top: 32px;
}
.oxon-experience .fg-files h2 {
  margin-bottom: 15px;
  font-size: 15px;
}
.oxon-experience .fg-files a {
  display: flex;
  align-items: center;
  gap: 16px;
  background: white;
  border: 1px solid #e4e0d7;
  padding: 18px;
  margin: 8px 0;
  border-radius: 5px;
}
.oxon-experience .fg-files strong {
  font-size: 12px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-files small {
  font-size: 10px;
  color: #8e887e;
  margin-left: auto;
}
.oxon-experience .fg-files a > span:last-child {
  font-size: 11px;
  color: #d43a12;
}
.oxon-experience .fg-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 70px 25px;
  text-align: center;
  background: white;
  border: 1px solid #e3ded4;
  border-radius: 8px;
}
.oxon-experience .ox-minicart {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(460px, 100vw);
  height: 100dvh;
  max-height: 100dvh;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: #20201e;
  box-shadow: -12px 0 50px #0002;
  font-family: var(--font-sans);
}
.oxon-experience .ox-minicart::backdrop {
  background: #17171770;
}
.oxon-experience .ox-mini-shell {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.oxon-experience .ox-mini-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e7e3da;
  padding: 25px;
}
.oxon-experience .ox-mini-head h2 {
  font-size: 22px;
  font-weight: 700;
}
.oxon-experience .ox-mini-head p {
  color: #969085;
  font-size: 11px;
  margin-top: 5px;
}
.oxon-experience .ox-mini-head button {
  font-size: 24px;
  padding: 5px 10px;
}
.oxon-experience .ox-mini-lines {
  flex: 1;
  overflow: auto;
  padding: 0 25px;
}
.oxon-experience .ox-mini-line {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #e8e4db;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .ox-mini-line img {
  width: 60px;
  height: 75px;
  object-fit: contain;
}
.oxon-experience .ox-mini-line > div {
  flex: 1;
}
.oxon-experience .ox-mini-line a {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}
.oxon-experience .ox-mini-line p {
  font-size: 10px;
  color: #8d867a;
  margin-top: 5px;
}
.oxon-experience .ox-mini-line button {
  color: #8d867a;
  padding: 10px;
  font-size: 19px;
}
.oxon-experience .ox-mini-bottom {
  padding: 25px;
  border-top: 1px solid #e6e1d6;
}
.oxon-experience .ox-mini-bottom > a {
  width: 100%;
}
.oxon-experience .ox-mini-bottom > a:first-child {
  display: block;
  text-align: center;
  font-size: 12px;
  margin-bottom: 18px;
  text-decoration: underline;
}
.oxon-experience .ox-mini-bottom p {
  font-size: 10px;
  text-align: center;
  color: #a39a8c;
  margin-top: 14px;
}
.oxon-experience .ox-mini-empty {
  padding: 55px 25px;
  color: #8d867a;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 1000px) {
  .oxon-experience .fg-container {
    padding: 32px 24px 20px;
  }
  .oxon-experience .fg-source {
    display: none;
  }
  .oxon-experience .fg-modes button {
    gap: 10px;
    padding: 15px;
  }
  .oxon-experience .fg-editor {
    grid-template-columns: 260px minmax(0, 1fr);
  }
  .oxon-experience .fg-settings {
    padding: 20px;
  }
  .oxon-experience .fg-label-work {
    padding: 22px;
  }
  .oxon-experience .fg-preview-heading {
    flex-wrap: wrap;
  }
  .oxon-experience .fg-preview-stage {
    padding: 20px 15px;
    min-height: 220px;
  }
  .oxon-experience .fg-download-bar {
    flex-wrap: wrap;
  }
  .oxon-experience .fg-export-panel {
    gap: 25px;
    padding: 28px;
  }
}
@media (max-width: 700px) {
  .oxon-experience .fg-header {
    min-height: 74px;
    padding: 18px 20px;
  }
  .oxon-experience .fg-header > span {
    display: none;
  }
  .oxon-experience .fg-header img {
    width: 110px;
  }
  .oxon-experience .fg-header > a:last-child {
    font-size: 10px;
  }
  .oxon-experience .fg-container {
    padding: 28px 16px 16px;
  }
  .oxon-experience .fg-intro h1 {
    font-size: 34px;
  }
  .oxon-experience .fg-modes {
    gap: 4px;
    padding: 4px;
  }
  .oxon-experience .fg-modes button {
    padding: 12px 6px;
    min-height: 76px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  .oxon-experience .fg-mode-icon {
    width: 23px;
    height: 23px;
  }
  .oxon-experience .fg-modes strong {
    font-size: 14px;
    margin: 0;
  }
  .oxon-experience .fg-modes small {
    display: none;
  }
  .oxon-experience .fg-products summary {
    padding: 16px;
    align-items: flex-start;
  }
  .oxon-experience .fg-products summary > span {
    text-align: right;
    font-size: 10px;
  }
  .oxon-experience .fg-editor {
    display: flex;
    flex-direction: column;
  }
  .oxon-experience .fg-settings {
    border-right: 0;
    border-bottom: 1px solid #e5e2dc;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
  .oxon-experience .fg-settings .fg-section-title,
  .oxon-experience .fg-settings > .fg-field-pair,
  .oxon-experience .fg-settings > .fg-toggles,
  .oxon-experience .fg-settings > .fg-help {
    grid-column: 1 / -1;
  }
  .oxon-experience .fg-settings > .fg-toggles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
  .oxon-experience .fg-settings > h3 {
    grid-column: 1 / -1;
    margin-top: 5px;
  }
  .oxon-experience .fg-label-work {
    padding: 20px;
  }
  .oxon-experience .fg-preview-stage {
    min-height: 210px;
    padding: 25px 15px;
  }
  .oxon-experience .fg-preview-heading h2 {
    font-size: 16px;
  }
  .oxon-experience .fg-download-bar {
    padding: 20px;
    gap: 18px;
  }
  .oxon-experience .fg-download-bar > div:last-child {
    width: 100%;
  }
  .oxon-experience .fg-download-bar button {
    flex: 1;
  }
  .oxon-experience .fg-export-panel {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 25px;
  }
  .oxon-experience .fg-export-panel h2 {
    font-size: 23px;
  }
  .oxon-experience .fg-product-row {
    padding: 12px;
    gap: 10px;
  }
  .oxon-experience .fg-product-row strong {
    font-size: 11px;
  }
  .oxon-experience .fg-reorder {
    flex-direction: column;
  }
  .oxon-experience .fg-files a {
    gap: 10px;
    flex-wrap: wrap;
  }
  .oxon-experience .fg-files small {
    margin-left: 0;
  }
  .oxon-experience .fg-files a > span:last-child {
    margin-left: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oxon-experience .fg-spinner {
    animation: none;
  }
  .oxon-experience .fg-modes button {
    transition: none;
  }
}
@media (max-width: 700px) {
  .oxon-experience .fg-editor:not(.fg-customer-labels) .fg-label-work {
    position: static;
    width: 100%;
  }
  .oxon-experience .fg-header-links {
    font-size: 10px;
    gap: 10px;
  }
}
.oxon-experience .fg-employee {
  font-size: 15px;
}
.oxon-experience .fg-employee .fg-header-links {
  font-size: 14px;
}
.oxon-experience .fg-employee .fg-intro p:not(.fg-eyebrow) {
  font-size: 15px;
}
.oxon-experience .fg-employee .fg-eyebrow {
  font-size: 12px;
}
.oxon-experience .fg-employee .fg-source span,

  .oxon-experience .fg-employee
  .fg-source
  small {
  font-size: 12px;
}
.oxon-experience .fg-employee .fg-field > span {
  font-size: 14px;
  color: #59564f;
}
.oxon-experience .fg-employee .fg-field input:not([type="range"]),
.oxon-experience .fg-employee .fg-field select,
.oxon-experience .fg-employee .fg-field textarea {
  font-size: 15px;
  min-height: 44px;
}
.oxon-experience .fg-employee .fg-field textarea {
  display: block;
  width: 100%;
  resize: vertical;
  border: 1px solid #ddd8ce;
  border-radius: 4px;
  background: #fff;
  padding: 10px;
  line-height: 1.5;
  font-family: inherit;
}
.oxon-experience .fg-employee .fg-help {
  font-size: 13px;
  color: #767066;
  line-height: 1.65;
}
.oxon-experience .fg-employee .fg-section-title button,
.oxon-experience .fg-employee .fg-section-title > span {
  font-size: 13px;
}
.oxon-experience .fg-employee h3,
.oxon-experience .fg-employee .fg-settings h2 {
  font-size: 16px;
}
.oxon-experience .fg-employee .fg-toggle {
  font-size: 14px;
}
.oxon-experience .fg-employee .fg-primary,
.oxon-experience .fg-employee .fg-secondary,
.oxon-experience .fg-employee .fg-download-bar strong {
  font-size: 15px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-employee .fg-download-bar small {
  font-size: 12px;
}
.oxon-experience .fg-employee .fg-download-bar {
  border-top: 1px solid #dedbd3;
  border-radius: 8px;
}
/* Keep template actions reachable throughout the editor and sample previews. */
.oxon-experience .fg-employee .fg-template-actions {
  position: sticky;
  top: 12px;
  z-index: 10;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-bottom: 20px;
  padding: 14px 20px;
  box-shadow: 0 4px 18px #0000000d;
}
.oxon-experience .fg-template-actions > div:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
.oxon-experience .fg-designer {
  grid-template-columns: 300px minmax(0, 1fr);
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-designer .fg-label-work {
  /* biome-ignore lint/complexity/noImportantStyles: UI maintainers: the designer must override the sticky preview utility; remove when that utility is scoped. */
  position: static !important;
}
.oxon-experience .fg-designer .fg-settings {
  padding: 24px;
}
.oxon-experience .fg-design-section {
  border-block: 1px solid #e8e5df;
  padding: 16px 0;
  margin: 4px 0 22px;
}
.oxon-experience .fg-design-section summary {
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-design-section summary span {
  display: block;
  margin: 5px 0 0 17px;
  font-size: 13px;
  color: #767066;
  font-weight: 400;
}
.oxon-experience .fg-design-section[open] summary {
  margin-bottom: 20px;
}
.oxon-experience .fg-add-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-add-elements button,

.oxon-experience .fg-canvas-toolbar button {
  border: 1px solid #ddd8ce;
  background: #fff;
  border-radius: 4px;
  min-height: 40px;
  padding: 8px 10px;
  font-size: 14px;
  text-align: left;
}
.oxon-experience .fg-add-elements button:hover,
.oxon-experience .fg-canvas-toolbar button:hover {
  border-color: #ed3c0b;
  background: #fff7f2;
}
.oxon-experience .fg-attribute-options {
  max-height: 370px;
  overflow: auto;
  border: 1px solid #e4e0d8;
  border-radius: 5px;
}
.oxon-experience .fg-attribute-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid #eeeae3;
  cursor: pointer;
}
.oxon-experience .fg-attribute-option:last-child {
  border: 0;
}
.oxon-experience .fg-attribute-option input {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  margin-top: 3px;
  accent-color: #ed3c0b;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-attribute-option span {
  min-width: 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-attribute-option strong {
  font-size: 14px;
  font-weight: 500;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-attribute-option small {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
  color: #797369;
  font-size: 12px;
  margin-top: 4px;
}
.oxon-experience .fg-designer .fg-preview-heading {
  margin-bottom: 12px;
}
.oxon-experience .fg-designer .fg-preview-heading .fg-eyebrow {
  font-size: 11px;
}
.oxon-experience .fg-designer .fg-preview-heading > span {
  font-size: 12px;
}
.oxon-experience .fg-designer-help {
  color: #70695f;
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 18px;
}
.oxon-experience .fg-canvas-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}
.oxon-experience .fg-canvas-toolbar > div {
  display: flex;
  gap: 8px;
}
.oxon-experience .fg-canvas-toolbar label {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 13px;
}
.oxon-experience .fg-canvas-toolbar input {
  accent-color: #ed3c0b;
}
.oxon-experience .fg-designer .fg-preview-stage {
  padding: 24px;
}
.oxon-experience .fg-designer .fg-label-size,
.oxon-experience .fg-designer .fg-preview-stage > p {
  font-size: 12px;
  color: #787166;
}
.oxon-experience .fg-design-canvas {
  width: 100%;
  max-width: 820px;
  position: relative;
  background: white;
  box-shadow:
    0 9px 25px #40372617,
    0 1px 3px #00000012;
  isolation: isolate;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-design-canvas > img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}
.oxon-experience .fg-element-hit {
  position: absolute;
  border: 1px solid transparent;
  background: transparent;
  padding: 0;
  cursor: grab;
  touch-action: none;
  user-select: none;
  border-radius: 0;
}
.oxon-experience .fg-element-hit:active {
  cursor: grabbing;
}
.oxon-experience .show-guides .fg-element-hit {
  border: 1px dashed #67635a55;
}
.oxon-experience .fg-element-hit:hover {
  border: 1px solid #ed3c0b;
  background: #ed3c0b08;
}
.oxon-experience .fg-element-hit.selected {
  outline: 2px solid #ed3c0b;
  outline-offset: 0;
  z-index: 2;
  border-color: transparent;
}
.oxon-experience .fg-element-hit:focus-visible {
  outline: 3px solid #ed3c0b;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-element-hit > span {
  display: none;
  position: absolute;
  bottom: 100%;
  left: -2px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.4;
  padding: 4px 7px;
  background: #ed3c0b;
  color: white;
  border-radius: 3px 3px 0 0;
  pointer-events: none;
}
.oxon-experience .fg-element-hit.selected > span {
  display: block;
}
.oxon-experience .fg-element-resize {
  position: absolute;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%);
  border: 2px solid white;
  background: #ed3c0b;
  box-shadow: 0 0 0 1px #ed3c0b;
  z-index: 3;
  touch-action: none;
  cursor: nwse-resize;
}
.oxon-experience .fg-inline-text {
  position: absolute;
  z-index: 4;
  border: 2px solid #ed3c0b;
  outline: 0;
  padding: 3px;
  background: #fff;
  color: #171717;
  font-size: 16px;
  line-height: 1.2;
  resize: none;
  min-height: 40px;
}
.oxon-experience .fg-element-properties {
  margin-top: 24px;
  padding: 22px;
  border: 1px solid #e3ded4;
  background: #faf9f6;
  border-radius: 6px;
}
.oxon-experience .fg-property-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  align-items: center;
}
.oxon-experience .fg-position-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.oxon-experience .fg-element-properties .fg-section-title {
  margin: 6px 0 16px;
}
.oxon-experience .fg-remove-element {
  color: #bd391b;
}
@media (max-width: 1100px) {
  .oxon-experience .fg-designer {
    grid-template-columns: 270px minmax(0, 1fr);
  }
  .oxon-experience .fg-designer .fg-label-work {
    padding: 22px;
  }
  .oxon-experience .fg-designer .fg-preview-stage {
    padding: 24px 12px;
  }
  .oxon-experience .fg-property-row {
    grid-template-columns: 1fr 1fr;
  }
  .oxon-experience .fg-position-fields {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 800px) {
  .oxon-experience .fg-designer {
    display: flex;
    flex-direction: column;
  }
  .oxon-experience .fg-designer .fg-settings {
    display: block;
    order: 2;
    width: 100%;
    border-right: 0;
    border-top: 1px solid #e5e2dc;
  }
  .oxon-experience .fg-designer .fg-label-work {
    width: 100%;
  }
  .oxon-experience .fg-designer .fg-attribute-options {
    max-height: 260px;
  }
  .oxon-experience .fg-designer .fg-settings > h3 {
    margin-top: 22px;
  }
  .oxon-experience .fg-designer .fg-element-properties {
    padding: 16px;
  }
  .oxon-experience .fg-employee .fg-field input:not([type="range"]),
  .oxon-experience .fg-employee .fg-field select,
  .oxon-experience .fg-employee .fg-field textarea {
    font-size: 16px;
  }
}
.oxon-experience .fg-draft-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 24px;
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.5;
  color: #7e786e;
}
.oxon-experience .fg-draft-status > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.oxon-experience .fg-draft-status > span:first-child::before {
  content: "";
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #a5a097;
}
.oxon-experience .fg-draft-status > span.is-dirty {
  color: #9c4e2a;
}
.oxon-experience .fg-draft-status > span.is-dirty::before {
  background: #e63f13;
}
.oxon-experience .fg-customer {
  font-size: 15px;
}
.oxon-experience .fg-customer .fg-header-links {
  font-size: 14px;
}
.oxon-experience .fg-customer .fg-header > span,

.oxon-experience .fg-customer .fg-eyebrow {
  font-size: 11px;
}
.oxon-experience .fg-customer .fg-intro p:not(.fg-eyebrow) {
  font-size: 15px;
}
.oxon-experience .fg-customer .fg-source span {
  font-size: 11px;
}
.oxon-experience .fg-customer .fg-source strong {
  font-size: 16px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-source small {
  font-size: 13px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-modes small {
  font-size: 14px;
}
.oxon-experience .fg-customer .fg-products summary strong {
  font-size: 16px;
}
.oxon-experience .fg-customer .fg-products summary span {
  font-size: 13px;
}
.oxon-experience .fg-customer .fg-product-tools,

  .oxon-experience .fg-customer
  .fg-product-row
  strong {
  font-size: 14px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-product-row small {
  font-size: 12px;
}
.oxon-experience .fg-customer .fg-preview-heading h2 {
  font-size: 20px;
}
.oxon-experience .fg-customer h3 {
  font-size: 16px;
}
.oxon-experience .fg-customer .fg-section-title {
  flex-wrap: wrap;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-section-title > span {
  font-size: 12px;
  color: #797267;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-field > span {
  font-size: 14px;
}
.oxon-experience .fg-customer .fg-field input:not([type="range"]),
.oxon-experience .fg-customer .fg-field select {
  font-size: 16px;
  height: 46px;
}
.oxon-experience .fg-customer .fg-help {
  font-size: 13px;
  color: #797267;
  line-height: 1.65;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-preview-heading > span,
.oxon-experience .fg-customer .fg-label-size,
.oxon-experience .fg-customer .fg-preview-stage > p {
  font-size: 12px;
  color: #797267;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-download-bar strong {
  font-size: 16px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-download-bar small {
  font-size: 13px;
  color: #797267;
}
.oxon-experience .fg-customer .fg-primary,
.oxon-experience .fg-customer .fg-secondary {
  font-size: 15px;
}
.oxon-experience .fg-customer .fg-format {
  font-size: 11px;
}
.oxon-experience .fg-customer .fg-export-panel > div > p:not(.fg-eyebrow) {
  font-size: 15px;
}
.oxon-experience .fg-customer .fg-status,
.oxon-experience .fg-customer .fg-warning-box,
.oxon-experience .fg-customer .fg-error {
  font-size: 14px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-files strong {
  font-size: 15px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-customer .fg-files small,
.oxon-experience .fg-customer .fg-files a > span:last-child {
  font-size: 13px;
}

.oxon-experience .fg-admin-nav {
  display: flex;
  flex-shrink: 0;
  gap: 6px;
}
.oxon-experience .fg-admin-nav a {
  display: block;
  padding: 12px 16px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
.oxon-experience .fg-admin-nav a[aria-current="page"] {
  color: #fff;
  background: #1d1e1c;
}
.oxon-experience .fg-admin-nav a:hover:not([aria-current="page"]) {
  color: #d6380c;
  background: #f6f5f2;
}
.oxon-experience .fg-admin-nav a:focus-visible {
  outline: 2px solid #ed3c0b;
  outline-offset: 3px;
}
.oxon-experience .fg-employee .fg-header > a {
  flex-shrink: 0;
}
.oxon-experience .fg-employee .fg-header-links {
  justify-content: flex-end;
}
.oxon-experience .fg-employee .fg-header-links > * {
  white-space: nowrap;
}
.oxon-experience .fg-employee .fg-header-links {
  align-items: center;
}
.oxon-experience .fg-account {
  position: relative;
}
.oxon-experience .fg-account-trigger {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #dedbd3;
  border-radius: 5px;
  background: white;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.oxon-experience .fg-account-trigger svg {
  width: 21px;
  height: 21px;
}
.oxon-experience .fg-account-trigger:hover,
.oxon-experience .fg-account-trigger[aria-expanded="true"] {
  background: #f6f5f2;
  border-color: #bfbab0;
}
.oxon-experience .fg-account-trigger:focus-visible,
.oxon-experience .fg-account-actions > *:focus-visible {
  outline: 2px solid #ed3c0b;
  outline-offset: 3px;
}
.oxon-experience .fg-account-panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 12px);
  right: 0;
  width: 290px;
  max-width: calc(100vw - 40px);
  padding: 8px;
  border: 1px solid #dedbd3;
  border-radius: 8px;
  background: white;
  box-shadow: 0 10px 35px #1d1d1b1a;
  white-space: normal;
}
.oxon-experience .fg-account-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 12px 18px;
  border-bottom: 1px solid #e8e5df;
}
.oxon-experience .fg-account-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1efea;
}
.oxon-experience .fg-account-avatar svg {
  width: 22px;
  height: 22px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-account-identity small {
  display: block;
  margin-bottom: 4px;
  color: #77756f;
  font-size: 12px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-account-identity strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
}
.oxon-experience .fg-account-actions {
  display: grid;
  gap: 4px;
  padding-top: 8px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-account-actions > * {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.oxon-experience .fg-account-actions > *:hover {
  background: #f6f5f2;
}
.oxon-experience .fg-account-actions svg {
  width: 19px;
  height: 19px;
}
.oxon-experience .fg-account-error {
  padding: 10px 12px;
  color: #b52d16;
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 900px) {
  .oxon-experience .fg-employee .fg-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px 24px;
  }
  .oxon-experience .fg-employee .fg-header-links {
    grid-column: 2;
    grid-row: 1;
  }
  .oxon-experience .fg-admin-nav {
    grid-column: 1 / -1;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .oxon-experience .fg-admin-nav a {
    flex: 1;
    padding: 10px 8px;
    font-size: 14px;
  }
}
.oxon-experience .fg-library,
.oxon-experience .fg-samples {
  padding: 24px;
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid #dedbd5;
  border-radius: 8px;
}
.oxon-experience .fg-library.fg-template-library {
  padding: 18px 20px;
  margin-bottom: 16px;
}
.oxon-experience .fg-library-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 18px;
}
.oxon-experience .fg-library-tools .fg-field {
  min-width: 220px;
  flex: 1;
  margin: 0;
}
.oxon-experience .fg-library-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-heading h2 {
  margin: 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-heading > span {
  font-size: 13px;
  color: #777168;
}
.oxon-experience .fg-library-heading-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}
.oxon-experience .fg-library-reset {
  font-size: 13px;
  color: #777168;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.oxon-experience .fg-library-controls {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.oxon-experience .fg-library-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-bottom: 12px;
}
.oxon-experience .fg-library-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-statuses button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 11px;
  border: 1px solid #dedbd5;
  border-radius: 5px;
  background: #fff;
  color: #5d574f;
  font-size: 14px;
  font-weight: 600;
}
.oxon-experience .fg-library-statuses button:hover:not(:disabled) {
  border-color: #e63f13;
  color: #c8340b;
}
.oxon-experience .fg-library-statuses button[aria-pressed="true"] {
  color: #b9300b;
  border-color: #ed3c0b;
  background: #fff3ed;
}
.oxon-experience .fg-library-count {
  display: inline-flex;
  justify-content: center;
  min-width: 22px;
  padding: 1px 5px;
  border-radius: 3px;
  background: #f1efeb;
  font-size: 12px;
  font-weight: 500;
}
.oxon-experience .fg-library-statuses button[aria-pressed="true"] .fg-library-count {
  background: #ffe2d6;
}
.oxon-experience .fg-library-filter-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 4px 0;
  color: #777168;
  font-size: 13px;
  cursor: pointer;
}
.oxon-experience .fg-library-filter-toggle svg {
  width: 17px;
  height: 17px;
}
.oxon-experience .fg-library-filter-toggle:hover,
.oxon-experience .fg-library-filter-toggle[aria-expanded="true"] {
  color: #292724;
}
.oxon-experience .fg-library-filter-toggle:focus-visible {
  outline: 2px solid #ed3c0b;
  outline-offset: 4px;
  border-radius: 3px;
}
.oxon-experience .fg-library-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 10px;
  background: #eeece7;
  color: #59544c;
  font-size: 11px;
}
.oxon-experience .fg-library-filters {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 5px;
  background: #f8f7f4;
}
.oxon-experience .fg-library-filters[hidden] {
  display: none;
}
.oxon-experience .fg-library-filters .fg-field,
.oxon-experience .fg-library-picker {
  min-width: 0;
  margin: 0;
}
.oxon-experience .fg-library-selection {
  display: flex;
  align-items: center;
  gap: 10px;
}
.oxon-experience .fg-library-picker,
.oxon-experience .fg-library-selection .fg-library-empty {
  flex: 1;
}
.oxon-experience .fg-employee .fg-library-delete {
  flex-shrink: 0;
  min-height: 44px;
  padding: 9px 14px;
  font-size: 14px;
}
.oxon-experience .fg-employee .fg-library-filters .fg-field > span {
  margin-bottom: 6px;
  font-size: 13px;
  color: #777168;
}
.oxon-experience .fg-employee .fg-library-filters .fg-field input,
.oxon-experience .fg-employee .fg-library-filters .fg-field select {
  height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.oxon-experience .fg-library-current {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5e2dc;
}
.oxon-experience .fg-library-current > div {
  min-width: 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-current strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: 15px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-current > button {
  flex-shrink: 0;
}
.oxon-experience .fg-library-current-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 9px;
}
.oxon-experience .fg-library-caption {
  color: #777168;
  font-size: 13px;
}
.oxon-experience .fg-template-status {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.oxon-experience .fg-template-status.is-draft {
  color: #60584b;
  background: #f0ede6;
}
.oxon-experience .fg-template-status.is-published {
  color: #386044;
  background: #edf3ed;
}
.oxon-experience .fg-template-status.has-changes {
  color: #a3421c;
  background: #fff0e7;
}
.oxon-experience .fg-library-outside {
  margin: 5px 0 0;
  color: #777168;
  font-size: 13px;
  line-height: 1.5;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-empty {
  border: 1px dashed #dedbd5;
  border-radius: 5px;
  padding: 20px;
  color: #777168;
  font-size: 14px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-empty p {
  margin: 0;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-library-empty button {
  margin-top: 10px;
  color: #c8340b;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 800px) {
  .oxon-experience .fg-library-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .oxon-experience .fg-library-filters > :first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 500px) {
  .oxon-experience .fg-library.fg-template-library {
    padding: 16px;
  }
  .oxon-experience .fg-library-filters {
    grid-template-columns: minmax(0, 1fr);
  }
  .oxon-experience .fg-library-current {
    flex-wrap: wrap;
  }
  .oxon-experience .fg-library-selection {
    flex-wrap: wrap;
  }
  .oxon-experience .fg-library-picker {
    flex-basis: 100%;
  }
  .oxon-experience .fg-library-selection > button {
    margin-left: auto;
  }
  .oxon-experience .fg-library-statuses button {
    padding: 6px 9px;
  }
}
.oxon-experience .fg-secondary.fg-danger {
  color: #a83116;
  border-color: #e2c3b7;
}
.oxon-experience .fg-secondary.fg-danger:hover {
  border-color: #a83116;
  background: #fff3ef;
}
.oxon-experience .fg-primary.fg-danger {
  background: #b52d16;
  border-color: #b52d16;
}
.oxon-experience .fg-primary.fg-danger:hover {
  background: #942310;
  border-color: #942310;
}
.oxon-experience .fg-history {
  margin-top: 20px;
  font-size: 14px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-history summary {
  cursor: pointer;
  padding: 10px 0;
  font-weight: 600;
}
.oxon-experience .fg-template-library .fg-history {
  margin-top: 10px;
}
.oxon-experience .fg-template-library .fg-history summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-height: 34px;
  padding: 6px 0;
  list-style: none;
  font-size: 13px;
}
.oxon-experience .fg-template-library .fg-history summary::-webkit-details-marker {
  display: none;
}
.oxon-experience .fg-template-library .fg-history summary::before {
  content: "+";
  width: 12px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
}
.oxon-experience .fg-template-library .fg-history[open] summary::before {
  content: "−";
}
.oxon-experience .fg-template-library .fg-history summary > small {
  margin-left: auto;
  color: #777168;
  font-size: 12px;
  font-weight: 400;
}
.oxon-experience .fg-template-library .fg-history[open] {
  padding-top: 8px;
  border-top: 1px solid #e5e2dc;
}
.oxon-experience .fg-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-history-row small,

.oxon-experience .fg-sample-heading small {
  display: block;
  margin-top: 5px;
  color: #777;
  line-height: 1.5;
}
.oxon-experience .fg-samples {
  margin-top: 24px;
}
.oxon-experience .fg-sample-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.oxon-experience .fg-sample {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 16px;
  min-width: 0;
  font-size: 14px;
}
.oxon-experience .fg-sample-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.oxon-experience .fg-sample-heading > div {
  min-width: 0;
  overflow-wrap: anywhere;
}
.oxon-experience .fg-sample-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  padding: 7px;
  border: 1px solid #dedbd5;
  border-radius: 4px;
  background: #fff;
  color: #70695f;
}
.oxon-experience .fg-sample-remove:hover {
  border-color: #ed3c0b;
  color: #ed3c0b;
  background: #fff7f2;
}
.oxon-experience .fg-sample-remove:focus-visible {
  outline: 2px solid #ed3c0b;
  outline-offset: 2px;
}
.oxon-experience .fg-sample-remove svg {
  width: 18px;
  height: 18px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-sample img {
  display: block;
  align-self: start;
  width: 100%;
  margin: 0;
  border: 1px solid #e5e2dc;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-sample > p,
.oxon-experience .fg-sample > ul {
  align-self: start;
  margin: 0;
}
.oxon-experience .fg-sample li {
  margin: 0 0 5px;
}
/* biome-ignore lint/style/noDescendingSpecificity: UI maintainers: retain this component/state cascade; remove after comparing all three designs at desktop/mobile sizes. */
.oxon-experience .fg-field textarea {
  padding: 12px;
  border: 1px solid #ddd5ca;
  background: white;
  resize: vertical;
}
@media (max-width: 1000px) {
  .oxon-experience .fg-sample-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .oxon-experience .fg-sample-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 650px) {
  .oxon-experience .fg-library,
  .oxon-experience .fg-samples {
    padding: 18px;
  }
  .oxon-experience .fg-history-row {
    flex-wrap: wrap;
  }
}

.oxon-experience .fg-active-template {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid var(--success-line, #a7c7ae);
  border-radius: 8px;
  background: var(--success-surface, #edf4ee);
}
.oxon-experience .fg-active-template-current {
  min-width: 0;
  flex: 1 1 160px;
  overflow-wrap: anywhere;
}
.oxon-experience .fg-active-template-title {
  margin: 0 0 6px;
}
.oxon-experience .fg-active-template-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.oxon-experience .fg-active-template-description {
  margin: 6px 0 0;
  color: var(--muted, #77756f);
  font-size: 12px;
}
.oxon-experience .fg-active-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 4px;
  background: var(--success-surface, #edf4ee);
  color: var(--success, #39734c);
  font-size: 11px;
  font-weight: 600;
  vertical-align: middle;
}
.oxon-experience .fg-active-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.oxon-experience .fg-active-template-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.oxon-experience .fg-active-template-controls .fg-field {
  flex: 1 1 220px;
  min-width: 0;
  margin: 0;
}
.oxon-experience .fg-active-template-controls .fg-secondary {
  flex-shrink: 0;
}
.oxon-experience .fg-active-template-notice {
  flex-basis: 100%;
  margin: 0;
  font-size: 12px;
  color: var(--muted, #77756f);
}

/* Keep the current draft and the customer-facing version distinct and compact. */
.oxon-experience .fg-template-context {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}
.oxon-experience .fg-template-picker {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid var(--line, #dedbd3);
  border-radius: 8px;
  background: var(--surface, #fff);
}
.oxon-experience .fg-template-picker-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-bottom: 8px;
}
.oxon-experience .fg-employee .fg-template-picker-heading h2 {
  margin: 0;
  font-size: 14px;
}
.oxon-experience .fg-template-picker .fg-field {
  margin: 0;
}
.oxon-experience .fg-active-template-icon {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--surface, #fff);
  color: var(--success, #39734c);
}
.oxon-experience .fg-active-template-version {
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--surface-soft, #f1efeb);
  color: var(--muted, #77756f);
  font-size: 12px;
  font-weight: 400;
}
.oxon-experience .fg-library.fg-template-library.fg-library-dialog {
  padding: 0;
  border: 0;
  background: transparent;
}
.oxon-experience .fg-editor-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: var(--muted, #77756f);
  font-size: 12px;
}
.oxon-experience .fg-editor-status .is-dirty {
  color: var(--accent-ink, #ae4317);
  font-weight: 600;
}
.oxon-experience .fg-designer-intro {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
  margin-bottom: 16px;
}
.oxon-experience .fg-designer-intro .fg-designer-help {
  margin: 0;
}
.oxon-experience .fg-editing-help {
  color: var(--muted, #77756f);
  font-size: 12px;
}
.oxon-experience .fg-designer .fg-editing-help summary {
  cursor: pointer;
}
.oxon-experience .fg-designer .fg-editing-help p {
  max-width: 420px;
  margin: 8px 0;
  line-height: 1.6;
}
.oxon-experience .fg-product-fields {
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: 0;
}
@media (max-width: 1000px) {
  .oxon-experience .fg-template-context {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container admin-tools (max-width: 1000px) {
  .oxon-experience .fg-template-context {
    grid-template-columns: minmax(0, 1fr);
  }
}