/* #import:start styles/styles.css */

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
:root {
  /* foundations: color */
  --color-surface-base: #fff;
  --color-surface-subtle: #f2f2f2;
  --color-surface-muted: #f6f7fe;
  --color-surface-soft-blue: #e5e6f6;
  --color-text-primary: #2d2e33;
  --color-text-strong: #000;
  --color-text-secondary: #656772;
  --color-brand-primary: #171c8f;
  --color-brand-primary-hover: #0a0d42;
  --color-brand-primary-disabled: rgb(23 28 143 / 60%);
  --color-brand-on-primary: #fff;
  --color-brand-primary-focus: #6665cf;
  --color-accent-gold: #fcbe62;
  --color-accent-blue: #398bd7;
  --color-accent-teal: #00bca4;
  --color-accent-coral: #e15f67;
  --color-status-error: #f0373a;
  --color-status-error-soft: #dd3f3f;
  --color-status-caution: #f0b529;
  --color-status-caution-deep: #cb9311;
  --color-status-success: #37b200;
  --color-status-success-deep: #257500;
  --color-status-info: #1a4993;
  --color-status-trv-error: #ed1c24;
  --color-status-trv-error-deep: #c81118;
  --color-surface-navy-deep: #0f2851;
  --color-surface-green-snackbar: #d7f0cc;
  --color-surface-yellow-ffb700: #ffb700;
  --color-surface-green-51ff00: #51ff00;
  --color-text-tertiary: #767879;
  --color-icon-primary: #2d2e33;
  --color-icon-secondary: #171c8f;
  --color-icon-inverse: #fff;
  --color-border-strong: #2d2e33;
  --color-border-primary: #171c8f;
  --color-border-default: #d1d1d1;
  --color-border-soft: #d8d8df;
  --color-border-subtle: #f5f5f5;
  --color-border-soft-blue: #b3b8d1;
  --color-surface-white-70: rgb(255 255 255 / 70%);
  --color-surface-white-90: rgb(255 255 255 / 90%);
  --color-surface-white-14: rgb(255 255 255 / 14%);
  --color-surface-muted-50: rgb(246 247 254 / 50%);
  --color-surface-neutral-mid: #b8b8b8;
  --color-brand-dark: #101465;
  --color-dark-grey: #484951;
  --color-overlay-scrim-58: rgb(0 0 0 / 58%);
  --color-overlay-scrim-68: rgb(0 0 0 / 68%);
  --color-overlay-scrim-75: rgb(0 0 0 / 75%);
  --color-button-disabled-light: #2d2e3380;
  --color-border-inverse-soft: rgb(255 255 255 / 20%);
  --color-status-error-bright: #f7232b;
  --color-border-bars: #ccc;
  --color-checkbox-background-default: #f8f8f8;
  --color-sold-out: #ababab;
  --color-sold-overlay-bg: #ababab77;
  --color-blue-banner: #182da2;
  --color-blue-banner-light: #4860b9;
  --color-surface-white-84: rgb(246 247 254 / 84%);
  --color-surface-peach: #ffcfb5;
  --color-text-amber-deep: #5a4000;

  /* foundations: typography */
  --font-family-primary: roboto, roboto-fallback;
  --font-style-normal: normal;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --font-weight-light: var(--fw-300);
  --font-weight-regular: var(--fw-400);
  --font-weight-medium: var(--fw-500);
  --font-weight-semibold: var(--fw-600);
  --font-weight-bold: var(--fw-700);
  --fs-10: 0.625rem;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;
  --fs-56: 3.5rem;
  --fs-64: 4rem;

  /* line heights */
  --lh-14: 0.875rem;
  --lh-16: 1rem;
  --lh-17: 1.0625rem;
  --lh-18: 1.125rem;
  --lh-20: 1.25rem;
  --lh-24: 1.5rem;
  --lh-28: 1.75rem;
  --lh-32: 2rem;
  --lh-38: 2.375rem;
  --lh-40: 2.5rem;
  --lh-48: 3rem;
  --lh-74: 4.625rem;
  --lh-1: 1;
  --lh-1-2: 1.2;

  /* letter spacing */
  --font-letter-spacing-default: 0;

  /* shorthand-ready semantic font tokens */
  --font-d1: var(--font-style-normal) var(--font-weight-light) var(--fs-40) / var(--lh-48) var(--font-family-primary);
  --font-d1-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-64) / var(--lh-74) var(--font-family-primary);
  --font-d2: var(--font-style-normal) var(--font-weight-bold) var(--fs-24) / var(--lh-32) var(--font-family-primary);
  --font-d2-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-40) / var(--lh-48) var(--font-family-primary);
  --font-d3: var(--font-style-normal) var(--font-weight-semibold) var(--fs-24) / var(--lh-32) var(--font-family-primary);
  --font-d3-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-40) / var(--lh-48) var(--font-family-primary);
  --font-d4: var(--font-style-normal) var(--font-weight-medium) var(--fs-24) / var(--lh-32) var(--font-family-primary);
  --font-d4-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-40) / var(--lh-48) var(--font-family-primary);
  --font-d5: var(--font-style-normal) var(--font-weight-light) var(--fs-24) / var(--lh-32) var(--font-family-primary);
  --font-d5-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-40) / var(--lh-48) var(--font-family-primary);
  --font-heading-h1: var(--font-style-normal) var(--font-weight-bold) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-heading-h1-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-32) / var(--lh-38) var(--font-family-primary);
  --font-heading-h2: var(--font-style-normal) var(--font-weight-semibold) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-heading-h2-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-32) / var(--lh-38) var(--font-family-primary);
  --font-heading-h3: var(--font-style-normal) var(--font-weight-medium) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-heading-h3-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-32) / var(--lh-38) var(--font-family-primary);
  --font-heading-h4: var(--font-style-normal) var(--font-weight-regular) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-heading-h4-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-32) / var(--lh-38) var(--font-family-primary);
  --font-heading-h5: var(--font-style-normal) var(--font-weight-light) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-heading-h5-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-32) / var(--lh-38) var(--font-family-primary);
  --font-heading-h6: var(--font-style-normal) var(--font-weight-bold) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-heading-h6-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-24) / var(--lh-28) var(--font-family-primary);
  --font-b1: var(--font-style-normal) var(--font-weight-bold) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b1-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-20) / var(--lh-24) var(--font-family-primary);
  --font-b2: var(--font-style-normal) var(--font-weight-semibold) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b2-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-20) / var(--lh-24) var(--font-family-primary);
  --font-b3: var(--font-style-normal) var(--font-weight-medium) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b3-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-20) / var(--lh-24) var(--font-family-primary);
  --font-b4: var(--font-style-normal) var(--font-weight-regular) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b4-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-20) / var(--lh-24) var(--font-family-primary);
  --font-b5: var(--font-style-normal) var(--font-weight-light) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b5-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-20) / var(--lh-24) var(--font-family-primary);
  --font-b6: var(--font-style-normal) var(--font-weight-bold) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b6-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-b7: var(--font-style-normal) var(--font-weight-bold) var(--fs-14) / var(--lh-18) var(--font-family-primary);
  --font-b7-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b8: var(--font-style-normal) var(--font-weight-semibold) var(--fs-14) / var(--lh-18) var(--font-family-primary);
  --font-b8-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b9: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-18) var(--font-family-primary);
  --font-b9-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b10: var(--font-style-normal) var(--font-weight-regular) var(--fs-14) / var(--lh-18) var(--font-family-primary);
  --font-b10-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b11: var(--font-style-normal) var(--font-weight-light) var(--fs-14) / var(--lh-18) var(--font-family-primary);
  --font-b11-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-16) / var(--lh-20) var(--font-family-primary);
  --font-b12: var(--font-style-normal) var(--font-weight-bold) var(--fs-12) / var(--lh-16) var(--font-family-primary);
  --font-b12-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-b13: var(--font-style-normal) var(--font-weight-semibold) var(--fs-12) / var(--lh-16) var(--font-family-primary);
  --font-b13-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-b14: var(--font-style-normal) var(--font-weight-medium) var(--fs-12) / var(--lh-16) var(--font-family-primary);
  --font-b14-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-b15: var(--font-style-normal) var(--font-weight-regular) var(--fs-12) / var(--lh-16) var(--font-family-primary);
  --font-b15-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-b16: var(--font-style-normal) var(--font-weight-light) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-b16-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-c1: var(--font-style-normal) var(--font-weight-bold) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-c1-desktop: var(--font-style-normal) var(--font-weight-bold) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-c2: var(--font-style-normal) var(--font-weight-semibold) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-c2-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-c3: var(--font-style-normal) var(--font-weight-medium) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-c3-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-c4: var(--font-style-normal) var(--font-weight-regular) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-c4-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-c5: var(--font-style-normal) var(--font-weight-light) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-c5-desktop: var(--font-style-normal) var(--font-weight-light) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-c6: var(--font-style-normal) var(--font-weight-regular) var(--fs-12) / var(--lh-16) var(--font-family-primary);
  --font-c6-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-s1: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-s1-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-s2: var(--font-style-normal) var(--font-weight-semibold) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-s2-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-18) / var(--lh-24) var(--font-family-primary);
  --font-s3: var(--font-style-normal) var(--font-weight-semibold) var(--fs-14) / var(--lh-17) var(--font-family-primary);
  --font-s3-desktop: var(--font-style-normal) var(--font-weight-semibold) var(--fs-14) / var(--lh-17) var(--font-family-primary);
  --font-s4: var(--font-style-normal) var(--font-weight-medium) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-s4-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-12) / var(--lh-18) var(--font-family-primary);
  --font-body: var(--font-style-normal) var(--font-weight-regular) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-body-desktop: var(--font-style-normal) var(--font-weight-regular) var(--fs-16) / var(--lh-24) var(--font-family-primary);
  --font-cta-large: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-24) var(--font-family-primary);
  --font-cta-large-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-16) / var(--lh-24) var(--font-family-primary);
  --font-cta-medium: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-18) var(--font-family-primary);
  --font-cta-medium-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-14) / var(--lh-20) var(--font-family-primary);
  --font-cta-small: var(--font-style-normal) var(--font-weight-medium) var(--fs-12) / var(--lh-16) var(--font-family-primary);
  --font-cta-small-desktop: var(--font-style-normal) var(--font-weight-medium) var(--fs-12) / var(--lh-18) var(--font-family-primary);

  /* foundations: spacing */
  --space-0: 0;
  --space-2: 2px;
  --space-3: 3px;
  --space-3-5: 3.5px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-7: 7px;
  --space-7-5: 7.5px;
  --space-8: 8px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-26: 26px;
  --space-28: 28px;
  --space-27: 27px;
  --space-29: 29px;
  --space-30: 30px;
  --space-32: 32px;
  --space-39: 39px;
  --space-40: 40px;
  --space-42: 42px;
  --space-44: 44px;
  --space-46: 46px;
  --space-48: 48px;
  --space-52: 52px;
  --space-64: 64px;
  --space-78: 78px;
  --space-80: 80px;
  --space-81: 81px;
  --space-96: 96px;
  --space-99: 99px;
  --space-110: 110px;
  --space-120: 120px;
  --space-130: 130px;
  --space-185: 185px;
  --layout-margin-inline: 20px;
  --layout-gutter: 16px;
  --layout-content-max: 1366px;
  --layout-nav-height: 56px;
  --grid-columns: 4;
  --grid-gutter-width: 16px;
  --container-margin: 20px;
  --grid-formula: calc(((100vw - (var(--container-margin) * 2)) - (var(--grid-gutter-width) * (var(--grid-columns) - 1))) / var(--grid-columns));

  /* foundations: radius, shadow, gradients */
  --radius-xs: 2px;
  --radius-s: 5px;
  --radius-m: 12px;
  --radius-l: 20px;
  --radius-pill: 999px;
  --shadow-soft: 0 12px 30px rgb(23 28 143 / 8%);
  --shadow-subtle: 0 2px 2px rgb(0 0 0 / 7%);
  --gradient-countdown: linear-gradient(58.32deg, #f3e6df 0%, #e8e8f5 76.24%);
  --gradient-modal-media-overlay: linear-gradient(180deg, rgb(0 0 0 / 0%) 64.68%, rgb(0 0 0 / 40%) 100%);
  --gradient-surface-shade-35: linear-gradient(0deg, rgb(0 0 0 / 35%) 0%, rgb(0 0 0 / 35%) 100%);
  --gradient-prebid-lot-badge: linear-gradient(97deg, #fff 44.61%, #eff0f9 79.77%);
  --gradiant-1: linear-gradient(228deg, rgb(23 29 155 / 10%) 31.52%, rgb(255 98 0 / 10%) 111.9%);
  --gradiant-2: linear-gradient(90deg, #d5805b 0%, #cd6931 44.02%);
  --gradiant-3: linear-gradient(359deg, rgb(215 116 58 / 10%) -48.53%, rgb(255 255 255 / 10%) 43.7%), #fff;
  --gradiant-4: linear-gradient(359deg, rgb(57 139 215 / 10%) -48.53%, rgb(255 255 255 / 10%) 43.7%), #fff;
  --gradiant-5: linear-gradient(359deg, rgb(0 188 164 / 10%) -48.53%, rgb(255 255 255 / 10%) 43.7%), #fff;
  --gradiant-6: linear-gradient(6deg, rgb(225 95 103 / 10%) -13.88%, rgb(255 255 255 / 10%) 25.17%);
  --gradiant-7: linear-gradient(11deg, rgb(252 190 98 / 10%) -2.2%, rgb(255 255 255 / 10%) 25.5%);
  --gradiant-8: linear-gradient(180deg, #fefefe 0%, #e3e3e3 100%);
  --auction-header-gradiant: linear-gradient(38deg, #f3e6df 0%, #e8e8f5 76.24%);
  --auction-badge-gradiant: linear-gradient(93deg, #ffabad -63.91%, #ec383b 77.24%);
  --bid-card-image-overlay: linear-gradient(181.5deg, rgb(0 0 0 / 0%) 76%, rgb(0 0 0 / 8%) 85%, rgb(0 0 0 / 40%) 98%);
  --bid-card-lot-badge: linear-gradient(90deg, #fff 44.6%, #eff0f9 79.8%);
  --color-surface-white-50: rgb(255 255 255 / 50%);
  --color-text-light-blue: #dce3ff;
  --color-text-light-blue-84: rgb(246 247 254 / 84%);
  --color-surface-white-10: rgb(255 255 255 / 10%);
}

/* fallback fonts */
@font-face {
  font-family: roboto-fallback;
  size-adjust: 100.06%;
  ascent-override: 95%;
  src: local('Arial');
}

@media (width >= 768px) {
  :root {
    --grid-columns: 8;
  }
}

@media (width >= 1024px) {
  :root {
    --layout-margin-inline: 56px;
    --layout-gutter: 24px;
    --grid-columns: 12;
    --grid-gutter-width: 24px;
    --container-margin: 56px;
    --layout-nav-height: 64px;
  }
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;

  &:has(dialog[open]) {
    overflow: hidden;
  }
}

body {
  display: none;
  margin: 0;
  background-color: var(--color-surface-base);
  color: var(--color-text-primary);
  font: var(--font-b4);
  font-family: var(--font-family-primary);
  letter-spacing: var(--font-letter-spacing-default);

  @media (width>=1024px) {
    font: var(--font-b4-desktop);
  }
}

body.appear {
  display: block;
}

header {
  height: var(--layout-nav-height);
}

header .header,
footer .footer {
  visibility: hidden;
}

header .header[data-block-status='loaded'],
footer .footer[data-block-status='loaded'] {
  visibility: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
  color: var(--color-text-strong);
  scroll-margin: 40px;
  letter-spacing: var(--font-letter-spacing-default);
}

h1 {
  font: var(--font-heading-h1);

  @media (width>=1024px) {
    font: var(--font-heading-h1-desktop);
  }
}

h2 {
  font: var(--font-heading-h2);

  @media (width>=1024px) {
    font: var(--font-heading-h2-desktop);
  }
}

h3 {
  font: var(--font-heading-h3);

  @media (width>=1024px) {
    font: var(--font-heading-h3-desktop);
  }
}

h4 {
  font: var(--font-heading-h4);

  @media (width>=1024px) {
    font: var(--font-heading-h4-desktop);
  }
}

h5 {
  font: var(--font-heading-h5);

  @media (width>=1024px) {
    font: var(--font-heading-h5-desktop);
  }
}

h6 {
  font: var(--font-heading-h6);

  @media (width>=1024px) {
    font: var(--font-heading-h6-desktop);
  }
}

p,
dl,
ol,
ul,
pre,
blockquote {
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
}

small {
  font: var(--font-c6);
  letter-spacing: var(--font-letter-spacing-default);

  @media (width>=1024px) {
    font: var(--font-c6-desktop);
  }
}

code,
pre {
  font: var(--font-b10);
  letter-spacing: var(--font-letter-spacing-default);

  @media (width>=1024px) {
    font: var(--font-b10-desktop);
  }
}

pre {
  padding: var(--space-16);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-m);
  background-color: var(--color-surface-subtle);
  overflow-x: auto;
  white-space: pre;
}

input,
textarea,
select,
button {
  font: inherit;
}

/* links */
a:any-link {
  color: var(--color-brand-primary);
  text-decoration: none;
  overflow-wrap: break-word;
}

a:hover {
  color: var(--color-brand-primary-hover);
  text-decoration: underline;
}

/* buttons */
:is(a.button:any-link, button) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  max-width: 100%;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: var(--radius-xs);
  padding: var(--space-16) var(--space-24);
  font: var(--font-cta-large);
  letter-spacing: var(--font-letter-spacing-default);
  text-align: center;
  text-decoration: none;
  background-color: var(--color-brand-primary);
  color: var(--color-brand-on-primary);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease;

  @media (width>=1024px) {
    font: var(--font-cta-large-desktop);
  }

  &:hover,
  &:focus {
    background-color: var(--color-brand-primary-hover);
    cursor: pointer;
  }

  &:disabled,
  &.button--disabled,
  &[aria-disabled='true'] {
    background-color: var(--color-brand-primary-disabled);
    border-color: transparent;
    color: var(--color-brand-on-primary);
    pointer-events: none;
    cursor: unset;
  }

  &.button--hover {
    background-color: var(--color-brand-primary-hover);
  }

  &.button--inverse,
  &.button--white {
    color: var(--color-brand-on-primary);
  }

  .button__label,
  .button__icon {
    position: relative;
    z-index: 1;
  }

  .button__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 1;

    &.button__icon--left {
      order: -1;
    }

    &.button__icon--right {
      order: 1;
    }
  }

  &.secondary,
  &.button--secondary {
    background-color: var(--color-surface-base);
    border-color: var(--color-border-soft-blue);
    color: var(--color-brand-primary);

    &:hover,
    &:focus,
    &.button--hover {
      background-color: var(--color-surface-soft-blue);
    }
  }

  &.button--primary {
    background-color: var(--color-brand-primary);
    border-color: transparent;
    color: var(--color-brand-on-primary);

    &:disabled,
    &.button--disabled,
    &[aria-disabled='true'] {
      background-color: var(--color-brand-primary-disabled);
    }
  }

  &.button--tertiary {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-brand-primary);
    border-width: 0;
    min-height: 0;
    padding: 0;

    &:hover,
    &:focus {
      background-color: transparent;
      color: var(--color-brand-primary-hover);
      text-decoration: none;
    }

    &:disabled,
    &.button--disabled,
    &[aria-disabled='true'] {
      background-color: transparent;
      color: rgb(255 255 255 / 60%);
    }

    &.button--inverse,
    &.button--white {
      color: var(--color-brand-on-primary);

      &:hover,
      &:focus {
        color: var(--color-brand-on-primary);
      }
    }
  }

  &.button--small {
    min-height: 34px;
    padding: var(--space-8) var(--space-16);
    font: var(--font-cta-small);

    @media (width>=1024px) {
      font: var(--font-cta-small-desktop);
    }

    &.button--with-icon-left {
      padding-left: var(--space-12);
    }

    &.button--with-icon-right {
      padding-right: var(--space-12);
    }

    .button__icon {
      width: 16px;
      height: 16px;
    }
  }

  &.button--medium {
    min-height: 42px;
    padding: 11px var(--space-24);
    font: var(--font-cta-medium);

    @media (width>=1024px) {
      font: var(--font-cta-medium-desktop);
    }

    &.button--with-icon-left {
      padding-left: var(--space-16);
    }

    &.button--with-icon-right {
      padding-right: var(--space-16);
    }

    &.button--with-icon-left.button--with-icon-right {
      padding-right: var(--space-24);
    }

    .button__icon {
      width: 18px;
      height: 18px;
    }
  }

  &.button--large {
    min-height: 52px;
    padding: var(--space-16) var(--space-24);
    font: var(--font-cta-large);

    @media (width>=1024px) {
      font: var(--font-cta-large-desktop);
    }

    &.button--with-icon-left {
      padding-left: var(--space-16);
    }

    &.button--with-icon-right {
      padding-right: var(--space-16);
    }

    &.button--with-icon-left.button--with-icon-right {
      padding-right: var(--space-24);
    }

    .button__icon {
      width: 20px;
      height: 20px;
    }
  }
}

main img {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* Grid system */
.g-container {
  width: 100%;
  padding-inline: var(--container-margin);
}

.g-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--grid-gutter-width);
}

[class^='g-sm-'],
[class^='g-md-'],
[class^='g-lg-'],
[class^='g-xl-'] {
  width: 100%;
}

.g-sm-1 {
  width: calc((var(--grid-formula) * 1) + (var(--grid-gutter-width) * 0));
}

.g-sm-2 {
  width: calc((var(--grid-formula) * 2) + (var(--grid-gutter-width) * 1));
}

.g-sm-3 {
  width: calc((var(--grid-formula) * 3) + (var(--grid-gutter-width) * 2));
}

.g-sm-4 {
  width: calc((var(--grid-formula) * 4) + (var(--grid-gutter-width) * 3));
}

@media (width >= 768px) {
  .g-md-1 {
    width: calc((var(--grid-formula) * 1) + (var(--grid-gutter-width) * 0));
  }

  .g-md-2 {
    width: calc((var(--grid-formula) * 2) + (var(--grid-gutter-width) * 1));
  }

  .g-md-3 {
    width: calc((var(--grid-formula) * 3) + (var(--grid-gutter-width) * 2));
  }

  .g-md-4 {
    width: calc((var(--grid-formula) * 4) + (var(--grid-gutter-width) * 3));
  }

  .g-md-5 {
    width: calc((var(--grid-formula) * 5) + (var(--grid-gutter-width) * 4));
  }

  .g-md-6 {
    width: calc((var(--grid-formula) * 6) + (var(--grid-gutter-width) * 5));
  }

  .g-md-7 {
    width: calc((var(--grid-formula) * 7) + (var(--grid-gutter-width) * 6));
  }

  .g-md-8 {
    width: calc((var(--grid-formula) * 8) + (var(--grid-gutter-width) * 7));
  }
}

@media (width >= 1024px) {
  :root {
    --font-d1: var(--font-d1-desktop);
    --font-d2: var(--font-d2-desktop);
    --font-d3: var(--font-d3-desktop);
    --font-d4: var(--font-d4-desktop);
    --font-d5: var(--font-d5-desktop);
    --font-heading-h1: var(--font-heading-h1-desktop);
    --font-heading-h2: var(--font-heading-h2-desktop);
    --font-heading-h3: var(--font-heading-h3-desktop);
    --font-heading-h4: var(--font-heading-h4-desktop);
    --font-heading-h5: var(--font-heading-h5-desktop);
    --font-heading-h6: var(--font-heading-h6-desktop);
    --font-b1: var(--font-b1-desktop);
    --font-b2: var(--font-b2-desktop);
    --font-b3: var(--font-b3-desktop);
    --font-b4: var(--font-b4-desktop);
    --font-b5: var(--font-b5-desktop);
    --font-b6: var(--font-b6-desktop);
    --font-b7: var(--font-b7-desktop);
    --font-b8: var(--font-b8-desktop);
    --font-b9: var(--font-b9-desktop);
    --font-b10: var(--font-b10-desktop);
    --font-b11: var(--font-b11-desktop);
    --font-b12: var(--font-b12-desktop);
    --font-b13: var(--font-b13-desktop);
    --font-b14: var(--font-b14-desktop);
    --font-b15: var(--font-b15-desktop);
    --font-b16: var(--font-b16-desktop);
    --font-c1: var(--font-c1-desktop);
    --font-c2: var(--font-c2-desktop);
    --font-c3: var(--font-c3-desktop);
    --font-c4: var(--font-c4-desktop);
    --font-c5: var(--font-c5-desktop);
    --font-c6: var(--font-c6-desktop);
    --font-s1: var(--font-s1-desktop);
    --font-s2: var(--font-s2-desktop);
    --font-s3: var(--font-s3-desktop);
    --font-s4: var(--font-s4-desktop);
    --font-legal-body: var(--font-legal-body-desktop);
    --font-cta-large: var(--font-cta-large-desktop);
    --font-cta-medium: var(--font-cta-medium-desktop);
    --font-cta-small: var(--font-cta-small-desktop);
  }

  .g-lg-1 {
    width: calc((var(--grid-formula) * 1) + (var(--grid-gutter-width) * 0));
  }

  .g-lg-2 {
    width: calc((var(--grid-formula) * 2) + (var(--grid-gutter-width) * 1));
  }

  .g-lg-3 {
    width: calc((var(--grid-formula) * 3) + (var(--grid-gutter-width) * 2));
  }

  .g-lg-4 {
    width: calc((var(--grid-formula) * 4) + (var(--grid-gutter-width) * 3));
  }

  .g-lg-5 {
    width: calc((var(--grid-formula) * 5) + (var(--grid-gutter-width) * 4));
  }

  .g-lg-6 {
    width: calc((var(--grid-formula) * 6) + (var(--grid-gutter-width) * 5));
  }

  .g-lg-7 {
    width: calc((var(--grid-formula) * 7) + (var(--grid-gutter-width) * 6));
  }

  .g-lg-8 {
    width: calc((var(--grid-formula) * 8) + (var(--grid-gutter-width) * 7));
  }

  .g-lg-9 {
    width: calc((var(--grid-formula) * 9) + (var(--grid-gutter-width) * 8));
  }

  .g-lg-10 {
    width: calc((var(--grid-formula) * 10) + (var(--grid-gutter-width) * 9));
  }

  .g-lg-11 {
    width: calc((var(--grid-formula) * 11) + (var(--grid-gutter-width) * 10));
  }

  .g-lg-12 {
    width: calc((var(--grid-formula) * 12) + (var(--grid-gutter-width) * 11));
  }
}

@media (width >= 1366px) {
  .g-xl-1 {
    width: calc((var(--grid-formula) * 1) + (var(--grid-gutter-width) * 0));
  }

  .g-xl-2 {
    width: calc((var(--grid-formula) * 2) + (var(--grid-gutter-width) * 1));
  }

  .g-xl-3 {
    width: calc((var(--grid-formula) * 3) + (var(--grid-gutter-width) * 2));
  }

  .g-xl-4 {
    width: calc((var(--grid-formula) * 4) + (var(--grid-gutter-width) * 3));
  }

  .g-xl-5 {
    width: calc((var(--grid-formula) * 5) + (var(--grid-gutter-width) * 4));
  }

  .g-xl-6 {
    width: calc((var(--grid-formula) * 6) + (var(--grid-gutter-width) * 5));
  }

  .g-xl-7 {
    width: calc((var(--grid-formula) * 7) + (var(--grid-gutter-width) * 6));
  }

  .g-xl-8 {
    width: calc((var(--grid-formula) * 8) + (var(--grid-gutter-width) * 7));
  }

  .g-xl-9 {
    width: calc((var(--grid-formula) * 9) + (var(--grid-gutter-width) * 8));
  }

  .g-xl-10 {
    width: calc((var(--grid-formula) * 10) + (var(--grid-gutter-width) * 9));
  }

  .g-xl-11 {
    width: calc((var(--grid-formula) * 11) + (var(--grid-gutter-width) * 10));
  }

  .g-xl-12 {
    width: calc((var(--grid-formula) * 12) + (var(--grid-gutter-width) * 11));
  }
}

/* end Grid system */

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.icon img {
  height: 100%;
  width: 100%;
}

/* sections */

main > .section > div {
  max-width: unset;
  margin: auto;
  padding: unset;
}

main > .section:first-of-type {
  margin-top: 0;
}

.hidden {
  display: none !important;
}

.no-scroll {
  overflow: hidden;
}

.splide__sr,
.sr-only {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.image-slider {
  --image-slider-active-indicator-width: var(--space-120);
  --image-slider-indicator-active-color: var(--color-surface-base);
  --image-slider-indicator-color: rgb(246 247 254 / 42%);
  --image-slider-indicator-height: var(--space-2);
  --image-slider-navigation-button-size: var(--space-44);
  --image-slider-navigation-icon-size: var(--space-16);
  --image-slider-navigation-inset-inline: var(--space-16);
  --image-slider-navigation-z-index: 4;
  --image-slider-pagination-gap: var(--space-8);
  --image-slider-pagination-inset-inline: var(--space-12);
  --image-slider-pagination-offset-block-end: var(--space-12);
  --image-slider-pagination-z-index: 1;

  position: relative;
  overflow: hidden;
  width: 100%;
  background: var(--color-surface-subtle);

  .image-slider__empty,
  .image-slider__viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: var(--image-slider-aspect-ratio, 295 / 197);
  }

  .splide__list {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  :is(.splide__slide, .image-slider__slide) {
    position: relative;
    flex: 0 0 100%;
    height: 100%;
    margin: 0;
    min-width: 0;
    list-style: none;
  }

  .image-slider__image {
    display: block;
    width: 100%;
    height: 100%;
    object-position: center;
  }

  .image-slider__image--clickable {
    cursor: pointer;
  }

  .splide__arrow:is(a:any-link, button) {
    align-items: center;
    appearance: none;
    backdrop-filter: blur(2px);
    background: rgb(255 255 255 / 10%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 40px;
    box-sizing: border-box;
    color: var(--color-surface-base);
    cursor: pointer;
    display: none;
    height: var(--image-slider-navigation-button-size);
    justify-content: center;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: calc(50% - (var(--image-slider-navigation-button-size) / 2));
    transform: none;
    width: var(--image-slider-navigation-button-size);
    z-index: var(--image-slider-navigation-z-index);

    &::before {
      background: center / contain no-repeat url('/icons/Navigation.svg');
      content: '';
      height: var(--image-slider-navigation-icon-size);
      width: var(--image-slider-navigation-icon-size);
    }

    svg {
      display: none;
    }

    &.splide__arrow--prev {
      left: var(--image-slider-navigation-inset-inline);
    }

    &.splide__arrow--next {
      right: var(--image-slider-navigation-inset-inline);

      &::before {
        transform: rotate(180deg);
      }
    }

    &:focus-visible {
      outline: 2px solid var(--color-surface-base);
      outline-offset: 2px;
    }

    &:disabled {
      cursor: default;
      opacity: 0.4;
    }

    @media (width >= 1024px) {
      display: inline-flex;
    }
  }

  .splide__pagination {
    align-items: center;
    display: flex;
    gap: var(--image-slider-pagination-gap);
    inset-block-end: var(--image-slider-pagination-offset-block-end);
    inset-inline: var(--image-slider-pagination-inset-inline);
    justify-content: flex-start;
    margin: 0;
    list-style: none;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: var(--image-slider-pagination-z-index);

    li {
      display: flex;
      flex: 1 0 0;
      margin: 0;
      min-width: 0;
      padding: 0;

      &:has(.splide__pagination__page.is-active) {
        flex: 0 0 var(--image-slider-active-indicator-width);
      }
    }

    button.splide__pagination__page {
      appearance: none;
      background: var(--image-slider-indicator-color);
      border: 0;
      border-radius: 0;
      box-shadow: none;
      color: transparent;
      cursor: pointer;
      display: block;
      flex: 1 1 auto;
      font-size: 0;
      height: var(--image-slider-indicator-height);
      line-height: 0;
      margin: 0;
      max-height: var(--image-slider-indicator-height);
      max-width: none;
      min-height: 0;
      min-width: 0;
      overflow: hidden;
      padding: 0;
      position: relative;
      transform: none;
      width: 100%;
      will-change: transform;

      &::before {
        background: var(--image-slider-indicator-active-color);
        border-radius: inherit;
        content: '';
        inset: 0;
        pointer-events: none;
        position: absolute;
        transform: scaleX(0);
        transform-origin: left center;
      }

      &.is-active {
        background: var(--image-slider-indicator-active-color);
      }

      &:is(:hover, :focus, :active) {
        border: 0;
        box-shadow: none;
        color: transparent;
        height: var(--image-slider-indicator-height);
        max-height: var(--image-slider-indicator-height);
        min-height: 0;
        outline: none;
        padding: 0;
        transform: none;
      }

      &:not(.is-active):is(:hover, :focus, :active) {
        background: var(--image-slider-indicator-color);
      }

      &.is-active:is(:hover, :focus, :active) {
        background: var(--image-slider-indicator-active-color);
      }
    }
  }

  &.image-slider--autoplay-progress {
    .splide__pagination {
      button.splide__pagination__page {
        &.is-active {
          background: var(--image-slider-indicator-color);
        }

        &.is-active::before {
          transform: scaleX(var(--image-slider-pagination-progress, 0));
        }
      }
    }
  }

  .image-slider__empty {
    display: flex;
    place-items: center;
    min-height: 180px;
    color: var(--color-text-secondary);
    font: var(--font-b10);
  }
}

/* image fallback */
.image-fallback {
  align-items: center;
  background: var(--color-surface-subtle);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  justify-content: center;
  padding: var(--space-8);
  text-align: center;
  width: 100%;
  height: 100%;
}

.image-fallback__icon {
  background: center / contain no-repeat url('/icons/car_repair_blue.svg');
  height: 60px;
  width: 60px;
}

.image-fallback__subtitle {
  color: var(--color-text-secondary);
  font: var(--font-c6);
  line-height: var(--lh-14);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* #import:end styles/styles.css */

/* stylelint-disable-next-line no-duplicate-selectors */
:root {
  --bid-card-lot-badge: linear-gradient(90deg, rgb(255 255 255 / 0%) -44.62%, #eff0f9 79.77%);
  --form-checkbox-size: 20px;
  --form-control-background: rgb(246 247 254 / 84%);
  --form-control-background-hover: rgb(246 247 254);
  --form-control-min-height: 48px;
  --space-56: 56px;
  --color-brand-primary-dark: #1c1b8e;
  --color-countdown-orange: #f54900;
  --color-countdown-label: #4a5565;
  --color-countdown-separator: #99a1af;
  --color-accent-orange: #f55600;
}

.form-checkbox {
  align-items: flex-start;
  column-gap: var(--space-18);
  display: grid;
  grid-template-columns: var(--form-checkbox-size) minmax(0, 1fr);
  min-width: 0;
  pointer-events: auto;
}

.form-checkbox__input {
  appearance: none;
  grid-column: 1;
  grid-row: 1;
  height: var(--form-checkbox-size);
  margin: 0;
  opacity: 0;
  width: var(--form-checkbox-size);
}

.form-checkbox__box {
  background: var(--color-surface-base);
  border: 1px solid var(--color-text-secondary);
  box-sizing: border-box;
  grid-column: 1;
  grid-row: 1;
  height: var(--form-checkbox-size);
  margin-top: var(--space-2);
  position: relative;
  width: var(--form-checkbox-size);
}

.form-checkbox__box::after {
  content: '';
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 120ms ease;
}

.form-checkbox__input:checked + .form-checkbox__box {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.form-checkbox__input:checked + .form-checkbox__box::after {
  background: center / 18px 18px no-repeat url('/icons/check.svg');
  opacity: 1;
}

.form-checkbox__input:focus-visible + .form-checkbox__box {
  outline: 2px solid var(--color-border-primary);
  outline-offset: 2px;
}

.form-checkbox__label {
  color: var(--color-text-primary);
  grid-column: 2;
  min-width: 0;
  overflow-wrap: anywhere;
}

.form-checkbox__input:disabled + .form-checkbox__box,
.form-checkbox__input:disabled ~ .form-checkbox__label {
  opacity: 0.6;
}

/* Skeleton loader */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.skeleton-bar {
  animation: shimmer 1.5s linear infinite;
  background: linear-gradient(
    90deg,
    var(--color-surface-muted) 25%,
    var(--color-surface-soft-blue, #e2e8f0) 50%,
    var(--color-surface-muted) 75%
  );
  background-size: 200% 100%;
  border-radius: 4px;
  display: block;

  @media (prefers-reduced-motion: reduce) {
    animation: none;
    background: var(--color-surface-muted);
  }
}