@club-employes/utopia/dist/utopia.css

🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.

@charset "UTF-8";.theme-provider[data-v-ec572e66]{width:100%;margin:0;padding:0}.icon[data-v-6c91bfba]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,transform .2s ease}.icon--xs[data-v-6c91bfba]{width:12px;height:12px}.icon--sm[data-v-6c91bfba]{width:16px;height:16px}.icon--md[data-v-6c91bfba]{width:20px;height:20px}.icon--lg[data-v-6c91bfba]{width:24px;height:24px}.icon[data-v-6c91bfba] svg{width:100%;height:100%;display:block}.icon[data-v-6c91bfba] path,.icon[data-v-6c91bfba] circle,.icon[data-v-6c91bfba] line,.icon[data-v-6c91bfba] rect,.icon[data-v-6c91bfba] polygon{stroke:currentColor;fill:currentColor;stroke-width:var(--stroke-width, 1)!important}.icon[data-v-6c91bfba] svg[fill=none] path,.icon[data-v-6c91bfba] svg[fill=none] circle,.icon[data-v-6c91bfba] svg[fill=none] line,.icon[data-v-6c91bfba] svg[fill=none] rect,.icon[data-v-6c91bfba] svg[fill=none] polygon{fill:none;stroke:currentColor}.icon[data-v-6c91bfba] [stroke-opacity]{stroke:currentColor}.icon[data-v-6c91bfba] [fill-opacity]{fill:currentColor}.utopia-button[data-v-d3c25e29]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2, 8px);border:2px solid transparent;border-radius:50px;font-family:var(--font-family-sans, system-ui);font-weight:var(--font-weight-medium, 500);line-height:1.5;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.utopia-button[data-v-d3c25e29]:focus{outline:none}.utopia-button__icon[data-v-d3c25e29]{flex-shrink:0;transition:transform .2s ease}.utopia-button__icon--loading[data-v-d3c25e29]{animation:spin-d3c25e29 1s linear infinite}.utopia-button__text[data-v-d3c25e29]{white-space:nowrap}.utopia-button--primary[data-v-d3c25e29]{background:var(--theme-colors-brand-primary-500, #3b82f6);color:#fff;box-shadow:0 1px 3px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .3))}.utopia-button--primary[data-v-d3c25e29]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-400, #60a5fa);border:2px solid transparent;box-shadow:0 4px 12px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .4));transform:translateY(-1px)}.utopia-button--primary[data-v-d3c25e29]:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-500, #2563eb);border:2px solid transparent;box-shadow:0 4px 12px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .4));transform:translateY(-1px)}.utopia-button--primary[data-v-d3c25e29]:focus-visible{background:var(--theme-colors-brand-primary-300, #93c5fd);border:2px solid transparent;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-button--primary[data-v-d3c25e29]:focus-visible:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-400, #60a5fa);border:2px solid transparent}.utopia-button--primary[data-v-d3c25e29]:focus-visible:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-500, #2563eb);border:2px solid transparent}.utopia-button--primary[data-v-d3c25e29]:active:not(.utopia-button--disabled){transform:translateY(0);box-shadow:0 1px 3px var(--theme-colors-brand-primary-200, rgba(59, 130, 246, .3))}.utopia-button--secondary[data-v-d3c25e29]{background:var(--theme-colors-surface-card, #ffffff);color:var(--theme-colors-brand-primary-500, #3b82f6);box-shadow:0 1px 2px #0000000d}.utopia-button--secondary[data-v-d3c25e29]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent;box-shadow:0 2px 8px var(--theme-colors-brand-primary-100, rgba(59, 130, 246, .2));transform:translateY(-1px)}.utopia-button--secondary[data-v-d3c25e29]:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent;box-shadow:0 2px 8px var(--theme-colors-brand-primary-100, rgba(59, 130, 246, .2));transform:translateY(-1px)}.utopia-button--secondary[data-v-d3c25e29]:focus-visible{background:var(--theme-colors-surface-card, #ffffff);border:2px solid transparent;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-button--secondary[data-v-d3c25e29]:focus-visible:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent}.utopia-button--secondary[data-v-d3c25e29]:focus-visible:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent}.utopia-button--secondary[data-v-d3c25e29]:active:not(.utopia-button--disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.utopia-button--tertiary[data-v-d3c25e29]{background:transparent;color:var(--theme-colors-brand-secondary-500, #3b82f6)}.utopia-button--tertiary[data-v-d3c25e29]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent}.utopia-button--tertiary[data-v-d3c25e29]:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent}.utopia-button--tertiary[data-v-d3c25e29]:focus-visible{background:transparent;border:2px solid transparent;box-shadow:0 0 0 2px var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-button--tertiary[data-v-d3c25e29]:focus-visible:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, #eff6ff);border:2px solid transparent}.utopia-button--tertiary[data-v-d3c25e29]:focus-visible:active:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-50, #dbeafe);border:2px solid transparent}.utopia-button--tertiary[data-v-d3c25e29]:hover:not(.utopia-button--disabled){color:var(--theme-colors-brand-secondary-500, #2563eb)}.utopia-button--xs[data-v-d3c25e29]{padding:var(--spacing-1, 4px) var(--spacing-2, 8px);font-size:var(--font-size-xs, 12px)}.utopia-button--xs .utopia-button__icon[data-v-d3c25e29]{width:12px;height:12px}.utopia-button--sm[data-v-d3c25e29]{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-button--sm .utopia-button__icon[data-v-d3c25e29]{width:14px;height:14px}.utopia-button--md[data-v-d3c25e29]{padding:var(--spacing-2-5, 10px) var(--spacing-4, 16px);font-size:var(--font-size-base, 16px)}.utopia-button--md .utopia-button__icon[data-v-d3c25e29]{width:16px;height:16px}.utopia-button--lg[data-v-d3c25e29]{padding:var(--spacing-3, 12px) var(--spacing-5, 20px);font-size:var(--font-size-lg, 18px)}.utopia-button--lg .utopia-button__icon[data-v-d3c25e29]{width:18px;height:18px}.utopia-button--xl[data-v-d3c25e29]{padding:var(--spacing-4, 16px) var(--spacing-6, 24px);font-size:var(--font-size-xl, 20px)}.utopia-button--xl .utopia-button__icon[data-v-d3c25e29]{width:20px;height:20px}.utopia-button--icon-only.utopia-button--xs[data-v-d3c25e29]{padding:var(--spacing-1, 4px);width:24px;height:24px}.utopia-button--icon-only.utopia-button--sm[data-v-d3c25e29]{padding:var(--spacing-2, 8px);width:32px;height:32px}.utopia-button--icon-only.utopia-button--md[data-v-d3c25e29]{padding:var(--spacing-2-5, 10px);width:40px;height:40px}.utopia-button--icon-only.utopia-button--lg[data-v-d3c25e29]{padding:var(--spacing-3, 12px);width:48px;height:48px}.utopia-button--icon-only.utopia-button--xl[data-v-d3c25e29]{padding:var(--spacing-4, 16px);width:56px;height:56px}.utopia-button--loading[data-v-d3c25e29]{cursor:wait;pointer-events:none;opacity:.8}.utopia-button--loading[data-v-d3c25e29]:hover,.utopia-button--loading[data-v-d3c25e29]:focus,.utopia-button--loading[data-v-d3c25e29]:active{transform:none!important;box-shadow:inherit!important}.utopia-button--disabled[data-v-d3c25e29]{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none!important;box-shadow:none!important;transition:none!important}.utopia-button:active:not(.utopia-button--disabled) .utopia-button__icon[data-v-d3c25e29]{transform:scale(.95)}.utopia-button--primary.utopia-button--disabled[data-v-d3c25e29]{background:var(--theme-colors-border-muted, #e5e7eb);color:var(--theme-colors-text-muted, #9ca3af)}.utopia-button--secondary.utopia-button--disabled[data-v-d3c25e29]{background:var(--theme-colors-surface-background, #f9fafb);color:var(--theme-colors-text-muted, #9ca3af)}.utopia-button--tertiary.utopia-button--disabled[data-v-d3c25e29]{background:transparent;color:var(--theme-colors-text-muted, #9ca3af)}.utopia-button--dark.utopia-button--secondary[data-v-d3c25e29]{background:var(--theme-colors-surface-card, #1f2937);color:var(--theme-colors-brand-primary-400, #60a5fa);border-color:var(--theme-colors-border-default, #374151)}.utopia-button--dark.utopia-button--secondary[data-v-d3c25e29]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, rgba(59, 130, 246, .1))}.utopia-button--dark.utopia-button--tertiary[data-v-d3c25e29]{color:var(--theme-colors-brand-primary-400, #60a5fa)}.utopia-button--dark.utopia-button--tertiary[data-v-d3c25e29]:hover:not(.utopia-button--disabled){background:var(--theme-colors-brand-primary-25, rgba(59, 130, 246, .1))}.utopia-button--dark.utopia-button--primary.utopia-button--disabled[data-v-d3c25e29],.utopia-button--dark.utopia-button--secondary.utopia-button--disabled[data-v-d3c25e29],.utopia-button--dark.utopia-button--tertiary.utopia-button--disabled[data-v-d3c25e29]{background:var(--theme-colors-surface-background, #111827);color:var(--theme-colors-text-muted, #6b7280);border-color:var(--theme-colors-border-muted, #374151)}@keyframes spin-d3c25e29{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.utopia-card[data-v-45641abc]{display:flex;flex-direction:column;gap:var(--spacing-3, 12px);border-radius:var(--border-radius-lg, 8px);background-color:var(--theme-colors-surface-background, #ffffff);color:var(--theme-colors-text-primary, #111827);border:2px solid var(--theme-colors-border-default, #9ca3af);transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .06s ease;box-shadow:0 0 0 4px transparent}.utopia-card--default[data-v-45641abc]{background-color:var(--theme-colors-surface-background, #ffffff);border:2px solid var(--theme-colors-border-default, #9ca3af);box-shadow:none}.utopia-card--elevated[data-v-45641abc]{background-color:var(--theme-colors-surface-card, #ffffff);border:1px solid var(--theme-colors-border-default, #e5e7eb);box-shadow:none}.utopia-card--outlined[data-v-45641abc]{background-color:transparent;border:1px solid var(--theme-colors-border-default, #e5e7eb);box-shadow:none}.utopia-card--interactive[data-v-45641abc]:hover:not(.utopia-card--disabled):not(.utopia-card--active){border-color:transparent;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.utopia-card--interactive[data-v-45641abc]:active:not(.utopia-card--disabled):not(.utopia-card--active){transform:scale(.995)}.utopia-card[data-v-45641abc]:not(.utopia-card--interactive){cursor:default}.utopia-card[data-v-45641abc]:not(.utopia-card--interactive):hover{border-color:var(--theme-colors-border-default, #9ca3af);box-shadow:none;transform:none}.utopia-card[data-v-45641abc]:not(.utopia-card--interactive):active{border-color:var(--theme-colors-border-default, #9ca3af);box-shadow:0 0 0 4px transparent;transform:none}.utopia-card--elevated[data-v-45641abc]:not(.utopia-card--interactive):hover{transform:none;box-shadow:none;border-color:var(--theme-colors-border-default, #e5e7eb)}.utopia-card--outlined[data-v-45641abc]:not(.utopia-card--interactive):hover{border-color:var(--theme-colors-border-default, #e5e7eb);box-shadow:none}.utopia-card--elevated.utopia-card--interactive[data-v-45641abc]:hover:not(.utopia-card--disabled):not(.utopia-card--active){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;border-color:var(--theme-colors-brand-primary-300, #93c5fd)}.utopia-card--outlined.utopia-card--interactive[data-v-45641abc]:hover:not(.utopia-card--disabled):not(.utopia-card--active){border-color:var(--theme-colors-brand-primary-300, #93c5fd);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}.utopia-card--active[data-v-45641abc]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6);color:#fff;box-shadow:0 2px 4px #3b82f633}.utopia-card--active.utopia-card--interactive[data-v-45641abc]:hover:not(.utopia-card--disabled){background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb);box-shadow:0 0 0 4px var(--theme-colors-brand-primary-300, rgba(59, 130, 246, .2))}.utopia-card--small[data-v-45641abc]{padding:var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-card--medium[data-v-45641abc]{padding:var(--spacing-4, 16px);font-size:var(--font-size-base, 16px)}.utopia-card--large[data-v-45641abc]{padding:var(--spacing-6, 24px);font-size:var(--font-size-lg, 18px)}.utopia-card--disabled[data-v-45641abc]{opacity:.5;cursor:not-allowed;pointer-events:none}@media(prefers-color-scheme:dark){.utopia-card[data-v-45641abc]{background-color:var(--theme-colors-surface-background, #1f2937);border-color:var(--theme-colors-border-default, #6b7280);color:var(--theme-colors-text-primary, #f9fafb)}.utopia-card--default[data-v-45641abc]{background-color:var(--theme-colors-surface-background, #1f2937);border-color:var(--theme-colors-border-default, #6b7280)}.utopia-card--elevated[data-v-45641abc]{background-color:var(--theme-colors-surface-card, #374151);border-color:var(--theme-colors-border-default, #4b5563)}.utopia-card--outlined[data-v-45641abc]{background-color:transparent;border-color:var(--theme-colors-border-default, #4b5563)}.utopia-card--interactive[data-v-45641abc]:hover:not(.utopia-card--disabled):not(.utopia-card--active){border-color:transparent;box-shadow:0 0 0 4px var(--theme-colors-brand-primary-300, rgba(59, 130, 246, .2))}.utopia-card--active[data-v-45641abc]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6)}}.utopia-checkbox[data-v-982afd0c]{display:inline-flex;align-items:center;gap:var(--spacing-3, 12px);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-family:var(--font-family-sans, system-ui);font-size:var(--font-size-base, 16px);line-height:1.5;transition:all .15s ease;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-checkbox__input[data-v-982afd0c]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.utopia-checkbox__input[data-v-982afd0c]:focus,.utopia-checkbox__input[data-v-982afd0c]:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}.utopia-checkbox__box[data-v-982afd0c]{position:relative;flex-shrink:0;width:20px;height:20px;border:2px solid var(--theme-colors-border-default, #d1d5db);border-radius:var(--radius-sm, 6px);background:var(--theme-colors-surface-card, #ffffff);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.utopia-checkbox__check[data-v-982afd0c]{opacity:0;transform:scale(.7);transition:all .15s cubic-bezier(.4,0,.2,1);width:12px;height:12px}.utopia-checkbox__check[data-v-982afd0c] svg{color:#fff!important;fill:#fff!important}.utopia-checkbox__check[data-v-982afd0c] svg path{stroke:#fff!important;fill:none!important}.utopia-checkbox__label[data-v-982afd0c]{color:var(--theme-colors-text-primary, #111827);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:color .15s ease}.utopia-checkbox:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-982afd0c]{border-color:var(--theme-colors-brand-primary-400, #60a5fa);background:var(--theme-colors-brand-primary-25, #eff6ff);transform:scale(1.05)}.utopia-checkbox:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__label[data-v-982afd0c]{color:var(--theme-colors-brand-primary-500)}.utopia-checkbox:active:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-982afd0c]{transform:scale(.95);transition:transform .1s ease}.utopia-checkbox--checked .utopia-checkbox__box[data-v-982afd0c]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6);box-shadow:0 2px 4px #3b82f633}.utopia-checkbox--checked .utopia-checkbox__check[data-v-982afd0c]{opacity:1;transform:scale(1)}.utopia-checkbox--checked:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-982afd0c]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb);transform:scale(1.05)}.utopia-checkbox--disabled[data-v-982afd0c]{cursor:not-allowed;opacity:.5}.utopia-checkbox--disabled .utopia-checkbox__box[data-v-982afd0c]{background:var(--theme-colors-surface-background, #f9fafb);border-color:var(--theme-colors-border-muted, #e5e7eb);cursor:not-allowed}.utopia-checkbox--disabled .utopia-checkbox__label[data-v-982afd0c]{color:var(--theme-colors-text-muted, #9ca3af);cursor:not-allowed}.utopia-checkbox--disabled.utopia-checkbox--checked .utopia-checkbox__box[data-v-982afd0c]{background:var(--theme-colors-border-muted, #e5e7eb);border-color:var(--theme-colors-border-muted, #e5e7eb)}.utopia-checkbox--disabled.utopia-checkbox--checked .utopia-checkbox__check[data-v-982afd0c] svg{color:var(--theme-colors-text-muted, #9ca3af)!important;fill:var(--theme-colors-text-muted, #9ca3af)!important}.utopia-checkbox--disabled.utopia-checkbox--checked .utopia-checkbox__check[data-v-982afd0c] svg path{stroke:var(--theme-colors-text-muted, #9ca3af)!important}.utopia-checkbox--small[data-v-982afd0c]{font-size:var(--font-size-sm, 14px);gap:var(--spacing-2, 8px)}.utopia-checkbox--small .utopia-checkbox__box[data-v-982afd0c]{width:16px;height:16px}.utopia-checkbox--small .utopia-checkbox__check[data-v-982afd0c]{width:10px;height:10px}.utopia-checkbox--medium[data-v-982afd0c]{font-size:var(--font-size-base, 16px);gap:var(--spacing-3, 12px)}.utopia-checkbox--medium .utopia-checkbox__box[data-v-982afd0c]{width:20px;height:20px}.utopia-checkbox--medium .utopia-checkbox__check[data-v-982afd0c]{width:12px;height:12px}.utopia-checkbox--large[data-v-982afd0c]{font-size:var(--font-size-lg, 18px);gap:var(--spacing-4, 16px)}.utopia-checkbox--large .utopia-checkbox__box[data-v-982afd0c]{width:24px;height:24px}.utopia-checkbox--large .utopia-checkbox__check[data-v-982afd0c]{width:16px;height:16px}.utopia-checkbox__input:focus-visible+.utopia-checkbox__box[data-v-982afd0c]{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}@keyframes checkboxPop-982afd0c{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.utopia-checkbox--checked .utopia-checkbox__box[data-v-982afd0c]{animation:checkboxPop-982afd0c .2s ease-out}.utopia-checkbox--dark .utopia-checkbox__box[data-v-982afd0c]{background:var(--theme-colors-surface-card, #1f2937);border-color:var(--theme-colors-border-default, #374151)}.utopia-checkbox--dark:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-982afd0c]{background:var(--theme-colors-brand-primary-25, rgba(59, 130, 246, .1));border-color:var(--theme-colors-brand-primary-400, #60a5fa)}.utopia-checkbox--dark.utopia-checkbox--checked .utopia-checkbox__box[data-v-982afd0c]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border-color:var(--theme-colors-brand-primary-500, #3b82f6)}.utopia-checkbox--dark.utopia-checkbox--checked:hover:not(.utopia-checkbox--disabled) .utopia-checkbox__box[data-v-982afd0c]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%);border-color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-checkbox--dark.utopia-checkbox--disabled .utopia-checkbox__box[data-v-982afd0c]{background:var(--theme-colors-surface-background, #111827);border-color:var(--theme-colors-border-muted, #374151)}.utopia-chip[data-v-0b7d4b82]{display:inline-flex;align-items:center;height:fit-content;white-space:nowrap;gap:var(--spacing-2, 8px);border-radius:var(--radius-md, 50px);font-family:var(--font-family-sans, system-ui);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-medium, 500);line-height:1.5;transition:all .15s ease;cursor:default;-webkit-user-select:none;user-select:none;position:relative;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-chip--default[data-v-0b7d4b82]{background:var(--theme-colors-surface-background, #ffffff);border:1px solid var(--theme-colors-border-default, #d1d5db);color:var(--theme-colors-text-primary, #111827)}.utopia-chip--primary[data-v-0b7d4b82]{background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #3b82f6) 0%,var(--theme-colors-brand-primary-500, #2563eb) 100%);border:none;color:var(--theme-colors-brand-primary-text, #ffffff)}.utopia-chip--secondary[data-v-0b7d4b82]{background:linear-gradient(135deg,var(--theme-colors-brand-secondary-500, #8b5cf6) 0%,var(--theme-colors-brand-secondary-500, #7c3aed) 100%);border:none;color:var(--theme-colors-brand-secondary-text, #ffffff)}.utopia-chip--success[data-v-0b7d4b82]{background:linear-gradient(135deg,var(--theme-colors-semantic-success-primary, #10b981) 0%,var(--theme-colors-semantic-success-primary, #059669) 100%);border:none;color:var(--theme-colors-semantic-success-text, #ffffff)}.utopia-chip--warning[data-v-0b7d4b82]{background:linear-gradient(135deg,var(--theme-colors-warning-500, #f59e0b) 0%,var(--theme-colors-warning-500, #d97706) 100%);border:none;color:var(--theme-colors-warning-text, #ffffff)}.utopia-chip--danger[data-v-0b7d4b82]{background:linear-gradient(135deg,var(--theme-colors-semantic-attention-primary, #ef4444) 0%,var(--theme-colors-semantic-attention-primary, #dc2626) 100%);border:none;color:var(--theme-colors-semantic-attention-text, #ffffff)}.utopia-chip--ghost.utopia-chip--default[data-v-0b7d4b82],.utopia-chip--ghost.utopia-chip--primary[data-v-0b7d4b82]{background:var(--theme-colors-brand-primary-100, #dbeafe);color:var(--theme-colors-brand-primary-500, #3b82f6);border:none}.utopia-chip--ghost.utopia-chip--secondary[data-v-0b7d4b82]{background:var(--theme-colors-brand-secondary-100, #e9d5ff);color:var(--theme-colors-brand-secondary-500, #8b5cf6);border:none}.utopia-chip--ghost.utopia-chip--success[data-v-0b7d4b82]{background:var(--theme-colors-common-succeed-50, #ecfdf5);color:var(--theme-colors-common-succeed-500, #10b981);border:none}.utopia-chip--ghost.utopia-chip--warning[data-v-0b7d4b82]{background:var(--theme-colors-warning-100, #fef3c7);color:var(--theme-colors-warning-500, #f59e0b);border:none}.utopia-chip--ghost.utopia-chip--danger[data-v-0b7d4b82]{background:var(--theme-colors-semantic-attention-100, #fee2e2);color:var(--theme-colors-semantic-attention-500, #ef4444);border:none}.utopia-chip--extra-small[data-v-0b7d4b82]{padding:var(--spacing-1, 4px) var(--spacing-2, 8px);font-size:var(--font-size-xs, 12px);gap:var(--spacing-1, 4px)}.utopia-chip--small[data-v-0b7d4b82]{padding:var(--spacing-1, 4px) var(--spacing-2, 8px);font-size:var(--font-size-sm, 14px);gap:var(--spacing-1, 4px)}.utopia-chip--medium[data-v-0b7d4b82]{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-base, 16px);gap:var(--spacing-2, 8px)}.utopia-chip--large[data-v-0b7d4b82]{padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-lg, 18px);gap:var(--spacing-2, 8px)}.utopia-chip__label[data-v-0b7d4b82]{color:inherit;font-weight:inherit;cursor:inherit;transition:color .15s ease}.utopia-chip__left-icon[data-v-0b7d4b82]{flex-shrink:0;color:inherit}.utopia-chip__close-button[data-v-0b7d4b82]{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;transition:all .15s ease;flex-shrink:0;color:inherit;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}.utopia-chip__close-icon[data-v-0b7d4b82]{color:currentColor!important;opacity:.7;transition:all .15s ease}.utopia-chip__close-icon[data-v-0b7d4b82] svg,.utopia-chip__close-icon[data-v-0b7d4b82] path,.utopia-chip__close-icon[data-v-0b7d4b82] circle,.utopia-chip__close-icon[data-v-0b7d4b82] line,.utopia-chip__close-icon[data-v-0b7d4b82] rect,.utopia-chip__close-icon[data-v-0b7d4b82] polygon{stroke:currentColor!important;fill:currentColor!important}.utopia-chip--actionable[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a;cursor:pointer}.utopia-chip--actionable.utopia-chip--default[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-surface-background, #f9fafb);border-color:var(--theme-colors-border-default, #9ca3af)}.utopia-chip--actionable.utopia-chip--primary[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-brand-primary-500, #2563eb) 0%,var(--theme-colors-brand-primary-500, #1d4ed8) 100%)}.utopia-chip--actionable.utopia-chip--secondary[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-brand-secondary-500, #7c3aed) 0%,var(--theme-colors-brand-secondary-500, #6d28d9) 100%)}.utopia-chip--actionable.utopia-chip--success[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-semantic-success-primary, #059669) 0%,var(--theme-colors-semantic-success-primary, #047857) 100%)}.utopia-chip--actionable.utopia-chip--warning[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-warning-500, #d97706) 0%,var(--theme-colors-warning-500, #b45309) 100%)}.utopia-chip--actionable.utopia-chip--danger[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:linear-gradient(135deg,var(--theme-colors-semantic-attention-primary, #dc2626) 0%,var(--theme-colors-semantic-attention-primary, #b91c1c) 100%)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--default[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-200, #bfdbfe);color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--primary[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-200, #bfdbfe);color:var(--theme-colors-brand-primary-500, #2563eb)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--secondary[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-secondary-200, #ddd6fe);color:var(--theme-colors-brand-secondary-600, #7c3aed)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--success[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-common-succeed-100, #d1fae5);color:var(--theme-colors-common-succeed-600, #059669)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--warning[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-warning-200, #fde68a);color:var(--theme-colors-warning-600, #d97706)}.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--danger[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-semantic-attention-200, #fecaca);color:var(--theme-colors-semantic-attention-600, #dc2626)}.utopia-chip__close-button[data-v-0b7d4b82]{transition:transform .3s ease}.utopia-chip__close-button[data-v-0b7d4b82]:hover:not(:disabled){background:#fff3;transform:scale(1.1) rotate(90deg)}.utopia-chip__close-button:hover:not(:disabled) .utopia-chip__close-icon[data-v-0b7d4b82]{opacity:1;color:inherit}.utopia-chip--actionable[data-v-0b7d4b82]:active:not(.utopia-chip--disabled){transform:translateY(0);transition:transform .1s ease}.utopia-chip__close-button[data-v-0b7d4b82]:active:not(:disabled){transform:scale(.95);transition:transform .1s ease}.utopia-chip--disabled[data-v-0b7d4b82]{cursor:not-allowed;opacity:.5;transform:none!important}.utopia-chip--disabled .utopia-chip__close-button[data-v-0b7d4b82]{cursor:not-allowed;pointer-events:none}.utopia-chip--disabled .utopia-chip__close-icon[data-v-0b7d4b82]{opacity:.3}.utopia-chip--actionable[data-v-0b7d4b82]:focus-visible{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}.utopia-chip__close-button[data-v-0b7d4b82]:focus-visible{outline:2px solid var(--theme-colors-brand-primary-500, #3b82f6);outline-offset:2px}@keyframes chipPop-0b7d4b82{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.utopia-chip[data-v-0b7d4b82]{animation:chipPop-0b7d4b82 .2s ease-out}.utopia-chip--dark.utopia-chip--default[data-v-0b7d4b82]{background:var(--theme-colors-surface-background, #1f2937);border:1px solid var(--theme-colors-border-default, #4b5563);color:var(--theme-colors-text-primary, #f9fafb)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--default[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-surface-background, #374151);border-color:var(--theme-colors-border-default, #6b7280)}.utopia-chip--dark.utopia-chip--disabled[data-v-0b7d4b82]{background:var(--theme-colors-surface-background, #111827);border:none;color:var(--theme-colors-text-muted, #6b7280)}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--default[data-v-0b7d4b82],.utopia-chip--dark.utopia-chip--ghost.utopia-chip--primary[data-v-0b7d4b82]{background:var(--theme-colors-brand-primary-900, #1e3a8a);color:var(--theme-colors-brand-primary-300, #93c5fd);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--secondary[data-v-0b7d4b82]{background:var(--theme-colors-brand-secondary-900, #581c87);color:var(--theme-colors-brand-secondary-300, #c4b5fd);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--success[data-v-0b7d4b82]{background:var(--theme-colors-common-succeed-900, #064e3b);color:var(--theme-colors-common-succeed-300, #6ee7b7);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--warning[data-v-0b7d4b82]{background:var(--theme-colors-warning-900, #78350f);color:var(--theme-colors-warning-300, #fcd34d);border:none}.utopia-chip--dark.utopia-chip--ghost.utopia-chip--danger[data-v-0b7d4b82]{background:var(--theme-colors-semantic-attention-900, #7f1d1d);color:var(--theme-colors-semantic-attention-300, #fca5a5);border:none}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--default[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-800, #1e40af);color:var(--theme-colors-brand-primary-200, #bfdbfe)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--primary[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-primary-800, #1e40af);color:var(--theme-colors-brand-primary-200, #bfdbfe)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--secondary[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-brand-secondary-800, #6b21a8);color:var(--theme-colors-brand-secondary-200, #ddd6fe)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--success[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-common-succeed-800, #065f46);color:var(--theme-colors-common-succeed-200, #a7f3d0)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--warning[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-warning-800, #92400e);color:var(--theme-colors-warning-200, #fde68a)}.utopia-chip--dark.utopia-chip--actionable.utopia-chip--ghost.utopia-chip--danger[data-v-0b7d4b82]:hover:not(.utopia-chip--disabled){background:var(--theme-colors-semantic-attention-800, #991b1b);color:var(--theme-colors-semantic-attention-200, #fecaca)}.utopia-inputtext[data-v-b41d78ef]{display:flex;flex-direction:column;gap:var(--spacing-1, 4px);width:100%;font-family:var(--font-family-sans, system-ui);cursor:pointer;-webkit-user-select:none;user-select:none}.utopia-inputtext__label[data-v-b41d78ef]{margin-left:var(--spacing-1, 4px);color:var(--theme-colors-text-primary, #111827)}.utopia-inputtext--extra-small .utopia-inputtext__label[data-v-b41d78ef],.utopia-inputtext--small .utopia-inputtext__label[data-v-b41d78ef]{font-size:var(--font-size-xs, 12px)}.utopia-inputtext--medium .utopia-inputtext__label[data-v-b41d78ef]{font-size:var(--font-size-sm, 14px)}.utopia-inputtext--large .utopia-inputtext__label[data-v-b41d78ef]{font-size:var(--font-size-base, 16px)}.utopia-inputtext__container_in[data-v-b41d78ef]{position:relative;display:flex;align-items:center}.utopia-inputtext__field[data-v-b41d78ef]{width:100%;border:1px solid var(--theme-colors-brand-secondary-200, #e5e7eb);background-color:var(--theme-colors-surface-card, #ffffff);color:var(--theme-colors-text-primary, #111827);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;box-shadow:0 0 0 4px transparent}.utopia-inputtext__field--code[data-v-b41d78ef]{text-align:center;font-weight:var(--font-weight-bold, 700);letter-spacing:.1em;text-transform:uppercase;min-width:0;flex-shrink:0}.utopia-inputtext--extra-small .utopia-inputtext__field--code[data-v-b41d78ef]{padding:var(--spacing-1, 4px) var(--spacing-1, 4px);font-size:var(--font-size-base, 16px)}.utopia-inputtext--small .utopia-inputtext__field--code[data-v-b41d78ef]{padding:var(--spacing-1, 4px) var(--spacing-1, 4px);font-size:var(--font-size-lg, 18px)}.utopia-inputtext--medium .utopia-inputtext__field--code[data-v-b41d78ef]{padding:var(--spacing-2, 8px) var(--spacing-2, 8px);font-size:var(--font-size-xl, 20px)}.utopia-inputtext--large .utopia-inputtext__field--code[data-v-b41d78ef]{padding:var(--spacing-3, 12px) var(--spacing-3, 12px);font-size:var(--font-size-2xl, 24px)}.utopia-inputtext__field[type=number][data-v-b41d78ef]::-webkit-outer-spin-button,.utopia-inputtext__field[type=number][data-v-b41d78ef]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.utopia-inputtext__field[type=number][data-v-b41d78ef]{-moz-appearance:textfield}.utopia-inputtext__field--code[type=number][data-v-b41d78ef]::-webkit-outer-spin-button,.utopia-inputtext__field--code[type=number][data-v-b41d78ef]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.utopia-inputtext__field--code[type=number][data-v-b41d78ef],.utopia-inputtext__field--numeric-text[data-v-b41d78ef]{-moz-appearance:textfield}.utopia-inputtext__field--number[data-v-b41d78ef]:not(.utopia-inputtext__field--code){padding-right:calc(var(--spacing-4, 16px) + 28px)}.utopia-inputtext__field[data-v-b41d78ef]::placeholder{color:var(--theme-colors-text-muted, #9ca3af)}.utopia-inputtext__field--with-icon[data-v-b41d78ef]{padding-right:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext__field--with-icon-left[data-v-b41d78ef]{padding-left:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext__field--with-icon-right[data-v-b41d78ef]{padding-right:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext__icon-container[data-v-b41d78ef]{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.utopia-inputtext__icon[data-v-b41d78ef]{width:100%;height:100%}.utopia-inputtext__icon--left[data-v-b41d78ef]{left:var(--spacing-4, 16px)}.utopia-inputtext__icon--right[data-v-b41d78ef]{right:var(--spacing-4, 16px)}.utopia-inputtext__icon--right--offset[data-v-b41d78ef]{right:var(--spacing-8, 32px)!important}.utopia-inputtext__icon--clickable[data-v-b41d78ef]{pointer-events:auto;cursor:pointer}.utopia-inputtext--disabled .utopia-inputtext__icon--clickable[data-v-b41d78ef]{pointer-events:none;opacity:.5}.utopia-inputtext__stepper[data-v-b41d78ef]{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.utopia-inputtext__stepper--offset[data-v-b41d78ef]{right:40px}.utopia-inputtext__stepper-btn[data-v-b41d78ef]{width:22px;height:16px;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--theme-colors-text-muted, #9ca3af);cursor:pointer}.utopia-inputtext__stepper-btn[data-v-b41d78ef]:hover:not(:disabled){background:var(--theme-colors-surface-secondary, rgba(0,0,0,.04));color:var(--theme-colors-text-secondary, #6b7280)}.utopia-inputtext__stepper-btn[data-v-b41d78ef]:active:not(:disabled){background:var(--theme-colors-surface-secondary, rgba(0,0,0,.06))}.utopia-inputtext__stepper-btn[data-v-b41d78ef]:disabled{opacity:.5;cursor:not-allowed}.utopia-inputtext__message[data-v-b41d78ef]{display:flex;align-items:center;gap:var(--spacing-1, 4px);font-size:var(--font-size-xs, 12px);padding-left:var(--spacing-1, 4px);font-weight:var(--font-weight-semibold, 600)}.utopia-inputtext__message--error[data-v-b41d78ef]{color:var(--theme-colors-danger-500, #ef4444)}.utopia-inputtext__message--valid[data-v-b41d78ef]{color:var(--theme-colors-success-500, #10b981)}.utopia-inputtext__message-icon[data-v-b41d78ef]{width:14px;height:14px;flex-shrink:0}.utopia-inputtext__field[data-v-b41d78ef]:focus{border-color:var(--theme-colors-brand-secondary-500, #111827)!important;box-shadow:0 0 0 4px var(--theme-colors-brand-secondary-300, rgba(59, 130, 246, .2))!important;transform:translateZ(0)}.utopia-inputtext--error .utopia-inputtext__field[data-v-b41d78ef]:focus{border-color:var(--theme-colors-danger-500, #ef4444)!important;box-shadow:0 0 0 4px var(--theme-colors-danger-100, rgba(239, 68, 68, .2))!important;transform:translateZ(0)}.utopia-inputtext--valid .utopia-inputtext__field[data-v-b41d78ef]:focus{border-color:var(--theme-colors-success-500, #10b981)!important;box-shadow:0 0 0 4px var(--theme-colors-success-100, rgba(16, 185, 129, .2))!important;transform:translateZ(0)}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-b41d78ef]:focus{border-color:var(--theme-colors-border-default, #9ca3af)!important;box-shadow:0 0 0 4px transparent!important}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-b41d78ef]:active{border-color:var(--theme-colors-border-default, #9ca3af)!important;box-shadow:0 0 0 4px transparent!important;transform:none!important}.utopia-inputtext--default .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-border-default, #9ca3af);background-color:var(--theme-colors-surface-card, #ffffff)}.utopia-inputtext--active .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-brand-secondary-500, #0b1c48);background-color:var(--theme-colors-surface-card, #ffffff);box-shadow:0 0 0 4px var(--theme-colors-brand-secondary-300, rgba(59, 130, 246, .2))}.utopia-inputtext--error .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-danger-500, #ef4444);background-color:var(--theme-colors-surface-card, #ffffff)}.utopia-inputtext--valid .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-success-500, #10b981);background-color:var(--theme-colors-surface-card, #ffffff)}.utopia-inputtext--incomplete .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-border-default, #9ca3af);background-color:var(--theme-colors-surface-card, #ffffff)}.utopia-inputtext--completed .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-border-default, #9ca3af);background-color:var(--theme-colors-surface-card, #ffffff);color:var(--theme-colors-text-primary, #111827)}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-b41d78ef]{border-color:var(--theme-colors-brand-secondary-300, #c2c6d1);background-color:var(--theme-colors-brand-secondary-200, #e7e8ed);cursor:not-allowed}.utopia-inputtext--disabled .utopia-inputtext__field[data-v-b41d78ef]::placeholder{color:var(--theme-colors-text-muted, #9ca3af)}.utopia-inputtext--extra-small .utopia-inputtext__field[data-v-b41d78ef]{border-radius:var(--border-radius-base);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-xs, 12px)}.utopia-inputtext--extra-small .utopia-inputtext__field--with-icon-left[data-v-b41d78ef]{padding-left:calc(var(--spacing-3, 12px) + 14px + var(--spacing-1, 4px))}.utopia-inputtext--extra-small .utopia-inputtext__field--with-icon-right[data-v-b41d78ef]{padding-right:calc(var(--spacing-3, 12px) + 14px + var(--spacing-1, 4px))}.utopia-inputtext--extra-small .utopia-inputtext__icon-container[data-v-b41d78ef]{width:14px;height:14px}.utopia-inputtext--extra-small .utopia-inputtext__icon--left[data-v-b41d78ef]{left:var(--spacing-3, 12px)}.utopia-inputtext--extra-small .utopia-inputtext__icon--right[data-v-b41d78ef]{right:var(--spacing-3, 12px)}.utopia-inputtext--extra-small .utopia-inputtext__icon--right--offset[data-v-b41d78ef]{right:var(--spacing-6, 24px)}.utopia-inputtext--small .utopia-inputtext__field[data-v-b41d78ef]{border-radius:var(--border-radius-base);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.utopia-inputtext--small .utopia-inputtext__field--with-icon-left[data-v-b41d78ef]{padding-left:calc(var(--spacing-3, 12px) + 16px + var(--spacing-1, 4px))}.utopia-inputtext--small .utopia-inputtext__field--with-icon-right[data-v-b41d78ef]{padding-right:calc(var(--spacing-3, 12px) + 16px + var(--spacing-1, 4px))}.utopia-inputtext--small .utopia-inputtext__icon-container[data-v-b41d78ef]{width:16px;height:16px}.utopia-inputtext--small .utopia-inputtext__icon--left[data-v-b41d78ef]{left:var(--spacing-3, 12px)}.utopia-inputtext--small .utopia-inputtext__icon--right[data-v-b41d78ef]{right:var(--spacing-3, 12px)}.utopia-inputtext--small .utopia-inputtext__icon--right--offset[data-v-b41d78ef]{right:var(--spacing-6, 24px)}.utopia-inputtext--medium .utopia-inputtext__field[data-v-b41d78ef]{border-radius:var(--border-radius-md);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-base, 16px)}.utopia-inputtext--medium .utopia-inputtext__field--with-icon-left[data-v-b41d78ef]{padding-left:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext--medium .utopia-inputtext__field--with-icon-right[data-v-b41d78ef]{padding-right:calc(var(--spacing-4, 16px) + 20px + var(--spacing-2, 8px))}.utopia-inputtext--medium .utopia-inputtext__icon-container[data-v-b41d78ef]{width:20px;height:20px}.utopia-inputtext--medium .utopia-inputtext__icon--left[data-v-b41d78ef]{left:var(--spacing-4, 16px)}.utopia-inputtext--medium .utopia-inputtext__icon--right[data-v-b41d78ef]{right:var(--spacing-4, 16px)}.utopia-inputtext--medium .utopia-inputtext__icon--right--offset[data-v-b41d78ef]{right:var(--spacing-8, 32px)}.utopia-inputtext--large .utopia-inputtext__field[data-v-b41d78ef]{border-radius:var(--border-radius-md);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-lg, 18px)}.utopia-inputtext--large .utopia-inputtext__field--with-icon-left[data-v-b41d78ef]{padding-left:calc(var(--spacing-5, 20px) + 24px + var(--spacing-3, 12px))}.utopia-inputtext--large .utopia-inputtext__field--with-icon-right[data-v-b41d78ef]{padding-right:calc(var(--spacing-5, 20px) + 24px + var(--spacing-3, 12px))}.utopia-inputtext--large .utopia-inputtext__icon-container[data-v-b41d78ef]{width:24px;height:24px}.utopia-inputtext--large .utopia-inputtext__icon--left[data-v-b41d78ef]{left:var(--spacing-4, px)}.utopia-inputtext--large .utopia-inputtext__icon--right[data-v-b41d78ef]{right:var(--spacing-4, 16px)}.utopia-inputtext--large .utopia-inputtext__icon--right--offset[data-v-b41d78ef]{right:var(--spacing-8, 32px)}@media(max-width:768px){.utopia-inputtext__field[data-v-b41d78ef]{font-size:16px}}.logo{background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;aspect-ratio:4 / 1;transition:all .2s ease;image-rendering:-webkit-optimize-contrast;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto,.logo--club-employes.logo--default{background-image:var(--assets-logos-club-employes-default)}body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto,.logo--club-employes.logo--white{background-image:var(--assets-logos-club-employes-white)}body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto.logo--xs,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto.logo--sm,.logo--club-employes.logo--small{background-image:var(--assets-logos-club-employes-small)}body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto.logo--xs,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto.logo--sm,.logo--club-employes.logo--small-white{background-image:var(--assets-logos-club-employes-small-white)}body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto,.logo--gifteo.logo--default{background-image:var(--assets-logos-gifteo-default)}body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto,.logo--gifteo.logo--white{background-image:var(--assets-logos-gifteo-white)}body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto.logo--xs,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto.logo--sm,.logo--gifteo.logo--small{background-image:var(--assets-logos-gifteo-small)}body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto.logo--xs,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto.logo--sm,.logo--gifteo.logo--small-white{background-image:var(--assets-logos-gifteo-small-white)}.logo--auto-brand.logo--auto{background-image:var(--assets-logos-club-employes-default)}.logo--auto-brand.logo--auto.logo--xs,.logo--auto-brand.logo--auto.logo--sm{background-image:var(--assets-logos-club-employes-small)}.logo--xs{width:60px;height:15px}.logo--sm{width:80px;height:20px}.logo--md{width:120px;height:30px}.logo--lg{width:160px;height:40px}.logo--xl{width:200px;height:50px}.logo--xxl{width:280px;height:70px}.logo--small,.logo--small-white{aspect-ratio:2 / 1}.logo--xs.logo--small,.logo--xs.logo--small-white,.logo--xs.logo--auto.logo--xs{width:30px;height:30px}.logo--sm.logo--small,.logo--sm.logo--small-white,.logo--sm.logo--auto.logo--sm{width:40px;height:40px}.logo--md.logo--small,.logo--md.logo--small-white{width:60px;height:60px}.logo--lg.logo--small,.logo--lg.logo--small-white{width:80px;height:80px}.logo--xl.logo--small,.logo--xl.logo--small-white{width:100px;height:100px}.logo--xxl.logo--small,.logo--xxl.logo--small-white{width:140px;height:140px}.logo:hover{opacity:.9}@media(max-width:768px){.logo--xl{width:160px;height:40px}.logo--xxl{width:200px;height:50px}}@media(max-width:480px){.logo--lg,.logo--xl{width:120px;height:30px}.logo--xxl{width:160px;height:40px}}.utopia-skeleton[data-v-0ba4d574]{--skeleton-bg-color: var(--theme-colors-brand-primary-25);--skeleton-content-color: var(--theme-colors-brand-primary-50);--skeleton-shimmer-color: var(--theme-colors-brand-primary-200);--skeleton-animation-duration: 1.5s;display:inline-block;position:relative;overflow:hidden;padding:var(--spacing-2)}.utopia-skeleton--bg[data-v-0ba4d574]{background-color:var(--skeleton-bg-color);padding:var(--spacing-2)}.utopia-skeleton--block[data-v-0ba4d574]{display:block}.utopia-skeleton--animated[data-v-0ba4d574]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--skeleton-shimmer-color),transparent);animation:skeleton-shimmer-0ba4d574 var(--skeleton-animation-duration) infinite;z-index:1}@keyframes skeleton-shimmer-0ba4d574{0%{left:-100%}to{left:100%}}.utopia-skeleton-avatar[data-v-ae0bac0c]{--skeleton-bg-color: var(--theme-colors-brand-primary-100);--skeleton-shimmer-color: var(--theme-colors-brand-primary-300);--skeleton-animation-duration: 1.5s;display:inline-block;background-color:var(--skeleton-bg-color);position:relative;overflow:hidden;flex-shrink:0}.utopia-skeleton-avatar--animated[data-v-ae0bac0c]:befor