.on-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-container-high);color:var(--color-on-surface-variant);flex-shrink:0}.on-avatar--sm{width:32px;height:32px;font-size:var(--font-label-sm)}.on-avatar--md{width:48px;height:48px;font-size:var(--font-label-md)}.on-avatar--lg{width:96px;height:96px;font-size:var(--font-label-lg)}.on-avatar--image{width:100%;height:100%;object-fit:cover;display:block}.on-avatar--initials{font-weight:var(--font-weight-semibold);background:var(--color-primary-container);color:var(--color-on-primary-container);width:100%;height:100%;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.on-avatar--clickable{cursor:pointer;border:none;padding:0;font-family:var(--font-family);transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-avatar--clickable:active{transform:scale(.95)}.on-avatar--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-badge{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:var(--font-weight-semibold);line-height:1;flex-shrink:0}.on-badge--dot{width:8px;height:8px;border-radius:var(--radius-full)}.on-badge--counter{min-width:18px;height:18px;padding:0 var(--space-xs);border-radius:var(--radius-full);font-size:11px}.on-badge--color-error{background-color:var(--color-error);color:var(--color-on-error)}.on-badge--color-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.on-banner{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-body-md)}.on-banner--icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.on-banner--content{flex:1 1;display:flex;flex-direction:column;gap:var(--space-xs)}.on-banner--title{font-weight:var(--font-weight-semibold);color:inherit}.on-banner--description{margin:0;font-size:var(--font-body-sm);color:inherit;opacity:.9}.on-banner--close{background:transparent;border:none;cursor:pointer;color:inherit;opacity:.7;padding:var(--space-xs);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--motion-duration-default) var(--motion-easing-default)}.on-banner--close:hover{opacity:1}.on-banner--close:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}.on-banner--error{background:var(--color-error-container);color:var(--color-on-error-container)}.on-banner--warning{background:color-mix(in srgb,var(--color-error-container) 60%,var(--color-surface));color:var(--color-on-error-container)}.on-banner--success{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.on-banner--info{background:var(--color-surface-container-low);color:var(--color-on-surface)}.on-button{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--font-family);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;border-radius:var(--radius-full);transition:transform var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default),opacity var(--motion-duration-default) var(--motion-easing-default);outline-offset:2px}.on-button:focus-visible{outline:2px solid var(--color-primary)}.on-button:disabled{cursor:not-allowed;opacity:.7}.on-button--sm{font-size:var(--font-label-md);padding:var(--space-sm) var(--space-md)}.on-button--md{font-size:var(--font-label-lg);padding:var(--space-md) var(--space-lg)}.on-button--lg{font-size:var(--font-body-lg);padding:var(--space-md) var(--space-xl)}.on-button--fullWidth{width:100%}.on-button--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));color:var(--color-on-primary);box-shadow:var(--shadow-primary)}.on-button--primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.on-button--primary:not(:disabled):active{transform:translateY(0)}.on-button--secondary{background:var(--color-surface-container-low);color:var(--color-on-surface)}.on-button--secondary:not(:disabled):hover{background:var(--color-surface-container-high)}.on-button--text{background:transparent;color:var(--color-primary);padding:var(--space-sm) var(--space-md)}.on-button--text:not(:disabled):hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.on-button--label{visibility:visible}.on-button--labelHidden{visibility:hidden}.on-button--spinnerWrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.on-button--spinner{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;animation:on-button-spin .7s linear infinite}@keyframes on-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.on-button{transition:none}.on-button--spinner{animation:none}}.on-card{display:block;border-radius:var(--radius-default);background:var(--color-surface-container-lowest)}.on-card--default{box-shadow:var(--shadow-sm)}.on-card--outlined{border:1px solid var(--color-outline-variant)}.on-card--elevated{box-shadow:var(--shadow-md)}.on-card--pad-sm{padding:var(--space-sm)}.on-card--pad-md{padding:var(--space-md)}.on-card--pad-lg{padding:var(--space-lg)}.on-card--interactive{cursor:pointer;transition:box-shadow var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-card--interactive:hover{box-shadow:var(--shadow-md)}.on-card--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.on-checkbox--input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.on-checkbox--indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-xs);border:2px solid var(--color-outline);background:transparent;flex-shrink:0;margin-top:2px;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default)}.on-checkbox--check{width:14px;height:14px;color:var(--color-on-primary);opacity:0;transform:scale(.6);transition:opacity var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-checkbox--input:checked+.on-checkbox--indicator{border-color:var(--color-primary);background-color:var(--color-primary)}.on-checkbox--input:checked+.on-checkbox--indicator .on-checkbox--check{opacity:1;transform:scale(1)}.on-checkbox--input:focus-visible+.on-checkbox--indicator{outline:2px solid var(--color-primary);outline-offset:2px}.on-checkbox--body{display:flex;flex-direction:column;gap:var(--space-xxs)}.on-checkbox--label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.on-checkbox--description{font-size:12px;color:var(--color-on-surface-variant)}.on-checkbox--disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.on-checkbox--check,.on-checkbox--indicator{transition:none}}.on-chip{display:inline-flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-family:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;border:0;margin:0;text-decoration:none;line-height:1}.on-chip--size-sm{padding:var(--space-xxs) var(--space-sm);font-size:12px}.on-chip--size-md{padding:var(--space-xs) var(--space-md);font-size:14px}.on-chip--label{display:inline-block}.on-chip--icon{display:inline-flex;align-items:center;justify-content:center}.on-chip--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),color var(--motion-duration-default) var(--motion-easing-default)}.on-chip--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-chip--cashback{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.on-chip--status{background-color:var(--color-primary);color:var(--color-on-primary)}.on-chip--tag{background-color:var(--color-surface-container-high)}.on-chip--filter,.on-chip--tag{color:var(--color-on-surface-variant)}.on-chip--filter{background-color:var(--color-surface-container-low)}.on-chip--filter.on-chip--active{background-color:var(--color-primary);color:var(--color-on-primary)}.on-input{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-input--field{position:relative;display:flex;align-items:center;width:100%;background:var(--color-white);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-full);transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-input--field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-input--hasError .on-input--field{border-color:var(--color-error)}.on-input--hasError .on-input--field:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 18%,transparent)}.on-input--input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);padding:var(--space-md) var(--space-lg)}.on-input--input::placeholder{color:color-mix(in srgb,var(--color-on-surface-variant) 70%,transparent)}.on-input--hasIconLeft{padding-left:var(--space-sm)}.on-input--hasIconRight{padding-right:var(--space-sm)}.on-input--iconLeft,.on-input--iconRight{display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);padding:0 var(--space-md);transition:color var(--motion-duration-default) var(--motion-easing-default)}.on-input--field:focus-within .on-input--iconLeft,.on-input--field:focus-within .on-input--iconRight{color:var(--color-primary)}.on-input--error{margin:0;padding-left:var(--space-md);color:var(--color-error);font-size:var(--font-label-md)}.on-input--disabled .on-input--field{opacity:.6}.on-input--disabled .on-input--input{cursor:not-allowed}.on-currency-input{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-currency-input--label{color:var(--color-on-surface-variant);font-family:var(--font-family);font-size:var(--font-label-md);padding-left:var(--space-md)}.on-day-of-week-selector{display:flex;gap:var(--space-xs);flex-wrap:wrap}.on-day-of-week-selector--day{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-family:var(--font-family);font-size:var(--font-label-md);cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),color var(--motion-duration-default) var(--motion-easing-default)}.on-day-of-week-selector--day:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-day-of-week-selector--day-active{background:var(--color-primary);color:var(--color-on-primary)}.on-day-of-week-selector--day:disabled{opacity:.6;cursor:not-allowed}.on-divider{border:0;margin:0;background:none}.on-divider--horizontal{width:100%;height:0}.on-divider--vertical{width:0;height:100%;align-self:stretch}.on-divider--horizontal.on-divider--tonal{border-top:1px solid var(--color-surface-container-high)}.on-divider--vertical.on-divider--tonal{border-left:1px solid var(--color-surface-container-high)}.on-divider--horizontal.on-divider--dashed{border-top:1px dashed var(--color-outline)}.on-divider--vertical.on-divider--dashed{border-left:1px dashed var(--color-outline)}.on-document-type-select{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-document-type-select--field{position:relative;display:flex;align-items:center;width:100%;background:var(--color-white);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-full);transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-document-type-select--field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-document-type-select--hasError .on-document-type-select--field{border-color:var(--color-error)}.on-document-type-select--hasError .on-document-type-select--field:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 18%,transparent)}.on-document-type-select--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;min-width:0;border:none;outline:none;background:transparent;color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);padding:var(--space-md) var(--space-lg);padding-right:var(--space-2xl);cursor:pointer}.on-document-type-select--select:disabled{cursor:not-allowed}.on-document-type-select--adornment{position:absolute;right:var(--space-md);display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--color-on-surface-variant)}.on-document-type-select--field:focus-within .on-document-type-select--adornment{color:var(--color-primary)}.on-document-type-select--error{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0;padding-left:var(--space-md);color:var(--color-error);font-size:var(--font-label-md)}.on-document-type-select--retry{background:transparent;border:none;color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-label-md);padding:0}.on-document-type-select--retry:focus-visible,.on-document-type-select--retry:hover{text-decoration:underline;outline:none}.on-document-type-select--disabled .on-document-type-select--field{opacity:.6}.on-document-type-select--spinner{width:18px;height:18px;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--color-on-surface-variant) 30%,transparent);border-top-color:var(--color-primary);animation:on-document-type-select-spin .7s linear infinite}@keyframes on-document-type-select-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.on-document-type-select--spinner{animation:none}}.on-document-type-toggle{display:inline-flex;width:100%;padding:var(--space-xs);gap:var(--space-xs);background:var(--color-surface-container-high);border-radius:var(--radius-full)}.on-document-type-toggle--option{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-label-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);background:transparent;border-radius:var(--radius-full);transition:background var(--motion-duration-default) var(--motion-easing-default),color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-document-type-toggle--option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-document-type-toggle--active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.on-document-type-toggle--disabled{opacity:.6;pointer-events:none}.on-document-type-toggle--option:disabled{cursor:not-allowed}.on-icon{display:inline-block;flex-shrink:0;vertical-align:middle;fill:currentColor}.on-icon--sm{width:16px;height:16px}.on-icon--md{width:24px;height:24px}.on-icon--lg{width:32px;height:32px}.on-icon--xl{width:48px;height:48px}.on-icon--color-inherit{color:currentColor}.on-icon--color-primary{color:var(--color-primary)}.on-icon--color-on-primary{color:var(--color-on-primary)}.on-icon--color-on-surface{color:var(--color-on-surface)}.on-icon--color-on-surface-variant{color:var(--color-on-surface-variant)}.on-icon--color-error{color:var(--color-error)}.on-image{display:block;max-width:100%;height:auto}.on-image--fit-cover{object-fit:cover}.on-image--fit-contain{object-fit:contain}.on-image--fit-fill{object-fit:fill}.on-image--variant-hero{width:100%;border-radius:var(--radius-lg);aspect-ratio:16/9}.on-image--variant-product{border-radius:var(--radius-default)}.on-image--variant-thumbnail{border-radius:var(--radius-sm)}.on-image--variant-avatar{aspect-ratio:1/1}.on-image--rounded,.on-image--variant-avatar{border-radius:var(--radius-full)}.on-logo{display:inline-flex;align-items:center;line-height:0}.on-logo--image{width:auto;display:block;object-fit:contain}.on-logo--sm .on-logo--image{height:32px}.on-logo--md .on-logo--image{height:48px}.on-logo--lg .on-logo--image{height:80px}.on-logo--inverted .on-logo--image{filter:brightness(0) invert(1)}.on-logo--primary .on-logo--image{filter:brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(1559%) hue-rotate(115deg) brightness(94%) contrast(101%)}.on-password-input{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-password-input--field{position:relative;display:flex;align-items:center;width:100%;background:var(--color-white);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-full);transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-password-input--field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-password-input--hasError .on-password-input--field{border-color:var(--color-error)}.on-password-input--hasError .on-password-input--field:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 18%,transparent)}.on-password-input--input{flex:1 1;min-width:0;border:none;outline:none;background:transparent;color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);padding:var(--space-md) var(--space-lg)}.on-password-input--input::placeholder{color:color-mix(in srgb,var(--color-on-surface-variant) 70%,transparent)}.on-password-input--hasIconLeft{padding-left:var(--space-sm)}.on-password-input--hasToggle{padding-right:var(--space-sm)}.on-password-input--iconLeft{display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);padding:0 var(--space-md);transition:color var(--motion-duration-default) var(--motion-easing-default)}.on-password-input--field:focus-within .on-password-input--iconLeft{color:var(--color-primary)}.on-password-input--toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-on-surface-variant);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:color var(--motion-duration-default) var(--motion-easing-default)}.on-password-input--toggle:focus-visible,.on-password-input--toggle:hover{color:var(--color-primary);outline:none}.on-password-input--error{margin:0;padding-left:var(--space-md);color:var(--color-error);font-size:var(--font-label-md)}.on-password-input--disabled .on-password-input--field{opacity:.6}.on-password-input--disabled .on-password-input--input{cursor:not-allowed}.on-percentage-input{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-percentage-input--label{font-size:var(--font-label-md);padding-left:var(--space-md)}.on-percentage-input--label,.on-percentage-input--suffix{color:var(--color-on-surface-variant);font-family:var(--font-family)}.on-percentage-input--suffix{font-size:var(--font-body-md)}.on-price-display{display:inline-block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.on-price-display--size-sm{font-size:12px;font-weight:var(--font-weight-medium)}.on-price-display--size-md{font-size:14px;font-weight:var(--font-weight-semibold)}.on-price-display--size-lg{font-size:18px;font-weight:var(--font-weight-semibold)}.on-price-display--size-xl{font-size:var(--font-display-sm);font-weight:var(--font-weight-bold)}.on-price-display--color-on-surface{color:var(--color-on-surface)}.on-price-display--color-on-surface-variant{color:var(--color-on-surface-variant)}.on-price-display--color-primary{color:var(--color-primary)}.on-price-display--color-on-primary{color:var(--color-on-primary)}.on-price-display--color-error{color:var(--color-error)}.on-price-display--strikethrough{text-decoration:line-through;opacity:.7}.on-radio{display:inline-flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.on-radio--input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.on-radio--indicator{position:relative;display:inline-block;width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-outline);background:transparent;flex-shrink:0;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default);margin-top:2px}.on-radio--indicator:after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-on-primary);transform:scale(0);transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-radio--input:checked+.on-radio--indicator{border-color:var(--color-primary);background-color:var(--color-primary)}.on-radio--input:checked+.on-radio--indicator:after{transform:scale(1)}.on-radio--input:focus-visible+.on-radio--indicator{outline:2px solid var(--color-primary);outline-offset:2px}.on-radio--body{display:flex;flex-direction:column;gap:var(--space-xxs)}.on-radio--label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.on-radio--description{font-size:12px;color:var(--color-on-surface-variant)}.on-radio--disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.on-radio--indicator,.on-radio--indicator:after{transition:none}}.on-rating-stars{display:inline-flex;align-items:center;gap:var(--space-xs);color:#ffc107}.on-rating-stars--stars{display:inline-flex;align-items:center;gap:2px}.on-rating-stars--star{display:inline-block}.on-rating-stars--size-sm .on-rating-stars--star{width:12px;height:12px}.on-rating-stars--size-md .on-rating-stars--star{width:16px;height:16px}.on-rating-stars--size-lg .on-rating-stars--star{width:20px;height:20px}.on-rating-stars--value{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-rating-stars--size-lg .on-rating-stars--value{font-size:14px}.on-select{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-select--label{color:var(--color-on-surface-variant);font-family:var(--font-family);font-size:var(--font-label-md);padding-left:var(--space-md)}.on-select--field{position:relative;display:flex;align-items:center;width:100%}.on-select--input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);padding:var(--space-md) var(--space-2xl) var(--space-md) var(--space-md);cursor:pointer;transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-select--input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-select--caret{position:absolute;right:var(--space-md);pointer-events:none}.on-select--invalid .on-select--input{border-color:var(--color-error)}.on-select--invalid .on-select--input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 18%,transparent)}.on-select--error{margin:0;padding-left:var(--space-md);color:var(--color-error);font-size:var(--font-label-md)}.on-select--disabled .on-select--input{opacity:.6;cursor:not-allowed}.on-spinner{display:inline-block;border-radius:var(--radius-full);border-style:solid;border-color:currentColor color-mix(in srgb,currentColor 20%,transparent) color-mix(in srgb,currentColor 20%,transparent);animation:on-spinner-spin .7s linear infinite;vertical-align:middle}.on-spinner--sm{width:14px;height:14px;border-width:2px}.on-spinner--md{width:20px;height:20px;border-width:2px}.on-spinner--lg{width:32px;height:32px;border-width:3px}@keyframes on-spinner-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.on-spinner{animation:none}}.on-simulator-loading{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-on-surface-variant)}.on-simulator-loading--label{font-family:var(--font-family);font-size:var(--font-label-md);color:var(--color-on-surface-variant)}.on-skeleton-block{display:block;background:var(--color-surface-container-high);animation:on-skeleton-block-on-skeleton-pulse 1.4s ease-in-out infinite}.on-skeleton-block--text{border-radius:var(--radius-xs)}.on-skeleton-block--circle{border-radius:var(--radius-full)}@keyframes on-skeleton-block-on-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.on-skeleton-block{animation:none}}.on-time-picker{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-time-picker--label{color:var(--color-on-surface-variant);font-family:var(--font-family);font-size:var(--font-label-md);padding-left:var(--space-md)}.on-time-picker--input{width:100%;background:var(--color-white);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-full);color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);padding:var(--space-md) var(--space-lg);transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-time-picker--input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-time-picker--hasError .on-time-picker--input{border-color:var(--color-error)}.on-time-picker--hasError .on-time-picker--input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 18%,transparent)}.on-time-picker--error{margin:0;padding-left:var(--space-md);color:var(--color-error);font-size:var(--font-label-md)}.on-time-picker--disabled .on-time-picker--input{opacity:.6;cursor:not-allowed}.on-auth-form-field{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.on-auth-form-field--header{display:flex;justify-content:space-between;align-items:baseline;padding-inline:var(--space-md)}.on-auth-form-field--label{font-size:var(--font-label-xs);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-on-surface-variant) 80%,transparent)}.on-auth-form-field--action,.on-auth-form-field--label{font-family:var(--font-family);font-weight:var(--font-weight-semibold)}.on-auth-form-field--action{font-size:var(--font-label-md);color:var(--color-primary);transition:opacity var(--motion-duration-default) var(--motion-easing-default)}.on-auth-form-field--action:focus-visible,.on-auth-form-field--action:hover{opacity:.8;outline:none;text-decoration:underline}.on-avatar-menu{position:relative;display:inline-flex}.on-avatar-menu--menu{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:180px;max-width:calc(100vw - 2 * var(--space-md));background:var(--color-white);border-radius:var(--radius-default);box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb,var(--color-outline) 15%,transparent);padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xxs);z-index:60}@media (max-width:1023px){.on-avatar-menu--menu{right:auto;left:0}}.on-avatar-menu--item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:var(--font-body-sm);color:var(--color-on-surface);text-align:left;transition:background var(--motion-duration-default) var(--motion-easing-default)}.on-avatar-menu--item:hover{background:var(--color-surface-container-low)}.on-avatar-menu--item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-avatar-menu--danger{color:var(--color-error)}.on-avatar-menu--danger:hover{background:var(--color-error-container)}.on-cashback-simulator-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0}.on-cashback-simulator-row--label{font-family:var(--font-family);font-size:var(--font-body-md);color:var(--color-on-surface-variant)}.on-cashback-simulator-row--value{font-family:var(--font-family);font-size:var(--font-label-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-cashback-simulator-row--emphasis .on-cashback-simulator-row--value{color:var(--color-primary)}.on-category-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:0;border:0;background:transparent;color:var(--color-on-surface);cursor:pointer;text-decoration:none;font-family:inherit}.on-category-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-default)}.on-category-tile--box{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);border:1px solid color-mix(in srgb,var(--color-primary) 12%,transparent);box-shadow:var(--shadow-sm);color:var(--color-primary);transition:background-color var(--motion-duration-default) var(--motion-easing-default),color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-category-tile:hover .on-category-tile--box{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary);transform:translateY(-8px)}.on-category-tile:active .on-category-tile--box{transform:translateY(-4px) scale(.98)}.on-category-tile--icon{display:inline-flex;align-items:center;justify-content:center;font-size:36px;line-height:1}.on-category-tile--name{font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.01em;color:inherit;text-align:center}.on-category-tile--featured .on-category-tile--box{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-primary)}.on-category-tile--featured:hover .on-category-tile--box{background-color:var(--color-primary-container)}@media (prefers-reduced-motion:reduce){.on-category-tile--box{transition:none}.on-category-tile:active .on-category-tile--box,.on-category-tile:hover .on-category-tile--box{transform:none}}.on-category-tile--variant-card{width:100%;min-height:140px;padding:var(--space-lg) var(--space-2xl);gap:var(--space-md);justify-content:center;background-color:var(--color-surface-container-lowest);border:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default)}.on-category-tile--variant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.on-category-tile--variant-card:active{transform:translateY(-1px)}.on-category-tile--variant-card .on-category-tile--box{width:80px;height:80px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);border:0;box-shadow:none;color:var(--color-primary)}.on-category-tile--variant-card .on-category-tile--name{font-size:15px}.on-category-tile--variant-card:hover .on-category-tile--box{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:none;transform:none}.on-category-tile--variant-card:active .on-category-tile--box{transform:none}.on-category-tile--variant-card .on-category-tile--icon{font-size:40px;line-height:0}.on-category-tile--variant-card .on-category-tile--icon :is(img,svg){width:48px;height:48px;object-fit:contain}.on-category-tile--variant-card.on-category-tile--featured .on-category-tile--box{background-color:var(--color-primary);color:var(--color-on-primary)}@media (max-width:520px){.on-category-tile--variant-card{min-height:120px;padding:var(--space-md) var(--space-sm)}.on-category-tile--variant-card .on-category-tile--box{width:64px;height:64px}.on-category-tile--variant-card .on-category-tile--icon{font-size:32px}.on-category-tile--variant-card .on-category-tile--icon :is(img,svg){width:38px;height:38px}.on-category-tile--variant-card .on-category-tile--name{font-size:13px}}.on-data-table--row{transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-data-table--row-clickable{cursor:pointer}.on-data-table--row:hover{background:var(--color-surface-container)}.on-data-table--row-selected{background:var(--color-secondary-container)}.on-data-table--cell{padding:var(--space-md);font-family:var(--font-family);font-size:var(--font-body-md);color:var(--color-on-surface);text-align:left}.on-data-table--actions{padding:var(--space-md);text-align:right;white-space:nowrap}.on-metric-card--head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.on-metric-card--icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-2xl);height:var(--space-2xl);border-radius:var(--radius-default);background:var(--color-secondary-container);color:var(--color-primary)}.on-metric-card--delta{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-label-sm);font-weight:var(--font-weight-medium)}.on-metric-card--delta-up{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.on-metric-card--delta-down{background:var(--color-error-container);color:var(--color-error)}.on-metric-card--label{margin:var(--space-md) 0 0;text-transform:uppercase;font-family:var(--font-family);font-size:var(--font-label-sm);color:var(--color-on-surface-variant)}.on-metric-card--value{margin:var(--space-xxs) 0 0;font-family:var(--font-family);font-size:var(--font-display-sm);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.on-country-selector{position:relative;flex:0 0 auto}.on-country-selector--trigger{display:inline-flex;align-items:center;gap:var(--space-xs);height:100%;min-height:3rem;padding:0 var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-surface-container-highest);background:var(--color-white);color:var(--color-on-surface);font-size:var(--font-body-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-country-selector--trigger:hover{border-color:var(--color-primary)}.on-country-selector--trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.on-country-selector--trigger:disabled{opacity:.6;cursor:not-allowed}.on-country-selector--flag{font-size:1.25rem;line-height:1}.on-country-selector--dial{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-country-selector--chevron{font-size:.7rem;margin-left:var(--space-xxs,.125rem);color:var(--color-on-surface-variant)}.on-country-selector--menu{position:absolute;top:calc(100% + var(--space-xs));left:0;z-index:10;margin:0;padding:var(--space-xs);display:flex;flex-direction:column;min-width:18rem;max-height:22rem;background:var(--color-white);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-default);box-shadow:0 8px 24px color-mix(in srgb,var(--color-on-surface) 12%,transparent),0 2px 6px color-mix(in srgb,var(--color-on-surface) 6%,transparent)}.on-country-selector--searchWrap{padding:var(--space-xs) var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-surface-container-low);margin-bottom:var(--space-xs)}.on-country-selector--search{width:100%;height:2.5rem;padding:0 var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-surface-container-highest);background:var(--color-white);color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);outline:none;transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-country-selector--search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-country-selector--list{flex:1 1 auto;overflow-y:auto;list-style:none;margin:0;padding:0}.on-country-selector--empty{margin:0;padding:var(--space-md);text-align:center;font-size:var(--font-body-sm);color:var(--color-on-surface-variant)}.on-country-selector--option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:calc(var(--radius-default) - .25rem);color:var(--color-on-surface);font-size:var(--font-body-md);text-align:left;cursor:pointer}.on-country-selector--option:hover{background:var(--color-surface-container-low)}.on-country-selector--optionSelected{background:color-mix(in srgb,var(--color-primary) 8%,transparent);font-weight:var(--font-weight-semibold)}.on-country-selector--name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-md);max-width:420px;margin:0 auto;color:var(--color-on-surface)}.on-empty-state--section{padding:var(--space-xl);min-height:200px}.on-empty-state--fullScreen{padding:var(--space-2xl) var(--space-xl);min-height:60vh}.on-empty-state--icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant)}.on-empty-state--icon>svg{width:100%;height:100%}.on-empty-state--title{font-size:var(--font-display-sm);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-on-surface)}.on-empty-state--description{font-size:var(--font-body-md);margin:0;color:var(--color-on-surface-variant);line-height:1.5}.on-empty-state--cta{margin-top:var(--space-sm)}.on-inline-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background-color:var(--color-error-container);color:var(--color-on-error-container);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-body-md)}.on-inline-error--message{margin:0;text-align:center}.on-inline-loading{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.on-location-picker{display:flex;flex-direction:column;gap:var(--space-md)}.on-location-picker--fields{display:flex;flex-wrap:wrap;gap:var(--space-md)}.on-location-picker--fields>*{flex:1 1 200px}.on-location-picker--actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.on-location-picker--error{margin:0;font-size:var(--font-body-sm);color:var(--color-error)}.on-menu-option{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border:0;border-radius:var(--radius-default);background:transparent;color:var(--color-on-surface);cursor:pointer;text-align:left;text-decoration:none;font-family:inherit;font-size:14px;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-menu-option:hover:not(:disabled):not(.on-menu-option--disabled){background-color:var(--color-surface-container-low)}.on-menu-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-menu-option--iconLeft{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-on-surface-variant)}.on-menu-option--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-menu-option--label{font-weight:var(--font-weight-medium);color:inherit}.on-menu-option--description{font-size:12px;color:var(--color-on-surface-variant)}.on-menu-option--trailing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-on-surface-variant)}.on-menu-option--danger,.on-menu-option--danger .on-menu-option--iconLeft,.on-menu-option--danger .on-menu-option--trailing{color:var(--color-error)}.on-menu-option--disabled,.on-menu-option:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.on-menu-option{transition:none}}.on-otp-input{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.on-otp-input--group{display:flex;gap:var(--space-sm);justify-content:flex-start;flex-wrap:wrap}.on-otp-input--cell{width:3rem;height:3rem;text-align:center;font-family:var(--font-family);font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-on-surface);background:var(--color-surface-container-high);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-default);outline:none;transition:border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-otp-input--cell:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}.on-otp-input--cellError{border-color:var(--color-error)}.on-otp-input--cellError:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 18%,transparent)}.on-otp-input--error{margin:0;padding-left:var(--space-xs);color:var(--color-error);font-size:var(--font-label-md)}.on-otp-input--disabled .on-otp-input--cell{opacity:.6;cursor:not-allowed}@media (max-width:480px){.on-otp-input--cell{width:2.75rem;height:2.75rem;font-size:1.25rem}.on-otp-input--group{gap:var(--space-xs)}}.on-p2p-amount-input{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-2xl);border:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 10px 40px -10px rgba(0,110,37,.08),0 2px 4px -1px rgba(0,110,37,.02);gap:var(--space-2xl)}.on-p2p-amount-input--title{font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-on-surface);margin:0}.on-p2p-amount-input--inputBlock{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.on-p2p-amount-input--hint{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);margin:0}.on-p2p-amount-input--inputWrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center;cursor:text;padding-bottom:var(--space-sm);border-bottom:2px solid color-mix(in srgb,var(--color-primary) 28%,transparent);transition:border-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-amount-input--inputWrapper:hover{border-bottom-color:color-mix(in srgb,var(--color-primary) 50%,transparent)}.on-p2p-amount-input--inputWrapper:focus-within{border-bottom-color:var(--color-primary)}.on-p2p-amount-input--prefix{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:var(--font-display-md);font-weight:var(--font-weight-bold);color:var(--color-on-surface-variant)}.on-p2p-amount-input--field{width:100%;background:transparent;border:none;outline:none;text-align:center;font-family:inherit;font-size:var(--font-money-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);caret-color:var(--color-primary);letter-spacing:-.04em;padding:0;cursor:text}.on-p2p-amount-input--field::-webkit-inner-spin-button,.on-p2p-amount-input--field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.on-p2p-amount-input--field:focus-visible{outline:none}.on-p2p-amount-input--chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.on-p2p-amount-input--chip{padding:10px 24px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);background:transparent;color:var(--color-on-surface);font-family:inherit;font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-amount-input--chip:hover{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.on-p2p-amount-input--chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-p2p-amount-input--error{font-size:13px;color:var(--color-error);margin:0}@media (prefers-reduced-motion:reduce){.on-p2p-amount-input--chip{transition:none}}.on-p2p-confirm-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2xl);background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-2xl);border:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 10px 40px -10px rgba(0,110,37,.08),0 2px 4px -1px rgba(0,110,37,.02)}.on-p2p-confirm-card--header{display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}@media (min-width:768px){.on-p2p-confirm-card--header{text-align:left}}.on-p2p-confirm-card--title{font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-on-surface);margin:0}.on-p2p-confirm-card--description{font-size:14px;line-height:1.5;color:var(--color-on-surface-variant);margin:0}.on-p2p-confirm-card--actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.on-p2p-confirm-card--biometric{position:relative;width:96px;height:96px;border-radius:var(--radius-full);background:var(--color-primary-fixed,color-mix(in srgb,var(--color-primary) 24%,white));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.on-p2p-confirm-card--biometricIcon{color:var(--color-primary);font-size:48px}.on-p2p-confirm-card--biometricRing{position:absolute;inset:0;border-radius:var(--radius-full);border:4px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-top-color:var(--color-primary);opacity:.4;animation:on-p2p-confirm-card-spin 1.4s linear infinite}.on-p2p-confirm-card--cta{width:100%;padding:20px 24px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-family:inherit;font-size:18px;font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 16px 32px -16px color-mix(in srgb,var(--color-primary) 60%,transparent);transition:transform var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default),opacity var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-confirm-card--cta:hover:not(:disabled){transform:scale(1.02)}.on-p2p-confirm-card--cta:active:not(:disabled){transform:scale(.97)}.on-p2p-confirm-card--cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.on-p2p-confirm-card--cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@keyframes on-p2p-confirm-card-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.on-p2p-confirm-card--biometricRing{animation:none;opacity:.2}.on-p2p-confirm-card--cta{transition:none}}@media (max-width:400px){.on-p2p-confirm-card--biometric{width:84px;height:84px}.on-p2p-confirm-card--biometricIcon{font-size:42px}}.on-p2p-contact-selector{display:flex;flex-direction:column;gap:var(--space-xl);background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-2xl);border:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 10px 40px -10px rgba(0,110,37,.08),0 2px 4px -1px rgba(0,110,37,.02)}.on-p2p-contact-selector--header{display:flex;flex-direction:column;gap:var(--space-md)}.on-p2p-contact-selector--titleBlock{display:flex;flex-direction:column;gap:var(--space-xxs)}.on-p2p-contact-selector--title{font-size:var(--font-title-md);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-on-surface);margin:0}.on-p2p-contact-selector--subtitle{font-size:14px;color:var(--color-on-surface-variant);margin:0}.on-p2p-contact-selector--searchWrapper{width:100%;display:flex;align-items:center;gap:var(--space-sm)}.on-p2p-contact-selector--searchField{position:relative;flex:1 1 auto;min-width:0}.on-p2p-contact-selector--searchAction{flex:0 0 auto;white-space:nowrap;font-family:inherit;font-size:13px;font-weight:var(--font-weight-bold);padding:12px 18px;border-radius:var(--radius-full);border:none;cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);transition:opacity var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--searchAction:hover:not(:disabled){opacity:.9}.on-p2p-contact-selector--searchAction:disabled{opacity:.5;cursor:not-allowed}.on-p2p-contact-selector--searchAction:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-p2p-contact-selector--searchInput{width:100%;font-family:inherit;font-size:14px;background:var(--color-surface-container-low);border:none;border-radius:var(--radius-full);padding:14px 16px 14px 44px;color:var(--color-on-surface);outline:none;transition:box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--searchInput::placeholder{color:var(--color-on-surface-variant)}.on-p2p-contact-selector--searchInput:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.on-p2p-contact-selector--searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-on-surface-variant);pointer-events:none}.on-p2p-contact-selector--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin:0;padding:0;list-style:none}.on-p2p-contact-selector--contact{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-default);border:1px solid transparent;background:transparent;font-family:inherit;cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--contact:hover{background-color:var(--color-surface-container-low);border-color:color-mix(in srgb,var(--color-outline-variant) 30%,transparent)}.on-p2p-contact-selector--contact:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-p2p-contact-selector--avatar{position:relative;width:80px;height:80px}.on-p2p-contact-selector--avatarRing{width:100%;height:100%;border-radius:var(--radius-full);padding:4px;border:2px solid var(--color-primary-container);overflow:hidden;transition:border-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--contact:hover .on-p2p-contact-selector--avatarRing{border-color:var(--color-primary)}.on-p2p-contact-selector--avatarImage{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.on-p2p-contact-selector--avatarFallback{width:100%;height:100%;display:flex;background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-primary);font-size:var(--font-display-sm)}.on-p2p-contact-selector--avatarFallback,.on-p2p-contact-selector--selectedBadge{align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-weight-bold)}.on-p2p-contact-selector--selectedBadge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:var(--color-primary);color:var(--color-on-primary);border:2px solid var(--color-surface-container-lowest);display:none;font-size:16px}.on-p2p-contact-selector--contactSelected .on-p2p-contact-selector--selectedBadge{display:flex}.on-p2p-contact-selector--contactSelected,.on-p2p-contact-selector--contactSelected:hover{background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:var(--color-primary)}.on-p2p-contact-selector--contactSelected .on-p2p-contact-selector--avatarRing{border-color:var(--color-primary)}.on-p2p-contact-selector--contactSelected .on-p2p-contact-selector--contactName{color:var(--color-primary)}.on-p2p-contact-selector--contactName{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-on-surface);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-p2p-contact-selector--seeAll{align-self:center;display:inline-flex;align-items:center;gap:var(--space-xs);padding:10px 16px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-outline-variant) 50%,transparent);background:transparent;color:var(--color-primary);font-family:inherit;font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--seeAll:hover{background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:var(--color-primary)}.on-p2p-contact-selector--seeAll:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-p2p-contact-selector--empty{font-size:14px;color:var(--color-on-surface-variant);margin:0;padding:var(--space-xl) 0;text-align:center}.on-p2p-contact-selector--selected{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-default);background:var(--color-secondary-container);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent)}.on-p2p-contact-selector--selectedAvatar{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-bold);font-size:var(--font-title-md)}.on-p2p-contact-selector--selectedInfo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.on-p2p-contact-selector--selectedName{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-on-secondary-container,var(--color-on-surface));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-p2p-contact-selector--selectedDetail{font-size:13px;font-weight:var(--font-weight-semibold);color:color-mix(in srgb,var(--color-on-secondary-container,var(--color-on-surface)) 75%,transparent)}.on-p2p-contact-selector--selectedActions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.on-p2p-contact-selector--favorite{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb,var(--color-primary) 35%,transparent);background:var(--color-surface-container-lowest);color:var(--color-on-surface-variant);cursor:pointer;transition:color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--favorite:hover{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-container-lowest))}.on-p2p-contact-selector--favorite:active{transform:scale(.88)}.on-p2p-contact-selector--favoriteActive,.on-p2p-contact-selector--favoriteActive:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--color-primary) 55%,transparent)}.on-p2p-contact-selector--favorite:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-p2p-contact-selector--favorite .material-symbols-outlined{color:#f5b301}@media (prefers-reduced-motion:reduce){.on-p2p-contact-selector--favorite{transition:none}.on-p2p-contact-selector--favorite:active{transform:none}}.on-p2p-contact-selector--change{padding:10px 16px;border-radius:var(--radius-full);border:none;background:var(--color-surface-container-lowest);color:var(--color-primary);font-family:inherit;font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer;transition:opacity var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-contact-selector--change:hover{opacity:.85}.on-p2p-contact-selector--change:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width:640px){.on-p2p-contact-selector--grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.on-p2p-contact-selector--header{flex-direction:row;align-items:center;justify-content:space-between}.on-p2p-contact-selector--searchWrapper{max-width:420px;flex:1 1}.on-p2p-contact-selector--grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:768px){.on-p2p-contact-selector{padding:var(--space-lg)}.on-p2p-contact-selector--selected{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"avatar info star" "trocar trocar trocar";align-items:center;grid-gap:var(--space-sm) var(--space-md);gap:var(--space-sm) var(--space-md);padding:var(--space-md)}.on-p2p-contact-selector--selectedActions{display:contents}.on-p2p-contact-selector--selectedAvatar{grid-area:avatar;width:48px;height:48px;font-size:18px}.on-p2p-contact-selector--selectedInfo{grid-area:info}.on-p2p-contact-selector--selectedDetail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-p2p-contact-selector--favorite,.on-p2p-contact-selector--favoriteActive{grid-area:star;background:none;border:none;box-shadow:none;width:auto;height:auto;padding:var(--space-xs)}.on-p2p-contact-selector--change{grid-area:trocar;justify-self:center;margin-top:var(--space-xs)}}@media (prefers-reduced-motion:reduce){.on-p2p-contact-selector--avatarRing,.on-p2p-contact-selector--contact,.on-p2p-contact-selector--seeAllIcon{transition:none}}@media (max-width:400px){.on-p2p-contact-selector--avatar{width:70px;height:70px}}.on-p2p-source-selector{display:flex;flex-direction:column;gap:var(--space-2xl);background:var(--color-surface-container-lowest);border-radius:var(--radius-default);padding:var(--space-2xl);border:1px solid color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 10px 40px -10px rgba(0,110,37,.08),0 2px 4px -1px rgba(0,110,37,.02)}.on-p2p-source-selector--legend{font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-on-surface);margin:0;text-align:center}.on-p2p-source-selector--fieldset{display:flex;flex-direction:column;gap:var(--space-sm);border:0;margin:0;padding:0}.on-p2p-source-selector--option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-default);background-color:var(--color-surface-container-low);border:2px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-source-selector--option:hover{background-color:var(--color-surface-container-high)}.on-p2p-source-selector--optionSelected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.on-p2p-source-selector--input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.on-p2p-source-selector--input:focus-visible~.on-p2p-source-selector--indicator{outline:2px solid var(--color-primary);outline-offset:2px}.on-p2p-source-selector--indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-outline);background-color:transparent;flex-shrink:0;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-source-selector--dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-on-primary);transform:scale(0);transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-p2p-source-selector--optionSelected .on-p2p-source-selector--indicator{border-color:var(--color-primary);background-color:var(--color-primary)}.on-p2p-source-selector--optionSelected .on-p2p-source-selector--dot{transform:scale(1)}.on-p2p-source-selector--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-p2p-source-selector--label{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.on-p2p-source-selector--amount{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant)}@media (prefers-reduced-motion:reduce){.on-p2p-source-selector--dot,.on-p2p-source-selector--indicator,.on-p2p-source-selector--option{transition:none}}.on-payment-method-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-default);background-color:var(--color-surface);border:2px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default)}.on-payment-method-option:hover:not(.on-payment-method-option--disabled){background-color:var(--color-surface-container-low)}.on-payment-method-option--input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.on-payment-method-option--input:focus-visible+.on-payment-method-option--icon~.on-payment-method-option--indicator,.on-payment-method-option--input:focus-visible~.on-payment-method-option--indicator{outline:2px solid var(--color-primary);outline-offset:2px}.on-payment-method-option--icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-on-surface)}.on-payment-method-option--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-payment-method-option--label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-payment-method-option--description{font-size:12px;color:var(--color-on-surface-variant)}.on-payment-method-option--badge,.on-payment-method-option--indicator{display:inline-flex;align-items:center;flex-shrink:0}.on-payment-method-option--indicator{position:relative;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-outline);background-color:transparent;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default)}.on-payment-method-option--dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-on-primary);transform:scale(0);transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-payment-method-option--selected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.on-payment-method-option--selected .on-payment-method-option--indicator{border-color:var(--color-primary);background-color:var(--color-primary)}.on-payment-method-option--selected .on-payment-method-option--dot{transform:scale(1)}.on-payment-method-option--disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.on-payment-method-option,.on-payment-method-option--dot,.on-payment-method-option--indicator{transition:none}}.on-product-card{position:relative;display:flex;flex-direction:column;background-color:var(--color-surface-container-lowest,#ffffff);border-radius:var(--radius-lg);overflow:hidden;font-family:inherit;color:var(--color-on-surface);border:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-product-card:hover{box-shadow:var(--shadow-lg)}.on-product-card--layout-vertical{width:100%}.on-product-card--cardButton,.on-product-card--cardInner{display:flex;flex-direction:column;width:100%;background:transparent;border:0;padding:0;text-align:left;font-family:inherit;color:inherit}.on-product-card--layout-horizontal .on-product-card--cardButton,.on-product-card--layout-horizontal .on-product-card--cardInner{flex-direction:row;align-items:stretch}.on-product-card--cardButton{cursor:pointer}.on-product-card--cardButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.on-product-card--media{position:relative;flex-shrink:0;overflow:hidden;background:var(--on-product-card-image,none) center /cover no-repeat,var(--color-surface-container-high);transition:transform .7s var(--motion-easing-default)}.on-product-card:hover .on-product-card--media{transform:scale(1.06)}.on-product-card--layout-vertical .on-product-card--media{width:100%;aspect-ratio:16/9}.on-product-card--layout-horizontal .on-product-card--media{width:96px;height:96px}.on-product-card--imagePlaceholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.on-product-card--body{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);flex:1 1;min-width:0}.on-product-card--name{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-on-surface);line-height:1.3}.on-product-card--description,.on-product-card--name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.on-product-card--description{font-size:13px;color:var(--color-on-surface-variant);line-height:1.4;min-height:2.8em}.on-product-card--priceRow{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:auto;padding-top:var(--space-md);padding-right:64px;border-top:1px solid color-mix(in srgb,var(--color-outline-variant) 30%,transparent)}.on-product-card--priceRow .on-price-display{font-weight:var(--font-weight-bold)}.on-product-card--cashback{display:inline-flex}.on-product-card--cashbackOverlay{display:inline-flex}.on-product-card--badge,.on-product-card--cashbackOverlay{position:absolute;top:var(--space-md);left:var(--space-md);z-index:2;pointer-events:none}.on-product-card--badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.on-product-card--badge-success{background-color:var(--color-primary-fixed);color:var(--color-on-primary-fixed-variant)}.on-product-card--badge-warning{background-color:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed-variant)}.on-product-card--badge-info{background-color:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed-variant)}.on-product-card--badge-neutral{background-color:var(--color-surface-variant);color:var(--color-on-surface-variant)}.on-product-card--badge-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.on-product-card--favoriteButton{position:absolute;top:var(--space-md);right:var(--space-md);z-index:2;width:40px;height:40px;border:0;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-surface-container-lowest,#ffffff) 90%,transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-product-card--favoriteButton:hover{background-color:var(--color-surface-container-lowest,#ffffff)}.on-product-card--favoriteButton:active{transform:scale(.95)}.on-product-card--favoriteButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-product-card--addButton{position:absolute;bottom:var(--space-md);right:var(--space-lg);z-index:2;width:48px;height:48px;border:0;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background-color var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-product-card--addButton:hover{background-color:var(--color-primary-container);transform:scale(1.08)}.on-product-card--addButton:active{transform:scale(.95)}.on-product-card--addButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.on-product-card--addButton{width:40px;height:40px}.on-product-card--addButton:hover{background-color:var(--color-primary);transform:none}}@media (max-width:520px){.on-product-card--priceRow{padding-right:52px}}@media (max-width:400px){.on-product-card--addButton{width:32px;height:32px}.on-product-card--priceRow{padding-right:52px}.on-product-card--priceRow .on-price-display--size-xl{font-size:var(--font-body-sm)}}@media (prefers-reduced-motion:reduce){.on-product-card,.on-product-card--addButton,.on-product-card--favoriteButton,.on-product-card--image{transition:none}.on-product-card--addButton:active,.on-product-card--addButton:hover,.on-product-card--favoriteButton:active,.on-product-card:hover .on-product-card--image{transform:none}}.on-pull-to-refresh{position:relative;overflow-y:auto;touch-action:pan-y;height:100%}.on-pull-to-refresh--indicator{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:64px;pointer-events:none;opacity:0;color:var(--color-primary);transition:transform var(--motion-duration-default) var(--motion-easing-default),opacity var(--motion-duration-default) var(--motion-easing-default);z-index:1}.on-pull-to-refresh--indicator.on-pull-to-refresh--visible{opacity:1}.on-pull-to-refresh--content{transition:transform var(--motion-duration-default) var(--motion-easing-default)}@media (prefers-reduced-motion:reduce){.on-pull-to-refresh--content,.on-pull-to-refresh--indicator{transition:none}}.on-quantity-stepper{display:inline-flex;align-items:center;gap:var(--space-xxs);border-radius:var(--radius-full);background-color:var(--color-surface-container-low)}.on-quantity-stepper--btn{display:inline-flex;align-items:center;justify-content:center;border:0;background-color:var(--color-surface-container-lowest);border-radius:var(--radius-full);cursor:pointer;color:var(--color-on-surface);box-shadow:0 1px 2px rgba(25,28,29,.06);transition:background-color var(--motion-duration-default) var(--motion-easing-default),transform .15s ease,box-shadow .2s ease;padding:0}.on-quantity-stepper--btn:hover:not(:disabled){background-color:var(--color-surface-bright,var(--color-surface));box-shadow:0 2px 6px rgba(25,28,29,.1)}.on-quantity-stepper--btn[data-action=increase]{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 6px rgba(0,110,37,.25)}.on-quantity-stepper--btn[data-action=increase]:hover:not(:disabled){background-color:var(--color-primary);box-shadow:0 4px 10px rgba(0,110,37,.35)}.on-quantity-stepper--btn[data-action=increase]:disabled{background-color:var(--color-surface-container-lowest);color:var(--color-on-surface)}.on-quantity-stepper--btn:active:not(:disabled){transform:scale(.95)}.on-quantity-stepper--btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-quantity-stepper--btn:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}.on-quantity-stepper--value{display:inline-block;text-align:center;font-weight:var(--font-weight-bold);color:var(--color-on-surface);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:var(--font-family)}.on-quantity-stepper--size-sm{padding:3px}.on-quantity-stepper--size-sm .on-quantity-stepper--btn{width:28px;height:28px}.on-quantity-stepper--size-sm .on-quantity-stepper--value{min-width:22px;font-size:14px;padding:0 4px}.on-quantity-stepper--size-md{padding:4px}.on-quantity-stepper--size-md .on-quantity-stepper--btn{width:36px;height:36px}.on-quantity-stepper--size-md .on-quantity-stepper--value{min-width:28px;font-size:16px;padding:0 6px}.on-quantity-stepper--size-lg{padding:6px}.on-quantity-stepper--size-lg .on-quantity-stepper--btn{width:48px;height:48px}.on-quantity-stepper--size-lg .on-quantity-stepper--value{min-width:40px;font-size:var(--font-title-md);padding:0 10px}.on-radio-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-default);background-color:var(--color-surface-container-low);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-radio-option:hover:not(.on-radio-option--disabled){background-color:var(--color-surface-container-high)}.on-radio-option--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-radio-option--label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.on-radio-option--description{font-size:12px;color:var(--color-on-surface-variant)}.on-radio-option--input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.on-radio-option--input:focus-visible~.on-radio-option--indicator{outline:2px solid var(--color-primary);outline-offset:2px}.on-radio-option--indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-outline);background-color:transparent;flex-shrink:0;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default)}.on-radio-option--dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-on-primary);transform:scale(0);transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-radio-option--selected .on-radio-option--indicator{border-color:var(--color-primary);background-color:var(--color-primary)}.on-radio-option--selected .on-radio-option--dot{transform:scale(1)}.on-radio-option--disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.on-radio-option,.on-radio-option--dot,.on-radio-option--indicator{transition:none}}.on-store-list-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border:0;border-radius:var(--radius-default);background:transparent;text-align:left;text-decoration:none;color:var(--color-on-surface);font-family:inherit}.on-store-list-item--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-store-list-item--interactive:hover{background-color:var(--color-surface-container-low)}.on-store-list-item--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-store-list-item--logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-surface-container-low);flex-shrink:0;overflow:hidden}.on-store-list-item--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-store-list-item--name{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-store-list-item--metaRow{display:inline-flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.on-store-list-item--meta{font-size:12px;color:var(--color-on-surface-variant)}.on-store-list-item--cashback{display:inline-flex;margin-top:var(--space-xxs)}.on-store-list-item--chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width:400px){.on-store-list-item{padding:var(--space-sm)}.on-store-list-item--logo{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.on-store-list-item--interactive{transition:none}}.on-summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;font-size:14px}.on-summary-row--labelGroup{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.on-summary-row--icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);flex-shrink:0}.on-summary-row--text{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:0}.on-summary-row--description,.on-summary-row--label{color:var(--color-on-surface-variant)}.on-summary-row--description{font-size:12px;opacity:.85}.on-summary-row--value{color:var(--color-on-surface);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.on-summary-row--discount .on-summary-row--label,.on-summary-row--discount .on-summary-row--value{color:var(--color-primary)}.on-summary-row--total{font-size:16px;padding-top:var(--space-md)}.on-summary-row--total .on-summary-row--label{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.on-summary-row--total .on-summary-row--value{font-weight:var(--font-weight-bold);font-size:18px}.on-toast{display:flex;align-items:flex-start;gap:var(--space-sm);width:100%;padding:var(--space-md);border:1px solid color-mix(in srgb,var(--color-outline) 15%,transparent);border-radius:var(--radius-default);background:var(--color-glass-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--font-body-md);animation:on-toast-enter var(--motion-duration-default) var(--motion-easing-default);transition:transform var(--motion-duration-default) var(--motion-easing-default),opacity var(--motion-duration-default) var(--motion-easing-default)}@keyframes on-toast-enter{0%{transform:translateY(var(--space-md));opacity:0}to{transform:translateY(0);opacity:1}}.on-toast--exiting{transform:translateY(var(--space-sm));opacity:0;pointer-events:none}.on-toast--icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.on-toast--body{flex:1 1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.on-toast--bodyClickable{cursor:pointer}.on-toast--bodyClickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-toast--title{font-weight:var(--font-weight-semibold);color:inherit}.on-toast--description{margin:0;font-size:var(--font-body-sm);color:inherit;opacity:.9}.on-toast--close{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-xs);border:0;border-radius:var(--radius-full);background:transparent;color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--motion-duration-default) var(--motion-easing-default)}.on-toast--close:hover{opacity:1}.on-toast--close:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}.on-toast--error{background:var(--color-error-container);color:var(--color-on-error-container)}.on-toast--success{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.on-toast--warning{background:color-mix(in srgb,var(--color-error-container) 60%,var(--color-surface));color:var(--color-on-surface)}.on-toast--info{background:var(--color-surface-container-low);color:var(--color-on-surface)}@media (prefers-reduced-motion:reduce){.on-toast{animation:none;transition:none}}.on-transaction-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) 0;border:0;background:transparent;text-align:left;font-family:inherit;color:var(--color-on-surface)}.on-transaction-item--interactive{cursor:pointer;border-radius:var(--radius-default);padding:var(--space-sm) var(--space-md);transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-transaction-item--interactive:hover{background-color:var(--color-surface-container-low)}.on-transaction-item--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-transaction-item--avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:color-mix(in srgb,currentColor 12%,transparent);flex-shrink:0;overflow:hidden}.on-transaction-item--tone-primary{color:var(--color-primary)}.on-transaction-item--tone-blue{color:#2563eb}.on-transaction-item--tone-orange{color:#ea580c}.on-transaction-item--tone-green{color:#16a34a}.on-transaction-item--tone-purple{color:#9333ea}.on-transaction-item--tone-red{color:var(--color-error)}.on-transaction-item--tone-neutral{color:var(--color-on-surface-variant)}.on-transaction-item--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-transaction-item--title{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-transaction-item--category{align-self:flex-start;display:inline-block;padding:2px 10px;border-radius:var(--radius-full);background-color:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.on-transaction-item--side{display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--space-xxs);flex-shrink:0}.on-transaction-item--amount{font-weight:var(--font-weight-bold);font-size:16px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;letter-spacing:-.01em}.on-transaction-item--timestamp{font-size:11px;color:var(--color-on-surface-variant);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-transaction-item--credit{color:var(--color-primary)}.on-transaction-item--debit{color:var(--color-error)}@media (prefers-reduced-motion:reduce){.on-transaction-item--interactive{transition:none}}.on-address-item{position:relative;display:flex;align-items:stretch;gap:var(--space-xs);padding:0;border-radius:var(--radius-default);background-color:var(--color-surface-container-low);overflow:hidden}.on-address-item--cardButton,.on-address-item--cardInner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:0;background:transparent;text-align:left;width:100%;font-family:inherit;color:var(--color-on-surface);flex:1 1;min-width:0}.on-address-item--cardButton{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-address-item--cardButton:hover{background-color:var(--color-surface-container)}.on-address-item--cardButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-address-item--icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface-container);flex-shrink:0}.on-address-item--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-address-item--headerRow{display:inline-flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.on-address-item--label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-address-item--addressLine{font-size:13px;color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-address-item--addressMeta{font-size:12px;color:var(--color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-address-item--chevron{flex-shrink:0}.on-address-item--chevron,.on-address-item--deleteBtn{display:inline-flex;align-items:center;justify-content:center}.on-address-item--deleteBtn{width:36px;height:36px;margin-right:var(--space-sm);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer;align-self:center;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-address-item--deleteBtn:hover{background-color:var(--color-error-container);color:var(--color-on-error-container)}.on-address-item--deleteBtn:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}@media (prefers-reduced-motion:reduce){.on-address-item--cardButton,.on-address-item--deleteBtn{transition:none}}.on-admin-top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:1;justify-content:space-between;height:72px;padding:0 var(--space-lg);background:color-mix(in srgb,var(--color-surface-container-lowest) 80%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.on-admin-top-bar,.on-admin-top-bar--left,.on-admin-top-bar--right{display:flex;align-items:center;gap:var(--space-md)}.on-admin-top-bar--bell,.on-admin-top-bar--menuBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs)}.on-admin-top-bar--bell:focus-visible,.on-admin-top-bar--menuBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-admin-top-bar--title{margin:0;font-family:var(--font-family);font-size:var(--font-display-sm);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-admin-top-bar--bellBadge{position:absolute;top:0;right:0}.on-admin-top-bar--divider{width:1px;height:var(--space-xl);background:var(--color-surface-variant)}.on-admin-top-bar--user{display:flex;align-items:center;gap:var(--space-sm)}.on-admin-top-bar--userInfo{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.on-admin-top-bar--userName{font-family:var(--font-family);font-size:var(--font-label-md);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-admin-top-bar--userRole{text-transform:uppercase;font-family:var(--font-family);font-size:var(--font-label-sm);color:var(--color-on-surface-variant)}.on-auth-side-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));color:var(--color-on-primary);padding:var(--space-3xl) var(--space-2xl);min-height:50vh;isolation:isolate}@media (min-width:768px){.on-auth-side-panel{height:100%;min-height:0;padding:var(--space-3xl)}}.on-auth-side-panel--blob1,.on-auth-side-panel--blob2{position:absolute;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary-fixed) 35%,transparent);filter:blur(80px);z-index:-1;animation:on-auth-side-panel-float 9s ease-in-out infinite}.on-auth-side-panel--blob1{width:420px;height:420px;top:-120px;left:-120px;opacity:.5}.on-auth-side-panel--blob2{width:320px;height:320px;bottom:-100px;right:-100px;opacity:.4;animation-delay:3s}@keyframes on-auth-side-panel-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.05)}}.on-auth-side-panel--top{z-index:1}.on-auth-side-panel--body{z-index:1;display:flex;flex-direction:column;gap:var(--space-lg);max-width:640px}.on-auth-side-panel--headline{margin:0;font-size:clamp(2rem,5vw,var(--font-display-lg));font-weight:var(--font-weight-bold);line-height:1.05;letter-spacing:-.02em}.on-auth-side-panel--highlight{color:var(--color-primary-fixed)}.on-auth-side-panel--accent{width:96px;height:4px;border-radius:var(--radius-full);background:var(--color-primary-fixed)}.on-auth-side-panel--message{margin:0;font-size:var(--font-body-lg);color:color-mix(in srgb,var(--color-on-primary) 90%,transparent);line-height:1.5;max-width:560px}.on-auth-side-panel--socialProof{z-index:1;display:flex;align-items:center;gap:var(--space-md)}.on-auth-side-panel--avatars{display:inline-flex}.on-auth-side-panel--avatar{display:inline-block;width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--color-primary);margin-right:-12px;object-fit:cover}.on-auth-side-panel--socialText{font-size:var(--font-body-md);font-weight:var(--font-weight-medium);color:color-mix(in srgb,var(--color-on-primary) 90%,transparent)}.on-bottom-nav{position:fixed;bottom:0;left:0;width:100%;z-index:40;display:flex;justify-content:space-around;align-items:center;padding:var(--space-sm) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom, 0px));background:var(--color-glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-nav-top)}.on-bottom-nav--item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);color:var(--color-on-surface-variant);text-decoration:none;font-family:var(--font-family);transition:background var(--motion-duration-default) var(--motion-easing-default),color var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default);min-width:64px}.on-bottom-nav--item:hover{background:var(--color-surface-container-high)}.on-bottom-nav--item:active{transform:scale(.95)}.on-bottom-nav--item.on-bottom-nav--active{background:color-mix(in srgb,var(--color-primary-container) 20%,transparent);color:var(--color-primary)}.on-bottom-nav--item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-bottom-nav--icon{width:22px;height:22px}.on-bottom-nav--label{font-size:var(--font-label-xs);font-weight:var(--font-weight-medium)}@media (min-width:1024px){.on-bottom-nav{display:none}}.on-cashback-simulator{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-default);background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm)}.on-cashback-simulator--header{display:flex;align-items:center;gap:var(--space-sm)}.on-cashback-simulator--title{margin:0;font-family:var(--font-family);font-size:var(--font-label-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-cashback-simulator--rows{display:flex;flex-direction:column}.on-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);justify-items:center}@media (min-width:768px){.on-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.on-category-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.on-category-grid--cell{min-width:0}.on-category-grid--variant-card{justify-items:stretch}.on-category-grid--variant-card .on-category-grid--cell{display:flex}.on-category-grid--variant-card .on-category-grid--cell>*{width:100%;height:100%}.on-category-grid--scroll{display:flex;flex-wrap:nowrap;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-top:var(--space-xs);padding-bottom:var(--space-xs);justify-content:safe center}.on-category-grid--scroll::-webkit-scrollbar{display:none}.on-category-grid--scroll .on-category-grid--cell{flex:0 0 auto;scroll-snap-align:start}.on-category-grid--scroll.on-category-grid--variant-card .on-category-grid--cell{width:150px}.on-category-grid--scroll.on-category-grid--variant-default .on-category-grid--cell{width:auto;min-width:66px}.on-category-grid--scroll .on-category-tile--box{border-radius:var(--radius-full)}.on-category-grid--scroll .on-category-tile:not(.on-category-tile--featured) .on-category-tile--box{border:none;box-shadow:none;background-color:color-mix(in srgb,var(--color-primary-container) 20%,transparent);color:var(--color-primary)}.on-category-grid--scroll .on-category-tile--featured .on-category-tile--box,.on-category-grid--scroll .on-category-tile--featured:hover .on-category-tile--box{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:none}.on-category-grid--scroll .on-category-tile:active .on-category-tile--box,.on-category-grid--scroll .on-category-tile:hover .on-category-tile--box{transform:none}.on-category-grid--scroll .on-category-tile--name{white-space:nowrap;line-height:1.2}@media (max-width:520px){.on-category-grid--scroll .on-category-tile--box{width:66px;height:66px}.on-category-grid--scroll .on-category-tile--icon{font-size:32px}.on-category-grid--scroll .on-category-tile--icon :is(img,svg){width:34px;height:34px}.on-category-grid--scroll .on-category-tile--name{font-size:13px}}@media (max-width:400px){.on-category-grid--scroll .on-category-tile--box{width:56px;height:56px}.on-category-grid--scroll .on-category-tile--icon :is(img,svg){width:28px;height:28px}}.on-clube-banner{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));box-shadow:var(--shadow-primary)}.on-clube-banner,.on-clube-banner--icon{align-items:center;color:var(--color-on-primary)}.on-clube-banner--icon{display:inline-flex;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.on-clube-banner--body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.on-clube-banner--title{margin:0;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.on-clube-banner--description{margin:0;font-size:13px;color:color-mix(in srgb,var(--color-on-primary) 85%,transparent)}.on-clube-banner--cta{display:inline-flex;align-items:center}.on-clube-banner--cta>button{background-color:var(--color-on-primary);color:var(--color-primary);border-color:var(--color-on-primary)}.on-clube-banner--member .on-clube-banner--icon{background-color:color-mix(in srgb,var(--color-on-primary) 30%,transparent)}@media (max-width:600px){.on-clube-banner{grid-template-columns:auto 1fr}.on-clube-banner--cta{grid-column:1/-1}}.on-checkout-summary{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-default);background-color:var(--color-surface)}.on-checkout-summary--items{display:flex;flex-direction:column;gap:var(--space-xs)}.on-checkout-summary--itemsHeader{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.on-checkout-summary--itemList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.on-checkout-summary--item{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;font-size:13px;color:var(--color-on-surface)}.on-checkout-summary--itemQuantity{font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-checkout-summary--itemName{color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-checkout-summary--breakdown{display:flex;flex-direction:column;padding:var(--space-md);margin-top:var(--space-xs);border-radius:var(--radius-default);background-color:var(--color-surface-container-low)}.on-checkout-summary--freeLabel{font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;font-size:13px;letter-spacing:.04em}.on-checkout-summary--cashbackBanner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-default);background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);font-size:13px;font-weight:var(--font-weight-medium)}.on-coupon-card{position:relative;display:flex;align-items:stretch;width:100%;padding:var(--space-md);border:0;border-radius:var(--radius-default);background-color:var(--color-surface-container-low);color:var(--color-on-surface);font-family:inherit;text-align:left;overflow:hidden}.on-coupon-card--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-coupon-card--interactive:hover{background-color:var(--color-surface-container-high)}.on-coupon-card--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-coupon-card--inactive{opacity:.55}.on-coupon-card--leftSide{display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1;min-width:0;padding-right:var(--space-md)}.on-coupon-card--title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.on-coupon-card--description{font-size:13px;color:var(--color-on-surface-variant)}.on-coupon-card--validUntil{display:inline-flex;flex-direction:column;gap:2px;margin-top:var(--space-xs)}.on-coupon-card--validUntilLabel{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface-variant)}.on-coupon-card--validUntilValue{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-coupon-card--divider{position:relative;width:0;border-left:2px dashed var(--color-outline);margin:0 var(--space-md);flex-shrink:0}.on-coupon-card--notchBottom,.on-coupon-card--notchTop{position:absolute;width:16px;height:16px;border-radius:var(--radius-full);background-color:var(--color-surface);left:-9px}.on-coupon-card--notchTop{top:-9px}.on-coupon-card--notchBottom{bottom:-9px}.on-coupon-card--rightSide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xxs);min-width:96px;flex-shrink:0}.on-coupon-card--codeLabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-surface-variant)}.on-coupon-card--code{font-family:var(--font-mono);font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:.06em;color:var(--color-primary)}.on-coupon-card--statusLabel{margin-top:var(--space-xs);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-error);font-weight:var(--font-weight-semibold)}@media (prefers-reduced-motion:reduce){.on-coupon-card--interactive{transition:none}}.on-data-table-skeleton{width:100%;padding:var(--space-md)}.on-data-table-skeleton--grid{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.on-data-table--table{width:100%;border-collapse:collapse}.on-data-table--caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.on-data-table--head{text-align:left}.on-data-table--headCell{padding:var(--space-md);text-align:left;font-family:var(--font-family);font-size:var(--font-label-md);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant)}.on-data-table--empty,.on-data-table--error{padding:var(--space-2xl) var(--space-md);text-align:center}.on-data-table--emptyLabel{margin:0;font-family:var(--font-family);font-size:var(--font-body-md);color:var(--color-on-surface-variant)}.on-data-table--footer{margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-surface-container-low);border-radius:var(--radius-sm)}.on-delivery-toggle{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.on-delivery-toggle--legend{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant)}.on-delivery-toggle--options{display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width:600px){.on-delivery-toggle--options{flex-direction:row}.on-delivery-toggle--options>*{flex:1 1}}.on-delivery-toggle--option{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-default);background-color:var(--color-surface-container-low);border:2px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default)}.on-delivery-toggle--option:hover{background-color:var(--color-surface-container-high)}.on-delivery-toggle--selected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.on-delivery-toggle--input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.on-delivery-toggle--input:focus-visible~.on-delivery-toggle--body{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}.on-delivery-toggle--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-delivery-toggle--label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-delivery-toggle--description{font-size:12px;color:var(--color-on-surface-variant)}.on-delivery-toggle--extra{display:inline-flex;align-items:center;flex-shrink:0}.on-delivery-toggle--extraText{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}@media (prefers-reduced-motion:reduce){.on-delivery-toggle--option{transition:none}}.on-deposit-form{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.on-deposit-form--title{font-size:var(--font-title-lg);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);margin:0}.on-deposit-form--fieldLabel{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant)}.on-deposit-form--methodFieldset{border:0;margin:0;padding:0}.on-deposit-form--methodFieldset,.on-deposit-form--methodList{display:flex;flex-direction:column;gap:var(--space-sm)}.on-deposit-form--field{display:flex;flex-direction:column;gap:var(--space-xs)}.on-deposit-form--summary{display:flex;flex-direction:column;padding:var(--space-md);border-radius:var(--radius-default);background-color:var(--color-surface-container-low)}.on-deposit-form--summaryTitle{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.on-empty-tab-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 80px - 88px);padding:var(--space-xl);background:var(--color-surface)}@media (min-width:1024px){.on-empty-tab-placeholder{min-height:calc(100vh - 80px)}}.on-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);max-width:600px;margin:0 auto;text-align:center;min-height:60vh;font-family:var(--font-family)}.on-error-page--illustration{width:240px;height:240px;color:var(--color-on-surface-variant)}.on-error-page--title{font-size:var(--font-display-md);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.on-error-page--description{font-size:var(--font-body-md);color:var(--color-on-surface-variant);margin:0}.on-error-page--cta{margin-top:var(--space-lg);width:100%;max-width:280px}.on-faq-accordion{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.on-faq-accordion--item{background-color:var(--color-surface-container-low);border-radius:var(--radius-default);overflow:hidden}.on-faq-accordion--trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer;color:var(--color-on-surface);transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-faq-accordion--trigger:hover{background-color:var(--color-surface-container)}.on-faq-accordion--trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-default)}.on-faq-accordion--question{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface);flex:1 1;min-width:0}.on-faq-accordion--chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-faq-accordion--chevronOpen{transform:rotate(180deg)}.on-faq-accordion--panel{font-size:14px;color:var(--color-on-surface-variant);line-height:1.5}.on-faq-accordion--panel[hidden]{display:none}.on-faq-accordion--panelInner{padding:0 var(--space-lg) var(--space-md)}@media (prefers-reduced-motion:reduce){.on-faq-accordion--chevron,.on-faq-accordion--trigger{transition:none}}.on-filter-bar{justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface-container-low);border-top:1px solid color-mix(in srgb,var(--color-outline-variant) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant) 35%,transparent);border-radius:var(--radius-default)}.on-filter-bar,.on-filter-bar--chips{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.on-filter-bar--chips{gap:var(--space-sm);flex:1 1 auto;min-width:0}.on-filter-bar--chip.on-chip--size-md{padding:var(--space-md) var(--space-lg);font-size:var(--font-label-lg);font-weight:var(--font-weight-bold);min-height:48px;gap:var(--space-sm)}.on-filter-bar--chip.on-chip--filter{background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);border:1px solid color-mix(in srgb,var(--color-outline-variant) 20%,transparent)}.on-filter-bar--chip.on-chip--filter:hover{background-color:var(--color-surface-container)}.on-filter-bar--chip.on-chip--filter.on-chip--active{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.on-filter-bar--chip.on-chip--filter.on-chip--active:hover{background-color:var(--color-primary)}.on-filter-bar--search{flex:0 1 320px;min-width:240px}@media (max-width:768px){.on-filter-bar{flex-direction:column;align-items:stretch;min-width:0;overflow:hidden}.on-filter-bar--search{flex:1 1 auto;width:100%}.on-filter-bar--chip.on-chip--size-md{min-height:36px;padding:var(--space-xs) var(--space-md);font-size:var(--font-label-md)}.on-filter-bar--chips{width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-xxs) var(--space-xxs) var(--space-xs);margin:calc(-1 * var(--space-xxs));margin-bottom:0}.on-filter-bar--chips::-webkit-scrollbar{display:none}.on-filter-bar--chips .on-filter-bar--chip{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}}@media (max-width:400px){.on-filter-bar{padding:var(--space-sm) var(--space-md)}.on-filter-bar--chip.on-chip--size-md{min-height:32px;padding:var(--space-xxs) var(--space-sm);font-size:var(--font-label-sm)}.on-filter-bar--search .on-input--input{font-size:var(--font-body-sm);padding:var(--space-sm) var(--space-md)}}.on-floating-cart{position:fixed;bottom:calc(var(--space-md) + 60px);left:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:0;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));color:var(--color-on-primary);box-shadow:var(--shadow-primary);font-family:inherit;font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;z-index:100;transform:translateY(150%);opacity:0;pointer-events:none;transition:transform var(--motion-duration-default) var(--motion-easing-default),opacity var(--motion-duration-default) var(--motion-easing-default)}.on-floating-cart.on-floating-cart--visible{transform:translateY(0);opacity:1;pointer-events:auto}.on-floating-cart:hover.on-floating-cart--visible{box-shadow:var(--shadow-primary-hover)}.on-floating-cart:focus-visible{outline:2px solid var(--color-on-primary);outline-offset:2px}.on-floating-cart--left{display:inline-flex;align-items:center;gap:var(--space-sm)}.on-floating-cart--badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-xs);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-on-primary) 20%,transparent);color:var(--color-on-primary);font-size:13px;font-weight:var(--font-weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-floating-cart--itemsLabel{font-weight:var(--font-weight-semibold)}.on-floating-cart--right{display:inline-flex;align-items:center;gap:var(--space-sm)}@media (min-width:1024px){.on-floating-cart{bottom:var(--space-lg);left:auto;right:var(--space-lg);width:auto;min-width:280px}}@media (prefers-reduced-motion:reduce){.on-floating-cart{transition:none}}.on-footer{background-color:var(--color-surface-container-low);padding:var(--space-xl) var(--space-lg);color:var(--color-on-surface)}.on-footer--grid{display:grid;grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:1fr;max-width:1200px;margin:0 auto}.on-footer--brandCol{display:flex;flex-direction:column;gap:var(--space-md)}.on-footer--logo{display:inline-flex;align-items:center}.on-footer--tagline{margin:0;font-size:14px;color:var(--color-on-surface-variant);max-width:320px}.on-footer--social{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-sm)}.on-footer--socialLink{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface);text-decoration:none;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-footer--socialLink:hover{background-color:var(--color-surface-container-highest)}.on-footer--socialLink:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-footer--col{display:flex;flex-direction:column;gap:var(--space-sm)}.on-footer--title{margin:0;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.on-footer--links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.on-footer--link,.on-footer--linkButton{display:inline-block;padding:0;border:0;background:transparent;font-family:inherit;font-size:14px;color:var(--color-on-surface);text-decoration:none;cursor:pointer;text-align:left}.on-footer--link:hover,.on-footer--linkButton:hover{color:var(--color-primary)}.on-footer--link:focus-visible,.on-footer--linkButton:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.on-footer--bottom{max-width:1200px;margin:var(--space-xl) auto 0;padding-top:var(--space-md);font-size:12px;color:var(--color-on-surface-variant);text-align:center}@media (min-width:768px){.on-footer--grid{grid-template-columns:1.5fr repeat(3,1fr)}.on-footer--bottom{text-align:left}}@media (prefers-reduced-motion:reduce){.on-footer--link,.on-footer--linkButton,.on-footer--socialLink{transition:none}}.on-forgot-password-form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.on-forgot-password-form--methodGroup{display:flex;flex-direction:column;gap:var(--space-sm);border:none;padding:0;margin:0}.on-forgot-password-form--methodLegend{font-size:var(--font-label-md);font-weight:var(--font-weight-semibold);color:var(--color-on-surface);padding:0;margin-bottom:var(--space-xs)}.on-forgot-password-form--option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-default);border:1px solid var(--color-surface-container-highest);background:var(--color-surface-container-lowest);cursor:pointer;transition:border-color var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-forgot-password-form--option:hover{border-color:var(--color-primary)}.on-forgot-password-form--optionSelected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 14%,transparent)}.on-forgot-password-form--optionInput{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.on-forgot-password-form--optionIcon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);flex-shrink:0}.on-forgot-password-form--optionIconPrimary{background:var(--color-primary-container);color:var(--color-on-primary-container)}.on-forgot-password-form--optionBody{display:flex;flex-direction:column;flex:1 1;min-width:0}.on-forgot-password-form--optionTitle{font-size:var(--font-body-md);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-forgot-password-form--optionHelper{font-size:var(--font-label-md);color:var(--color-on-surface-variant)}.on-forgot-password-form--radio{width:1.25rem;height:1.25rem;border-radius:var(--radius-full);border:2px solid var(--color-surface-container-highest);position:relative;flex-shrink:0;transition:border-color var(--motion-duration-default) var(--motion-easing-default)}.on-forgot-password-form--radioSelected{border-color:var(--color-primary)}.on-forgot-password-form--radioSelected:after{content:"";position:absolute;inset:3px;border-radius:var(--radius-full);background:var(--color-primary)}.on-forgot-password-form--phoneRow{display:flex;gap:var(--space-sm);align-items:stretch}.on-forgot-password-form--phoneInputWrap{flex:1 1 auto;min-width:0}.on-forgot-password-form--footer{margin:0;text-align:center;font-size:var(--font-body-md)}.on-forgot-password-form--footerLink{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.on-forgot-password-form--footerLink:hover{text-decoration:underline}.on-loading-skeleton{width:100%;padding:var(--space-lg)}.on-loading-skeleton,.on-loading-skeleton--stack{display:flex;flex-direction:column;gap:var(--space-md)}.on-loading-skeleton--header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.on-loading-skeleton--grid4,.on-loading-skeleton--row4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.on-loading-skeleton--listRow{display:flex;align-items:center;gap:var(--space-md)}.on-loading-skeleton--listRowText{flex:1 1;display:flex;flex-direction:column;gap:var(--space-xs)}.on-loading-skeleton--paragraphStack{display:flex;flex-direction:column;gap:var(--space-sm)}.on-loading-skeleton--securityProcessing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);min-height:40vh;text-align:center}.on-loading-skeleton--securitySpinnerWrap{color:var(--color-primary)}.on-loading-skeleton--securityMessage{font-family:var(--font-family);font-size:var(--font-body-md);color:var(--color-on-surface-variant);margin:0}.on-loading-skeleton--formSection{display:flex;flex-direction:column;gap:var(--space-sm)}.on-loading-skeleton--treeRow{display:flex;align-items:center;gap:var(--space-sm)}.on-loading-skeleton--treeChild{padding-left:var(--space-xl)}.on-loading-skeleton--mapBlock{--on-skeleton-map-height:40vh;min-height:var(--on-skeleton-map-height)}.on-loading-skeleton--mapCards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.on-form-stepper{display:flex;align-items:center;gap:var(--space-sm);list-style:none;margin:0;padding:0}.on-form-stepper--step{display:flex;align-items:center;flex:1 1}.on-form-stepper--step:not(:last-child):after{content:"";flex:1 1;height:2px;margin:0 var(--space-sm);background:var(--color-surface-container-high)}.on-form-stepper--step-completed:not(:last-child):after{background:var(--color-primary)}.on-form-stepper--trigger{display:inline-flex;align-items:center;gap:var(--space-sm);border:0;background:transparent;padding:0;font-family:var(--font-family);font-size:var(--font-label-md);color:var(--color-on-surface-variant)}button.on-form-stepper--trigger{cursor:pointer}button.on-form-stepper--trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.on-form-stepper--marker{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-weight:var(--font-weight-semibold)}.on-form-stepper--step-completed .on-form-stepper--marker{background:var(--color-primary);color:var(--color-on-primary)}.on-form-stepper--step-current .on-form-stepper--marker{background:var(--color-surface-container-lowest);color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.on-form-stepper--step-completed .on-form-stepper--label,.on-form-stepper--step-current .on-form-stepper--label,.on-help-card{color:var(--color-on-surface)}.on-help-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:0;border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);font-family:inherit;text-align:left;text-decoration:none;width:100%}.on-help-card--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-help-card--interactive:hover{background-color:var(--color-surface-container)}.on-help-card--interactive:active{transform:scale(.99)}.on-help-card--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-help-card--iconBlock{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-default);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);flex-shrink:0}.on-help-card--body{display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1;min-width:0}.on-help-card--title{margin:0;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-help-card--description{margin:0;font-size:13px;color:var(--color-on-surface-variant)}.on-help-card--chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (prefers-reduced-motion:reduce){.on-help-card--interactive{transition:none}.on-help-card--interactive:active{transform:none}}.on-import-progress-bar{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.on-import-progress-bar--head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family);font-size:var(--font-label-md);color:var(--color-on-surface-variant)}.on-import-progress-bar--percent{font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-import-progress-bar--track{width:100%;height:var(--space-sm);border-radius:var(--radius-full);background:var(--color-surface-container-high);overflow:hidden}.on-import-progress-bar--fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--motion-duration-default) var(--motion-easing-default)}.on-import-progress-bar--done{margin:0;font-family:var(--font-family);font-size:var(--font-body-md);color:var(--color-primary)}.on-import-progress-bar--error{display:flex;flex-direction:column;gap:var(--space-sm)}.on-import-progress-bar--errorTitle{margin:0;font-family:var(--font-family);font-size:var(--font-body-md);font-weight:var(--font-weight-semibold);color:var(--color-error)}.on-import-progress-bar--items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.on-import-progress-bar--item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-family);font-size:var(--font-body-md);color:var(--color-on-surface)}.on-import-progress-bar--itemStatus{padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-label-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.on-import-progress-bar--itemStatus-done{background:var(--color-primary-container);color:var(--color-on-primary-container)}.on-import-progress-bar--itemStatus-failed{background:var(--color-error-container);color:var(--color-on-error-container)}.on-merchant-empty-state .on-empty-state--cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.on-login-form{position:relative;display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.on-login-form--footer{margin:0;text-align:center;font-size:var(--font-body-sm);color:var(--color-on-surface-variant)}.on-login-form--footerLink{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.on-login-form--footerLink:focus-visible,.on-login-form--footerLink:hover{text-decoration:underline;outline:none}.on-login-form--securityBadge{display:none;align-items:center;gap:var(--space-xs);align-self:center;font-size:var(--font-label-sm);color:var(--color-on-surface-variant);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface-container-low) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (min-width:768px){.on-login-form--securityBadge{display:inline-flex}}.on-location-prompt{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-default);background:var(--color-secondary-container);color:var(--color-on-surface)}.on-location-prompt--body{display:flex;align-items:flex-start;gap:var(--space-sm)}.on-location-prompt--icon{flex:0 0 auto;display:inline-flex;margin-top:2px;color:var(--color-primary)}.on-location-prompt--text{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-xxs)}.on-location-prompt--title{margin:0;font-size:var(--font-label-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.on-location-prompt--description{margin:0;font-size:var(--font-body-sm);color:var(--color-on-surface-variant)}.on-location-prompt--close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xxs);border:none;background:transparent;color:var(--color-on-surface-variant);border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease}.on-location-prompt--close:hover{background:rgba(25,28,29,.06)}.on-location-prompt--actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.on-lottery-ticket{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);color:var(--color-on-surface);border:0;font-family:inherit;text-align:left;width:100%}.on-lottery-ticket--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-lottery-ticket--interactive:hover{background-color:var(--color-surface-container-high)}.on-lottery-ticket--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-lottery-ticket--winner{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));box-shadow:var(--shadow-primary)}.on-lottery-ticket--winner,.on-lottery-ticket--winner .on-lottery-ticket--code,.on-lottery-ticket--winner .on-lottery-ticket--codeLabel,.on-lottery-ticket--winner .on-lottery-ticket--drawDateValue,.on-lottery-ticket--winner .on-lottery-ticket--drawLabel,.on-lottery-ticket--winner .on-lottery-ticket--storeName,.on-lottery-ticket--winner .on-lottery-ticket--title{color:var(--color-on-primary)}.on-lottery-ticket--expired{opacity:.55}.on-lottery-ticket--header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.on-lottery-ticket--storeBlock{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0}.on-lottery-ticket--storeName{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-lottery-ticket--storeName,.on-lottery-ticket--title{font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-lottery-ticket--title{margin:0;font-size:16px}.on-lottery-ticket--codeBlock{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-default);background-color:color-mix(in srgb,var(--color-on-surface) 4%,transparent)}.on-lottery-ticket--winner .on-lottery-ticket--codeBlock{background-color:color-mix(in srgb,var(--color-on-primary) 12%,transparent)}.on-lottery-ticket--code{font-family:var(--font-mono);font-size:var(--font-display-sm);font-weight:var(--font-weight-bold);letter-spacing:.12em;color:var(--color-on-surface)}.on-lottery-ticket--codeLabel{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-on-surface-variant)}.on-lottery-ticket--footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.on-lottery-ticket--drawDate{display:inline-flex;flex-direction:column;gap:2px;min-width:0}.on-lottery-ticket--drawLabel{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}.on-lottery-ticket--drawDateValue{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}@media (prefers-reduced-motion:reduce){.on-lottery-ticket--interactive{transition:none}}.on-menu-item-list{display:flex;flex-direction:column;gap:var(--space-md)}.on-menu-item-list--filters{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin:0 calc(-1 * var(--space-md));overflow-x:auto;background-color:var(--color-surface);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.on-menu-item-list--filters::-webkit-scrollbar{display:none}.on-menu-item-list--filters>*{scroll-snap-align:start;flex-shrink:0}.on-menu-item-list--items{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.on-menu-item-list--layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.on-menu-item-list--layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.on-menu-item-list--layout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.on-menu-item-list--layout-list{grid-template-columns:minmax(0,1fr)}.on-menu-item-list--itemSlot{min-width:0}.on-menu-item-list--itemSlot>article{width:100%}.on-menu-item-list--empty{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg)}.on-menu-item-list--emptyMessage{font-size:14px;color:var(--color-on-surface-variant);margin:0;text-align:center}.on-notification-item{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md);border:0;border-radius:var(--radius-default);background:transparent;text-align:left;text-decoration:none;color:var(--color-on-surface);font-family:inherit}.on-notification-item--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-notification-item--interactive:hover{background-color:var(--color-surface-container-low)}.on-notification-item--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-notification-item--unreadRow{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.on-notification-item--unreadRow.interactive:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.on-notification-item--icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-surface-container);flex-shrink:0;overflow:hidden}.on-notification-item--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-notification-item--title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-notification-item--bodyText{font-size:13px;color:var(--color-on-surface-variant);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.on-notification-item--timestamp{font-size:11px;color:var(--color-on-surface-variant);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-notification-item--unread{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-top:var(--space-xs)}@media (prefers-reduced-motion:reduce){.on-notification-item--interactive{transition:none}}.on-order-list-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border:0;border-radius:var(--radius-default);background:transparent;text-align:left;text-decoration:none;color:var(--color-on-surface);font-family:inherit}.on-order-list-item--interactive{cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-order-list-item--interactive:hover{background-color:var(--color-surface-container-low)}.on-order-list-item--interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-order-list-item--avatar{display:inline-flex;flex-shrink:0}.on-order-list-item--body{display:flex;flex-direction:column;gap:var(--space-xxs);flex:1 1;min-width:0}.on-order-list-item--name{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-order-list-item--meta{font-size:12px;color:var(--color-on-surface-variant)}.on-order-list-item--code{font-size:11px;color:var(--color-on-surface-variant);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.on-order-list-item--right{display:inline-flex;align-items:center;gap:var(--space-md);flex-shrink:0}.on-order-list-item--cancelledChip{background-color:var(--color-error-container);color:var(--color-on-error-container)}@media (prefers-reduced-motion:reduce){.on-order-list-item--interactive{transition:none}}.on-order-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.on-order-timeline--step{position:relative;display:grid;grid-template-columns:32px 1fr;grid-gap:var(--space-md);gap:var(--space-md);padding-bottom:var(--space-lg);min-height:56px}.on-order-timeline--indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);flex-shrink:0;z-index:1}.on-order-timeline--dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-on-surface-variant)}.on-order-timeline--pulse{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-on-primary);animation:on-order-timeline-pulse 1.6s ease-in-out infinite}.on-order-timeline--connector{position:absolute;top:32px;left:16px;width:2px;bottom:0;background-color:var(--color-surface-container-high)}.on-order-timeline--done .on-order-timeline--indicator{background-color:var(--color-primary);color:var(--color-on-primary)}.on-order-timeline--done .on-order-timeline--connector,.on-order-timeline--done+.on-order-timeline--step .on-order-timeline--connector{background-color:var(--color-primary)}.on-order-timeline--active .on-order-timeline--indicator{background-color:var(--color-primary);color:var(--color-on-primary)}.on-order-timeline--cancelled .on-order-timeline--indicator{background-color:var(--color-error);color:var(--color-on-error)}.on-order-timeline--cancelled .on-order-timeline--connector{background-color:var(--color-error)}.on-order-timeline--body{display:flex;flex-direction:column;gap:var(--space-xxs);padding-top:var(--space-xs)}.on-order-timeline--label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-order-timeline--pending .on-order-timeline--label{color:var(--color-on-surface-variant)}.on-order-timeline--description,.on-order-timeline--timestamp{font-size:12px;color:var(--color-on-surface-variant)}.on-order-timeline--timestamp{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes on-order-timeline-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@media (prefers-reduced-motion:reduce){.on-order-timeline--pulse{animation:none}}.on-product-carousel{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.on-product-carousel--header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-md)}.on-product-carousel--title{margin:0;font-size:18px;font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.on-product-carousel--viewAll{border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-primary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-default);transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-product-carousel--viewAll:hover{background-color:var(--color-surface-container-low)}.on-product-carousel--viewAll:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-product-carousel--scroller{display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.on-product-carousel--scroller::-webkit-scrollbar{display:none}.on-product-carousel--scroller:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-product-carousel--slot{flex:0 0 200px;scroll-snap-align:start;min-width:0}.on-product-carousel--firstSlot{margin-left:var(--space-md)}.on-product-carousel--slot>article{width:100%}@media (prefers-reduced-motion:reduce){.on-product-carousel--viewAll{transition:none}}.on-product-grid{display:flex;flex-direction:column;gap:var(--space-2xl)}.on-product-grid--header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg)}.on-product-grid--titleGroup{display:flex;flex-direction:column;gap:var(--space-xxs)}.on-product-grid--title{margin:0;font-size:var(--font-display-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-on-surface)}.on-product-grid--subtitle{margin:0;font-size:16px;color:var(--color-on-surface-variant)}.on-product-grid--viewAll{display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:0;padding:var(--space-xs) 0;color:var(--color-primary);font-size:14px;font-weight:var(--font-weight-bold);font-family:inherit;cursor:pointer;text-decoration:none}.on-product-grid--viewAll:hover{text-decoration:underline}.on-product-grid--viewAll:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.on-product-grid--grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-xl);gap:var(--space-xl)}@media (min-width:768px){.on-product-grid--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.on-product-grid--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.on-profile-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);text-align:center}.on-profile-header--avatarBlock{position:relative;display:inline-flex}.on-profile-header--editBadge{position:absolute;bottom:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default),transform var(--motion-duration-default) var(--motion-easing-default)}.on-profile-header--editBadge:hover{background-color:var(--color-primary-container)}.on-profile-header--editBadge:active{transform:scale(.95)}.on-profile-header--editBadge:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-profile-header--identity{display:flex;flex-direction:column;gap:var(--space-xs);align-items:center}.on-profile-header--name{margin:0;font-size:var(--font-title-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.on-profile-header--email{font-size:13px;color:var(--color-on-surface-variant)}.on-profile-header--stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md);width:100%;margin:var(--space-md) 0 0;padding:0}.on-profile-header--stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-default);background-color:var(--color-surface-container)}.on-profile-header--statLabel{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);font-weight:var(--font-weight-medium)}.on-profile-header--statValue{margin:0;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-on-surface);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.on-profile-header--editBadge{transition:none}.on-profile-header--editBadge:active{transform:none}}.on-promo-banner{position:relative;width:100%}.on-promo-banner--scroller{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;outline:none;border-radius:var(--radius-xl)}.on-promo-banner--scroller::-webkit-scrollbar{display:none}.on-promo-banner--scroller{scrollbar-width:none}.on-promo-banner--scroller:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-promo-banner--banner{position:relative;flex:0 0 100%;scroll-snap-align:start;border:0;overflow:hidden;cursor:pointer;background:var(--on-promo-banner-image,none) center /cover no-repeat,linear-gradient(135deg,var(--color-primary),var(--color-primary-container));padding:0;font-family:inherit;text-align:left;text-decoration:none;color:inherit;min-height:clamp(252px,64vw,300px)}@media (min-width:768px){.on-promo-banner--banner{height:380px}}@media (min-width:1024px){.on-promo-banner--banner{height:520px}}.on-promo-banner--banner:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.on-promo-banner--overlay{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--color-on-surface) 70%,transparent) 0,color-mix(in srgb,var(--color-on-surface) 30%,transparent) 50%,transparent 100%);pointer-events:none}.on-promo-banner--content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-xl) var(--space-xl) clamp(24px,5vw,48px);color:var(--color-on-primary);pointer-events:none}.on-promo-banner--content>*{pointer-events:auto}.on-promo-banner--eyebrow{display:inline-block;margin-bottom:var(--space-md);font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary-fixed)}.on-promo-banner--title{margin:0 0 var(--space-md) 0;max-width:600px;font-size:clamp(28px,4vw,52px);font-weight:var(--font-weight-bold);line-height:1.05;letter-spacing:-.02em}.on-promo-banner--description{margin:0 0 var(--space-lg) 0;max-width:440px;font-size:clamp(15px,1.2vw,17px);line-height:1.5;opacity:.85}@media (max-width:520px){.on-promo-banner--content{padding:var(--space-lg)}.on-promo-banner--eyebrow{margin-bottom:var(--space-xs);font-size:12px}.on-promo-banner--title{font-size:22px;margin-bottom:var(--space-xs)}.on-promo-banner--description{font-size:13px;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.on-promo-banner--cta{display:inline-flex;align-self:flex-start;max-width:100%;white-space:nowrap;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));color:var(--color-on-primary);font-size:var(--font-label-md);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-primary);transition:transform var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-promo-banner--banner:hover .on-promo-banner--cta{transform:scale(1.03)}.on-promo-banner--banner:active .on-promo-banner--cta{transform:scale(.97)}.on-promo-banner--dots{position:absolute;bottom:var(--space-lg);left:clamp(24px,5vw,48px);display:flex;gap:var(--space-sm);z-index:1}.on-promo-banner--dot{width:8px;height:6px;padding:0;border:0;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-on-primary) 40%,transparent);cursor:pointer;transition:width var(--motion-duration-default) var(--motion-easing-default),background-color var(--motion-duration-default) var(--motion-easing-default)}.on-promo-banner--dot:hover{background-color:color-mix(in srgb,var(--color-on-primary) 60%,transparent)}.on-promo-banner--dot:focus-visible{outline:2px solid var(--color-on-primary);outline-offset:2px}.on-promo-banner--dot-active{width:48px;background-color:var(--color-primary)}@media (max-width:400px){.on-promo-banner--content{padding:var(--space-md)}.on-promo-banner--cta{padding:var(--space-md) var(--space-lg)}}.on-referral-banner{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));box-shadow:var(--shadow-primary)}.on-referral-banner,.on-referral-banner--icon{align-items:center;color:var(--color-on-primary)}.on-referral-banner--icon{display:inline-flex;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-on-primary) 20%,transparent)}.on-referral-banner--body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.on-referral-banner--title{margin:0;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-on-primary)}.on-referral-banner--description{margin:0;font-size:13px;color:color-mix(in srgb,var(--color-on-primary) 85%,transparent)}.on-referral-banner--cta{display:inline-flex;align-items:center}.on-referral-banner--cta>button{background-color:var(--color-on-primary);color:var(--color-primary);border-color:var(--color-on-primary)}@media (max-width:600px){.on-referral-banner{grid-template-columns:auto 1fr}.on-referral-banner--cta{grid-column:1/-1}}.on-register-form{position:relative;display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.on-register-form--phoneRow{display:flex;gap:var(--space-sm);align-items:stretch}.on-register-form--phoneInputWrap{flex:1 1 auto;min-width:0}.on-register-form--termsNotice{margin:0;text-align:center;font-size:var(--font-body-sm);color:var(--color-on-surface-variant);padding:0 var(--space-lg);line-height:1.5}.on-register-form--termsLink{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.on-register-form--termsLink:focus-visible,.on-register-form--termsLink:hover{text-decoration:underline;outline:none}.on-register-form--footer{margin:0;text-align:center;font-size:var(--font-body-sm);color:var(--color-on-surface-variant)}.on-register-form--footerLink{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.on-register-form--footerLink:focus-visible,.on-register-form--footerLink:hover{text-decoration:underline;outline:none}.on-reset-password-form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.on-reset-password-form--resendRow{display:flex;justify-content:center;align-items:center;min-height:2rem}.on-reset-password-form--resendCountdown{font-size:var(--font-label-md);color:var(--color-on-surface-variant)}.on-reset-password-form--resendButton{background:transparent;border:none;color:var(--color-primary);font-family:var(--font-family);font-size:var(--font-body-md);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-default);display:inline-flex;align-items:center;gap:var(--space-xs);transition:color var(--motion-duration-default) var(--motion-easing-default)}.on-reset-password-form--resendButton:hover:not(:disabled){text-decoration:underline}.on-reset-password-form--resendButton:disabled{color:var(--color-on-surface-variant);cursor:not-allowed}.on-reset-password-form--footer{margin:0;text-align:center;font-size:var(--font-body-md)}.on-reset-password-form--footerLink{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.on-reset-password-form--footerLink:hover{text-decoration:underline}.on-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);width:280px;padding:var(--space-lg);background-color:var(--color-surface-container-low);z-index:200}.on-sidebar--backdrop{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-on-surface) 50%,transparent);z-index:199}.on-sidebar--closeBtn{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface);cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-sidebar--closeBtn:hover{background-color:var(--color-surface-container-high)}.on-sidebar--closeBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-sidebar--nav{display:flex;flex-direction:column;gap:var(--space-lg);flex:1 1;min-height:0;overflow-y:auto}.on-sidebar--list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.on-sidebar--secondary{margin-top:auto;padding-top:var(--space-md)}.on-sidebar--listItem{min-width:0}.on-sidebar--trailing{display:inline-flex;align-items:center;gap:var(--space-xs)}.on-sidebar--activeItem{background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-primary)}@media (max-width:1023px){.on-sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-sidebar.on-sidebar--open{transform:translateX(0)}.on-sidebar--backdrop{transition:opacity var(--motion-duration-default) var(--motion-easing-default)}}@media (min-width:1024px){.on-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh}.on-sidebar--backdrop,.on-sidebar--closeBtn{display:none}}@media (prefers-reduced-motion:reduce){.on-sidebar{transition:none}}.on-sidebar-shell{display:flex;flex-direction:column;width:280px;background:var(--color-on-primary-container);color:var(--color-on-primary)}.on-sidebar-shell--collapsed{width:72px}.on-sidebar-shell--header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md)}.on-sidebar-shell--collapseBtn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--color-on-primary);cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-xs)}.on-sidebar-shell--collapseBtn:focus-visible{outline:2px solid var(--color-primary-fixed);outline-offset:2px}.on-sidebar-shell--nav{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-sm)}.on-sidebar-shell--list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.on-sidebar-shell--secondary{margin-top:auto;padding-top:var(--space-md)}.on-sidebar-shell--item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-on-primary);font-family:var(--font-family);font-size:var(--font-body-md);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-sidebar-shell--item:hover{background:color-mix(in srgb,var(--color-on-primary) 12%,transparent)}.on-sidebar-shell--item:focus-visible{outline:2px solid var(--color-primary-fixed);outline-offset:2px}.on-sidebar-shell--activeItem{background:var(--color-primary-container);color:var(--color-on-primary-container)}.on-sidebar-shell--dangerItem{color:var(--color-error-container)}.on-sidebar-shell--icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.on-sidebar-shell--label{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-sidebar-shell--badge{margin-left:auto}.on-sidebar-shell--collapsed .on-sidebar-shell--badge,.on-sidebar-shell--collapsed .on-sidebar-shell--label{display:none}.on-sidebar-shell--collapsed .on-sidebar-shell--item{justify-content:center}.on-sidebar-shell--backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--color-on-surface) 40%,transparent);z-index:1}@media (max-width:1023px){.on-sidebar-shell{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);transition:transform var(--motion-duration-default) var(--motion-easing-default);z-index:2}.on-sidebar-shell--open{transform:translateX(0)}}@media (min-width:1024px){.on-sidebar-shell{position:-webkit-sticky;position:sticky;top:0;height:100vh}.on-sidebar-shell--backdrop{display:none}}@media (prefers-reduced-motion:reduce){.on-sidebar-shell{transition:none}}.on-store-feed{display:flex;flex-direction:column;gap:var(--space-2xl)}.on-store-feed--layout-list{gap:var(--space-md)}.on-store-feed--header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md)}.on-store-feed--layout-list .on-store-feed--header{align-items:center;padding:0 var(--space-md)}.on-store-feed--titleGroup{display:flex;flex-direction:column;gap:var(--space-xxs)}.on-store-feed--title{margin:0;font-size:var(--font-display-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-on-surface)}.on-store-feed--layout-list .on-store-feed--title{font-size:18px;font-weight:var(--font-weight-semibold);letter-spacing:0}.on-store-feed--subtitle{margin:0;font-size:16px;color:var(--color-on-surface-variant)}.on-store-feed--viewAll{border:0;background:transparent;font-family:inherit;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-primary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-default);transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-store-feed--viewAll:hover{background-color:var(--color-surface-container-low)}.on-store-feed--viewAll:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-store-feed--list{list-style:none;margin:0;padding:0}.on-store-feed--layout-list .on-store-feed--list{display:flex;flex-direction:column;gap:var(--space-xs)}.on-store-feed--layout-grid .on-store-feed--list{display:grid;grid-template-columns:1fr;grid-gap:var(--space-lg);gap:var(--space-lg)}@media (min-width:768px){.on-store-feed--layout-grid .on-store-feed--list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.on-store-feed--layout-grid .on-store-feed--list{grid-template-columns:repeat(4,minmax(0,1fr))}}.on-store-feed--item{min-width:0}.on-store-feed--layout-grid .on-store-feed--item{background-color:var(--color-surface-container);border-radius:var(--radius-lg);border:1px solid transparent;transition:background-color var(--motion-duration-default) var(--motion-easing-default),border-color var(--motion-duration-default) var(--motion-easing-default),box-shadow var(--motion-duration-default) var(--motion-easing-default)}.on-store-feed--layout-grid .on-store-feed--item:hover{background-color:var(--color-surface-container-lowest);border-color:color-mix(in srgb,var(--color-primary) 20%,transparent);box-shadow:var(--shadow-lg)}.on-store-feed--layout-grid .on-store-feed--item>*{padding:var(--space-lg)}.on-store-feed--empty{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg)}@media (prefers-reduced-motion:reduce){.on-store-feed--viewAll{transition:none}}.on-store-header{position:relative;width:100%;aspect-ratio:16/9;min-height:clamp(140px,40vw,200px);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface-container-high);isolation:isolate}.on-store-header--cover{width:100%;height:100%;border-radius:0;object-fit:cover}.on-store-header--coverFallback{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container))}.on-store-header--overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--color-on-surface) 60%,transparent) 100%);pointer-events:none}.on-store-header--closedBadge{position:absolute;top:var(--space-md);right:var(--space-md);z-index:1}.on-store-header--content{position:absolute;left:var(--space-lg);right:var(--space-lg);bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);color:var(--color-white);z-index:1}.on-store-header--premiumBadge{display:inline-flex;align-self:flex-start}.on-store-header--name{font-size:var(--font-display-sm);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin:0;color:var(--color-white)}.on-store-header--metaRow{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;font-size:13px;color:var(--color-white)}.on-store-header--metaItem,.on-store-header--rating{display:inline-flex;align-items:center}.on-store-header--metaItem{gap:var(--space-xxs);color:var(--color-white)}.on-store-header--cashback{display:inline-flex;align-self:flex-start}@media (max-width:400px){.on-store-header{min-height:160px}}.on-top-nav-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.on-top-nav-bar{background-color:var(--color-surface)}}.on-top-nav-bar--mobileToggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface);cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-top-nav-bar--mobileToggle:hover{background-color:var(--color-surface-container-low)}.on-top-nav-bar--mobileToggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-top-nav-bar--brand,.on-top-nav-bar--brandLink{display:inline-flex;align-items:center;gap:var(--space-sm);color:inherit;text-decoration:none;border:0;background:transparent;font-family:inherit;cursor:pointer;padding:0}.on-top-nav-bar--brandLink:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.on-top-nav-bar--primaryNav{display:none;list-style:none;margin:0;padding:0;gap:var(--space-xs)}.on-top-nav-bar--navItem{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);border:0;border-radius:var(--radius-default);background:transparent;color:var(--color-on-surface-variant);font-family:inherit;font-size:14px;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-top-nav-bar--navItem:hover{background-color:var(--color-surface-container-low);color:var(--color-on-surface)}.on-top-nav-bar--navItem:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.on-top-nav-bar--navItem.on-top-nav-bar--active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.on-top-nav-bar--right{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-md)}@media (min-width:1024px){.on-top-nav-bar--primaryNav{display:flex}.on-top-nav-bar--mobileToggle{display:none}}@media (prefers-reduced-motion:reduce){.on-top-nav-bar--mobileToggle,.on-top-nav-bar--navItem{transition:none}}.on-toast-provider{position:fixed;bottom:calc(var(--space-md) + 60px + env(safe-area-inset-bottom, 0px));left:var(--space-md);right:var(--space-md);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.on-toast-provider .on-toast{pointer-events:auto}@media (min-width:1024px){.on-toast-provider{left:auto;right:var(--space-lg);bottom:calc(var(--space-lg) + env(safe-area-inset-bottom, 0px));width:min(400px,calc(100vw - 2 * var(--space-lg)))}}.on-wallet-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-xl)}.on-wallet-card--variant-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));color:var(--color-on-primary);box-shadow:var(--shadow-primary);border:1px solid color-mix(in srgb,var(--color-on-primary) 10%,transparent)}.on-wallet-card--variant-subtle{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),color-mix(in srgb,var(--color-primary) 5%,transparent)),var(--color-surface-container-lowest,#ffffff);color:var(--color-on-surface);box-shadow:0 12px 40px -12px color-mix(in srgb,var(--color-on-surface) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.on-wallet-card--header{display:flex;align-items:center;justify-content:space-between}.on-wallet-card--title{font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.2em;opacity:.8}.on-wallet-card--variant-subtle .on-wallet-card--title{color:var(--color-primary);opacity:1}.on-wallet-card--balanceRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.on-wallet-card--balance{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-money-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-on-primary);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1.05}.on-wallet-card--variant-subtle .on-wallet-card--balance{color:var(--color-on-surface)}.on-wallet-card--toggleBtn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs);margin:0;border:0;background:transparent;color:color-mix(in srgb,var(--color-on-primary) 60%,transparent);cursor:pointer;border-radius:var(--radius-full);transition:color var(--motion-duration-default) var(--motion-easing-default)}.on-wallet-card--toggleBtn:hover{color:var(--color-on-primary)}.on-wallet-card--toggleBtn:focus-visible{outline:2px solid var(--color-on-primary);outline-offset:2px}.on-wallet-card--variant-subtle .on-wallet-card--toggleBtn{color:color-mix(in srgb,var(--color-primary) 70%,transparent)}.on-wallet-card--variant-subtle .on-wallet-card--toggleBtn:hover{color:var(--color-primary)}.on-wallet-card--variant-subtle .on-wallet-card--toggleBtn:focus-visible{outline-color:var(--color-primary)}.on-wallet-card--cashback{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-on-primary) 15%,transparent);color:var(--color-on-primary)}.on-wallet-card--variant-subtle .on-wallet-card--cashback{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent)}.on-wallet-card--cashbackLabel{font-size:11px;font-weight:var(--font-weight-medium);opacity:.85;text-transform:uppercase;letter-spacing:.05em}.on-wallet-card--cashbackValue{font-size:14px;font-weight:var(--font-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.on-wallet-card--alert{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-default);background-color:color-mix(in srgb,var(--color-on-primary) 15%,transparent);font-size:13px;color:var(--color-on-primary)}.on-wallet-card--actions{display:grid;grid-template-columns:repeat(var(--on-wallet-card-action-count,4),minmax(0,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-top:var(--space-sm)}.on-wallet-card--actionBtn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:0;border:0;background:transparent;color:var(--color-on-primary);cursor:pointer;font-family:inherit;transition:transform var(--motion-duration-default) var(--motion-easing-default)}.on-wallet-card--variant-subtle .on-wallet-card--actionBtn{color:var(--color-on-surface)}.on-wallet-card--variant-subtle .on-wallet-card--actionBtn:focus-visible{outline-color:var(--color-primary)}.on-wallet-card--actionBtn:active:not(:disabled){transform:scale(.97)}.on-wallet-card--actionBtn:focus-visible{outline:2px solid var(--color-on-primary);outline-offset:4px;border-radius:var(--radius-default)}.on-wallet-card--actionBtn:disabled{cursor:not-allowed;opacity:.5}.on-wallet-card--actionIcon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-on-primary) 20%,transparent);transition:background-color var(--motion-duration-default) var(--motion-easing-default)}.on-wallet-card--actionIcon>svg{width:24px;height:24px}.on-wallet-card--actionBtn:hover:not(:disabled) .on-wallet-card--actionIcon{background-color:color-mix(in srgb,var(--color-on-primary) 30%,transparent)}.on-wallet-card--variant-subtle .on-wallet-card--actionIcon{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--color-primary) 60%,transparent)}.on-wallet-card--variant-subtle .on-wallet-card--actionBtn:hover:not(:disabled) .on-wallet-card--actionIcon{background-color:color-mix(in srgb,var(--color-primary) 88%,black)}.on-wallet-card--actionLabel{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:.01em}@media (min-width:768px){.on-wallet-card{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-xl)}.on-wallet-card--main{display:flex;flex-direction:column;gap:var(--space-sm);flex:1 1 auto}.on-wallet-card--actions{margin-top:0;flex:0 0 auto}}@media (max-width:768px){.on-wallet-card--balanceRow,.on-wallet-card--header{justify-content:center}.on-wallet-card--cashback{margin-inline:auto}}@media (max-width:400px){.on-wallet-card{padding:var(--space-lg)}.on-wallet-card--actionIcon{width:48px;height:48px}.on-wallet-card--actionIcon>svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.on-wallet-card--actionBtn{transition:none}.on-wallet-card--actionBtn:active:not(:disabled){transform:none}}