@charset "UTF-8";
:root {
  --ods-typo-size-ratio: 1;
  --ods-typo-size-03: calc(1rem * var(--ods-typo-size-ratio));
  --ods-typo-size-04: calc(1.125rem * var(--ods-typo-size-ratio));
  --ods-typo-size-05: calc(1.25rem * var(--ods-typo-size-ratio));
  --ods-typo-size-06: calc(1.5rem * var(--ods-typo-size-ratio));
  --ods-typo-size-07: calc(1.75rem * var(--ods-typo-size-ratio));
  --ods-typo-size-08: calc(2.25rem * var(--ods-typo-size-ratio));
  --ods-typo-size-09: calc(3.375rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-02: calc(1.125rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-03: calc(1.25rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-04: calc(1.375rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-05: calc(1.75rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-06: calc(2rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-07: calc(2.188rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-08: calc(2.813rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-09: calc(4.188rem * var(--ods-typo-size-ratio));
  --ods-letter-spacing-size-02: calc(0rem * var(--ods-typo-size-ratio));
  --ods-size-ratio: 1;
  --ods-size-n-01: calc(-1 * var(--ods-size-01));
  --ods-size-n-02: calc(-1 * var(--ods-size-02));
  --ods-size-n-03: calc(-1 * var(--ods-size-03));
  --ods-size-n-04: calc(-1 * var(--ods-size-04));
  --ods-size-n-05: calc(-1 * var(--ods-size-05));
  --ods-size-06: calc(1rem * var(--ods-size-ratio));
  --ods-size-n-06: calc(-1 * var(--ods-size-06));
  --ods-size-07: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-n-07: calc(-1 * var(--ods-size-07));
  --ods-size-08: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-n-08: calc(-1 * var(--ods-size-08));
  --ods-size-09: calc(2rem * var(--ods-size-ratio));
  --ods-size-n-09: calc(-1 * var(--ods-size-09));
  --ods-size-10: calc(2.5rem * var(--ods-size-ratio));
  --ods-size-n-10: calc(-1 * var(--ods-size-10));
  --ods-size-11: calc(3rem * var(--ods-size-ratio));
  --ods-size-n-11: calc(-1 * var(--ods-size-11));
  --ods-size-stack-default: calc(1rem * var(--ods-size-ratio));
  --ods-size-stack-n-default: calc(-1 * var(--ods-size-stack-default));
  --ods-size-stack-06: calc(1rem * var(--ods-size-ratio));
  --ods-size-stack-n-06: calc(-1 * calc(1rem * var(--ods-size-ratio)));
  --ods-size-stack-07: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-stack-n-07: calc(-1 * calc(1.25rem * var(--ods-size-ratio)));
  --ods-size-stack-08: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-stack-n-08: calc(-1 * calc(1.5rem * var(--ods-size-ratio)));
  --ods-size-stack-09: calc(2rem * var(--ods-size-ratio));
  --ods-size-stack-n-09: calc(-1 * calc(2rem * var(--ods-size-ratio)));
  --ods-size-stack-10: calc(2.5rem * var(--ods-size-ratio));
  --ods-size-stack-n-10: calc(-1 * calc(2.5rem * var(--ods-size-ratio)));
  --ods-size-stack-11: calc(3rem * var(--ods-size-ratio));
  --ods-size-stack-n-11: calc(-1 * calc(3rem * var(--ods-size-ratio)));
  --ods-size-inline-default: calc(1rem * var(--ods-size-ratio));
  --ods-size-inline-n-default: calc(-1 * var(--ods-size-inline-default));
  --ods-size-inline-06: calc(1rem * var(--ods-size-ratio));
  --ods-size-inline-n-06: calc(-1 * calc(1rem * var(--ods-size-ratio)));
  --ods-size-inline-07: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-inline-n-07: calc(-1 * calc(1.25rem * var(--ods-size-ratio)));
  --ods-size-inline-08: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-inline-n-08: calc(-1 * calc(1.5rem * var(--ods-size-ratio)));
  --ods-size-inset-default: calc(1rem * var(--ods-size-ratio));
  --ods-size-inset-default-x: calc(1rem * var(--ods-size-ratio));
  --ods-size-inset-default-y: calc(1rem * var(--ods-size-ratio));
  --ods-size-inset-n-default: calc(-1 * var(--ods-size-inset-default));
  --ods-size-inset-06: calc(1rem * var(--ods-size-ratio));
  --ods-size-inset-06-x: calc(1rem * var(--ods-size-ratio));
  --ods-size-inset-06-y: calc(1rem * var(--ods-size-ratio));
  --ods-size-inset-n-06: calc(-1 * calc(1rem * var(--ods-size-ratio)));
  --ods-size-inset-07: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-inset-07-x: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-inset-07-y: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-inset-n-07: calc(-1 * calc(1.25rem * var(--ods-size-ratio)));
  --ods-size-inset-08: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-inset-08-x: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-inset-08-y: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-inset-n-08: calc(-1 * calc(1.5rem * var(--ods-size-ratio)));
  --ods-size-squish-05-x: calc(1.125rem * var(--ods-size-ratio));
  --ods-size-squish-default: calc(1rem * var(--ods-size-ratio))
    calc(1.5rem * var(--ods-size-ratio));
  --ods-size-squish-default-x: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-squish-default-y: calc(1rem * var(--ods-size-ratio));
  --ods-size-squish-n-default: calc(-1 * calc(1rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.5rem * var(--ods-size-ratio)));
  --ods-size-squish-06: calc(1rem * var(--ods-size-ratio))
    calc(1.5rem * var(--ods-size-ratio));
  --ods-size-squish-06-x: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-squish-06-y: calc(1rem * var(--ods-size-ratio));
  --ods-size-squish-n-06: calc(-1 * calc(1rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.5rem * var(--ods-size-ratio)));
  --ods-size-squish-07: calc(1.25rem * var(--ods-size-ratio))
    calc(1.875rem * var(--ods-size-ratio));
  --ods-size-squish-07-x: calc(1.875rem * var(--ods-size-ratio));
  --ods-size-squish-07-y: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-squish-n-07: calc(-1 * calc(1.25rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.875rem * var(--ods-size-ratio)));
  --ods-size-squish-08: calc(1.5rem * var(--ods-size-ratio))
    calc(2.25rem * var(--ods-size-ratio));
  --ods-size-squish-08-x: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-squish-08-y: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-squish-n-08: calc(-1 * calc(1.5rem * var(--ods-size-ratio)))
    calc(-1 * calc(2.25rem * var(--ods-size-ratio)));
  --ods-size-stretch-05-y: calc(1.125rem * var(--ods-size-ratio));
  --ods-size-stretch-default: calc(1.5rem * var(--ods-size-ratio))
    calc(1rem * var(--ods-size-ratio));
  --ods-size-stretch-default-x: calc(1rem * var(--ods-size-ratio));
  --ods-size-stretch-default-y: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-stretch-n-default: calc(-1 * calc(1.5rem * var(--ods-size-ratio)))
    calc(-1 * calc(1rem * var(--ods-size-ratio)));
  --ods-size-stretch-06: calc(1.5rem * var(--ods-size-ratio))
    calc(1rem * var(--ods-size-ratio));
  --ods-size-stretch-06-x: calc(1rem * var(--ods-size-ratio));
  --ods-size-stretch-06-y: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-stretch-n-06: calc(-1 * calc(1.5rem * var(--ods-size-ratio)))
    calc(-1 * calc(1rem * var(--ods-size-ratio)));
  --ods-size-stretch-07: calc(1.875rem * var(--ods-size-ratio))
    calc(1.25rem * var(--ods-size-ratio));
  --ods-size-stretch-07-x: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-stretch-07-y: calc(1.875rem * var(--ods-size-ratio));
  --ods-size-stretch-n-07: calc(-1 * calc(1.875rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.25rem * var(--ods-size-ratio)));
  --ods-size-stretch-08: calc(2.25rem * var(--ods-size-ratio))
    calc(1.5rem * var(--ods-size-ratio));
  --ods-size-stretch-08-x: calc(1.5rem * var(--ods-size-ratio));
  --ods-size-stretch-08-y: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-stretch-n-08: calc(-1 * calc(2.25rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.5rem * var(--ods-size-ratio)));
  --ods-toggle-animation-checking-shadow: steam 3s linear infinite;
  --ods-color-gray-000-list: 0deg, 0%, 100%;
  --ods-color-gray-050-list: 0deg, 0%, 94.9%;
  --ods-color-gray-100-list: 0deg, 0%, 90.2%;
  --ods-color-gray-200-list: 0deg, 0%, 80%;
  --ods-color-gray-300-list: 0deg, 0%, 70.2%;
  --ods-color-gray-400-list: 0deg, 0%, 60%;
  --ods-color-gray-500-list: 0deg, 0%, 50.2%;
  --ods-color-gray-600-list: 0deg, 0%, 40%;
  --ods-color-gray-700-list: 0deg, 0%, 30.2%;
  --ods-color-gray-800-list: 0deg, 0%, 20%;
  --ods-color-gray-900-list: 0deg, 0%, 10.2%;
  --ods-color-gray-1000-list: 0deg, 0%, 0%;
  --ods-color-gray-000-contrasted-list: 0deg, 0%, 0%;
  --ods-color-gray-050-contrasted-list: 0deg, 0%, 0%;
  --ods-color-gray-100-contrasted-list: 0deg, 0%, 0%;
  --ods-color-gray-200-contrasted-list: 0deg, 0%, 0%;
  --ods-color-gray-300-contrasted-list: 0deg, 0%, 0%;
  --ods-color-gray-400-contrasted-list: 0deg, 0%, 0%;
  --ods-color-gray-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-1000-contrasted-list: 0deg, 0%, 100%;
  --ods-color-blue-000-list: 0deg, 0%, 100%;
  --ods-color-blue-050-list: 186deg, 100%, 98%;
  --ods-color-blue-075-list: 192.7deg, 100%, 93.5%;
  --ods-color-blue-100-list: 192.9deg, 100%, 87.3%;
  --ods-color-blue-200-list: 198deg, 96.8%, 75.7%;
  --ods-color-blue-300-list: 203.9deg, 90.5%, 62.9%;
  --ods-color-blue-400-list: 210.4deg, 83.5%, 50%;
  --ods-color-blue-500-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-600-list: 225.8deg, 100%, 37.3%;
  --ods-color-blue-700-list: 234.6deg, 100%, 30.6%;
  --ods-color-blue-800-list: 224.7deg, 100%, 18.4%;
  --ods-color-blue-900-list: 214.8deg, 100%, 6.1%;
  --ods-color-blue-000-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-050-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-075-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-100-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-200-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-300-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-400-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-blue-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-blue-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-blue-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-blue-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-blue-000-list: 0deg, 0%, 100%;
  --ods-color-gray-blue-100-list: 234deg, 13%, 85%;
  --ods-color-gray-blue-500-list: 233deg, 31%, 44%;
  --ods-color-gray-blue-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-red-000-list: 0deg, 0%, 100%;
  --ods-color-red-050-list: 345.6deg, 100%, 95.1%;
  --ods-color-red-100-list: 344.7deg, 100%, 90%;
  --ods-color-red-200-list: 347.4deg, 72.9%, 76.9%;
  --ods-color-red-300-list: 350.1deg, 69.7%, 67.6%;
  --ods-color-red-400-list: 349.6deg, 61.9%, 50.6%;
  --ods-color-red-500-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-600-list: 349.9deg, 100%, 32.5%;
  --ods-color-red-700-list: 350.2deg, 100%, 25.1%;
  --ods-color-red-800-list: 350deg, 100%, 20%;
  --ods-color-red-900-list: 349.9deg, 100%, 15.1%;
  --ods-color-red-000-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-050-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-100-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-200-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-300-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-400-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-red-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-red-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-red-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-red-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-red-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-orange-000-list: 0deg, 0%, 100%;
  --ods-color-orange-050-list: 50.6deg, 100%, 90%;
  --ods-color-orange-100-list: 50deg, 98.4%, 76.1%;
  --ods-color-orange-200-list: 42.7deg, 98.7%, 69.6%;
  --ods-color-orange-300-list: 38.3deg, 100%, 63.1%;
  --ods-color-orange-400-list: 35deg, 100%, 56.7%;
  --ods-color-orange-500-list: 32.7deg, 100%, 50%;
  --ods-color-orange-600-list: 32.9deg, 100%, 40%;
  --ods-color-orange-700-list: 32.9deg, 100%, 30%;
  --ods-color-orange-800-list: 32.9deg, 100%, 20%;
  --ods-color-orange-900-list: 32.7deg, 100%, 15.1%;
  --ods-color-orange-000-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-orange-050-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-orange-100-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-orange-200-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-orange-300-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-orange-400-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-orange-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-orange-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-orange-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-orange-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-orange-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-green-000-list: 0deg, 0%, 100%;
  --ods-color-green-050-list: 100deg, 60%, 92.2%;
  --ods-color-green-100-list: 100deg, 64.9%, 85.5%;
  --ods-color-green-200-list: 103.9deg, 44.6%, 63.9%;
  --ods-color-green-300-list: 103.9deg, 43.2%, 49%;
  --ods-color-green-400-list: 100.3deg, 66.3%, 36.1%;
  --ods-color-green-500-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-600-list: 100.2deg, 100%, 22.5%;
  --ods-color-green-700-list: 100deg, 100%, 20%;
  --ods-color-green-800-list: 99.7deg, 100%, 15.1%;
  --ods-color-green-900-list: 100deg, 100%, 10%;
  --ods-color-green-000-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-050-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-100-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-200-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-300-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-400-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-green-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-green-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-green-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-green-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-green-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-pink-000-list: 0deg, 0%, 100%;
  --ods-color-pink-050-list: 325.7deg, 44.7%, 90.8%;
  --ods-color-pink-100-list: 327.8deg, 45.1%, 82.2%;
  --ods-color-pink-200-list: 326.9deg, 44.4%, 70.4%;
  --ods-color-pink-300-list: 326.5deg, 45%, 58.6%;
  --ods-color-pink-400-list: 326.7deg, 48.6%, 48%;
  --ods-color-pink-500-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-600-list: 326.7deg, 65%, 35.9%;
  --ods-color-pink-700-list: 327.1deg, 65.4%, 30.6%;
  --ods-color-pink-800-list: 326.7deg, 64.8%, 24.5%;
  --ods-color-pink-900-list: 326.6deg, 65.6%, 18.2%;
  --ods-color-pink-000-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-050-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-100-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-200-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-300-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-400-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-pink-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-pink-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-pink-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-pink-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-pink-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-default-000-list: 0deg, 0%, 100%;
  --ods-color-default-000-contrasted-list: 0deg, 0%, 0%;
  --ods-color-default-050-list: 0deg, 0%, 94.9%;
  --ods-color-default-050-contrasted-list: 0deg, 0%, 0%;
  --ods-color-default-100-list: 0deg, 0%, 90.2%;
  --ods-color-default-100-contrasted-list: 0deg, 0%, 0%;
  --ods-color-default-200-list: 0deg, 0%, 80%;
  --ods-color-default-200-contrasted-list: 0deg, 0%, 0%;
  --ods-color-default-300-list: 0deg, 0%, 70.2%;
  --ods-color-default-300-contrasted-list: 0deg, 0%, 0%;
  --ods-color-default-400-list: 0deg, 0%, 60%;
  --ods-color-default-400-contrasted-list: 0deg, 0%, 0%;
  --ods-color-default-500-list: 0deg, 0%, 50.2%;
  --ods-color-default-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-default-600-list: 0deg, 0%, 40%;
  --ods-color-default-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-default-700-list: 0deg, 0%, 30.2%;
  --ods-color-default-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-default-800-list: 0deg, 0%, 20%;
  --ods-color-default-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-default-900-list: 0deg, 0%, 10.2%;
  --ods-color-default-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-primary-000-list: 0deg, 0%, 100%;
  --ods-color-primary-000-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-050-list: 186deg, 100%, 98%;
  --ods-color-primary-050-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-075-list: 192.7deg, 100%, 93.5%;
  --ods-color-primary-075-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-100-list: 192.9deg, 100%, 87.3%;
  --ods-color-primary-100-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-200-list: 198deg, 96.8%, 75.7%;
  --ods-color-primary-200-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-300-list: 203.9deg, 90.5%, 62.9%;
  --ods-color-primary-300-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-400-list: 210.4deg, 83.5%, 50%;
  --ods-color-primary-400-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-500-list: 217.7deg, 100%, 42.2%;
  --ods-color-primary-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-primary-600-list: 225.8deg, 100%, 37.3%;
  --ods-color-primary-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-primary-700-list: 234.6deg, 100%, 30.6%;
  --ods-color-primary-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-primary-800-list: 224.7deg, 100%, 18.4%;
  --ods-color-primary-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-primary-900-list: 214.8deg, 100%, 6.1%;
  --ods-color-text-000-list: 0deg, 0%, 100%;
  --ods-color-text-100-list: 234deg, 13%, 85%;
  --ods-color-text-500-list: 233deg, 31%, 44%;
  --ods-color-text-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-accent-000-list: 0deg, 0%, 100%;
  --ods-color-accent-000-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-050-list: 325.7deg, 44.7%, 90.8%;
  --ods-color-accent-050-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-100-list: 327.8deg, 45.1%, 82.2%;
  --ods-color-accent-100-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-200-list: 326.9deg, 44.4%, 70.4%;
  --ods-color-accent-200-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-300-list: 326.5deg, 45%, 58.6%;
  --ods-color-accent-300-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-400-list: 326.7deg, 48.6%, 48%;
  --ods-color-accent-400-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-500-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-accent-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-accent-600-list: 326.7deg, 65%, 35.9%;
  --ods-color-accent-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-accent-700-list: 327.1deg, 65.4%, 30.6%;
  --ods-color-accent-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-accent-800-list: 326.7deg, 64.8%, 24.5%;
  --ods-color-accent-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-accent-900-list: 326.6deg, 65.6%, 18.2%;
  --ods-color-accent-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-error-000-list: 0deg, 0%, 100%;
  --ods-color-error-000-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-050-list: 345.6deg, 100%, 95.1%;
  --ods-color-error-050-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-100-list: 344.7deg, 100%, 90%;
  --ods-color-error-100-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-200-list: 347.4deg, 72.9%, 76.9%;
  --ods-color-error-200-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-300-list: 350.1deg, 69.7%, 67.6%;
  --ods-color-error-300-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-400-list: 349.6deg, 61.9%, 50.6%;
  --ods-color-error-400-contrasted-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-500-list: 349.9deg, 100%, 37.5%;
  --ods-color-error-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-error-600-list: 349.9deg, 100%, 32.5%;
  --ods-color-error-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-error-700-list: 350.2deg, 100%, 25.1%;
  --ods-color-error-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-error-800-list: 350deg, 100%, 20%;
  --ods-color-error-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-error-900-list: 349.9deg, 100%, 15.1%;
  --ods-color-error-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-warning-000-list: 0deg, 0%, 100%;
  --ods-color-warning-000-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-warning-050-list: 50.6deg, 100%, 90%;
  --ods-color-warning-050-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-warning-100-list: 50deg, 98.4%, 76.1%;
  --ods-color-warning-100-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-warning-200-list: 42.7deg, 98.7%, 69.6%;
  --ods-color-warning-200-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-warning-300-list: 38.3deg, 100%, 63.1%;
  --ods-color-warning-300-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-warning-400-list: 35deg, 100%, 56.7%;
  --ods-color-warning-400-contrasted-list: 32.7deg, 100%, 50%;
  --ods-color-warning-500-list: 32.7deg, 100%, 50%;
  --ods-color-warning-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-warning-600-list: 32.9deg, 100%, 40%;
  --ods-color-warning-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-warning-700-list: 32.9deg, 100%, 30%;
  --ods-color-warning-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-warning-800-list: 32.9deg, 100%, 20%;
  --ods-color-warning-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-warning-900-list: 32.7deg, 100%, 15.1%;
  --ods-color-warning-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-success-000-list: 0deg, 0%, 100%;
  --ods-color-success-000-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-050-list: 100deg, 60%, 92.2%;
  --ods-color-success-050-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-100-list: 100deg, 64.9%, 85.5%;
  --ods-color-success-100-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-200-list: 103.9deg, 44.6%, 63.9%;
  --ods-color-success-200-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-300-list: 103.9deg, 43.2%, 49%;
  --ods-color-success-300-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-400-list: 100.3deg, 66.3%, 36.1%;
  --ods-color-success-400-contrasted-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-500-list: 99.8deg, 100%, 25.1%;
  --ods-color-success-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-success-600-list: 100.2deg, 100%, 22.5%;
  --ods-color-success-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-success-700-list: 100deg, 100%, 20%;
  --ods-color-success-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-success-800-list: 99.7deg, 100%, 15.1%;
  --ods-color-success-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-success-900-list: 100deg, 100%, 10%;
  --ods-color-success-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-info-000-list: 0deg, 0%, 100%;
  --ods-color-info-000-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-050-list: 186deg, 100%, 98%;
  --ods-color-info-050-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-075-list: 192.7deg, 100%, 93.5%;
  --ods-color-info-075-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-100-list: 192.9deg, 100%, 87.3%;
  --ods-color-info-100-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-200-list: 198deg, 96.8%, 75.7%;
  --ods-color-info-200-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-300-list: 203.9deg, 90.5%, 62.9%;
  --ods-color-info-300-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-400-list: 210.4deg, 83.5%, 50%;
  --ods-color-info-400-contrasted-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-500-list: 217.7deg, 100%, 42.2%;
  --ods-color-info-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-info-600-list: 225.8deg, 100%, 37.3%;
  --ods-color-info-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-info-700-list: 234.6deg, 100%, 30.6%;
  --ods-color-info-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-info-800-list: 224.7deg, 100%, 18.4%;
  --ods-color-info-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-info-900-list: 214.8deg, 100%, 6.1%;
  --ods-color-promotion-000-list: 0deg, 0%, 100%;
  --ods-color-promotion-000-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-050-list: 325.7deg, 44.7%, 90.8%;
  --ods-color-promotion-050-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-100-list: 327.8deg, 45.1%, 82.2%;
  --ods-color-promotion-100-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-200-list: 326.9deg, 44.4%, 70.4%;
  --ods-color-promotion-200-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-300-list: 326.5deg, 45%, 58.6%;
  --ods-color-promotion-300-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-400-list: 326.7deg, 48.6%, 48%;
  --ods-color-promotion-400-contrasted-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-500-list: 326.9deg, 65.4%, 40.8%;
  --ods-color-promotion-500-contrasted-list: 0deg, 0%, 100%;
  --ods-color-promotion-600-list: 326.7deg, 65%, 35.9%;
  --ods-color-promotion-600-contrasted-list: 0deg, 0%, 100%;
  --ods-color-promotion-700-list: 327.1deg, 65.4%, 30.6%;
  --ods-color-promotion-700-contrasted-list: 0deg, 0%, 100%;
  --ods-color-promotion-800-list: 326.7deg, 64.8%, 24.5%;
  --ods-color-promotion-800-contrasted-list: 0deg, 0%, 100%;
  --ods-color-promotion-900-list: 326.6deg, 65.6%, 18.2%;
  --ods-color-promotion-900-contrasted-list: 0deg, 0%, 100%;
  --ods-size-accordion-md-padding: var(--ods-size-inset-04);
  --ods-size-accordion-md-border-width: var(--ods-size-inset-02);
  --ods-size-button-sm-height: 2.25rem;
  --ods-size-button-sm-border-width: var(--ods-size-inset-02);
  --ods-size-button-sm-padding-y: 0;
  --ods-size-button-sm-padding-x: var(--ods-size-inline-05);
  --ods-size-button-md-height: 3.25rem;
  --ods-size-button-md-border-width: var(--ods-size-inset-02);
  --ods-size-button-md-padding-y: 0;
  --ods-size-button-md-padding-x: var(--ods-size-inline-06);
  --ods-size-cart-sm-container-padding: var(--ods-size-stack-03) 0;
  --ods-size-cart-sm-container-mask-height: var(--ods-size-stack-06);
  --ods-size-cart-sm-empty-padding: var(--ods-size-stack-06) 0;
  --ods-size-cart-sm-header-margin-bottom: var(--ods-size-stack-03);
  --ods-size-cart-sm-mobile-handle-height: var(--ods-size-stack-03);
  --ods-size-cart-sm-mobile-handle-margin: var(--ods-size-inset-n-06);
  --ods-size-cart-sm-mobile-handle-padding: var(--ods-size-inset-06);
  --ods-size-cart-sm-padding: var(--ods-size-inset-06);
  --ods-size-cart-sm-section-divider-padding: 0 var(--ods-size-inline-05);
  --ods-size-cart-sm-section-margin: var(--ods-size-stack-04) 0;
  --ods-size-cart-sm-section-padding: var(--ods-size-inset-05);
  --ods-size-cart-sm-total-margin: var(--ods-size-stack-04)
    var(--ods-size-inline-05);
  --ods-size-chip-sm-border-width: var(--ods-size-inset-01);
  --ods-size-chip-sm-height: var(--ods-size-08);
  --ods-size-chip-sm-icon-width: calc(0.875rem * var(--ods-size-ratio));
  --ods-size-chip-sm-inline-margin: var(--ods-size-inline-03);
  --ods-size-chip-sm-padding: 0 var(--ods-size-inset-04);
  --ods-size-chip-md-border-width: var(--ods-size-inset-01);
  --ods-size-chip-md-height: var(--ods-size-09);
  --ods-size-chip-md-icon-width: calc(0.875rem * var(--ods-size-ratio));
  --ods-size-chip-md-inline-margin: var(--ods-size-inline-03);
  --ods-size-chip-md-padding: 0 var(--ods-size-inset-05);
  --ods-size-divider-0-margin-y: 0;
  --ods-size-divider-0-height: var(--ods-size-stack-02);
  --ods-size-divider-1-margin-y: var(--ods-size-stack-02);
  --ods-size-divider-1-height: var(--ods-size-stack-02);
  --ods-size-divider-2-margin-y: var(--ods-size-stack-03);
  --ods-size-divider-2-height: var(--ods-size-stack-02);
  --ods-size-divider-3-margin-y: var(--ods-size-stack-04);
  --ods-size-divider-3-height: var(--ods-size-stack-02);
  --ods-size-divider-4-margin-y: var(--ods-size-stack-05);
  --ods-size-divider-4-height: var(--ods-size-stack-02);
  --ods-size-divider-5-margin-y: var(--ods-size-stack-06);
  --ods-size-divider-5-height: var(--ods-size-stack-02);
  --ods-size-divider-6-margin-y: var(--ods-size-stack-07);
  --ods-size-divider-6-height: var(--ods-size-stack-02);
  --ods-size-divider-7-margin-y: var(--ods-size-stack-08);
  --ods-size-divider-7-height: var(--ods-size-stack-02);
  --ods-size-divider-8-margin-y: var(--ods-size-stack-09);
  --ods-size-divider-8-height: var(--ods-size-stack-02);
  --ods-size-divider-9-margin-y: var(--ods-size-stack-10);
  --ods-size-divider-9-height: var(--ods-size-stack-02);
  --ods-size-divider-10-margin-y: var(--ods-size-stack-11);
  --ods-size-divider-10-height: var(--ods-size-stack-02);
  --ods-size-icon-xxs-width: var(--ods-size-06);
  --ods-size-icon-xxs-height: var(--ods-size-06);
  --ods-size-icon-xs-width: var(--ods-size-07);
  --ods-size-icon-xs-height: var(--ods-size-07);
  --ods-size-icon-sm-width: var(--ods-size-08);
  --ods-size-icon-sm-height: var(--ods-size-08);
  --ods-size-icon-md-width: var(--ods-size-09);
  --ods-size-icon-md-height: var(--ods-size-09);
  --ods-size-icon-lg-width: var(--ods-size-10);
  --ods-size-icon-lg-height: var(--ods-size-10);
  --ods-size-icon-xl-width: var(--ods-size-11);
  --ods-size-icon-xl-height: var(--ods-size-11);
  --ods-size-input-md-height: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-input-md-border-width: var(--ods-size-inset-01);
  --ods-size-input-md-icon-width: var(--ods-size-06);
  --ods-size-input-md-padding: 0 var(--ods-size-inline-04);
  --ods-size-radio-button-sm-height: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-radio-button-sm-width: calc(1.25rem * var(--ods-size-ratio));
  --ods-size-radio-button-md-height: calc(1.75rem * var(--ods-size-ratio));
  --ods-size-radio-button-md-width: calc(1.75rem * var(--ods-size-ratio));
  --ods-size-range-md-outline-width: var(--ods-size-03);
  --ods-size-range-md-outline-offset: var(--ods-size-03);
  --ods-size-range-md-bar-height: var(--ods-size-04);
  --ods-size-range-md-thumb-size: var(--ods-size-06);
  --ods-size-range-md-thumb-border: var(--ods-size-02);
  --ods-size-select-md-height: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-select-md-border-width: var(--ods-size-inset-01);
  --ods-size-select-md-padding: 0 var(--ods-size-inline-04);
  --ods-size-skeleton-xs-width: calc(4.688rem * var(--ods-size-ratio));
  --ods-size-skeleton-sm-width: calc(9.375rem * var(--ods-size-ratio));
  --ods-size-skeleton-md-width: calc(15.625rem * var(--ods-size-ratio));
  --ods-size-skeleton-lg-width: calc(21.875rem * var(--ods-size-ratio));
  --ods-size-skeleton-xl-width: calc(31.25rem * var(--ods-size-ratio));
  --ods-size-textarea-md-padding: var(--ods-size-inset-04);
  --ods-size-tile-sm-padding: var(--ods-size-inset-05);
  --ods-size-tile-md-padding: var(--ods-size-inset-06);
  --ods-size-toggle-md-height: var(--ods-size-08);
  --ods-size-toggle-md-width: var(--ods-size-11);
  --ods-typography-heading-100-font-family: var(--ods-font-family);
  --ods-typography-heading-100-font-size: var(--ods-typo-size-03);
  --ods-typography-heading-100-line-height: var(--ods-line-height-size-03);
  --ods-typography-heading-100-font-style: normal;
  --ods-typography-heading-100-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-100-font-weight: var(--ods-typo-weight-semibold);
  --ods-typography-heading-200-font-family: var(--ods-font-family);
  --ods-typography-heading-200-font-size: var(--ods-typo-size-03);
  --ods-typography-heading-200-line-height: var(--ods-line-height-size-04);
  --ods-typography-heading-200-font-style: normal;
  --ods-typography-heading-200-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-200-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-heading-300-font-family: var(--ods-font-family);
  --ods-typography-heading-300-font-size: var(--ods-typo-size-04);
  --ods-typography-heading-300-line-height: var(--ods-line-height-size-04);
  --ods-typography-heading-300-font-style: normal;
  --ods-typography-heading-300-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-300-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-heading-400-font-family: var(--ods-font-family);
  --ods-typography-heading-400-font-size: var(--ods-typo-size-05);
  --ods-typography-heading-400-line-height: var(--ods-line-height-size-05);
  --ods-typography-heading-400-font-style: normal;
  --ods-typography-heading-400-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-400-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-heading-500-font-family: var(--ods-font-family);
  --ods-typography-heading-500-font-size: var(--ods-typo-size-06);
  --ods-typography-heading-500-line-height: var(--ods-line-height-size-06);
  --ods-typography-heading-500-font-style: normal;
  --ods-typography-heading-500-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-500-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-heading-600-font-family: var(--ods-font-family);
  --ods-typography-heading-600-font-size: var(--ods-typo-size-07);
  --ods-typography-heading-600-line-height: var(--ods-line-height-size-07);
  --ods-typography-heading-600-font-style: normal;
  --ods-typography-heading-600-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-600-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-heading-700-font-family: var(--ods-font-family);
  --ods-typography-heading-700-font-size: var(--ods-typo-size-08);
  --ods-typography-heading-700-line-height: var(--ods-line-height-size-08);
  --ods-typography-heading-700-font-style: normal;
  --ods-typography-heading-700-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-700-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-heading-800-font-family: var(--ods-font-family);
  --ods-typography-heading-800-font-size: var(--ods-typo-size-09);
  --ods-typography-heading-800-line-height: var(--ods-line-height-size-09);
  --ods-typography-heading-800-font-style: normal;
  --ods-typography-heading-800-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-heading-800-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-subheading-100-font-family: var(--ods-font-family);
  --ods-typography-subheading-100-font-size: var(--ods-typo-size-03);
  --ods-typography-subheading-100-line-height: var(--ods-line-height-size-03);
  --ods-typography-subheading-100-font-style: normal;
  --ods-typography-subheading-100-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-subheading-100-font-weight: var(--ods-typo-weight-semibold);
  --ods-typography-subheading-200-font-family: var(--ods-font-family);
  --ods-typography-subheading-200-font-size: var(--ods-typo-size-05);
  --ods-typography-subheading-200-line-height: var(--ods-line-height-size-05);
  --ods-typography-subheading-200-font-style: normal;
  --ods-typography-subheading-200-letter-spacing: var(
    --ods-letter-spacing-size-02
  );
  --ods-typography-subheading-200-font-weight: var(--ods-typo-weight-bold);
  --ods-typography-body-100-font-family: var(--ods-font-family);
  --ods-typography-body-100-font-size: var(--ods-typo-size-02);
  --ods-typography-body-100-line-height: var(--ods-line-height-size-02);
  --ods-typography-body-100-font-style: normal;
  --ods-typography-body-100-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-body-100-font-weight: var(--ods-typo-weight-regular);
  --ods-typography-body-200-font-family: var(--ods-font-family);
  --ods-typography-body-200-font-size: var(--ods-typo-size-02);
  --ods-typography-body-200-line-height: var(--ods-line-height-size-02);
  --ods-typography-body-200-font-style: normal;
  --ods-typography-body-200-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-body-200-font-weight: var(--ods-typo-weight-semibold);
  --ods-typography-body-300-font-family: var(--ods-font-family);
  --ods-typography-body-300-font-size: var(--ods-typo-size-03);
  --ods-typography-body-300-line-height: var(--ods-line-height-size-03);
  --ods-typography-body-300-font-style: italic;
  --ods-typography-body-300-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-body-300-font-weight: var(--ods-typo-weight-regular);
  --ods-typography-body-400-font-family: var(--ods-font-family);
  --ods-typography-body-400-font-size: var(--ods-typo-size-03);
  --ods-typography-body-400-line-height: var(--ods-line-height-size-03);
  --ods-typography-body-400-font-style: normal;
  --ods-typography-body-400-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-body-400-font-weight: var(--ods-typo-weight-regular);
  --ods-typography-body-500-font-family: var(--ods-font-family);
  --ods-typography-body-500-font-size: var(--ods-typo-size-03);
  --ods-typography-body-500-line-height: var(--ods-line-height-size-03);
  --ods-typography-body-500-font-style: normal;
  --ods-typography-body-500-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-body-500-font-weight: var(--ods-typo-weight-semibold);
  --ods-typography-body-600-font-family: var(--ods-font-family);
  --ods-typography-body-600-font-size: var(--ods-typo-size-04);
  --ods-typography-body-600-line-height: var(--ods-line-height-size-04);
  --ods-typography-body-600-font-style: normal;
  --ods-typography-body-600-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-body-600-font-weight: var(--ods-typo-weight-regular);
  --ods-typography-button-100-font-family: var(--ods-font-family);
  --ods-typography-button-100-font-size: var(--ods-typo-size-03);
  --ods-typography-button-100-line-height: var(--ods-line-height-size-03);
  --ods-typography-button-100-font-style: normal;
  --ods-typography-button-100-letter-spacing: var(--ods-letter-spacing-size-02);
  --ods-typography-button-100-font-weight: var(--ods-typo-weight-semibold);
  --ods-typography-caption-100-font-family: var(--ods-font-family);
  --ods-typography-caption-100-font-size: var(--ods-typo-size-01);
  --ods-typography-caption-100-line-height: var(--ods-line-height-size-01);
  --ods-typography-caption-100-font-style: normal;
  --ods-typography-caption-100-letter-spacing: var(
    --ods-letter-spacing-size-01
  );
  --ods-typography-caption-100-font-weight: var(--ods-typo-weight-regular);
}

.odss-card .otds-tile p,
.odss-card .otds-tile ul {
  margin: var(--ods-s-00) 0 var(--ods-s-03);
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
  margin-top: 0;
}

address,
dl,
ol,
p,
pre,
ul {
  margin-bottom: 1rem;
}

.visually-hidden,
select {
  word-wrap: normal;
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label,
legend {
  margin-bottom: 0.5rem;
}

address,
button,
input,
legend {
  line-height: inherit;
}

progress,
sub,
sup {
  vertical-align: baseline;
}

.ods-breadcrumb,
.ods-header .ods-header-topbar__content__menu,
.ods-list-unstyled,
.ods-navbar__list,
.oui-checklist li {
  list-style-type: none;
}

.nav,
.ods-list-align--inline {
  list-style: none;
}

.ods-navbar__main-menu,
.otds-button .button,
.otds-tile,
.oui-cta,
.oui-select__search,
html,
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
}

.nav-link.disabled,
.otds-link[disabled] .link,
.otds-tile[disabled] * {
  pointer-events: none;
}

.hidden,
.ods-language-switcher.language-switcher .language-switcher__wrapper::after {
  display: none;
}

:root {
  --ods-size-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stack-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-stack-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-stack-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-stack-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-stack-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-stack-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-stack-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-stack-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-stack-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stack-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-inline-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inline-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-inline-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inline-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-inline-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inline-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-inline-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inline-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-inline-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inline-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-inset-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inset-01-x: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inset-01-y: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inset-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-inset-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inset-02-x: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inset-02-y: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inset-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-inset-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inset-03-x: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inset-03-y: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inset-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-inset-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inset-04-x: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inset-04-y: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inset-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-inset-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inset-05-x: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inset-05-y: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inset-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-squish-01: calc(0.0625rem * var(--ods-size-ratio))
    calc(0.09375rem * var(--ods-size-ratio));
  --ods-size-squish-01-x: calc(0.09375rem * var(--ods-size-ratio));
  --ods-size-squish-01-y: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-squish-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.09375rem * var(--ods-size-ratio)));
  --ods-size-squish-02: calc(0.125rem * var(--ods-size-ratio))
    calc(0.1875rem * var(--ods-size-ratio));
  --ods-size-squish-02-x: calc(0.1875rem * var(--ods-size-ratio));
  --ods-size-squish-02-y: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-squish-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.1875rem * var(--ods-size-ratio)));
  --ods-size-squish-03: calc(0.25rem * var(--ods-size-ratio))
    calc(0.375rem * var(--ods-size-ratio));
  --ods-size-squish-03-x: calc(0.375rem * var(--ods-size-ratio));
  --ods-size-squish-03-y: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-squish-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.375rem * var(--ods-size-ratio)));
  --ods-size-squish-04: calc(0.5rem * var(--ods-size-ratio))
    calc(0.75rem * var(--ods-size-ratio));
  --ods-size-squish-04-x: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-squish-04-y: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-squish-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-squish-05: calc(0.75rem * var(--ods-size-ratio))
    calc(1.125rem * var(--ods-size-ratio));
  --ods-size-squish-05-y: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-squish-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.125rem * var(--ods-size-ratio)));
  --ods-size-stretch-01: calc(0.09375rem * var(--ods-size-ratio))
    calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-stretch-01-x: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-stretch-01-y: calc(0.09375rem * var(--ods-size-ratio));
  --ods-size-stretch-n-01: calc(-1 * calc(0.09375rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-stretch-02: calc(0.1875rem * var(--ods-size-ratio))
    calc(0.125rem * var(--ods-size-ratio));
  --ods-size-stretch-02-x: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-stretch-02-y: calc(0.1875rem * var(--ods-size-ratio));
  --ods-size-stretch-n-02: calc(-1 * calc(0.1875rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-stretch-03: calc(0.375rem * var(--ods-size-ratio))
    calc(0.25rem * var(--ods-size-ratio));
  --ods-size-stretch-03-x: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-stretch-03-y: calc(0.375rem * var(--ods-size-ratio));
  --ods-size-stretch-n-03: calc(-1 * calc(0.375rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-stretch-04: calc(0.75rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-stretch-04-x: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-stretch-04-y: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stretch-n-04: calc(-1 * calc(0.75rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-stretch-05: calc(1.125rem * var(--ods-size-ratio))
    calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stretch-05-x: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stretch-n-05: calc(-1 * calc(1.125rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-border-radius-01: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-border-radius-02: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-border-radius-03: calc(1rem * var(--ods-size-ratio));
  --ods-typo-size-01: calc(0.75rem * var(--ods-typo-size-ratio));
  --ods-typo-size-02: calc(0.875rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-01: calc(0.875rem * var(--ods-typo-size-ratio));
  --ods-letter-spacing-size-01: calc(-0.019rem * var(--ods-typo-size-ratio));
  --ods-font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, 'Segoe UI',
    sans-serif;
  --ods-accordion-animation-opening: toggle 0.3s;
  --ods-color-gray-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-050: hsla(0deg, 0%, 94.9%, 1);
  --ods-color-gray-100: hsla(0deg, 0%, 90.2%, 1);
  --ods-color-gray-200: hsla(0deg, 0%, 80%, 1);
  --ods-color-gray-300: hsla(0deg, 0%, 70.2%, 1);
  --ods-color-gray-400: hsla(0deg, 0%, 60%, 1);
  --ods-color-gray-500: hsla(0deg, 0%, 50.2%, 1);
  --ods-color-gray-600: hsla(0deg, 0%, 40%, 1);
  --ods-color-gray-700: hsla(0deg, 0%, 30.2%, 1);
  --ods-color-gray-800: hsla(0deg, 0%, 20%, 1);
  --ods-color-gray-900: hsla(0deg, 0%, 10.2%, 1);
  --ods-color-gray-1000: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-000-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-050-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-100-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-200-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-300-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-400-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-1000-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-050: hsla(186deg, 100%, 98%, 1);
  --ods-color-blue-075: hsla(192.7deg, 100%, 93.5%, 1);
  --ods-color-blue-100: hsla(192.9deg, 100%, 87.3%, 1);
  --ods-color-blue-200: hsla(198deg, 96.8%, 75.7%, 1);
  --ods-color-blue-300: hsla(203.9deg, 90.5%, 62.9%, 1);
  --ods-color-blue-400: hsla(210.4deg, 83.5%, 50%, 1);
  --ods-color-blue-500: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-600: hsla(225.8deg, 100%, 37.3%, 1);
  --ods-color-blue-700: hsla(234.6deg, 100%, 30.6%, 1);
  --ods-color-blue-800: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-blue-900: hsla(214.8deg, 100%, 6.1%, 1);
  --ods-color-blue-000-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-050-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-075-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-100-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-200-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-300-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-400-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-900-contrasted: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-blue-900-contrasted-list: 224.7deg, 100%, 18.4%;
  --ods-color-gray-blue-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-blue-100: hsla(234deg, 13%, 85%, 1);
  --ods-color-gray-blue-500: hsla(233deg, 31%, 44%, 1);
  --ods-color-gray-blue-000-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-blue-000-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-blue-100-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-blue-100-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-blue-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-050: hsla(345.6deg, 100%, 95.1%, 1);
  --ods-color-red-100: hsla(344.7deg, 100%, 90%, 1);
  --ods-color-red-200: hsla(347.4deg, 72.9%, 76.9%, 1);
  --ods-color-red-300: hsla(350.1deg, 69.7%, 67.6%, 1);
  --ods-color-red-400: hsla(349.6deg, 61.9%, 50.6%, 1);
  --ods-color-red-500: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-600: hsla(349.9deg, 100%, 32.5%, 1);
  --ods-color-red-700: hsla(350.2deg, 100%, 25.1%, 1);
  --ods-color-red-800: hsla(350deg, 100%, 20%, 1);
  --ods-color-red-900: hsla(349.9deg, 100%, 15.1%, 1);
  --ods-color-red-000-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-050-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-100-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-200-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-300-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-400-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-050: hsla(50.6deg, 100%, 90%, 1);
  --ods-color-orange-100: hsla(50deg, 98.4%, 76.1%, 1);
  --ods-color-orange-200: hsla(42.7deg, 98.7%, 69.6%, 1);
  --ods-color-orange-300: hsla(38.3deg, 100%, 63.1%, 1);
  --ods-color-orange-400: hsla(35deg, 100%, 56.7%, 1);
  --ods-color-orange-500: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-600: hsla(32.9deg, 100%, 40%, 1);
  --ods-color-orange-700: hsla(32.9deg, 100%, 30%, 1);
  --ods-color-orange-800: hsla(32.9deg, 100%, 20%, 1);
  --ods-color-orange-900: hsla(32.7deg, 100%, 15.1%, 1);
  --ods-color-orange-000-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-050-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-100-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-200-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-300-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-400-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-050: hsla(100deg, 60%, 92.2%, 1);
  --ods-color-green-100: hsla(100deg, 64.9%, 85.5%, 1);
  --ods-color-green-200: hsla(103.9deg, 44.6%, 63.9%, 1);
  --ods-color-green-300: hsla(103.9deg, 43.2%, 49%, 1);
  --ods-color-green-400: hsla(100.3deg, 66.3%, 36.1%, 1);
  --ods-color-green-500: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-600: hsla(100.2deg, 100%, 22.5%, 1);
  --ods-color-green-700: hsla(100deg, 100%, 20%, 1);
  --ods-color-green-800: hsla(99.7deg, 100%, 15.1%, 1);
  --ods-color-green-900: hsla(100deg, 100%, 10%, 1);
  --ods-color-green-000-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-050-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-100-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-200-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-300-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-400-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-050: hsla(325.7deg, 44.7%, 90.8%, 1);
  --ods-color-pink-100: hsla(327.8deg, 45.1%, 82.2%, 1);
  --ods-color-pink-200: hsla(326.9deg, 44.4%, 70.4%, 1);
  --ods-color-pink-300: hsla(326.5deg, 45%, 58.6%, 1);
  --ods-color-pink-400: hsla(326.7deg, 48.6%, 48%, 1);
  --ods-color-pink-500: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-600: hsla(326.7deg, 65%, 35.9%, 1);
  --ods-color-pink-700: hsla(327.1deg, 65.4%, 30.6%, 1);
  --ods-color-pink-800: hsla(326.7deg, 64.8%, 24.5%, 1);
  --ods-color-pink-900: hsla(326.6deg, 65.6%, 18.2%, 1);
  --ods-color-pink-000-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-050-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-100-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-200-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-300-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-400-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-000-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-050: hsla(0deg, 0%, 94.9%, 1);
  --ods-color-default-050-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-100: hsla(0deg, 0%, 90.2%, 1);
  --ods-color-default-100-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-200: hsla(0deg, 0%, 80%, 1);
  --ods-color-default-200-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-300: hsla(0deg, 0%, 70.2%, 1);
  --ods-color-default-300-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-400: hsla(0deg, 0%, 60%, 1);
  --ods-color-default-400-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-500: hsla(0deg, 0%, 50.2%, 1);
  --ods-color-default-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-600: hsla(0deg, 0%, 40%, 1);
  --ods-color-default-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-700: hsla(0deg, 0%, 30.2%, 1);
  --ods-color-default-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-800: hsla(0deg, 0%, 20%, 1);
  --ods-color-default-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-900: hsla(0deg, 0%, 10.2%, 1);
  --ods-color-default-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-000-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-050: hsla(186deg, 100%, 98%, 1);
  --ods-color-primary-050-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-075: hsla(192.7deg, 100%, 93.5%, 1);
  --ods-color-primary-075-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-100: hsla(192.9deg, 100%, 87.3%, 1);
  --ods-color-primary-100-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-200: hsla(198deg, 96.8%, 75.7%, 1);
  --ods-color-primary-200-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-300: hsla(203.9deg, 90.5%, 62.9%, 1);
  --ods-color-primary-300-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-400: hsla(210.4deg, 83.5%, 50%, 1);
  --ods-color-primary-400-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-500: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-600: hsla(225.8deg, 100%, 37.3%, 1);
  --ods-color-primary-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-700: hsla(234.6deg, 100%, 30.6%, 1);
  --ods-color-primary-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-800: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-primary-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-900: hsla(214.8deg, 100%, 6.1%, 1);
  --ods-color-primary-900-contrasted: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-primary-900-contrasted-list: 224.7deg, 100%, 18.4%;
  --ods-color-text-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-text-000-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-text-000-contrasted-list: 0deg, 0%, 100%;
  --ods-color-text-100: hsla(234deg, 13%, 85%, 1);
  --ods-color-text-100-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-text-100-contrasted-list: 0deg, 0%, 100%;
  --ods-color-text-500: hsla(233deg, 31%, 44%, 1);
  --ods-color-text-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-000-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-050: hsla(325.7deg, 44.7%, 90.8%, 1);
  --ods-color-accent-050-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-100: hsla(327.8deg, 45.1%, 82.2%, 1);
  --ods-color-accent-100-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-200: hsla(326.9deg, 44.4%, 70.4%, 1);
  --ods-color-accent-200-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-300: hsla(326.5deg, 45%, 58.6%, 1);
  --ods-color-accent-300-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-400: hsla(326.7deg, 48.6%, 48%, 1);
  --ods-color-accent-400-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-500: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-600: hsla(326.7deg, 65%, 35.9%, 1);
  --ods-color-accent-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-700: hsla(327.1deg, 65.4%, 30.6%, 1);
  --ods-color-accent-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-800: hsla(326.7deg, 64.8%, 24.5%, 1);
  --ods-color-accent-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-900: hsla(326.6deg, 65.6%, 18.2%, 1);
  --ods-color-accent-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-000-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-050: hsla(345.6deg, 100%, 95.1%, 1);
  --ods-color-error-050-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-100: hsla(344.7deg, 100%, 90%, 1);
  --ods-color-error-100-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-200: hsla(347.4deg, 72.9%, 76.9%, 1);
  --ods-color-error-200-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-300: hsla(350.1deg, 69.7%, 67.6%, 1);
  --ods-color-error-300-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-400: hsla(349.6deg, 61.9%, 50.6%, 1);
  --ods-color-error-400-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-500: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-600: hsla(349.9deg, 100%, 32.5%, 1);
  --ods-color-error-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-700: hsla(350.2deg, 100%, 25.1%, 1);
  --ods-color-error-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-800: hsla(350deg, 100%, 20%, 1);
  --ods-color-error-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-900: hsla(349.9deg, 100%, 15.1%, 1);
  --ods-color-error-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-000-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-050: hsla(50.6deg, 100%, 90%, 1);
  --ods-color-warning-050-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-100: hsla(50deg, 98.4%, 76.1%, 1);
  --ods-color-warning-100-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-200: hsla(42.7deg, 98.7%, 69.6%, 1);
  --ods-color-warning-200-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-300: hsla(38.3deg, 100%, 63.1%, 1);
  --ods-color-warning-300-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-400: hsla(35deg, 100%, 56.7%, 1);
  --ods-color-warning-400-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-500: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-600: hsla(32.9deg, 100%, 40%, 1);
  --ods-color-warning-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-700: hsla(32.9deg, 100%, 30%, 1);
  --ods-color-warning-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-800: hsla(32.9deg, 100%, 20%, 1);
  --ods-color-warning-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-900: hsla(32.7deg, 100%, 15.1%, 1);
  --ods-color-warning-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-000-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-050: hsla(100deg, 60%, 92.2%, 1);
  --ods-color-success-050-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-100: hsla(100deg, 64.9%, 85.5%, 1);
  --ods-color-success-100-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-200: hsla(103.9deg, 44.6%, 63.9%, 1);
  --ods-color-success-200-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-300: hsla(103.9deg, 43.2%, 49%, 1);
  --ods-color-success-300-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-400: hsla(100.3deg, 66.3%, 36.1%, 1);
  --ods-color-success-400-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-500: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-600: hsla(100.2deg, 100%, 22.5%, 1);
  --ods-color-success-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-700: hsla(100deg, 100%, 20%, 1);
  --ods-color-success-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-800: hsla(99.7deg, 100%, 15.1%, 1);
  --ods-color-success-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-900: hsla(100deg, 100%, 10%, 1);
  --ods-color-success-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-000-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-050: hsla(186deg, 100%, 98%, 1);
  --ods-color-info-050-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-075: hsla(192.7deg, 100%, 93.5%, 1);
  --ods-color-info-075-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-100: hsla(192.9deg, 100%, 87.3%, 1);
  --ods-color-info-100-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-200: hsla(198deg, 96.8%, 75.7%, 1);
  --ods-color-info-200-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-300: hsla(203.9deg, 90.5%, 62.9%, 1);
  --ods-color-info-300-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-400: hsla(210.4deg, 83.5%, 50%, 1);
  --ods-color-info-400-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-500: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-600: hsla(225.8deg, 100%, 37.3%, 1);
  --ods-color-info-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-700: hsla(234.6deg, 100%, 30.6%, 1);
  --ods-color-info-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-800: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-info-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-900: hsla(214.8deg, 100%, 6.1%, 1);
  --ods-color-info-900-contrasted: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-info-900-contrasted-list: 224.7deg, 100%, 18.4%;
  --ods-color-promotion-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-000-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-050: hsla(325.7deg, 44.7%, 90.8%, 1);
  --ods-color-promotion-050-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-100: hsla(327.8deg, 45.1%, 82.2%, 1);
  --ods-color-promotion-100-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-200: hsla(326.9deg, 44.4%, 70.4%, 1);
  --ods-color-promotion-200-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-300: hsla(326.5deg, 45%, 58.6%, 1);
  --ods-color-promotion-300-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-400: hsla(326.7deg, 48.6%, 48%, 1);
  --ods-color-promotion-400-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-500: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-600: hsla(326.7deg, 65%, 35.9%, 1);
  --ods-color-promotion-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-700: hsla(327.1deg, 65.4%, 30.6%, 1);
  --ods-color-promotion-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-800: hsla(326.7deg, 64.8%, 24.5%, 1);
  --ods-color-promotion-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-900: hsla(326.6deg, 65.6%, 18.2%, 1);
  --ods-color-promotion-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-size-button-sm-border-radius: var(--ods-size-border-radius-02);
  --ods-size-button-md-border-radius: var(--ods-size-border-radius-02);
  --ods-size-cart-sm-mobile-handle-border-radius: var(
    --ods-size-border-radius-01
  );
  --ods-size-cart-sm-mobile-handle-width: clamp(
    calc(4rem * var(--ods-size-ratio)),
    20vw,
    calc(8rem * var(--ods-size-ratio))
  );
  --ods-size-checkbox-button-sm-border-width: calc(
    0.2rem * var(--ods-size-ratio)
  );
  --ods-size-checkbox-button-sm-height: var(--ods-size-08);
  --ods-size-checkbox-button-sm-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-checkbox-button-sm-width: var(--ods-size-08);
  --ods-size-checkbox-button-md-border-width: calc(
    0.2rem * var(--ods-size-ratio)
  );
  --ods-size-checkbox-button-md-height: var(--ods-size-09);
  --ods-size-checkbox-button-md-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-checkbox-button-md-width: var(--ods-size-09);
  --ods-size-chip-sm-border-radius: var(--ods-size-border-radius-03);
  --ods-size-chip-md-border-radius: var(--ods-size-border-radius-03);
  --ods-size-code-md-border-radius: var(--ods-size-border-radius-01);
  --ods-size-code-md-min-height: calc(2.75rem * var(--ods-size-ratio));
  --ods-size-code-md-padding-y: var(--ods-size-inline-05);
  --ods-size-code-md-padding-x: var(--ods-size-inline-05);
  --ods-size-input-md-border-radius: var(--ods-size-border-radius-01);
  --ods-size-radio-button-sm-border-width: calc(0.2rem * var(--ods-size-ratio));
  --ods-size-radio-button-sm-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-radio-button-md-border-width: calc(0.2rem * var(--ods-size-ratio));
  --ods-size-radio-button-md-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-range-md-bar-radius: var(--ods-size-03);
  --ods-size-textarea-md-border-radius: var(--ods-size-03);
  --ods-size-select-md-border-radius: var(--ods-size-border-radius-01);
  --ods-size-select-md-width: calc(var(--ods-size-stack-08) * 11);
  --ods-size-toggle-md-handle-border-radius: 50%;
  --ods-size-toggle-md-border-radius: var(--ods-size-10);
}

[color^=primary].otds-link .link,
[color^=primary].otds-text,
[variant=ghost][color^=primary].otds-button .button {
  color: var(--ods-color-primary-500);
}

[color^=text].otds-text {
  color: var(--ods-color-text-500);
}

[hue][color^=primary].otds-text {
  color: var(--osds-text-color-specific-hue, var(--ods-color-primary-500));
}

[level=heading][size="200"].otds-text {
  font-size: var(--ods-typography-heading-200-font-size);
  font-weight: var(--ods-typography-heading-200-font-weight);
  font-family: var(--ods-typography-heading-200-font-family);
  font-style: var(--ods-typography-heading-200-font-style);
  letter-spacing: var(--ods-typography-heading-200-letter-spacing);
  line-height: var(--ods-typography-heading-200-line-height);
}

[level=heading][size="400"].otds-text {
  font-size: var(--ods-typography-heading-400-font-size);
  font-weight: var(--ods-typography-heading-400-font-weight);
  font-family: var(--ods-typography-heading-400-font-family);
  font-style: var(--ods-typography-heading-400-font-style);
  letter-spacing: var(--ods-typography-heading-400-letter-spacing);
  line-height: var(--ods-typography-heading-400-line-height);
}

[level=heading][size="600"].otds-text {
  font-size: var(--ods-typography-heading-600-font-size);
  font-weight: var(--ods-typography-heading-600-font-weight);
  font-family: var(--ods-typography-heading-600-font-family);
  font-style: var(--ods-typography-heading-600-font-style);
  letter-spacing: var(--ods-typography-heading-600-letter-spacing);
  line-height: var(--ods-typography-heading-600-line-height);
}

[level=body][size="400"].otds-text {
  font-size: var(--ods-typography-body-400-font-size);
  font-weight: var(--ods-typography-body-400-font-weight);
  font-family: var(--ods-typography-body-400-font-family);
  font-style: var(--ods-typography-body-400-font-style);
  letter-spacing: var(--ods-typography-body-400-letter-spacing);
  line-height: var(--ods-typography-body-400-line-height);
}

.otds-link .link {
  font-size: var(--ods-typo-size-02);
  font-weight: var(--ods-typo-weight-semibold);
}

.otds-link .link__centered-text {
  background-size: 0 var(--ods-size-02);
}

.otds-link:not([href]) .link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: inherit;
}

.otds-divider {
  padding: 0;
  border: none;
  display: flex;
  width: 100%;
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .otds-divider {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
    }
  }
}
.otds-divider hr {
  border: none;
  margin: 0;
  width: 100%;
}

:not([variant]):not([disabled])[contrasted][color^=primary].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=primary].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=primary].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=primary].otds-tile:hover,
[color^=primary].otds-divider hr,
[variant=default]:not([disabled])[contrasted][color^=primary].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=primary].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=primary].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=primary].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=primary].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=primary].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=primary].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=primary].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=primary].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=primary].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=primary].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=primary].otds-tile:hover {
  background-color: var(--ods-color-primary-100);
}

[size="1"].otds-divider {
  margin: calc(var(--ods-size-divider-1-margin-y) / 2) 0;
}

[size="1"].otds-divider hr {
  height: var(--ods-size-divider-1-height);
}

[size="6"].otds-divider {
  margin: calc(var(--ods-size-divider-6-margin-y) / 2) 0;
}

.otds-tile[variant=stroked][color^=default],
.otds-tile[variant=stroked][color^=primary] {
  border-color: var(--ods-color-default-200);
}

.header--webcloud__button {
  color: var(--ods-color-blue-500);
  display: flex;
}

@font-face {
  font-family: icons;
  src: url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.woff2?ba6e8521fd2b1726ef8bb907841c6df1") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.woff?ba6e8521fd2b1726ef8bb907841c6df1") format("woff"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.ttf?ba6e8521fd2b1726ef8bb907841c6df1") format("truetype"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.eot?ba6e8521fd2b1726ef8bb907841c6df1#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-300-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-300-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-300-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-300-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-400-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-400-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-400-italic.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-italic.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-400-italic.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-italic.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-600-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-600-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-600-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-600-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-700-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-700-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-700-normal.woff2") format("woff2"), url("./7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-700-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.oui-back-to-top {
  height: 3.375rem;
  width: 3.375rem;
  border: none;
  padding: 0;
  z-index: 300;
  right: 0.5rem;
  bottom: 5rem;
  visibility: hidden;
  opacity: 0;
  outline: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: rgba(0, 13, 31, 0.25) 0 0 0.25rem 0;
}

.oui-back-to-top__icon {
  font-size: 2rem;
  color: #0050d7;
}

.ods-modal {
  height: 100%;
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: 1021;
  width: 100%;
}

.ods-modal__content {
  max-height: 85vh;
  overflow: auto;
}

.ods-modal__wrapper {
  background: #fff;
  border-radius: 1.125rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  width: 90%;
  word-break: initial;
}

.ods-modal.inactive {
  animation: 0.7s modal-display--reversed;
  transform-origin: 0 0;
}
@keyframes modal-display--reversed {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
  }
  99% {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
  100% {
    display: none;
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
}
.ods-modal__button {
  height: 1rem;
  width: 1rem;
  border: none;
  background: 0 0;
  outline: 0;
  position: relative;
}

.ods-modal__button::after,
.ods-modal__button::before {
  content: "";
  width: 1rem;
  height: 0.125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #0050d7;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ods-modal__button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.ods-modal__extension,
.offer-promotion-modal .modal-content {
  color: #4d5592;
}

.ods_product_card .ods-product-information-preview {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1rem;
  justify-content: flex-end;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__cta {
  margin-top: 1.5rem;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 {
  margin-top: 1rem;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .tax-excluded-price {
  margin-bottom: 0;
  display: block;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .tax-excluded-price .price-prefix {
  font-weight: 700;
  font-size: 1.125rem;
  color: #4d5592;
}

.layout-container strong,
.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .renew,
dt {
  font-weight: 700;
}

.odss-card:not(.bg--dark) .ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .renew {
  color: #4d5592 !important;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .price {
  display: block;
  min-height: 2rem;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  color: #0050d7 !important;
  margin-bottom: 0.25rem;
  font-size: 2.25rem !important;
}

.ods_product_card .ods-product-information-preview .ods-product-information-preview__price-1 .tax-included-price {
  display: block;
}

.ods_product_card .ods-product-information-preview__cta .oui-cta {
  font-size: 1rem !important;
  margin: 0 0 0.5rem !important;
  padding: 0.45rem;
  width: 100%;
  line-height: var(--ods-typography-button-100-line-height);
}

.ods_product_card .ods-badge-v18 .ods-tooltip osds-icon {
  background-color: #fff;
}

.ods_product_card.ods_product_card--discounted .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  color: #ac246f !important;
}

@media (min-width: 768px) {
  .header--webcloud {
    margin: 3rem auto;
  }
  .header--webcloud__grid {
    grid-template-columns: 5fr 7fr;
    gap: 1rem;
  }
  .header--webcloud__panel--info {
    background: var(--ods-color-blue-500);
    border-radius: 8px;
    margin-bottom: 0;
    padding: 2rem 2rem 4rem 2rem;
  }
  .header--webcloud__panel--info::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("./7af16cdb/contrib/ovh_theme_patternlab/images/bg-img/hatching.png");
    background-size: cover;
  }
  .header--webcloud__panel--visual {
    border-radius: 8px;
  }
  .header--webcloud__label {
    text-shadow: 0 0 8px rgba(0, 24, 94, 0.6);
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .header--webcloud__image {
    max-width: 250px;
    max-height: 250px;
  }
  .header--webcloud__form__wrapper {
    width: 66%;
  }
  .oui-back-to-top {
    right: 1.5rem;
  }
  .ods-modal__wrapper {
    width: 39.375rem;
  }
  .container {
    max-width: 728px;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .d-md-block {
    display: block !important;
  }
}
@media (min-width: 1120px) {
  .container {
    max-width: 1088px;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1280px;
  }
}
.oui-cta,
.oui-cta--icon:after {
  display: inline-block;
  vertical-align: middle;
}

button,
input {
  font-family: inherit;
  font-size: inherit;
  overflow: visible;
}

.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.oui-alert__icon {
  font-size: 1.75rem;
}

.oui-alert--information {
  background: #bef1ff;
  color: #4d5592;
}

.oui-cta {
  padding: 0.75rem 0.9375rem;
  position: relative;
  text-align: center;
  font-weight: 600;
  line-height: 1.25em;
  border-radius: 0.5rem;
  box-shadow: none;
}

.oui-cta--primary {
  color: #fff;
  border: 0.125rem solid #0050d7;
  font-size: 1.125rem;
  background-color: #0050d7;
}

.oui-cta--primary.oui-cta--disabled {
  background-color: #c4cfdb;
  border: 0.125rem solid #c4cfdb;
  color: #00185e;
}

.oui-cta--primary.oui-cta--disabled::before {
  content: none;
}

.oui-cta--link {
  color: #0050d7;
  border: none;
  padding: 0;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0);
}

.oui-cta--small {
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
}

.oui-cta--icon:after {
  font-family: icons !important;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\f103";
  font-size: inherit;
  color: inherit;
}

.oui-cta--icon::after {
  margin-left: 0.25rem;
}

.oui-cta--icon::after,
.oui-cta--icon::before {
  text-decoration: none;
}

.oui-icon-svg--rounded {
  background: rgba(133, 217, 253, 0.15);
  border-radius: 50%;
}

.oui-icon-svg--large.oui-icon-svg--rounded {
  width: 5rem;
  height: 5rem;
}

:not(.no-fill) > .oui-icon-svg svg [fill*="#"] {
  fill: #0050d7;
}

.oui-textfield {
  padding-bottom: 1rem;
}

.oui-textfield__wrapper::after {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.ods-breadcrumb {
  color: #4d5592;
  line-height: 1.25em;
}

.ods-breadcrumb__item {
  border-left: 1px solid #0050d7;
  line-height: 1em;
}

.ods-breadcrumb__item__link {
  z-index: 1;
  text-decoration: none;
  color: #0050d7;
}

.ods-breadcrumb__item__link--home::before {
  content: "";
  display: block;
  width: 220%;
  height: 180%;
  position: absolute;
  top: -60%;
  left: -60%;
  z-index: -1;
  opacity: 0;
  background-color: #85d9fd;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: scale(0) rotate(0);
}

.ods-breadcrumb__item--home {
  border-left: none;
  font-size: 0.9em;
}

.ods-language-switcher.language-switcher .language-switcher__btn {
  background: 0 0;
  border: none;
  color: #fff;
}

.ods-navbar-link--n1 .ods-navbar-link__title:after,
.ods-navbar__list__back-link:before {
  content: "\f10d";
  font-size: inherit;
  color: inherit;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-family: icons !important;
  vertical-align: middle;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
}

.ods-language-switcher.language-switcher .language-switcher__btn .language-icon {
  width: 1.5rem;
  height: 1rem;
  border-radius: 0.125rem;
  margin-right: 0.25rem;
}

.ods-language-switcher.language-switcher .language-switcher__wrapper [data-back-link] {
  color: #fff;
}

.ods-language-switcher.language-switcher .language-switcher__wrapper__language-region .otds-text {
  color: #fff;
  font-weight: 700;
}

.ods-language-switcher.language-switcher .language-switcher__wrapper::before {
  right: 1.25rem;
  left: auto;
}

.ods-language-switcher.language-switcher .language-switcher-language-url {
  padding: 0;
}

.ods-language-switcher.language-switcher .language-switcher-language-url li {
  width: 100%;
  display: inline-block;
  padding-right: 0.25rem;
}

.ods-language-switcher.language-switcher .language-switcher-language-url li .language-link {
  display: block;
  position: relative;
}

@media (max-width: 1599.98px) {
  .ods-language-switcher.language-switcher .language-switcher-language-url li .language-link .link {
    color: #fff;
    font-weight: 600;
  }
}
.ods-language-switcher.language-switcher .language-switcher-language-url li .language-link::after {
  content: "";
  border-top: 1px solid #002dbe;
  position: absolute;
  right: 1rem;
  bottom: 0;
  left: 1rem;
}

.ods-language-switcher.language-switcher .language-switcher-language-url li .language-link img {
  width: 1rem;
  height: 0.75rem;
  margin-right: 0.25rem;
}

.ods-navbar__container {
  max-width: 1280px;
}

.ods-navbar__main-menu {
  height: calc(100% - 3.125rem);
  max-width: 20rem;
  left: 0;
  position: fixed;
  right: 2.5rem;
  top: 3.125rem;
  overflow-x: hidden;
  background-color: #fff;
  transform-origin: left;
  transform: translateX(-100%);
  display: none !important;
}

.ods-navbar__main-menu:not(.no-scroll) {
  overflow-y: scroll;
}

.ods-navbar__list {
  margin: 0;
  padding: 0;
}

.ods-navbar__list__back-link {
  color: #0050d7;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25em;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.ods-navbar__list__back-link::before {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  transform: rotate(90deg);
}

.ods-navbar__list--n1 {
  opacity: 0;
}

.ods-navbar__list--n2,
.ods-navbar__list--n3 {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 20rem;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #fff;
  transform: translateX(100%);
}

.ods-navbar__list .navbar-list {
  position: relative;
  width: 100%;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
}

.ods-navbar__list .navbar-list .ods-navbar-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 100%;
}

.ods-navbar-item__additional-title {
  border-bottom: 1px solid #bef1ff;
  color: #00185e;
}

.ods-navbar-item__parent-name {
  color: #00185e;
}

.ods-navbar-item__parent-name::after {
  content: "";
  border-bottom: 1px solid #e6e6e6;
  bottom: 0;
  left: 1rem;
  position: absolute;
  right: 1rem;
}

.ods-navbar__list--n3 .ods-navbar-item__parent-name::after {
  border-bottom: none;
}

.ods-navbar-item--n2.ods-navbar-item--additional {
  display: block;
  order: 3;
  background-color: #def8ff;
}

.ods-navbar-item--back-link,
.order-0 {
  order: 0;
}

.ods-navbar-item--last-level,
.order-2 {
  order: 2;
}

.ods-navbar-link {
  border: none;
  padding: 0 1rem;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  text-align: left;
  text-decoration: none;
}

.ods-navbar-link__title {
  --custom-link-color: #0050d7;
  --custom-link-hover-color: #000e9c;
  padding: 0.5rem 0;
  color: var(--custom-link-color);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5em;
}

.ods-navbar-link--copy .ods-navbar-link__title,
.ods-navbar-link--n1 .ods-navbar-link__title {
  --custom-link-color: #00185e;
  --custom-link-hover-color: var(--custom-link-color);
  font-weight: 700;
}

.ods-navbar-link--n1 .ods-navbar-link__title {
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 1120px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.125rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 0.5rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .px-lg-2 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-lg-3 {
    padding: 0.5rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 0.5rem !important;
  }
  .p-lg-4 {
    padding: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1rem !important;
  }
  .pt-lg-5 {
    padding-top: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 1.5rem !important;
  }
  .pr-lg-6 {
    padding-right: 2rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 2rem !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .ods-language-switcher.language-switcher .language-switcher__btn {
    background: 0 0;
    border: none;
    position: relative;
  }
  .ods-language-switcher.language-switcher .language-switcher-language-url li .language-link::after,
  .ods-language-switcher.language-switcher .language-switcher__btn::after {
    content: none;
  }
  .ods-language-switcher.language-switcher .language-switcher__btn .language-icon {
    margin-right: 0;
  }
  .ods-language-switcher.language-switcher .language-switcher__wrapper {
    max-height: inherit !important;
    max-width: 31.25rem;
    left: auto;
    right: -1rem;
    transform: translateX(0);
  }
  .ods-language-switcher.language-switcher .language-switcher__wrapper__language-region .otds-text {
    color: #00185e;
  }
  .ods-language-switcher.language-switcher .language-switcher-language-url:not(:last-child) {
    border-bottom: 1px solid rgba(77, 85, 146, 0.5);
  }
  .ods-language-switcher.language-switcher .language-switcher-language-url li {
    flex: 0 0 33.333%;
  }
  .ods-language-switcher.language-switcher .language-switcher-language-url li .language-link img {
    margin-right: 0.125rem;
  }
  .ods-language-switcher.language-switcher .language-switcher-language-url li .language-link .link__centered-text {
    color: #0050d7;
    font-size: 0.75rem;
    border-bottom: none;
    padding: 0.125rem 0;
  }
  .ods-navbar {
    background-color: #fff;
    box-shadow: 0 0 1.25rem 0 rgba(0, 14, 156, 0.2);
  }
  .ods-navbar__container {
    margin: 0 auto;
    padding: 0 1rem;
    position: relative;
  }
  .ods-navbar__main-menu {
    display: block !important;
    height: auto;
    max-width: none;
    position: static;
    overflow: visible;
    transform: none;
  }
  .ods-navbar__main-menu:not(.no-scroll) {
    overflow-y: unset;
  }
  .ods-navbar__list--n2,
  .ods-navbar__list--n3 {
    height: auto;
    max-width: none;
    bottom: auto;
    position: absolute;
    visibility: hidden;
  }
  .ods-navbar__list--n1 {
    opacity: 1;
  }
  .ods-navbar__list--n2 {
    display: block;
    width: 100%;
    padding-top: 0;
    left: 0;
    right: auto;
    top: 100%;
    z-index: -1;
    overflow: hidden;
    opacity: 0;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 14, 156, 0.2);
    transform-origin: top center;
    transform: scaleY(0);
  }
  .ods-navbar__list--grid,
  .ods-navbar__list--has-additional {
    display: grid;
    grid-template-areas: "parent additional" "links additional";
  }
  .ods-navbar__list--n3 {
    width: 0;
    border-left: 0.125rem solid #def8ff;
    left: auto;
    right: 0;
    top: 0;
    overflow-y: visible;
    opacity: 0;
  }
  .ods-navbar__list--grid {
    grid-template-columns: 65% 35%;
  }
  .ods-navbar__list--grid.ods-navbar__list--n3 {
    grid-template-areas: "links additional";
  }
  .ods-navbar__list--grid .ods-navbar-item--parent {
    grid-area: parent;
  }
  .ods-navbar__list--grid .ods-navbar-item {
    grid-area: links;
  }
  .ods-navbar__list--grid .ods-navbar-item--additional {
    grid-area: additional;
  }
  .ods-navbar__list--last-level {
    padding: 0 0.75rem;
    list-style-type: none;
    -moz-columns: 2 auto;
    columns: 2 auto;
  }
  .ods-navbar__list--last-level.ods-navbar__list--no-cols {
    width: 50%;
    -moz-columns: 1;
    columns: 1;
  }
  .ods-navbar__list--n3 .ods-navbar__list--last-level {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ods-navbar__list--has-additional {
    grid-template-columns: 75% 25%;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
  }
  .ods-navbar-item {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
    opacity: 0;
  }
  .ods-navbar-item__parent-name::after {
    left: 1.5rem;
    right: 1.5rem;
  }
  .ods-navbar__list--n3 .ods-navbar-item__parent-name::after {
    border-bottom: 1px solid #e6e6e6;
    left: 1rem;
    right: 1rem;
  }
  .ods-navbar-item--n1 {
    opacity: 1;
  }
  .ods-navbar-item--parent {
    grid-area: parent;
  }
  .ods-navbar-item--additional {
    grid-area: additional;
  }
  .ods-navbar-item--last-level {
    grid-area: links;
  }
  .ods-navbar-link {
    display: flex !important;
    align-items: center;
    border-bottom: none;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
  }
  .ods-navbar-item--parent .ods-navbar-link[data-olu] {
    width: auto;
  }
  .ods-navbar-link--active .ods-navbar-link__title {
    --custom-link-color: #000e9c;
  }
  .ods-navbar-link--n1 .ods-navbar-link__title {
    --custom-link-color: #0050d7;
    --custom-link-hover-color: var(--custom-link-color);
    border-bottom: none;
    font-weight: 600;
    line-height: 1em;
  }
  .ods-navbar-link--n1 .ods-navbar-link__title::after {
    content: none;
  }
}
.ods-navbar-link--active .ods-navbar-link__title,
.ods-navbar-link--n1 {
  --custom-link-hover-color: #00185e;
}

.ods-navbar-link--n1 .ods-navbar-link__title::after {
  position: absolute;
  right: 0;
  top: 50%;
  color: var(--custom-link-color);
  font-size: 1.25rem;
  transform: translateY(-50%) rotate(-90deg);
}

.ods-navbar-link--copy .ods-navbar-link__title {
  border-bottom: 1px solid #e6e6e6;
}

.ods-navbar-link--copy .ods-navbar-link__title:after {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\f103";
  font-size: inherit;
  color: inherit;
}

.ods-navbar-link--copy .ods-navbar-link__title::after {
  position: static;
  margin-left: 0.25rem;
  color: #0050d7;
  font-size: 1.25rem;
  transform: none;
}

.ods-navbar-item--last-level .ods-navbar-link__title,
.ods-navbar-item:last-of-type:not(.first-position-on-mobile) .ods-navbar-link__title,
.ods-navbar-link--discover .ods-navbar-link__title {
  display: block;
  border-bottom: none;
}

.ods-navbar-item--last-level .ods-navbar-link__title,
.ods-navbar-link--discover .ods-navbar-link__title {
  padding: 0;
}

.ods-navbar-link--subcategory .ods-navbar-link__title {
  --custom-link-color: #00185e;
  --custom-link-hover-color: #00185e;
  padding-right: 1.5rem;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 700;
}

.ods-navbar-link--subcategory .ods-navbar-link__title:after {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\f10d";
  font-size: inherit;
  color: inherit;
}

.ods-navbar-link--subcategory .ods-navbar-link__title::after {
  position: absolute;
  top: 50%;
  right: 0;
  color: #0050d7;
  font-size: 1.25rem;
  transform: translateY(-50%) rotate(-90deg);
}

.ods-navbar-link__desc {
  color: #4d5592;
  padding: 0 1rem;
}

.ods-navbar-item--last-level .ods-navbar-link,
.ods-navbar-link--discover,
.ods-navbar-link--n3,
.ods-navbar__list--last-level .ods-navbar-link {
  padding-bottom: 0.125rem;
  padding-top: 0.25rem;
}

.offer-promotion-modal {
  text-align: left;
}

.offer-promotion-modal__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25em;
  color: #00185e !important;
}

.offer-promotion-modal__subtitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25em;
  margin-bottom: 0 !important;
  color: #00185e !important;
}

.ods-product-information-preview {
  text-align: center;
}

.odss-card .otds-text .oui-cta--link,
.odss-section__deals .odss-card .ods-product-information-preview,
body,
caption {
  text-align: left;
}

.ods-product-information-preview__price-1,
.order-1 {
  order: 1;
}

.ods-product-information-preview__price-1 .tax-excluded-price,
.ods-product-information-preview__price-1 .tax-included-price {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25em;
  display: block;
}

.ods-product-information-preview__price-1 .tax-excluded-price {
  margin-bottom: 0.25rem;
}

.ods-product-information-preview__price-1 .tax-excluded-price .price-prefix,
.ods-product-information-preview__price-1 .tax-excluded-price .price-suffix,
.ods-product-information-preview__price-1 .tax-excluded-price .price-value,
.oui-select-open .oui-select-items {
  display: block;
}

.ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  font-weight: 700;
  line-height: 1em;
}

.ods-product-information-preview__cta,
.order-3 {
  order: 3;
}

.ods-search-bar {
  z-index: 2;
}

.ods-search-bar__wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
}

.ods-header .ods-search-bar__wrapper {
  position: absolute;
  top: 3.125rem;
  right: 0;
  transform: translateY(-100%);
  opacity: 0;
  z-index: -1;
}

.ods-search-bar__form__input {
  height: 2.625rem;
  width: 100%;
  border: 1px solid #85d9fd;
  color: #4d5592;
}

.ods-search-bar__form__input::-webkit-search-cancel-button,
.ods-search-bar__form__input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

.ods-search-bar__form__input::-webkit-input-placeholder {
  color: #87888c;
}

.ods-search-bar__form__input::-moz-placeholder {
  color: #87888c;
}

.ods-search-bar__form__input:-ms-input-placeholder {
  color: #87888c;
}

.ods-search-bar__form__submit {
  display: block;
  border: none;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  background: rgba(0, 0, 0, 0);
  transform: translateY(-50%);
}

.ods-search-bar__form__submit:before {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  content: "\f135";
  font-size: inherit;
  color: inherit;
}

.ods-search-bar__form__submit::before {
  color: #0050d7;
  font-size: 2rem;
}

.ods-search-bar__autocomplete {
  background: #fff;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  border: 1px solid #85d9fd;
  color: #4d5592;
  margin-top: -1px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

@media (min-width: 768px) {
  .align-items-md-center {
    align-items: center !important;
  }
  .mb-md-2 {
    margin-bottom: 0.25rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .text-level--xs {
    font-size: 0.75rem;
  }
  .ods-product-information-preview__price-1 .tax-excluded-price,
  .ods-product-information-preview__price-1 .tax-included-price,
  .text-level--sm {
    font-size: 0.875rem;
  }
  .layout-container,
  .ods-header .ods-header-topbar__content__menu__item__back-link,
  .ods-header .ods-header-topbar__content__menu__item__link,
  .ods-navbar__list__back-link,
  .text-level--base {
    font-size: 1rem;
  }
  .offer-promotion-modal__subtitle,
  .text-level--md {
    font-size: 1.125rem;
  }
  .text-level--xl {
    font-size: 1.75rem;
  }
  .offer-promotion-modal__title {
    font-size: 1.25rem;
  }
  .ods-search-bar__autocomplete {
    position: absolute;
    width: 100%;
    right: 0;
  }
}
.layout-container h1:not([class]),
.layout-container h2:not([class]),
.layout-container h3:not([class]),
.layout-container h4:not([class]),
.layout-container h5:not([class]),
.layout-container h6:not([class]),
.ods-search-bar__autocomplete__category {
  color: #00185e;
}

.ods-search-bar__loader {
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
}

.ods-search-bar__loader::before {
  content: "";
  display: block;
  background-position: center;
  background-image: url("./7af16cdb/contrib/ovh_theme_patternlab/images/loader.gif");
  background-size: 200%;
  width: 1.5625rem;
  height: 1.5625rem;
}

.ods-header .ods-header-topbar__content__menu__item__back-link:after,
.ods-header .ods-header-topbar__content__menu__item__link--has-subitems:after,
.ods-header .ods-header-topbar__content__menu__item__link--notifs:after {
  font-family: icons !important;
  display: inline-block;
  font-weight: 400;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  font-style: normal;
  vertical-align: middle;
}

.ods-overlay--search {
  z-index: auto;
}

.ods-header {
  top: 0;
  width: 100%;
  z-index: 302;
}

.ods-header .ods-header-topbar {
  position: relative;
  z-index: 2;
  box-shadow: 0 0 6px rgba(0, 13, 158, 0.2);
  background-color: #fff;
  color: #0050d7;
}

.ods-header .ods-header-topbar__content {
  max-width: 1280px;
  margin: 0 auto;
}

.ods-header .ods-header-topbar__content__logo {
  width: 9.4375rem;
  height: 1.5rem;
  color: #000e9c;
}

.ods-header .ods-header-topbar__content__menu__item__link {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  padding: 0 1rem;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  text-decoration: none;
  box-shadow: none;
  width: 100%;
  text-align: left;
}

.ods-header .ods-header-topbar__content__menu__item__link__title {
  border-bottom: 1px solid #002dbe;
  padding: 0.5rem 0;
}

.ods-header .ods-header-topbar__content__menu__item__link--has-subitems .ods-header-topbar__content__menu__item__link__title {
  padding-right: 2rem;
}

.ods-header .ods-header-topbar__content__menu__item__link__icon-wrapper {
  line-height: 1;
}

.ods-header .ods-header-topbar__content__menu__item__link__icon-notif {
  position: absolute;
  font-size: 1rem;
}

.ods-header .ods-header-topbar__content__menu__item__link .oui-icon-svg svg {
  width: 1rem;
  height: 1rem;
}

.ods-header .ods-header-topbar__content__menu__item__link .oui-icon-svg svg [fill*="#"] {
  fill: #fff;
}

.ods-header .ods-header-topbar__content__menu__item__link__notif-amount {
  box-sizing: border-box;
  min-width: 1rem;
  min-height: 1rem;
  top: 0.5rem;
  left: 1.5rem;
  background-color: #c11b1b;
  line-height: 1;
  border-radius: 0.5rem;
}

@media (min-width: 1120px) and (min-width: 768px) {
  .ods-header .ods-header-topbar__content__menu__item__link--n2 {
    font-size: 0.875rem;
  }
}
.ods-header .ods-header-topbar__content__menu__item__link--has-subitems:after,
.ods-header .ods-header-topbar__content__menu__item__link--notifs:after {
  line-height: 1;
  content: "\f10d";
  font-size: inherit;
  color: inherit;
}

.ods-header .ods-header-topbar__content__menu__item__link--has-subitems::after,
.ods-header .ods-header-topbar__content__menu__item__link--notifs::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  font-size: 1.25rem;
  color: #fff;
  transform: translateY(-50%) rotate(-90deg);
}

.ods-header .ods-header-topbar__content__menu__item__link--notifs {
  width: 100%;
  border: none;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.ods-header .ods-header-topbar__content__menu__item__back-link {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1em;
  color: #fff;
  border: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}

.ods-header .ods-header-topbar__content__menu__item__back-link:after {
  line-height: 1;
  content: "\f10d";
  font-size: inherit;
  color: inherit;
}

.ods-header .ods-header-topbar__content__menu__item__back-link::before {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  transform: rotate(90deg);
}

.fade:not(.show),
.ods-header .ods-header-topbar__content__menu__item--n1 {
  opacity: 0;
}

.ods-header .ods-header-topbar__content__menu__item--manager::after {
  content: "";
  width: 0;
  height: 1rem;
  border-right: 1px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ods-header .ods-header-topbar__content__menu--n1 {
  background-color: #000e9c;
}

.ods-header .ods-header-topbar__content__menu--n2 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  width: 100%;
  max-width: 20rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #000e9c;
  transform: translateX(100%);
}

.ods-header-button {
  width: 3.125rem;
  min-height: 3.125rem;
  padding: 0;
  border: none;
  position: relative;
  background: rgba(0, 0, 0, 0);
  color: #0050d7;
  font-size: 1.5rem;
  line-height: 1;
}

.ods-header-button__content,
.ods-header-button__content::after,
.ods-header-button__content::before {
  display: block;
  width: 1rem;
  height: 0.125rem;
  position: relative;
  background-color: #0050d7;
  border-radius: 1px;
}

.ods-header-button__content::after,
.ods-header-button__content::before {
  content: "";
  display: block;
  position: absolute;
  transform-origin: center;
}

.ods-header-button__content::before {
  top: -0.25rem;
  transform: translateY(-100%);
}

.ods-header-button__content::after {
  bottom: -0.25rem;
  transform: translateY(100%);
}

.ods-header-button--search {
  position: absolute;
  display: flex;
  top: 0;
  right: 3.125rem;
  z-index: 300;
  font-size: 2rem;
}

.ods-header-button--close-search {
  min-height: 2.5rem;
  right: 0;
  top: 0;
  color: #0050d7;
}

.ods-header-button--close-search .icon--close {
  font-size: 0.75rem;
}

.ods-header__login-menu {
  background-color: #def8ff;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 14, 156, 0.2);
}

.ods-header__login-menu__wrapper {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.ods-header__login-menu__content {
  background-color: #fff;
  color: #4d5592;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.25rem 0 rgba(0, 14, 156, 0.2);
}

.ods-header__login-menu__content__icon {
  font-size: 2.25rem;
  color: #0050d7;
}

.otds-text *,
body {
  font-size: inherit;
}

.ods-header__login-menu__content__icon-wrapper {
  border: 1px solid #bef1ff;
}

.ods-header__login-menu__content__link-wrapper {
  border-bottom: 1px solid #e6e6e6;
}

.ods-header__login-menu__content__link-wrapper:last-of-type {
  border-bottom: none;
}

.ods-section__content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ods-domain-form__title {
  color: #0050d7 !important;
}

.ovh-domain-form--modal .ods-domain-form__title {
  color: #00185e !important;
}

.ovh-domain-form--modal .ods-domain-form__input {
  border-color: #4bb2f6;
}

.odss-accordion--limited-width .odss-accordion__content {
  max-width: 50rem;
}

.otds-link .link {
  padding: 0;
  border: 0;
  background: 0 0;
  line-height: initial;
}

.otds-text * {
  font-weight: inherit;
}

.ods-title-semibold,
.oui-select,
.oui-select-wrapper--multi-levels .oui-select-items b {
  font-weight: 600;
}

[level=heading][hue="800"][color^=primary].otds-text {
  --osds-text-color-specific-hue: var(--ods-color-primary-800);
}

svg {
  touch-action: none;
  overflow: hidden;
  vertical-align: middle;
}

:root {
  --ods-typo-size-01: calc(0.75rem * var(--ods-typo-size-ratio));
  --ods-typo-size-02: calc(0.875rem * var(--ods-typo-size-ratio));
  --ods-line-height-size-01: calc(0.875rem * var(--ods-typo-size-ratio));
  --ods-letter-spacing-size-01: calc(-0.019rem * var(--ods-typo-size-ratio));
  --ods-typo-weight-extra-light: 200;
  --ods-typo-weight-light: 300;
  --ods-typo-weight-regular: 400;
  --ods-typo-weight-semibold: 600;
  --ods-typo-weight-bold: 700;
  --ods-typo-weight-black: 900;
  --ods-typography-title-lg-font-weight: 700;
  --ods-typography-title-xs-font-weight: 700;
  --ods-breakpoint-xs: 36em;
  --ods-breakpoint-sm: 48em;
  --ods-breakpoint-md: 62em;
  --ods-breakpoint-lg: 75em;
  --ods-breakpoint-xl: 87.5em;
  --ods-size-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stack-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-stack-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-stack-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-stack-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-stack-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-stack-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-stack-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-stack-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-stack-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stack-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-inline-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inline-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-inline-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inline-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-inline-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inline-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-inline-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inline-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-inline-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inline-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-inset-01: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inset-01-x: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inset-01-y: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-inset-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-inset-02: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inset-02-x: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inset-02-y: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-inset-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-inset-03: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inset-03-x: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inset-03-y: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-inset-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-inset-04: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inset-04-x: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inset-04-y: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-inset-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-inset-05: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inset-05-x: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inset-05-y: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-inset-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-squish-01: calc(0.0625rem * var(--ods-size-ratio))
    calc(0.09375rem * var(--ods-size-ratio));
  --ods-size-squish-01-x: calc(0.09375rem * var(--ods-size-ratio));
  --ods-size-squish-01-y: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-squish-n-01: calc(-1 * calc(0.0625rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.09375rem * var(--ods-size-ratio)));
  --ods-size-squish-02: calc(0.125rem * var(--ods-size-ratio))
    calc(0.1875rem * var(--ods-size-ratio));
  --ods-size-squish-02-x: calc(0.1875rem * var(--ods-size-ratio));
  --ods-size-squish-02-y: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-squish-n-02: calc(-1 * calc(0.125rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.1875rem * var(--ods-size-ratio)));
  --ods-size-squish-03: calc(0.25rem * var(--ods-size-ratio))
    calc(0.375rem * var(--ods-size-ratio));
  --ods-size-squish-03-x: calc(0.375rem * var(--ods-size-ratio));
  --ods-size-squish-03-y: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-squish-n-03: calc(-1 * calc(0.25rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.375rem * var(--ods-size-ratio)));
  --ods-size-squish-04: calc(0.5rem * var(--ods-size-ratio))
    calc(0.75rem * var(--ods-size-ratio));
  --ods-size-squish-04-x: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-squish-04-y: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-squish-n-04: calc(-1 * calc(0.5rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-squish-05: calc(0.75rem * var(--ods-size-ratio))
    calc(1.125rem * var(--ods-size-ratio));
  --ods-size-squish-05-y: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-squish-n-05: calc(-1 * calc(0.75rem * var(--ods-size-ratio)))
    calc(-1 * calc(1.125rem * var(--ods-size-ratio)));
  --ods-size-stretch-01: calc(0.09375rem * var(--ods-size-ratio))
    calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-stretch-01-x: calc(0.0625rem * var(--ods-size-ratio));
  --ods-size-stretch-01-y: calc(0.09375rem * var(--ods-size-ratio));
  --ods-size-stretch-n-01: calc(-1 * calc(0.09375rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.0625rem * var(--ods-size-ratio)));
  --ods-size-stretch-02: calc(0.1875rem * var(--ods-size-ratio))
    calc(0.125rem * var(--ods-size-ratio));
  --ods-size-stretch-02-x: calc(0.125rem * var(--ods-size-ratio));
  --ods-size-stretch-02-y: calc(0.1875rem * var(--ods-size-ratio));
  --ods-size-stretch-n-02: calc(-1 * calc(0.1875rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.125rem * var(--ods-size-ratio)));
  --ods-size-stretch-03: calc(0.375rem * var(--ods-size-ratio))
    calc(0.25rem * var(--ods-size-ratio));
  --ods-size-stretch-03-x: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-stretch-03-y: calc(0.375rem * var(--ods-size-ratio));
  --ods-size-stretch-n-03: calc(-1 * calc(0.375rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.25rem * var(--ods-size-ratio)));
  --ods-size-stretch-04: calc(0.75rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-stretch-04-x: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-stretch-04-y: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stretch-n-04: calc(-1 * calc(0.75rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.5rem * var(--ods-size-ratio)));
  --ods-size-stretch-05: calc(1.125rem * var(--ods-size-ratio))
    calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stretch-05-x: calc(0.75rem * var(--ods-size-ratio));
  --ods-size-stretch-n-05: calc(-1 * calc(1.125rem * var(--ods-size-ratio)))
    calc(-1 * calc(0.75rem * var(--ods-size-ratio)));
  --ods-size-border-radius-01: calc(0.25rem * var(--ods-size-ratio));
  --ods-size-border-radius-02: calc(0.5rem * var(--ods-size-ratio));
  --ods-size-border-radius-03: calc(1rem * var(--ods-size-ratio));
  --ods-font-family: 'Source Sans Pro', 'Trebuchet MS', arial, 'Segoe UI',
    sans-serif;
  --ods-accordion-animation-opening: toggle 0.3s;
  --ods-color-gray-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-050: hsla(0deg, 0%, 94.9%, 1);
  --ods-color-gray-100: hsla(0deg, 0%, 90.2%, 1);
  --ods-color-gray-200: hsla(0deg, 0%, 80%, 1);
  --ods-color-gray-300: hsla(0deg, 0%, 70.2%, 1);
  --ods-color-gray-400: hsla(0deg, 0%, 60%, 1);
  --ods-color-gray-500: hsla(0deg, 0%, 50.2%, 1);
  --ods-color-gray-600: hsla(0deg, 0%, 40%, 1);
  --ods-color-gray-700: hsla(0deg, 0%, 30.2%, 1);
  --ods-color-gray-800: hsla(0deg, 0%, 20%, 1);
  --ods-color-gray-900: hsla(0deg, 0%, 10.2%, 1);
  --ods-color-gray-1000: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-000-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-050-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-100-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-200-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-300-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-400-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-gray-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-1000-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-050: hsla(186deg, 100%, 98%, 1);
  --ods-color-blue-075: hsla(192.7deg, 100%, 93.5%, 1);
  --ods-color-blue-100: hsla(192.9deg, 100%, 87.3%, 1);
  --ods-color-blue-200: hsla(198deg, 96.8%, 75.7%, 1);
  --ods-color-blue-300: hsla(203.9deg, 90.5%, 62.9%, 1);
  --ods-color-blue-400: hsla(210.4deg, 83.5%, 50%, 1);
  --ods-color-blue-500: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-600: hsla(225.8deg, 100%, 37.3%, 1);
  --ods-color-blue-700: hsla(234.6deg, 100%, 30.6%, 1);
  --ods-color-blue-800: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-blue-900: hsla(214.8deg, 100%, 6.1%, 1);
  --ods-color-blue-000-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-050-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-075-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-100-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-200-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-300-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-400-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-blue-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-blue-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-gray-blue-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-blue-100: hsla(234deg, 13%, 85%, 1);
  --ods-color-gray-blue-500: hsla(233deg, 31%, 44%, 1);
  --ods-color-gray-blue-900: hsla(233deg, 31%, 22%, 1);
  --ods-color-gray-blue-900-list: 233deg, 31%, 22%;
  --ods-color-gray-blue-000-contrasted: hsla(233deg, 31%, 44%, 1);
  --ods-color-gray-blue-000-contrasted-list: 233deg, 31%, 44%;
  --ods-color-gray-blue-100-contrasted: hsla(233deg, 31%, 44%, 1);
  --ods-color-gray-blue-100-contrasted-list: 233deg, 31%, 44%;
  --ods-color-gray-blue-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-blue-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-gray-blue-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-red-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-050: hsla(345.6deg, 100%, 95.1%, 1);
  --ods-color-red-100: hsla(344.7deg, 100%, 90%, 1);
  --ods-color-red-200: hsla(347.4deg, 72.9%, 76.9%, 1);
  --ods-color-red-300: hsla(350.1deg, 69.7%, 67.6%, 1);
  --ods-color-red-400: hsla(349.6deg, 61.9%, 50.6%, 1);
  --ods-color-red-500: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-600: hsla(349.9deg, 100%, 32.5%, 1);
  --ods-color-red-700: hsla(350.2deg, 100%, 25.1%, 1);
  --ods-color-red-800: hsla(350deg, 100%, 20%, 1);
  --ods-color-red-900: hsla(349.9deg, 100%, 15.1%, 1);
  --ods-color-red-000-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-050-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-100-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-200-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-300-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-400-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-red-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-red-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-050: hsla(50.6deg, 100%, 90%, 1);
  --ods-color-orange-100: hsla(50deg, 98.4%, 76.1%, 1);
  --ods-color-orange-200: hsla(42.7deg, 98.7%, 69.6%, 1);
  --ods-color-orange-300: hsla(38.3deg, 100%, 63.1%, 1);
  --ods-color-orange-400: hsla(35deg, 100%, 56.7%, 1);
  --ods-color-orange-500: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-600: hsla(32.9deg, 100%, 40%, 1);
  --ods-color-orange-700: hsla(32.9deg, 100%, 30%, 1);
  --ods-color-orange-800: hsla(32.9deg, 100%, 20%, 1);
  --ods-color-orange-900: hsla(32.7deg, 100%, 15.1%, 1);
  --ods-color-orange-000-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-050-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-100-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-200-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-300-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-400-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-orange-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-orange-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-050: hsla(100deg, 60%, 92.2%, 1);
  --ods-color-green-100: hsla(100deg, 64.9%, 85.5%, 1);
  --ods-color-green-200: hsla(103.9deg, 44.6%, 63.9%, 1);
  --ods-color-green-300: hsla(103.9deg, 43.2%, 49%, 1);
  --ods-color-green-400: hsla(100.3deg, 66.3%, 36.1%, 1);
  --ods-color-green-500: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-600: hsla(100.2deg, 100%, 22.5%, 1);
  --ods-color-green-700: hsla(100deg, 100%, 20%, 1);
  --ods-color-green-800: hsla(99.7deg, 100%, 15.1%, 1);
  --ods-color-green-900: hsla(100deg, 100%, 10%, 1);
  --ods-color-green-000-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-050-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-100-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-200-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-300-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-400-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-green-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-green-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-050: hsla(325.7deg, 44.7%, 90.8%, 1);
  --ods-color-pink-100: hsla(327.8deg, 45.1%, 82.2%, 1);
  --ods-color-pink-200: hsla(326.9deg, 44.4%, 70.4%, 1);
  --ods-color-pink-300: hsla(326.5deg, 45%, 58.6%, 1);
  --ods-color-pink-400: hsla(326.7deg, 48.6%, 48%, 1);
  --ods-color-pink-500: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-600: hsla(326.7deg, 65%, 35.9%, 1);
  --ods-color-pink-700: hsla(327.1deg, 65.4%, 30.6%, 1);
  --ods-color-pink-800: hsla(326.7deg, 64.8%, 24.5%, 1);
  --ods-color-pink-900: hsla(326.6deg, 65.6%, 18.2%, 1);
  --ods-color-pink-000-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-050-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-100-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-200-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-300-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-400-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-pink-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-pink-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-000-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-050: hsla(0deg, 0%, 94.9%, 1);
  --ods-color-default-050-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-100: hsla(0deg, 0%, 90.2%, 1);
  --ods-color-default-100-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-200: hsla(0deg, 0%, 80%, 1);
  --ods-color-default-200-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-300: hsla(0deg, 0%, 70.2%, 1);
  --ods-color-default-300-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-400: hsla(0deg, 0%, 60%, 1);
  --ods-color-default-400-contrasted: hsla(0deg, 0%, 0%, 1);
  --ods-color-default-500: hsla(0deg, 0%, 50.2%, 1);
  --ods-color-default-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-600: hsla(0deg, 0%, 40%, 1);
  --ods-color-default-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-700: hsla(0deg, 0%, 30.2%, 1);
  --ods-color-default-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-800: hsla(0deg, 0%, 20%, 1);
  --ods-color-default-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-default-900: hsla(0deg, 0%, 10.2%, 1);
  --ods-color-default-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-000-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-050: hsla(186deg, 100%, 98%, 1);
  --ods-color-primary-050-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-075: hsla(192.7deg, 100%, 93.5%, 1);
  --ods-color-primary-075-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-100: hsla(192.9deg, 100%, 87.3%, 1);
  --ods-color-primary-100-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-200: hsla(198deg, 96.8%, 75.7%, 1);
  --ods-color-primary-200-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-300: hsla(203.9deg, 90.5%, 62.9%, 1);
  --ods-color-primary-300-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-400: hsla(210.4deg, 83.5%, 50%, 1);
  --ods-color-primary-400-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-500: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-primary-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-600: hsla(225.8deg, 100%, 37.3%, 1);
  --ods-color-primary-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-700: hsla(234.6deg, 100%, 30.6%, 1);
  --ods-color-primary-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-800: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-primary-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-900: hsla(214.8deg, 100%, 6.1%, 1);
  --ods-color-primary-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-primary-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-text-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-text-000-contrasted: hsla(233deg, 31%, 44%, 1);
  --ods-color-text-000-contrasted-list: 233deg, 31%, 44%;
  --ods-color-text-100: hsla(234deg, 13%, 85%, 1);
  --ods-color-text-100-contrasted: hsla(233deg, 31%, 44%, 1);
  --ods-color-text-100-contrasted-list: 233deg, 31%, 44%;
  --ods-color-text-500: hsla(233deg, 31%, 44%, 1);
  --ods-color-text-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-text-900: hsla(233deg, 31%, 22%, 1);
  --ods-color-text-900-list: 233deg, 31%, 22%;
  --ods-color-text-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-text-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-accent-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-000-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-050: hsla(325.7deg, 44.7%, 90.8%, 1);
  --ods-color-accent-050-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-100: hsla(327.8deg, 45.1%, 82.2%, 1);
  --ods-color-accent-100-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-200: hsla(326.9deg, 44.4%, 70.4%, 1);
  --ods-color-accent-200-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-300: hsla(326.5deg, 45%, 58.6%, 1);
  --ods-color-accent-300-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-400: hsla(326.7deg, 48.6%, 48%, 1);
  --ods-color-accent-400-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-500: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-accent-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-600: hsla(326.7deg, 65%, 35.9%, 1);
  --ods-color-accent-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-700: hsla(327.1deg, 65.4%, 30.6%, 1);
  --ods-color-accent-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-800: hsla(326.7deg, 64.8%, 24.5%, 1);
  --ods-color-accent-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-accent-900: hsla(326.6deg, 65.6%, 18.2%, 1);
  --ods-color-accent-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-000-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-050: hsla(345.6deg, 100%, 95.1%, 1);
  --ods-color-error-050-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-100: hsla(344.7deg, 100%, 90%, 1);
  --ods-color-error-100-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-200: hsla(347.4deg, 72.9%, 76.9%, 1);
  --ods-color-error-200-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-300: hsla(350.1deg, 69.7%, 67.6%, 1);
  --ods-color-error-300-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-400: hsla(349.6deg, 61.9%, 50.6%, 1);
  --ods-color-error-400-contrasted: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-500: hsla(349.9deg, 100%, 37.5%, 1);
  --ods-color-error-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-600: hsla(349.9deg, 100%, 32.5%, 1);
  --ods-color-error-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-700: hsla(350.2deg, 100%, 25.1%, 1);
  --ods-color-error-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-800: hsla(350deg, 100%, 20%, 1);
  --ods-color-error-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-error-900: hsla(349.9deg, 100%, 15.1%, 1);
  --ods-color-error-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-000-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-050: hsla(50.6deg, 100%, 90%, 1);
  --ods-color-warning-050-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-100: hsla(50deg, 98.4%, 76.1%, 1);
  --ods-color-warning-100-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-200: hsla(42.7deg, 98.7%, 69.6%, 1);
  --ods-color-warning-200-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-300: hsla(38.3deg, 100%, 63.1%, 1);
  --ods-color-warning-300-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-400: hsla(35deg, 100%, 56.7%, 1);
  --ods-color-warning-400-contrasted: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-500: hsla(32.7deg, 100%, 50%, 1);
  --ods-color-warning-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-600: hsla(32.9deg, 100%, 40%, 1);
  --ods-color-warning-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-700: hsla(32.9deg, 100%, 30%, 1);
  --ods-color-warning-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-800: hsla(32.9deg, 100%, 20%, 1);
  --ods-color-warning-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-warning-900: hsla(32.7deg, 100%, 15.1%, 1);
  --ods-color-warning-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-000-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-050: hsla(100deg, 60%, 92.2%, 1);
  --ods-color-success-050-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-100: hsla(100deg, 64.9%, 85.5%, 1);
  --ods-color-success-100-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-200: hsla(103.9deg, 44.6%, 63.9%, 1);
  --ods-color-success-200-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-300: hsla(103.9deg, 43.2%, 49%, 1);
  --ods-color-success-300-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-400: hsla(100.3deg, 66.3%, 36.1%, 1);
  --ods-color-success-400-contrasted: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-500: hsla(99.8deg, 100%, 25.1%, 1);
  --ods-color-success-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-600: hsla(100.2deg, 100%, 22.5%, 1);
  --ods-color-success-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-700: hsla(100deg, 100%, 20%, 1);
  --ods-color-success-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-800: hsla(99.7deg, 100%, 15.1%, 1);
  --ods-color-success-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-success-900: hsla(100deg, 100%, 10%, 1);
  --ods-color-success-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-000-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-050: hsla(186deg, 100%, 98%, 1);
  --ods-color-info-050-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-075: hsla(192.7deg, 100%, 93.5%, 1);
  --ods-color-info-075-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-100: hsla(192.9deg, 100%, 87.3%, 1);
  --ods-color-info-100-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-200: hsla(198deg, 96.8%, 75.7%, 1);
  --ods-color-info-200-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-300: hsla(203.9deg, 90.5%, 62.9%, 1);
  --ods-color-info-300-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-400: hsla(210.4deg, 83.5%, 50%, 1);
  --ods-color-info-400-contrasted: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-500: hsla(217.7deg, 100%, 42.2%, 1);
  --ods-color-info-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-600: hsla(225.8deg, 100%, 37.3%, 1);
  --ods-color-info-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-700: hsla(234.6deg, 100%, 30.6%, 1);
  --ods-color-info-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-800: hsla(224.7deg, 100%, 18.4%, 1);
  --ods-color-info-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-900: hsla(214.8deg, 100%, 6.1%, 1);
  --ods-color-info-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-info-900-contrasted-list: 0deg, 0%, 100%;
  --ods-color-promotion-000: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-000-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-050: hsla(325.7deg, 44.7%, 90.8%, 1);
  --ods-color-promotion-050-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-100: hsla(327.8deg, 45.1%, 82.2%, 1);
  --ods-color-promotion-100-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-200: hsla(326.9deg, 44.4%, 70.4%, 1);
  --ods-color-promotion-200-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-300: hsla(326.5deg, 45%, 58.6%, 1);
  --ods-color-promotion-300-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-400: hsla(326.7deg, 48.6%, 48%, 1);
  --ods-color-promotion-400-contrasted: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-500: hsla(326.9deg, 65.4%, 40.8%, 1);
  --ods-color-promotion-500-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-600: hsla(326.7deg, 65%, 35.9%, 1);
  --ods-color-promotion-600-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-700: hsla(327.1deg, 65.4%, 30.6%, 1);
  --ods-color-promotion-700-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-800: hsla(326.7deg, 64.8%, 24.5%, 1);
  --ods-color-promotion-800-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-color-promotion-900: hsla(326.6deg, 65.6%, 18.2%, 1);
  --ods-color-promotion-900-contrasted: hsla(0deg, 0%, 100%, 1);
  --ods-size-breadcrumb-md-padding: 0 var(--ods-size-inset-04);
  --ods-size-button-sm-border-radius: var(--ods-size-border-radius-02);
  --ods-size-button-md-border-radius: var(--ods-size-border-radius-02);
  --ods-size-cart-sm-mobile-handle-border-radius: var(
    --ods-size-border-radius-01
  );
  --ods-size-cart-sm-mobile-handle-width: clamp(
    calc(4rem * var(--ods-size-ratio)),
    20vw,
    calc(8rem * var(--ods-size-ratio))
  );
  --ods-size-checkbox-button-sm-border-width: var(--ods-size-02);
  --ods-size-checkbox-button-sm-height: var(--ods-size-06);
  --ods-size-checkbox-button-sm-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-checkbox-button-sm-width: var(--ods-size-06);
  --ods-size-checkbox-button-md-border-width: var(--ods-size-02);
  --ods-size-checkbox-button-md-height: var(--ods-size-08);
  --ods-size-checkbox-button-md-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-checkbox-button-md-width: var(--ods-size-08);
  --ods-size-chip-sm-border-radius: var(--ods-size-border-radius-03);
  --ods-size-chip-md-border-radius: var(--ods-size-border-radius-03);
  --ods-size-code-md-border-radius: var(--ods-size-border-radius-01);
  --ods-size-code-md-min-height: var(--ods-size-09);
  --ods-size-code-md-global-padding: var(--ods-size-inset-03);
  --ods-size-code-md-code-padding: var(--ods-size-inset-04);
  --ods-size-input-md-border-radius: var(--ods-size-border-radius-01);
  --ods-size-pagination-md-height: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-pagination-md-padding-y: 0;
  --ods-size-pagination-md-padding-x: var(--ods-size-inline-04);
  --ods-size-radio-button-sm-border-width: calc(0.2rem * var(--ods-size-ratio));
  --ods-size-radio-button-sm-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-radio-button-md-border-width: calc(0.2rem * var(--ods-size-ratio));
  --ods-size-radio-button-md-margin: calc(0.25rem * var(--ods-size-ratio))
    calc(0.5rem * var(--ods-size-ratio));
  --ods-size-range-md-bar-radius: var(--ods-size-03);
  --ods-size-select-md-grid-column-gap: var(--ods-size-inline-04);
  --ods-size-select-md-border-radius: var(--ods-size-border-radius-01);
  --ods-size-spinner-sm-max-width: var(--ods-size-07);
  --ods-size-spinner-md-max-width: var(--ods-size-10);
  --ods-size-spinner-lg-max-width: calc(var(--ods-size-07) * 7);
  --ods-size-switch-sm-height: calc(var(--ods-size-08) * var(--ods-size-ratio));
  --ods-size-switch-sm-line-height: var(--ods-size-08);
  --ods-size-switch-md-height: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-switch-md-line-height: calc(2.25rem * var(--ods-size-ratio));
  --ods-size-tabs-md-height: var(--ods-size-08);
  --ods-size-tabs-md-width: var(--ods-size-11);
  --ods-size-textarea-md-border-radius: var(--ods-size-03);
  --ods-size-toggle-md-handle-border-radius: 50%;
  --ods-size-toggle-md-border-radius: var(--ods-size-10);
  --ods-size-tooltip-md-grid-column-gap: var(--ods-size-inset-05);
  --ods-size-tooltip-md-border-radius: var(--ods-size-03);
  --ods-size-tooltip-md-padding: var(--ods-size-04);
  --xs: 0;
  --sm: 320px;
  --md: 768px;
  --lg: 1120px;
  --xl: 1600px;
}

.ods-submenu {
  background-color: transparent;
  color: #00185e;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom: 2px solid #bef1ff;
  transition: background-color 0.32s ease-out;
}

.oui-select,
body {
  background-color: #fff;
}

.ods_product_card .card-specs__wrapper {
  background-color: var(--ods-color-gray-050);
  padding: 1rem;
  margin: -1rem;
  border-radius: 0 0 8px 8px;
}

.oui-select {
  min-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border: 1px solid #85d9fd;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  transition: 0.2s ease-in;
}

.oui-select--small,
.oui-select-wrapper--small .oui-select {
  padding: 0.25rem;
}

.oui-select-wrapper--multi-levels .oui-select .label {
  color: #0050d7;
  font-weight: 600;
}

.bg--dark .oui-select {
  color: #0050d7;
}

.bg--dark .oui-select--only-options .oui-select {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.bg--dark .oui-select--only-options .icon--chevronDown {
  color: #fff;
}

.oui-select .label {
  padding: 0;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.25em;
}

.oui-select .icon--chevronDown {
  font-size: 1.5rem;
  color: #0050d7;
}

.oui-select:focus,
.oui-select:hover {
  border-bottom-color: #0050d7;
  background-color: #bef1ff;
}

.oui-select-open {
  border-bottom-color: #0050d7;
  z-index: 3;
}

.oui-select-open .oui-select-scroll {
  opacity: 1;
}

.oui-select-wrapper {
  position: relative;
  cursor: pointer;
}

.oui-select-wrapper.oui-select-disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.oui-select-wrapper.oui-select-disabled .oui-select:focus,
.oui-select-wrapper.oui-select-disabled .oui-select:hover {
  border-bottom-color: #85d9fd;
  background-color: #fff;
}

.oui-select-wrapper .price--discount {
  color: #ac246f;
}

.oui-select-wrapper .old-price {
  text-decoration: line-through;
}

.nav-link:focus,
.nav-link:hover,
.ods-link--no-underline:focus,
.ods-link--no-underline:hover,
.odss-card .otds-tile .ods-product-information-preview__cta .oui-cta:hover,
.otds-link .link,
a {
  text-decoration: none;
}

.oui-select-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.oui-select-hide-select select {
  position: absolute;
  left: -100%;
}

.oui-select-input {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  outline: 0;
  border: none;
  background: 0 0;
}

.oui-select-items {
  display: none;
  z-index: -1;
  border-color: #85d9fd;
  box-shadow: 0 4px 6px 0 rgba(0, 14, 156, 0.2);
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  color: #4d5592;
}

.layout-container h1,
.layout-container h2,
.layout-container h3,
.layout-container h4,
.layout-container h5,
.layout-container h6,
.oui-select-items ul {
  padding: 0;
  margin: 0;
}

.oui-select-items li {
  min-height: 1.75rem;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  background-color: transparent;
  transition: background-color 0.2s ease-in;
  align-items: center;
}

.oui-select-items li:focus,
.oui-select-items li:hover {
  background-color: #bef1ff;
}

.oui-select-items li.disabled,
.oui-select-items li.disabled:focus,
.oui-select-items li.disabled:hover,
.oui-select-items li.fake-disabled,
.oui-select-items li.fake-disabled:focus,
.oui-select-items li.fake-disabled:hover {
  opacity: 0.5;
  font-weight: 400;
}

.oui-select-items li.disabled,
.oui-select-items li.disabled:focus,
.oui-select-items li.disabled:hover {
  background-color: transparent;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.oui-select-items li.highlighted,
.oui-select-items li.selected {
  background-color: #0050d7;
  font-weight: 600;
  color: #fff;
}

.oui-select-items li.highlighted:focus,
.oui-select-items li.highlighted:hover,
.oui-select-items li.selected:focus,
.oui-select-items li.selected:hover {
  background-color: #0050d7;
}

.oui-select-items--push-content {
  max-height: 0;
  position: static;
  overflow: hidden;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

pre,
textarea {
  overflow: auto;
}

.oui-select-open .oui-select-items--push-content {
  max-height: 56.25rem;
}

.oui-select-scroll {
  height: 100%;
  overflow: auto;
}

.oui-select__search {
  display: none;
  position: absolute;
  z-index: 3;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: none;
  border-radius: 10px;
  margin: 1px;
  outline: 0;
  text-indent: 5px;
}

.oui-select__search.visible {
  display: block;
}

.odss-slider .odss-card--fourth,
.odss-slider .odss-card--half,
.odss-slider .odss-card--third {
  width: 18rem;
}

.odss-card--disabled .otds-tile {
  cursor: default;
}

.odss-card--disabled .otds-tile[data-custom-gradient_start_hover]:hover {
  background: 0 0 !important;
}

@media (min-width: var(--ods-breakpoint-lg)) {
  .odss-slider .odss-card--half {
    width: 36rem;
  }
  .odss-slider .odss-card--third {
    width: 24rem;
  }
}
.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price,
.tab-content > .active,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
  display: block;
}

.odss-card .borderless-media {
  margin: calc(-1 * var(--ods-size-06));
  border-top-left-radius: var(--ods-size-03);
  border-top-right-radius: var(--ods-size-03);
}

.odss-card .borderless-media img {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.odss-card .otds-tile .odss-media--icon {
  margin-bottom: var(--ods-s-05);
}

.odss-card .otds-tile .otds-button[variant^=ghost] {
  padding-left: 0;
  padding-right: 0;
}

.odss-card .otds-tile .otds-button {
  padding: 0;
  margin: 0;
  margin-top: var(--ods-s-05);
}

.odss-card .otds-tile .card-logo {
  min-height: 125px;
  min-height: parseInt(125px)/16rem;
}

.odss-card .otds-tile .card-logo img {
  max-height: 95px;
  max-height: parseInt(95px)/16rem;
  height: auto;
  max-width: 100%;
  width: auto;
}

.odss-card--limited-width {
  max-width: 320px;
  max-width: parseInt(320px)/16rem;
  margin: 0 auto;
}

.odss-card--fill-height .otds-tile {
  height: 100%;
}

.odss-card--fill-height .card--inline .otds-text {
  display: inline;
}

.odss-card.otds-card--link,
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.odss-card__availability img {
  width: var(--ods-size-08);
}

.odss-card .otds-tile .ods-product-information-preview .base-price-value {
  margin: 0 var(--ods-size-01);
}

.otds-link,
.otds-tile,
.otds-tile .tile__centered-text,
.otds-tile span[name=end],
.otds-tile span[name=start] {
  display: inline-flex;
}

.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price span {
  display: block;
  line-height: 1.1;
}

label,
output {
  display: inline-block;
}

.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  font-weight: var(--ods-typo-weight-bold);
}

.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-included-price span {
  display: inline-block;
  margin: 0 var(--ods-size-01);
}

.odss-card .otds-tile .ods-product-information-preview__price-1 .oui-token-common-data {
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: var(--ods-typo-weight-bold);
}

.odss-card .otds-tile .price-small .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  font-size: var(--ods-typo-size-06);
}

.odss-card .ods-product-information-preview__options {
  margin-top: 1rem;
}

.odss-card__badge {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.25rem 1rem;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: var(--bg-color);
  font-size: 1.25rem;
  color: var(--text-color);
  border: 2px solid var(--border-color);
  border-bottom-width: 0;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  transform: translate(-50%, -100%);
}

button,
select {
  text-transform: none;
}

.odss-card__badge[color^=promotion] {
  background-color: var(--ods-color-promotion-500);
  color: var(--ods-color-promotion-500-contrasted);
  border-color: var(--ods-color-promotion-500);
}

.odss-card__badge--emerch {
  text-transform: none;
  font-size: var(--ods-typo-size-03);
  font-weight: var(--ods-typo-weight-semibold);
  padding: 0 var(--ods-size-06);
  min-height: 35px;
}

.odss-card__badge--emerch .oui-icon-svg svg [fill*="#"] {
  fill: var(--text-color) !important;
}

.odss-card__badge svg {
  width: var(--ods-size-07);
  margin-right: var(--ods-size-04);
}

.odss-card--out-of-stock .ods-product-information-preview__price-1 {
  opacity: 0.5;
}

.odss-card--out-of-stock [data-out-of-stock] .oui-cta {
  pointer-events: none;
  background-color: var(--ods-color-gray-100);
  border-color: var(--ods-color-gray-100);
  color: var(--ods-color-blue-800);
}

.odss-card .otds-tile {
  word-break: break-word;
  background-color: var(--ods-color-gray-000);
}

.odss-card .otds-tile .ods-product-information-preview__price-1 .oui-token-common-data,
.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  color: var(--ods-color-blue-700);
}

.odss-card .otds-tile .ods-product-information-preview__price-1 .base-price,
.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-suffix,
.odss-card .otds-tile .ods-product-information-preview__price-1 .tax-included-price,
.odss-card.odss-card--light {
  color: var(--ods-color-text-500);
}

.odss-card .otds-tile .ods-product-information-preview__cta .oui-cta {
  border: 0.125rem solid var(--ods-color-blue-500);
  font-size: 1.125rem;
  background-color: var(--ods-color-blue-500);
  color: var(--ods-color-blue-500-contrasted);
  margin: 14px 0;
}

.odss-card .otds-tile .ods-product-information-preview__cta .oui-cta--small {
  font-size: var(--ods-size-ratio);
  padding: var(--ods-size-03) var(--ods-size-04);
}

.odss-card .otds-tile .ods-product-information-preview__cta .oui-cta--disabled {
  background-color: var(--ods-color-gray-100);
  border: 0.125rem solid var(--ods-color-gray-100);
  color: var(--ods-color-blue-800);
}

.odss-card .otds-tile .ods-product-information-preview__cta .oui-cta--available-soon {
  background-color: var(--custom-button_background_color);
  border: none;
  opacity: 0.5;
  color: var(--custom-button_text_color_hover);
}

.odss-card .otds-tile .ods-product-information-preview__cta .oui-cta--available-soon:hover {
  border-color: none;
  cursor: default;
  background-color: var(--custom-button_background_color);
}

.odss-card--custom .otds-tile {
  border-color: var(--border-color);
}

.odss-card .otds-tile[color^=promotion] {
  position: relative;
  z-index: 1;
  border-color: var(--ods-color-promotion-500);
}

.odss-card--dark.odss-card--custom .otds-tile {
  position: relative;
  z-index: 1;
}

.odss-card--dark.odss-card--custom .otds-tile::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  background: linear-gradient(28deg, transparent, var(--bg-color)) 0 0 no-repeat padding-box;
}

.odss-card--dark .otds-tile {
  background-color: transparent !important;
  background: linear-gradient(28deg, var(--ods-color-blue-700), var(--ods-color-blue-500)) 0 0 no-repeat padding-box;
}

.odss-card--dark .otds-tile[interactive]:hover {
  background-color: transparent !important;
  background: linear-gradient(28deg, var(--ods-color-blue-800), var(--ods-color-blue-700)) 0 0 no-repeat padding-box;
}

.odss-card--dark .otds-tile[color^=promotion]::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  background: linear-gradient(28deg, transparent, var(--ods-color-promotion-500)) 0 0 no-repeat padding-box;
}

.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .render-token {
  color: var(--ods-color-gray-000);
  font-size: var(--ods-typo-size-09);
  font-weight: var(--ods-typo-weight-bold);
  line-height: 1.4;
}

.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price {
  color: var(--ods-color-blue-050);
}

.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  color: var(--ods-color-gray-000);
}

.odss-card--dark .otds-tile .ods-product-information-preview__cta .oui-cta {
  border-color: var(--ods-color-gray-000);
  background-color: transparent;
}

.odss-card--dark .otds-tile .ods-product-information-preview__cta .oui-cta:hover {
  background: rgba(255, 255, 255, 0.2);
}

.odss-card.odss-card--light .render-token {
  color: var(--ods-color-blue-700);
  font-size: var(--ods-typo-size-09);
  font-weight: var(--ods-typo-weight-bold);
  line-height: 1.4;
}

.odss-card.odss-card--light .render-token .tax-excluded-price .price-prefix,
[color^=text].otds-link .link,
[variant=ghost][color^=text].otds-button .button {
  color: var(--ods-color-text-500);
}

.odss-card.odss-card--light .ods-product-information-preview__cta .oui-cta:not(.oui-cta--disabled):hover {
  border-color: var(--ods-color-blue-600);
  background-color: var(--ods-color-blue-600);
}

.odss-card .two-cols ul {
  margin-top: 1rem;
  color: #00185e;
  font-weight: 700;
}

.odss-card .otds-tile .otds-text[data-deals-bg] {
  background: 0 0 !important;
}

[data-border-radius-size] .odss-card .otds-tile {
  border-radius: var(--border-radius-size);
}

[data-background-color-start] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) {
  background: linear-gradient(to right, var(--background-color-start), var(--background-color-end)) 0 0 no-repeat padding-box !important;
}

[data-card-font-size] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) .otds-text[level=heading] {
  font-size: var(--card-font-size);
}

[data-card-title-color] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) .otds-text[level=heading] {
  color: var(--card-title-color);
}

[data-card-font-style] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) .otds-text[level=body] .text-sm {
  font-style: var(--card-font-style);
}

[data-border-color] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) {
  border-color: var(--border-color);
}

[data-border-color-hover] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]):hover {
  border-color: var(--border-color-hover);
}

[data-background-color-hover-sta] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]):hover {
  background: linear-gradient(to right, var(--background-color-hover-sta), var(--background-color-hover-end)) 0 0 no-repeat padding-box !important;
}

[data-border-size] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) {
  border-width: var(--border-size);
}

[data-box-shadow-color] .odss-card .otds-tile:not([data-custom-ignorecommercialtheme]) {
  box-shadow: var(--offset-x) var(--offset-y) var(--blur-radius) var(--spread-radius) rgba(0, 0, 0, 0.2);
}

.odss-card .otds-tile[data-custom-border] {
  border-color: var(--custom-border);
}

.odss-card .otds-tile[data-custom-background-image] {
  position: relative;
  z-index: 1;
}

.odss-card .otds-tile[data-custom-background-image]::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: var(--bg-image);
  background-size: var(--bg-size);
  background-position: var(--bg-horizontal-position) var(--bg-vertical-position);
  background-repeat: no-repeat;
  border-radius: var(--ods-size-border-radius-02);
}

.odss-card .otds-tile[data-custom-gradient_start][data-custom-gradient_orientation=horizontal] {
  height: 100%;
  background: linear-gradient(to right, var(--custom-gradient_start), var(--custom-gradient_end)) 0 0 no-repeat padding-box !important;
}

.odss-card .otds-tile[data-custom-gradient_start_hover][data-custom-gradient_orientation=horizontal]:hover {
  background: linear-gradient(to right, var(--custom-gradient_start_hover), var(--custom-gradient_end_hover)) 0 0 no-repeat padding-box !important;
}

.odss-card .otds-tile[data-custom-gradient_start][data-custom-gradient_orientation=vertical] {
  height: 100%;
  background: linear-gradient(to bottom, var(--custom-gradient_start), var(--custom-gradient_end)) 0 0 no-repeat padding-box !important;
}

.odss-card .otds-tile[data-custom-gradient_start_hover][data-custom-gradient_orientation=vertical]:hover {
  background: linear-gradient(to bottom, var(--custom-gradient_start_hover), var(--custom-gradient_end_hover)) 0 0 no-repeat padding-box !important;
}

.odss-card .otds-tile[data-custom-price_color] .ods-product-information-preview__price-1,
.odss-card .otds-tile[data-custom-price_color] .ods-product-information-preview__price-1 * {
  color: var(--custom-price_color) !important;
}

.odss-card .otds-tile[data-custom-text_color] .otds-text {
  color: var(--custom-text_color) !important;
}

.odss-card .otds-tile[data-custom-button_text_color] .otds-button button,
.odss-card .otds-tile[data-custom-button_text_color] .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_text_color] a,
.odss-card .otds-tile[data-custom-button_text_color][variant][color] .otds-button button,
.odss-card .otds-tile[data-custom-button_text_color][variant][color] .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_text_color][variant][color] a {
  color: var(--custom-button_text_color);
}

.odss-card .otds-tile[data-custom-button_text_color_hover] .otds-button button:hover,
.odss-card .otds-tile[data-custom-button_text_color_hover] .oui-cta:not(.oui-cta--disabled):hover,
.odss-card .otds-tile[data-custom-button_text_color_hover] a:hover,
.odss-card .otds-tile[data-custom-button_text_color_hover]:hover .otds-button button,
.odss-card .otds-tile[data-custom-button_text_color_hover]:hover .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_text_color_hover]:hover a,
.odss-card .otds-tile[data-custom-button_text_color_hover][variant][color] .otds-button button:hover,
.odss-card .otds-tile[data-custom-button_text_color_hover][variant][color] .oui-cta:not(.oui-cta--disabled):hover,
.odss-card .otds-tile[data-custom-button_text_color_hover][variant][color] a:hover,
.odss-card .otds-tile[data-custom-button_text_color_hover][variant][color]:hover .otds-button button,
.odss-card .otds-tile[data-custom-button_text_color_hover][variant][color]:hover .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_text_color_hover][variant][color]:hover a,
.odss-card .otds-tile[interactive][data-custom-button_text_color_hover] .otds-button button:focus,
.odss-card .otds-tile[interactive][data-custom-button_text_color_hover] .otds-button button:hover,
.odss-card .otds-tile[interactive][data-custom-button_text_color_hover]:focus .otds-button .button,
.odss-card .otds-tile[interactive][data-custom-button_text_color_hover]:hover .otds-button .button {
  color: var(--custom-button_text_color_hover);
}

.odss-card .otds-tile[data-custom-button_text_color_focus] .otds-button button:focus,
.odss-card .otds-tile[data-custom-button_text_color_focus] .oui-cta:not(.oui-cta--disabled):focus,
.odss-card .otds-tile[data-custom-button_text_color_focus] a:focus,
.odss-card .otds-tile[data-custom-button_text_color_focus][variant][color] .otds-button button:focus,
.odss-card .otds-tile[data-custom-button_text_color_focus][variant][color] .oui-cta:not(.oui-cta--disabled):focus,
.odss-card .otds-tile[data-custom-button_text_color_focus][variant][color] a:focus {
  color: var(--custom-button_text_color_focus);
}

.odss-card .otds-tile[data-custom-button_background_color] .otds-button .button,
.odss-card .otds-tile[data-custom-button_background_color] .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_background_color][variant][color] .otds-button .button,
.odss-card .otds-tile[data-custom-button_background_color][variant][color] .oui-cta:not(.oui-cta--disabled) {
  background-color: var(--custom-button_background_color);
}

.odss-card .otds-tile[data-custom-button_background_color_hover] .otds-button .button:hover,
.odss-card .otds-tile[data-custom-button_background_color_hover] .oui-cta:not(.oui-cta--disabled):hover,
.odss-card .otds-tile[data-custom-button_background_color_hover]:hover .otds-button .button,
.odss-card .otds-tile[data-custom-button_background_color_hover]:hover .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_background_color_hover][variant][color] .otds-button .button:hover,
.odss-card .otds-tile[data-custom-button_background_color_hover][variant][color] .oui-cta:not(.oui-cta--disabled):hover,
.odss-card .otds-tile[data-custom-button_background_color_hover][variant][color]:hover .otds-button .button,
.odss-card .otds-tile[data-custom-button_background_color_hover][variant][color]:hover .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[interactive][data-custom-button_background_color_hover] .otds-button button:focus,
.odss-card .otds-tile[interactive][data-custom-button_background_color_hover] .otds-button button:hover,
.odss-card .otds-tile[interactive][data-custom-button_background_color_hover]:focus .otds-button .button,
.odss-card .otds-tile[interactive][data-custom-button_background_color_hover]:hover .otds-button .button {
  background-color: var(--custom-button_background_color_hover);
}

.odss-card .otds-tile[data-custom-button_background_color_focus] .otds-button .button:focus,
.odss-card .otds-tile[data-custom-button_background_color_focus] .oui-cta:not(.oui-cta--disabled):focus,
.odss-card .otds-tile[data-custom-button_background_color_focus][variant][color] .otds-button .button:focus,
.odss-card .otds-tile[data-custom-button_background_color_focus][variant][color] .oui-cta:not(.oui-cta--disabled):focus {
  background-color: var(--custom-button_background_color_focus);
}

.odss-card .otds-tile[data-custom-button_border_color] .otds-button .button,
.odss-card .otds-tile[data-custom-button_border_color] .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_border_color][variant][color] .otds-button .button,
.odss-card .otds-tile[data-custom-button_border_color][variant][color] .oui-cta:not(.oui-cta--disabled) {
  border-color: var(--custom-button_border_color);
}

.odss-card .otds-tile[data-custom-button_border_color_hover] .otds-button .button:hover,
.odss-card .otds-tile[data-custom-button_border_color_hover] .oui-cta:not(.oui-cta--disabled):hover,
.odss-card .otds-tile[data-custom-button_border_color_hover]:hover .otds-button .button,
.odss-card .otds-tile[data-custom-button_border_color_hover]:hover .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[data-custom-button_border_color_hover][variant][color] .otds-button .button:hover,
.odss-card .otds-tile[data-custom-button_border_color_hover][variant][color] .oui-cta:not(.oui-cta--disabled):hover,
.odss-card .otds-tile[data-custom-button_border_color_hover][variant][color]:hover .otds-button .button,
.odss-card .otds-tile[data-custom-button_border_color_hover][variant][color]:hover .oui-cta:not(.oui-cta--disabled),
.odss-card .otds-tile[interactive][data-custom-button_border_color_hover] .otds-button button:focus,
.odss-card .otds-tile[interactive][data-custom-button_border_color_hover] .otds-button button:hover,
.odss-card .otds-tile[interactive][data-custom-button_border_color_hover]:focus .otds-button .button,
.odss-card .otds-tile[interactive][data-custom-button_border_color_hover]:hover .otds-button .button {
  border-color: var(--custom-button_border_color_hover);
}

.odss-card .otds-tile[data-custom-button_border_color_focus] .otds-button .button:focus,
.odss-card .otds-tile[data-custom-button_border_color_focus] .oui-cta:not(.oui-cta--disabled):focus,
.odss-card .otds-tile[data-custom-button_border_color_focus][variant][color] .otds-button .button:focus,
.odss-card .otds-tile[data-custom-button_border_color_focus][variant][color] .oui-cta:not(.oui-cta--disabled):focus {
  border-color: var(--custom-button_border_color_focus);
}

.odss-card .otds-text[level=subheading][size=md][color=primary] {
  color: var(--ods-color-primary-500);
  font-size: var(--ods-typo-size-04);
  font-weight: var(--ods-typo-weight-bold);
}

.odss-card.js-has-modal {
  z-index: 1020;
}

.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .base-price,
.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .oui-token-common-data,
.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-suffix,
.odss-card--dark .otds-tile .ods-product-information-preview__price-1 .tax-included-price,
.odss-card.bg--dark .otds-tile .ods-product-information-preview__price-1 .base-price,
.odss-card.bg--dark .otds-tile .ods-product-information-preview__price-1 .oui-token-common-data,
.odss-card.bg--dark .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-suffix,
.odss-card.bg--dark .otds-tile .ods-product-information-preview__price-1 .tax-included-price {
  color: #fff;
}

.odss-card .deals_title_product .ods-product-information-preview {
  text-align: right;
}

.odss-card .deals_title_product .ods-product-information-preview .base-price::after {
  content: "*";
}

.odss-section__deals .odss-card .otds-tile .ods-product-information-preview__price-1 .tax-excluded-price .price-value {
  color: var(--deals-price-color, #0050d7);
}

.odss-section__deals .odss-card .otds-tile .ods-product-information-preview__price-1--discount .tax-excluded-price .price-value {
  color: var(--deals-price-color, #ac246f);
}

.odss-section__deals .odss-card .card-specs__wrapper {
  background-color: var(--ods-color-gray-050);
  padding: 1rem;
  margin: auto -1rem -1rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.odss-section__deals .odss-card .tile__centered-text .odss-text:last-child {
  text-align: right;
  margin-top: var(--ods-size-06);
}

.odss-card--image-full-width {
  border-top-left-radius: var(--ods-size-border-radius-02);
  border-top-right-radius: var(--ods-size-border-radius-02);
  margin: calc(var(--ods-size-tile-md-padding) * -1);
  overflow: hidden;
}

.form-inline .form-check,
.ods-full-width-image img,
.odss-card--image-full-width picture,
[flex].otds-button .button {
  width: 100%;
}

.odss-card--image-full-width picture img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 300px;
}

.otds-tile {
  border: solid var(--ods-size-inset-02);
  flex-direction: row;
  font-family: var(--ods-typography-body-md-font-family);
  font-size: var(--ods-typography-body-md-font-size);
  padding: var(--ods-size-inset-08);
  width: var(--width);
  border-color: transparent;
  border-width: var(--ods-size-inset-01);
}

.otds-tile :not([checking])[disabled],
[disabled].otds-tile {
  opacity: 0.5;
}

.otds-tile .tile__centered-text,
.text-center .ods-list-align > li {
  justify-content: center;
}

.otds-tile[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.otds-tile[interactive],
.otds-tile[selectable],
[data-olu],
[role=button],
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled),
summary {
  cursor: pointer;
}

.otds-tile[flex] {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
}

.otds-tile[rounded] {
  border-radius: var(--ods-size-border-radius-02);
}

.otds-tile[checking] {
  overflow: visible;
  position: relative;
}

.otds-tile[checking]:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: 3s linear infinite steam;
  filter: blur(5px);
}
@keyframes steam {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
}
:not([variant]):not([color]).otds-tile,
:not([variant])[color^=default].otds-tile,
[variant=default]:not([color]).otds-tile,
[variant=default][color^=default].otds-tile,
[variant=stroked]:not([color]).otds-tile,
[variant=stroked][color^=default].otds-tile {
  border-color: var(--ods-color-default-200);
  background-color: var(--ods-color-default-000);
}

:not([variant])[color^=primary].otds-tile,
[variant=default][color^=primary].otds-tile,
[variant=stroked][color^=primary].otds-tile {
  border-color: var(--ods-color-primary-200);
  background-color: var(--ods-color-primary-000);
}

:not([variant])[color^=text].otds-tile,
[variant=default][color^=text].otds-tile,
[variant=stroked][color^=text].otds-tile {
  border-color: var(--ods-color-text-200);
  background-color: var(--ods-color-text-000);
}

:not([variant])[color^=accent].otds-tile,
[variant=default][color^=accent].otds-tile,
[variant=stroked][color^=accent].otds-tile {
  border-color: var(--ods-color-accent-200);
  background-color: var(--ods-color-accent-000);
}

:not([variant])[color^=error].otds-tile,
[variant=default][color^=error].otds-tile,
[variant=stroked][color^=error].otds-tile {
  border-color: var(--ods-color-error-200);
  background-color: var(--ods-color-error-000);
}

:not([variant])[color^=warning].otds-tile,
[variant=default][color^=warning].otds-tile,
[variant=stroked][color^=warning].otds-tile {
  border-color: var(--ods-color-warning-200);
  background-color: var(--ods-color-warning-000);
}

:not([variant])[color^=success].otds-tile,
[variant=default][color^=success].otds-tile,
[variant=stroked][color^=success].otds-tile {
  border-color: var(--ods-color-success-200);
  background-color: var(--ods-color-success-000);
}

:not([variant])[color^=info].otds-tile,
[variant=default][color^=info].otds-tile,
[variant=stroked][color^=info].otds-tile {
  border-color: var(--ods-color-info-200);
  background-color: var(--ods-color-info-000);
}

:not([variant])[color^=promotion].otds-tile,
[variant=default][color^=promotion].otds-tile,
[variant=stroked][color^=promotion].otds-tile {
  border-color: var(--ods-color-promotion-200);
  background-color: var(--ods-color-promotion-000);
}

:not([variant]):not([disabled])[contrasted]:not([color]).otds-button .button:focus,
:not([variant]):not([disabled])[contrasted]:not([color]).otds-button .button:hover,
:not([variant]):not([disabled])[contrasted][color^=default].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=default].otds-button .button:hover,
:not([variant])[interactive]:not([disabled]):not([color]).otds-tile:focus,
:not([variant])[interactive]:not([disabled]):not([color]).otds-tile:hover,
:not([variant])[interactive]:not([disabled])[color^=default].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=default].otds-tile:hover,
[variant=default]:not([disabled])[contrasted]:not([color]).otds-button .button:focus,
[variant=default]:not([disabled])[contrasted]:not([color]).otds-button .button:hover,
[variant=default]:not([disabled])[contrasted][color^=default].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=default].otds-button .button:hover,
[variant=default][interactive]:not([disabled]):not([color]).otds-tile:focus,
[variant=default][interactive]:not([disabled]):not([color]).otds-tile:hover,
[variant=default][interactive]:not([disabled])[color^=default].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=default].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted]:not([color]).otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted]:not([color]).otds-button .button:hover,
[variant=flat]:not([disabled])[contrasted][color^=default].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=default].otds-button .button:hover,
[variant=ghost]:not([disabled]):not([color]).otds-button .button:focus,
[variant=ghost]:not([disabled]):not([color]).otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=default].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=default].otds-button .button:hover,
[variant=stroked]:not([disabled]):not([color]).otds-button .button:focus,
[variant=stroked]:not([disabled]):not([color]).otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=default].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=default].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled]):not([color]).otds-tile:focus,
[variant=stroked][interactive]:not([disabled]):not([color]).otds-tile:hover,
[variant=stroked][interactive]:not([disabled])[color^=default].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=default].otds-tile:hover {
  background-color: var(--ods-color-default-100);
}

:not([variant]):not([disabled])[contrasted][color^=text].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=text].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=text].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=text].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=text].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=text].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=text].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=text].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=text].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=text].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=text].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=text].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=text].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=text].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=text].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=text].otds-tile:hover {
  background-color: var(--ods-color-text-100);
}

:not([variant]):not([disabled])[contrasted][color^=accent].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=accent].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=accent].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=accent].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=accent].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=accent].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=accent].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=accent].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=accent].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=accent].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=accent].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=accent].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=accent].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=accent].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=accent].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=accent].otds-tile:hover {
  background-color: var(--ods-color-accent-100);
}

:not([variant]):not([disabled])[contrasted][color^=error].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=error].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=error].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=error].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=error].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=error].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=error].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=error].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=error].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=error].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=error].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=error].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=error].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=error].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=error].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=error].otds-tile:hover {
  background-color: var(--ods-color-error-100);
}

:not([variant]):not([disabled])[contrasted][color^=warning].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=warning].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=warning].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=warning].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=warning].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=warning].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=warning].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=warning].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=warning].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=warning].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=warning].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=warning].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=warning].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=warning].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=warning].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=warning].otds-tile:hover {
  background-color: var(--ods-color-warning-100);
}

:not([variant]):not([disabled])[contrasted][color^=success].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=success].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=success].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=success].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=success].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=success].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=success].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=success].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=success].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=success].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=success].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=success].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=success].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=success].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=success].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=success].otds-tile:hover {
  background-color: var(--ods-color-success-100);
}

:not([variant]):not([disabled])[contrasted][color^=info].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=info].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=info].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=info].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=info].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=info].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=info].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=info].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=info].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=info].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=info].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=info].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=info].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=info].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=info].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=info].otds-tile:hover {
  background-color: var(--ods-color-info-100);
}

:not([variant]):not([disabled])[contrasted][color^=promotion].otds-button .button:focus,
:not([variant]):not([disabled])[contrasted][color^=promotion].otds-button .button:hover,
:not([variant])[interactive]:not([disabled])[color^=promotion].otds-tile:focus,
:not([variant])[interactive]:not([disabled])[color^=promotion].otds-tile:hover,
[variant=default]:not([disabled])[contrasted][color^=promotion].otds-button .button:focus,
[variant=default]:not([disabled])[contrasted][color^=promotion].otds-button .button:hover,
[variant=default][interactive]:not([disabled])[color^=promotion].otds-tile:focus,
[variant=default][interactive]:not([disabled])[color^=promotion].otds-tile:hover,
[variant=flat]:not([disabled])[contrasted][color^=promotion].otds-button .button:focus,
[variant=flat]:not([disabled])[contrasted][color^=promotion].otds-button .button:hover,
[variant=ghost]:not([disabled])[color^=promotion].otds-button .button:focus,
[variant=ghost]:not([disabled])[color^=promotion].otds-button .button:hover,
[variant=stroked]:not([disabled])[color^=promotion].otds-button .button:focus,
[variant=stroked]:not([disabled])[color^=promotion].otds-button .button:hover,
[variant=stroked][interactive]:not([disabled])[color^=promotion].otds-tile:focus,
[variant=stroked][interactive]:not([disabled])[color^=promotion].otds-tile:hover {
  background-color: var(--ods-color-promotion-100);
}

:not([variant])[interactive]:not([disabled]):not([color]).otds-tile:active,
:not([variant])[interactive]:not([disabled])[color^=default].otds-tile:active,
[variant=default][interactive]:not([disabled]):not([color]).otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=default].otds-tile:active,
[variant=stroked][interactive]:not([disabled]):not([color]).otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=default].otds-tile:active {
  background-color: var(--ods-color-default-200);
}

:not([variant])[interactive]:not([disabled])[color^=primary].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=primary].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=primary].otds-tile:active {
  background-color: var(--ods-color-primary-200);
}

:not([variant])[interactive]:not([disabled])[color^=text].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=text].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=text].otds-tile:active {
  background-color: var(--ods-color-text-200);
}

:not([variant])[interactive]:not([disabled])[color^=accent].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=accent].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=accent].otds-tile:active {
  background-color: var(--ods-color-accent-200);
}

:not([variant])[interactive]:not([disabled])[color^=error].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=error].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=error].otds-tile:active {
  background-color: var(--ods-color-error-200);
}

:not([variant])[interactive]:not([disabled])[color^=warning].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=warning].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=warning].otds-tile:active {
  background-color: var(--ods-color-warning-200);
}

:not([variant])[interactive]:not([disabled])[color^=success].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=success].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=success].otds-tile:active {
  background-color: var(--ods-color-success-200);
}

:not([variant])[interactive]:not([disabled])[color^=info].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=info].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=info].otds-tile:active {
  background-color: var(--ods-color-info-200);
}

:not([variant])[interactive]:not([disabled])[color^=promotion].otds-tile:active,
[variant=default][interactive]:not([disabled])[color^=promotion].otds-tile:active,
[variant=stroked][interactive]:not([disabled])[color^=promotion].otds-tile:active {
  background-color: var(--ods-color-promotion-200);
}

:not([variant])[checked]:not([color]).otds-tile,
:not([variant])[checked]:not([color]).otds-tile:focus,
:not([variant])[checked]:not([color]).otds-tile:hover,
:not([variant])[checked][color^=default].otds-tile,
:not([variant])[checked][color^=default].otds-tile:focus,
:not([variant])[checked][color^=default].otds-tile:hover,
[variant=default][checked]:not([color]).otds-tile,
[variant=default][checked]:not([color]).otds-tile:focus,
[variant=default][checked]:not([color]).otds-tile:hover,
[variant=default][checked][color^=default].otds-tile,
[variant=default][checked][color^=default].otds-tile:focus,
[variant=default][checked][color^=default].otds-tile:hover,
[variant=ghost][checked]:not([color]).otds-tile,
[variant=ghost][checked]:not([color]).otds-tile:focus,
[variant=ghost][checked]:not([color]).otds-tile:hover,
[variant=ghost][checked][color^=default].otds-tile,
[variant=ghost][checked][color^=default].otds-tile:focus,
[variant=ghost][checked][color^=default].otds-tile:hover,
[variant=hollow][checked]:not([color]).otds-tile,
[variant=hollow][checked]:not([color]).otds-tile:focus,
[variant=hollow][checked]:not([color]).otds-tile:hover,
[variant=hollow][checked][color^=default].otds-tile,
[variant=hollow][checked][color^=default].otds-tile:focus,
[variant=hollow][checked][color^=default].otds-tile:hover,
[variant=stroked][checked]:not([color]).otds-tile,
[variant=stroked][checked]:not([color]).otds-tile:focus,
[variant=stroked][checked]:not([color]).otds-tile:hover,
[variant=stroked][checked][color^=default].otds-tile,
[variant=stroked][checked][color^=default].otds-tile:focus,
[variant=stroked][checked][color^=default].otds-tile:hover {
  border-color: var(--ods-color-default-500);
}

:not([variant])[checked][color^=primary].otds-tile,
:not([variant])[checked][color^=primary].otds-tile:focus,
:not([variant])[checked][color^=primary].otds-tile:hover,
[variant=default][checked][color^=primary].otds-tile,
[variant=default][checked][color^=primary].otds-tile:focus,
[variant=default][checked][color^=primary].otds-tile:hover,
[variant=ghost][checked][color^=primary].otds-tile,
[variant=ghost][checked][color^=primary].otds-tile:focus,
[variant=ghost][checked][color^=primary].otds-tile:hover,
[variant=hollow][checked][color^=primary].otds-tile,
[variant=hollow][checked][color^=primary].otds-tile:focus,
[variant=hollow][checked][color^=primary].otds-tile:hover,
[variant=stroked][checked][color^=primary].otds-tile,
[variant=stroked][checked][color^=primary].otds-tile:focus,
[variant=stroked][checked][color^=primary].otds-tile:hover {
  border-color: var(--ods-color-primary-500);
}

:not([variant])[checked][color^=text].otds-tile,
:not([variant])[checked][color^=text].otds-tile:focus,
:not([variant])[checked][color^=text].otds-tile:hover,
[variant=default][checked][color^=text].otds-tile,
[variant=default][checked][color^=text].otds-tile:focus,
[variant=default][checked][color^=text].otds-tile:hover,
[variant=ghost][checked][color^=text].otds-tile,
[variant=ghost][checked][color^=text].otds-tile:focus,
[variant=ghost][checked][color^=text].otds-tile:hover,
[variant=hollow][checked][color^=text].otds-tile,
[variant=hollow][checked][color^=text].otds-tile:focus,
[variant=hollow][checked][color^=text].otds-tile:hover,
[variant=stroked][checked][color^=text].otds-tile,
[variant=stroked][checked][color^=text].otds-tile:focus,
[variant=stroked][checked][color^=text].otds-tile:hover {
  border-color: var(--ods-color-text-500);
}

:not([variant])[checked][color^=accent].otds-tile,
:not([variant])[checked][color^=accent].otds-tile:focus,
:not([variant])[checked][color^=accent].otds-tile:hover,
[variant=default][checked][color^=accent].otds-tile,
[variant=default][checked][color^=accent].otds-tile:focus,
[variant=default][checked][color^=accent].otds-tile:hover,
[variant=ghost][checked][color^=accent].otds-tile,
[variant=ghost][checked][color^=accent].otds-tile:focus,
[variant=ghost][checked][color^=accent].otds-tile:hover,
[variant=hollow][checked][color^=accent].otds-tile,
[variant=hollow][checked][color^=accent].otds-tile:focus,
[variant=hollow][checked][color^=accent].otds-tile:hover,
[variant=stroked][checked][color^=accent].otds-tile,
[variant=stroked][checked][color^=accent].otds-tile:focus,
[variant=stroked][checked][color^=accent].otds-tile:hover {
  border-color: var(--ods-color-accent-500);
}

:not([variant])[checked][color^=error].otds-tile,
:not([variant])[checked][color^=error].otds-tile:focus,
:not([variant])[checked][color^=error].otds-tile:hover,
[variant=default][checked][color^=error].otds-tile,
[variant=default][checked][color^=error].otds-tile:focus,
[variant=default][checked][color^=error].otds-tile:hover,
[variant=ghost][checked][color^=error].otds-tile,
[variant=ghost][checked][color^=error].otds-tile:focus,
[variant=ghost][checked][color^=error].otds-tile:hover,
[variant=hollow][checked][color^=error].otds-tile,
[variant=hollow][checked][color^=error].otds-tile:focus,
[variant=hollow][checked][color^=error].otds-tile:hover,
[variant=stroked][checked][color^=error].otds-tile,
[variant=stroked][checked][color^=error].otds-tile:focus,
[variant=stroked][checked][color^=error].otds-tile:hover {
  border-color: var(--ods-color-error-500);
}

:not([variant])[checked][color^=warning].otds-tile,
:not([variant])[checked][color^=warning].otds-tile:focus,
:not([variant])[checked][color^=warning].otds-tile:hover,
[variant=default][checked][color^=warning].otds-tile,
[variant=default][checked][color^=warning].otds-tile:focus,
[variant=default][checked][color^=warning].otds-tile:hover,
[variant=ghost][checked][color^=warning].otds-tile,
[variant=ghost][checked][color^=warning].otds-tile:focus,
[variant=ghost][checked][color^=warning].otds-tile:hover,
[variant=hollow][checked][color^=warning].otds-tile,
[variant=hollow][checked][color^=warning].otds-tile:focus,
[variant=hollow][checked][color^=warning].otds-tile:hover,
[variant=stroked][checked][color^=warning].otds-tile,
[variant=stroked][checked][color^=warning].otds-tile:focus,
[variant=stroked][checked][color^=warning].otds-tile:hover {
  border-color: var(--ods-color-warning-500);
}

:not([variant])[checked][color^=success].otds-tile,
:not([variant])[checked][color^=success].otds-tile:focus,
:not([variant])[checked][color^=success].otds-tile:hover,
[variant=default][checked][color^=success].otds-tile,
[variant=default][checked][color^=success].otds-tile:focus,
[variant=default][checked][color^=success].otds-tile:hover,
[variant=ghost][checked][color^=success].otds-tile,
[variant=ghost][checked][color^=success].otds-tile:focus,
[variant=ghost][checked][color^=success].otds-tile:hover,
[variant=hollow][checked][color^=success].otds-tile,
[variant=hollow][checked][color^=success].otds-tile:focus,
[variant=hollow][checked][color^=success].otds-tile:hover,
[variant=stroked][checked][color^=success].otds-tile,
[variant=stroked][checked][color^=success].otds-tile:focus,
[variant=stroked][checked][color^=success].otds-tile:hover {
  border-color: var(--ods-color-success-500);
}

:not([variant])[checked][color^=info].otds-tile,
:not([variant])[checked][color^=info].otds-tile:focus,
:not([variant])[checked][color^=info].otds-tile:hover,
[variant=default][checked][color^=info].otds-tile,
[variant=default][checked][color^=info].otds-tile:focus,
[variant=default][checked][color^=info].otds-tile:hover,
[variant=ghost][checked][color^=info].otds-tile,
[variant=ghost][checked][color^=info].otds-tile:focus,
[variant=ghost][checked][color^=info].otds-tile:hover,
[variant=hollow][checked][color^=info].otds-tile,
[variant=hollow][checked][color^=info].otds-tile:focus,
[variant=hollow][checked][color^=info].otds-tile:hover,
[variant=stroked][checked][color^=info].otds-tile,
[variant=stroked][checked][color^=info].otds-tile:focus,
[variant=stroked][checked][color^=info].otds-tile:hover {
  border-color: var(--ods-color-info-500);
}

:not([variant])[checked][color^=promotion].otds-tile,
:not([variant])[checked][color^=promotion].otds-tile:focus,
:not([variant])[checked][color^=promotion].otds-tile:hover,
[variant=default][checked][color^=promotion].otds-tile,
[variant=default][checked][color^=promotion].otds-tile:focus,
[variant=default][checked][color^=promotion].otds-tile:hover,
[variant=ghost][checked][color^=promotion].otds-tile,
[variant=ghost][checked][color^=promotion].otds-tile:focus,
[variant=ghost][checked][color^=promotion].otds-tile:hover,
[variant=hollow][checked][color^=promotion].otds-tile,
[variant=hollow][checked][color^=promotion].otds-tile:focus,
[variant=hollow][checked][color^=promotion].otds-tile:hover,
[variant=stroked][checked][color^=promotion].otds-tile,
[variant=stroked][checked][color^=promotion].otds-tile:focus,
[variant=stroked][checked][color^=promotion].otds-tile:hover {
  border-color: var(--ods-color-promotion-500);
}

:not([variant])[checking]:not([color]).otds-tile:after,
:not([variant])[checking][color^=default].otds-tile:after,
[variant=default][checking]:not([color]).otds-tile:after,
[variant=default][checking][color^=default].otds-tile:after,
[variant=flat][checking]:not([color]).otds-tile:after,
[variant=flat][checking][color^=default].otds-tile:after,
[variant=ghost][checking]:not([color]).otds-tile:after,
[variant=ghost][checking][color^=default].otds-tile:after,
[variant=hollow][checking]:not([color]).otds-tile:after,
[variant=hollow][checking][color^=default].otds-tile:after,
[variant=stroked][checking]:not([color]).otds-tile:after,
[variant=stroked][checking][color^=default].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-default-500), var(--ods-color-default-100), var(--ods-color-default-500), var(--ods-color-default-100));
}

:not([variant])[checking][color^=primary].otds-tile:after,
[variant=default][checking][color^=primary].otds-tile:after,
[variant=flat][checking][color^=primary].otds-tile:after,
[variant=ghost][checking][color^=primary].otds-tile:after,
[variant=hollow][checking][color^=primary].otds-tile:after,
[variant=stroked][checking][color^=primary].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-primary-500), var(--ods-color-primary-100), var(--ods-color-primary-500), var(--ods-color-primary-100));
}

:not([variant])[checking][color^=text].otds-tile:after,
[variant=default][checking][color^=text].otds-tile:after,
[variant=flat][checking][color^=text].otds-tile:after,
[variant=ghost][checking][color^=text].otds-tile:after,
[variant=hollow][checking][color^=text].otds-tile:after,
[variant=stroked][checking][color^=text].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-text-500), var(--ods-color-text-100), var(--ods-color-text-500), var(--ods-color-text-100));
}

:not([variant])[checking][color^=accent].otds-tile:after,
[variant=default][checking][color^=accent].otds-tile:after,
[variant=flat][checking][color^=accent].otds-tile:after,
[variant=ghost][checking][color^=accent].otds-tile:after,
[variant=hollow][checking][color^=accent].otds-tile:after,
[variant=stroked][checking][color^=accent].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-accent-500), var(--ods-color-accent-100), var(--ods-color-accent-500), var(--ods-color-accent-100));
}

:not([variant])[checking][color^=error].otds-tile:after,
[variant=default][checking][color^=error].otds-tile:after,
[variant=flat][checking][color^=error].otds-tile:after,
[variant=ghost][checking][color^=error].otds-tile:after,
[variant=hollow][checking][color^=error].otds-tile:after,
[variant=stroked][checking][color^=error].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-error-500), var(--ods-color-error-100), var(--ods-color-error-500), var(--ods-color-error-100));
}

:not([variant])[checking][color^=warning].otds-tile:after,
[variant=default][checking][color^=warning].otds-tile:after,
[variant=flat][checking][color^=warning].otds-tile:after,
[variant=ghost][checking][color^=warning].otds-tile:after,
[variant=hollow][checking][color^=warning].otds-tile:after,
[variant=stroked][checking][color^=warning].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-warning-500), var(--ods-color-warning-100), var(--ods-color-warning-500), var(--ods-color-warning-100));
}

:not([variant])[checking][color^=success].otds-tile:after,
[variant=default][checking][color^=success].otds-tile:after,
[variant=flat][checking][color^=success].otds-tile:after,
[variant=ghost][checking][color^=success].otds-tile:after,
[variant=hollow][checking][color^=success].otds-tile:after,
[variant=stroked][checking][color^=success].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-success-500), var(--ods-color-success-100), var(--ods-color-success-500), var(--ods-color-success-100));
}

:not([variant])[checking][color^=info].otds-tile:after,
[variant=default][checking][color^=info].otds-tile:after,
[variant=flat][checking][color^=info].otds-tile:after,
[variant=ghost][checking][color^=info].otds-tile:after,
[variant=hollow][checking][color^=info].otds-tile:after,
[variant=stroked][checking][color^=info].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-info-500), var(--ods-color-info-100), var(--ods-color-info-500), var(--ods-color-info-100));
}

:not([variant])[checking][color^=promotion].otds-tile:after,
[variant=default][checking][color^=promotion].otds-tile:after,
[variant=flat][checking][color^=promotion].otds-tile:after,
[variant=ghost][checking][color^=promotion].otds-tile:after,
[variant=hollow][checking][color^=promotion].otds-tile:after,
[variant=stroked][checking][color^=promotion].otds-tile:after {
  background-image: linear-gradient(transparent, transparent), linear-gradient(45deg, var(--ods-color-promotion-500), var(--ods-color-promotion-100), var(--ods-color-promotion-500), var(--ods-color-promotion-100));
}

[variant=flat] :not([color]).otds-tile,
[variant=flat] [color^=default].otds-tile {
  border-color: var(--ods-color-default-000);
  background-color: var(--ods-color-default-000);
}

[variant=flat] [color^=primary].otds-tile {
  border-color: var(--ods-color-primary-000);
  background-color: var(--ods-color-primary-000);
}

[variant=flat] [color^=text].otds-tile {
  border-color: var(--ods-color-text-000);
  background-color: var(--ods-color-text-000);
}

[variant=flat] [color^=accent].otds-tile {
  border-color: var(--ods-color-accent-000);
  background-color: var(--ods-color-accent-000);
}

[variant=flat] [color^=error].otds-tile {
  border-color: var(--ods-color-error-000);
  background-color: var(--ods-color-error-000);
}

[variant=flat] [color^=warning].otds-tile {
  border-color: var(--ods-color-warning-000);
  background-color: var(--ods-color-warning-000);
}

[variant=flat] [color^=success].otds-tile {
  border-color: var(--ods-color-success-000);
  background-color: var(--ods-color-success-000);
}

[variant=flat] [color^=info].otds-tile {
  border-color: var(--ods-color-info-000);
  background-color: var(--ods-color-info-000);
}

[variant=flat] [color^=promotion].otds-tile {
  border-color: var(--ods-color-promotion-000);
  background-color: var(--ods-color-promotion-000);
}

[variant=flat][interactive]:not([disabled]) :not([color]).otds-tile:focus,
[variant=flat][interactive]:not([disabled]) :not([color]).otds-tile:hover,
[variant=flat][interactive]:not([disabled]) [color^=default].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=default].otds-tile:hover,
[variant=ghost][interactive]:not([disabled]):not([color]).otds-tile:focus,
[variant=ghost][interactive]:not([disabled]):not([color]).otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=default].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=default].otds-tile:hover {
  border-color: var(--ods-color-default-100);
  background-color: var(--ods-color-default-100);
}

[variant=flat][interactive]:not([disabled]) [color^=primary].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=primary].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=primary].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=primary].otds-tile:hover {
  border-color: var(--ods-color-primary-100);
  background-color: var(--ods-color-primary-100);
}

[variant=flat][interactive]:not([disabled]) [color^=text].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=text].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=text].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=text].otds-tile:hover {
  border-color: var(--ods-color-text-100);
  background-color: var(--ods-color-text-100);
}

[variant=flat][interactive]:not([disabled]) [color^=accent].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=accent].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=accent].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=accent].otds-tile:hover {
  border-color: var(--ods-color-accent-100);
  background-color: var(--ods-color-accent-100);
}

[variant=flat][interactive]:not([disabled]) [color^=error].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=error].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=error].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=error].otds-tile:hover {
  border-color: var(--ods-color-error-100);
  background-color: var(--ods-color-error-100);
}

[variant=flat][interactive]:not([disabled]) [color^=warning].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=warning].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=warning].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=warning].otds-tile:hover {
  border-color: var(--ods-color-warning-100);
  background-color: var(--ods-color-warning-100);
}

[variant=flat][interactive]:not([disabled]) [color^=success].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=success].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=success].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=success].otds-tile:hover {
  border-color: var(--ods-color-success-100);
  background-color: var(--ods-color-success-100);
}

[variant=flat][interactive]:not([disabled]) [color^=info].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=info].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=info].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=info].otds-tile:hover {
  border-color: var(--ods-color-info-100);
  background-color: var(--ods-color-info-100);
}

[variant=flat][interactive]:not([disabled]) [color^=promotion].otds-tile:focus,
[variant=flat][interactive]:not([disabled]) [color^=promotion].otds-tile:hover,
[variant=ghost][interactive]:not([disabled])[color^=promotion].otds-tile:focus,
[variant=ghost][interactive]:not([disabled])[color^=promotion].otds-tile:hover {
  border-color: var(--ods-color-promotion-100);
  background-color: var(--ods-color-promotion-100);
}

[variant=flat][interactive]:not([disabled]):not([color]).otds-tile:active,
[variant=flat][interactive]:not([disabled])[color^=default].otds-tile:active,
[variant=ghost][interactive]:not([disabled]):not([color]).otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=default].otds-tile:active {
  border-color: var(--ods-color-default-200);
  background-color: var(--ods-color-default-200);
}

[variant=flat][interactive]:not([disabled])[color^=primary].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=primary].otds-tile:active {
  border-color: var(--ods-color-primary-200);
  background-color: var(--ods-color-primary-200);
}

[variant=flat][interactive]:not([disabled])[color^=text].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=text].otds-tile:active {
  border-color: var(--ods-color-text-200);
  background-color: var(--ods-color-text-200);
}

[variant=flat][interactive]:not([disabled])[color^=accent].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=accent].otds-tile:active {
  border-color: var(--ods-color-accent-200);
  background-color: var(--ods-color-accent-200);
}

[variant=flat][interactive]:not([disabled])[color^=error].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=error].otds-tile:active {
  border-color: var(--ods-color-error-200);
  background-color: var(--ods-color-error-200);
}

[variant=flat][interactive]:not([disabled])[color^=warning].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=warning].otds-tile:active {
  border-color: var(--ods-color-warning-200);
  background-color: var(--ods-color-warning-200);
}

[variant=flat][interactive]:not([disabled])[color^=success].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=success].otds-tile:active {
  border-color: var(--ods-color-success-200);
  background-color: var(--ods-color-success-200);
}

[variant=flat][interactive]:not([disabled])[color^=info].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=info].otds-tile:active {
  border-color: var(--ods-color-info-200);
  background-color: var(--ods-color-info-200);
}

[variant=flat][interactive]:not([disabled])[color^=promotion].otds-tile:active,
[variant=ghost][interactive]:not([disabled])[color^=promotion].otds-tile:active {
  border-color: var(--ods-color-promotion-200);
  background-color: var(--ods-color-promotion-200);
}

[variant=ghost] :not([color]).otds-tile,
[variant=ghost] [color^=accent].otds-tile,
[variant=ghost] [color^=default].otds-tile,
[variant=ghost] [color^=error].otds-tile,
[variant=ghost] [color^=info].otds-tile,
[variant=ghost] [color^=primary].otds-tile,
[variant=ghost] [color^=promotion].otds-tile,
[variant=ghost] [color^=success].otds-tile,
[variant=ghost] [color^=text].otds-tile,
[variant=ghost] [color^=warning].otds-tile {
  border-color: transparent;
  background-color: transparent;
}

[variant=hollow] :not([color]).otds-tile,
[variant=hollow] [color^=default].otds-tile {
  border-color: var(--ods-color-default-200);
  background-color: transparent;
}

[variant=hollow] [color^=primary].otds-tile {
  border-color: var(--ods-color-primary-200);
  background-color: transparent;
}

[variant=hollow] [color^=text].otds-tile {
  border-color: var(--ods-color-text-200);
  background-color: transparent;
}

[variant=hollow] [color^=accent].otds-tile {
  border-color: var(--ods-color-accent-200);
  background-color: transparent;
}

[variant=hollow] [color^=error].otds-tile {
  border-color: var(--ods-color-error-200);
  background-color: transparent;
}

[variant=hollow] [color^=warning].otds-tile {
  border-color: var(--ods-color-warning-200);
  background-color: transparent;
}

[variant=hollow] [color^=success].otds-tile {
  border-color: var(--ods-color-success-200);
  background-color: transparent;
}

[variant=hollow] [color^=info].otds-tile {
  border-color: var(--ods-color-info-200);
  background-color: transparent;
}

[variant=hollow] [color^=promotion].otds-tile {
  border-color: var(--ods-color-promotion-200);
  background-color: transparent;
}

[variant=hollow][interactive]:not([disabled]):not([color]).otds-tile:focus,
[variant=hollow][interactive]:not([disabled]):not([color]).otds-tile:hover,
[variant=hollow][interactive]:not([disabled])[color^=default].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=default].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-default-100);
}

[variant=hollow][interactive]:not([disabled])[color^=primary].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=primary].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-primary-100);
}

[variant=hollow][interactive]:not([disabled])[color^=text].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=text].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-text-100);
}

[variant=hollow][interactive]:not([disabled])[color^=accent].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=accent].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-accent-100);
}

[variant=hollow][interactive]:not([disabled])[color^=error].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=error].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-error-100);
}

[variant=hollow][interactive]:not([disabled])[color^=warning].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=warning].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-warning-100);
}

[variant=hollow][interactive]:not([disabled])[color^=success].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=success].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-success-100);
}

[variant=hollow][interactive]:not([disabled])[color^=info].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=info].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-info-100);
}

[variant=hollow][interactive]:not([disabled])[color^=promotion].otds-tile:focus,
[variant=hollow][interactive]:not([disabled])[color^=promotion].otds-tile:hover {
  background-color: transparent;
  border-color: var(--ods-color-promotion-100);
}

[variant=hollow][interactive]:not([disabled]):not([color]).otds-tile:active,
[variant=hollow][interactive]:not([disabled])[color^=default].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-default-200);
}

[variant=hollow][interactive]:not([disabled])[color^=primary].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-primary-200);
}

[variant=hollow][interactive]:not([disabled])[color^=text].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-text-200);
}

[variant=hollow][interactive]:not([disabled])[color^=accent].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-accent-200);
}

[variant=hollow][interactive]:not([disabled])[color^=error].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-error-200);
}

[variant=hollow][interactive]:not([disabled])[color^=warning].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-warning-200);
}

[variant=hollow][interactive]:not([disabled])[color^=success].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-success-200);
}

[variant=hollow][interactive]:not([disabled])[color^=info].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-info-200);
}

[variant=hollow][interactive]:not([disabled])[color^=promotion].otds-tile:active {
  background-color: transparent;
  border-color: var(--ods-color-promotion-200);
}

:not([disabled]):focus.otds-tile {
  outline-color: var(--ods-color-gray-500);
}

:not([disabled])[contrasted]:focus.otds-tile {
  outline-color: var(--ods-color-gray-000);
}

[size=sm].otds-tile {
  padding: var(--ods-size-tile-sm-padding);
}

[size=md].otds-tile {
  padding: var(--ods-size-tile-md-padding);
}

.otds-tile[size=md],
.otds-tile[size=sm] {
  font-family: var(--ods-typography-body-400-font-family);
  font-size: var(--ods-typography-body-400-font-size);
  font-style: var(--ods-typography-body-400-font-style);
  font-weight: var(--ods-typography-body-400-font-weight);
  letter-spacing: var(--ods-typography-body-400-letter-spacing);
  line-height: var(--ods-typography-body-400-line-height);
}

.otds-tile[interactive][variant=stroked][color^=default]:hover,
.otds-tile[interactive][variant=stroked][color^=primary]:hover {
  border-color: var(--ods-color-primary-200);
}

.otds-link .link {
  cursor: pointer;
  font-family: "Source Sans Pro", "Trebuchet MS", Arial, "Segoe UI", sans-serif;
  font-size: var(--ods-typo-size-02);
  font-weight: var(--ods-typo-weight-semibold);
  outline: 0;
}

.otds-link .link__centered-text {
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 var(--ods-size-02);
  transition: background-size 0.2s ease-in, color 0.1s ease-in-out;
  background-image: linear-gradient(currentColor, currentColor);
}

.otds-link:not([href]) .link,
.otds-link[href=""] .link {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  text-align: inherit;
}

.otds-link:not([disabled]):focus .link .link__centered-text,
.otds-link:not([disabled]):hover .link .link__centered-text {
  background-size: 100% var(--ods-size-02);
  transition: background-size 0.2s ease-out;
}

.otds-link:not([disabled]):focus {
  outline-style: dotted;
  outline-width: var(--ods-size-inset-02);
  outline-offset: var(--ods-size-inset-03);
}

.otds-link:not([disabled]):focus .link__centered-text,
button:focus:not(:focus-visible) {
  outline: 0;
}

.otds-link[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.otds-link [name=end],
.otds-link [name=start] {
  vertical-align: top;
}

:not([color]).otds-link .link,
[color^=default].otds-link .link,
[variant=ghost]:not([color]).otds-button .button,
[variant=ghost][color^=default].otds-button .button {
  color: var(--ods-color-default-500);
}

[color^=accent].otds-link .link,
[variant=ghost][color^=accent].otds-button .button {
  color: var(--ods-color-accent-500);
}

[color^=error].otds-link .link,
[variant=ghost][color^=error].otds-button .button {
  color: var(--ods-color-error-500);
}

[color^=warning].otds-link .link,
[variant=ghost][color^=warning].otds-button .button {
  color: var(--ods-color-warning-500);
}

[color^=success].otds-link .link,
[variant=ghost][color^=success].otds-button .button {
  color: var(--ods-color-success-500);
}

[color^=info].otds-link .link,
[variant=ghost][color^=info].otds-button .button {
  color: var(--ods-color-info-500);
}

[color^=promotion].otds-link .link,
[variant=ghost][color^=promotion].otds-button .button {
  color: var(--ods-color-promotion-500);
}

:not([color]).otds-link:focus .link,
:not([color]).otds-link:hover .link,
[color^=default].otds-link:focus .link,
[color^=default].otds-link:hover .link {
  color: var(--ods-color-default-700);
}

[color^=primary].otds-link:focus .link,
[color^=primary].otds-link:hover .link {
  color: var(--ods-color-primary-700);
}

[color^=text].otds-link:focus .link,
[color^=text].otds-link:hover .link {
  color: var(--ods-color-text-700);
}

[color^=accent].otds-link:focus .link,
[color^=accent].otds-link:hover .link {
  color: var(--ods-color-accent-700);
}

[color^=error].otds-link:focus .link,
[color^=error].otds-link:hover .link {
  color: var(--ods-color-error-700);
}

[color^=warning].otds-link:focus .link,
[color^=warning].otds-link:hover .link {
  color: var(--ods-color-warning-700);
}

[color^=success].otds-link:focus .link,
[color^=success].otds-link:hover .link {
  color: var(--ods-color-success-700);
}

[color^=info].otds-link:focus .link,
[color^=info].otds-link:hover .link {
  color: var(--ods-color-info-700);
}

[color^=promotion].otds-link:focus .link,
[color^=promotion].otds-link:hover .link {
  color: var(--ods-color-promotion-700);
}

.otds-tile:not([href]) .link,
.otds-tile[href=""] .link {
  background-color: transparent;
}

[contrasted]:not([color]).otds-link .link,
[contrasted][color^=default].otds-link .link,
[variant=ghost][contrasted]:not([color]).otds-button .button,
[variant=ghost][contrasted][color^=default].otds-button .button {
  color: var(--ods-color-default-500-contrasted);
}

[contrasted][color^=primary].otds-link .link,
[variant=ghost][contrasted][color^=primary].otds-button .button {
  color: var(--ods-color-primary-500-contrasted);
}

[contrasted][color^=text].otds-link .link,
[variant=ghost][contrasted][color^=text].otds-button .button {
  color: var(--ods-color-text-500-contrasted);
}

[contrasted][color^=accent].otds-link .link,
[variant=ghost][contrasted][color^=accent].otds-button .button {
  color: var(--ods-color-accent-500-contrasted);
}

[contrasted][color^=error].otds-link .link,
[variant=ghost][contrasted][color^=error].otds-button .button {
  color: var(--ods-color-error-500-contrasted);
}

[contrasted][color^=warning].otds-link .link,
[variant=ghost][contrasted][color^=warning].otds-button .button {
  color: var(--ods-color-warning-500-contrasted);
}

[contrasted][color^=success].otds-link .link,
[variant=ghost][contrasted][color^=success].otds-button .button {
  color: var(--ods-color-success-500-contrasted);
}

[contrasted][color^=info].otds-link .link,
[variant=ghost][contrasted][color^=info].otds-button .button {
  color: var(--ods-color-info-500-contrasted);
}

[contrasted][color^=promotion].otds-link .link,
[variant=ghost][contrasted][color^=promotion].otds-button .button {
  color: var(--ods-color-promotion-500-contrasted);
}

.link__text-container {
  font-family: var(--ods-typography-body-500-font-family);
  font-size: var(--ods-typography-body-500-font-size);
  font-style: var(--ods-typography-body-500-font-style);
  font-weight: var(--ods-typography-body-500-font-weight);
  letter-spacing: var(--ods-typography-body-500-letter-spacing);
  line-height: var(--ods-typography-body-500-line-height);
}
@keyframes oui-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
} /*!
* Bootstrap Grid v4.6.1 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

*,
::after,
::before {
  box-sizing: inherit;
  box-sizing: border-box;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-xl {
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .odss-card--last-item .card-layout {
    display: flex;
    flex-direction: column;
  }
  .odss-card--last-item--start .card-layout div:last-child:not(.ods-product-information-preview__cta) {
    margin-top: 0;
  }
  .odss-card--last-item--center .card-layout div:has(> picture):last-child {
    margin-top: auto;
    margin-bottom: auto !important;
  }
  .odss-card--last-item--end .card-layout div:last-child {
    margin-top: auto;
    margin-bottom: 0;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 728px;
  }
}
@media (min-width: 1120px) {
  .ods-navbar-link--n2,
  .ods-navbar-link--n3,
  .ods-navbar-link--subcategory {
    background-color: rgba(0, 0, 0, 0);
  }
  .ods-navbar-link--subcategory .ods-navbar-link__title {
    --custom-link-color: #0050d7;
    --custom-link-hover-color: #000e9c;
    padding-right: 0;
    border-bottom: none;
    font-weight: 600;
  }
  .ods-navbar-link--subcategory .ods-navbar-link__title::after {
    content: none;
  }
  .ods-navbar-link--n1::after {
    content: "";
    display: block;
    height: 0.25rem;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: var(--custom-link-hover-color);
    transform-origin: center;
    transform: scaleX(0);
  }
  .ods-navbar-link--n1.ods-navbar-link--active::after {
    transform: scaleX(1);
  }
  .ods-navbar-link--subcategory {
    width: 20%;
    position: relative;
  }
  .ods-navbar-link--subcategory:after {
    font-family: icons !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    content: "\f10d";
    font-size: inherit;
    color: inherit;
  }
  .ods-navbar-link--subcategory::after {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    opacity: 0;
    color: #0050d7;
    font-size: 1.25rem;
    transform: translate(-0.5rem, -50%) rotate(-90deg);
  }
  .ods-navbar__list--last-level .ods-navbar-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ods-search-bar__wrapper {
    height: 100%;
    top: 0;
    transform-origin: right;
  }
  .ods-header .ods-search-bar__wrapper {
    width: 50%;
    top: 0;
    transform: scaleX(0);
  }
  .ods-search-bar__form__input {
    height: 3.25rem;
  }
  .ods-header .ods-header-topbar {
    background-color: #000e9c;
    color: #fff;
    box-shadow: unset;
  }
  .ods-header .ods-header-topbar__content {
    padding: 0 1rem;
  }
  .ods-header .ods-header-topbar__content__logo {
    color: #fff;
  }
  .ods-header .ods-header-topbar__content__menu__item {
    position: relative;
  }
  .ods-header .ods-header-topbar__content__menu__item__link {
    padding: 0;
    border-bottom: none;
    font-size: 0.875rem;
  }
  .ods-header .ods-header-topbar__content__menu__item__link__title {
    border-bottom: none;
  }
  .ods-header .ods-header-topbar__content__menu__item__link__title--notif {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .ods-header .ods-header-topbar__content__menu__item__link--has-subitems .ods-header-topbar__content__menu__item__link__title {
    padding-right: 0;
  }
  .ods-header .ods-header-topbar__content__menu__item--n2 .ods-header-topbar__content__menu__item__link__title {
    border-bottom: 1px solid #e6e6e6;
  }
  .ods-header .ods-header-topbar__content__menu__item__link__icon-notif {
    position: static;
  }
  .ods-header .ods-header-topbar__content__menu__item__link__notif-amount {
    top: 0;
    right: 0;
    left: auto;
  }
  .ods-header .ods-header-topbar__content__menu__item__link--n2 {
    color: #0050d7;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1em;
    display: block;
    padding: 0 0.5rem;
  }
  .ods-header .ods-header-topbar__content__menu__item:last-of-type .ods-header-topbar__content__menu__item__link--n2 {
    border: none;
  }
  .ods-header .ods-header-topbar__content__menu__item__link--has-subitems::after {
    position: static;
    margin-left: 0.125rem;
    font-size: 1em;
    transform: none;
  }
  .ods-header .ods-header-topbar__content__menu__item__link--notifs::after {
    content: none;
  }
  .ods-header .ods-header-topbar__content__menu__item--n1 {
    padding: 0 0.5rem;
    opacity: 1;
  }
  .ods-header .ods-header-topbar__content__menu__item--n2 {
    overflow: hidden;
  }
  .ods-header .ods-header-topbar__content__menu__item--n2:nth-of-type(2) {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .ods-header .ods-header-topbar__content__menu__item--n2:last-of-type {
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .ods-header .ods-header-topbar__content__menu--n2 {
    display: block;
    width: 0;
    max-width: 10rem;
    height: auto;
    max-height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 1.25rem 0 rgba(0, 14, 156, 0.2);
    transform: translate(-50%, -0.25rem);
  }
  .ods-header .ods-header-topbar__content__menu--n2::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid #fff;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .ods-header-button--search {
    position: static;
    z-index: 0;
  }
  .ods-header-button--close-search {
    min-height: 3.125rem;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .odss-card .two-cols ul {
    width: 100%;
    -moz-columns: 2;
    columns: 2;
  }
  .odss-card .two-cols ul li {
    padding: 0.25rem 1.5rem 0.25rem 0;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
  }
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 1088px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm,
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-12,
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-6,
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-3,
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.d-none,
[hidden] {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.125rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.125rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.125rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.125rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.125rem !important;
}

.m-2 {
  margin: 0.25rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.25rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.25rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.25rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.25rem !important;
}

.m-3 {
  margin: 0.5rem !important;
}

.mt-3,
.my-3 {
  margin-top: 0.5rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 0.5rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 0.5rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 0.5rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 1.5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 1.5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 1.5rem !important;
}

.m-6 {
  margin: 2rem !important;
}

.mt-6,
.my-6 {
  margin-top: 2rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 2rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 2rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 2rem !important;
}

.m-7 {
  margin: 2.5rem !important;
}

.mt-7,
.my-7 {
  margin-top: 2.5rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 2.5rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 2.5rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 2.5rem !important;
}

.m-8 {
  margin: 3.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 3.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 3.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 3.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 3.5rem !important;
}

.m-9 {
  margin: 4.5rem !important;
}

.mt-9,
.my-9 {
  margin-top: 4.5rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 4.5rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 4.5rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 4.5rem !important;
}

.m-10 {
  margin: 6.5rem !important;
}

.mt-10,
.my-10 {
  margin-top: 6.5rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 6.5rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 6.5rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 6.5rem !important;
}

.m-11 {
  margin: 7rem !important;
}

.mt-11,
.my-11 {
  margin-top: 7rem !important;
}

.mr-11,
.mx-11 {
  margin-right: 7rem !important;
}

.mb-11,
.my-11 {
  margin-bottom: 7rem !important;
}

.ml-11,
.mx-11 {
  margin-left: 7rem !important;
}

.m-12 {
  margin: 10rem !important;
}

.mt-12,
.my-12 {
  margin-top: 10rem !important;
}

.mr-12,
.mx-12 {
  margin-right: 10rem !important;
}

.mb-12,
.my-12 {
  margin-bottom: 10rem !important;
}

.ml-12,
.mx-12 {
  margin-left: 10rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.125rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.125rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.125rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.125rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.125rem !important;
}

.p-2 {
  padding: 0.25rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.25rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.25rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.25rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.25rem !important;
}

.p-3 {
  padding: 0.5rem !important;
}

.pt-3,
.py-3 {
  padding-top: 0.5rem !important;
}

.pr-3,
.px-3 {
  padding-right: 0.5rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 0.5rem !important;
}

.pl-3,
.px-3 {
  padding-left: 0.5rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5,
.py-5 {
  padding-top: 1.5rem !important;
}

.pr-5,
.px-5 {
  padding-right: 1.5rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5,
.px-5 {
  padding-left: 1.5rem !important;
}

.p-6 {
  padding: 2rem !important;
}

.pt-6,
.py-6 {
  padding-top: 2rem !important;
}

.pr-6,
.px-6 {
  padding-right: 2rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 2rem !important;
}

.pl-6,
.px-6 {
  padding-left: 2rem !important;
}

.p-7 {
  padding: 2.5rem !important;
}

.pt-7,
.py-7 {
  padding-top: 2.5rem !important;
}

.pr-7,
.px-7 {
  padding-right: 2.5rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 2.5rem !important;
}

.pl-7,
.px-7 {
  padding-left: 2.5rem !important;
}

.p-8 {
  padding: 3.5rem !important;
}

.pt-8,
.py-8 {
  padding-top: 3.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 3.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 3.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 3.5rem !important;
}

.p-9 {
  padding: 4.5rem !important;
}

.pt-9,
.py-9 {
  padding-top: 4.5rem !important;
}

.pr-9,
.px-9 {
  padding-right: 4.5rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 4.5rem !important;
}

.pl-9,
.px-9 {
  padding-left: 4.5rem !important;
}

.p-10 {
  padding: 6.5rem !important;
}

.pt-10,
.py-10 {
  padding-top: 6.5rem !important;
}

.pr-10,
.px-10 {
  padding-right: 6.5rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 6.5rem !important;
}

.pl-10,
.px-10 {
  padding-left: 6.5rem !important;
}

.p-11 {
  padding: 7rem !important;
}

.pt-11,
.py-11 {
  padding-top: 7rem !important;
}

.pr-11,
.px-11 {
  padding-right: 7rem !important;
}

.pb-11,
.py-11 {
  padding-bottom: 7rem !important;
}

.pl-11,
.px-11 {
  padding-left: 7rem !important;
}

.p-12 {
  padding: 10rem !important;
}

.pt-12,
.py-12 {
  padding-top: 10rem !important;
}

.pr-12,
.px-12 {
  padding-right: 10rem !important;
}

.pb-12,
.py-12 {
  padding-bottom: 10rem !important;
}

.pl-12,
.px-12 {
  padding-left: 10rem !important;
}

.m-n1 {
  margin: -0.125rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.125rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.125rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.125rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.125rem !important;
}

.m-n2 {
  margin: -0.25rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.25rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.25rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.25rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.25rem !important;
}

.m-n3 {
  margin: -0.5rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -0.5rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -0.5rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -0.5rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -0.5rem !important;
}

.m-n4 {
  margin: -1rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1rem !important;
}

.m-n5 {
  margin: -1.5rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -1.5rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -1.5rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -1.5rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -1.5rem !important;
}

.m-n6 {
  margin: -2rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -2rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -2rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -2rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -2rem !important;
}

.m-n7 {
  margin: -2.5rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -2.5rem !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -2.5rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -2.5rem !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -2.5rem !important;
}

.m-n8 {
  margin: -3.5rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -3.5rem !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -3.5rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -3.5rem !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -3.5rem !important;
}

.m-n9 {
  margin: -4.5rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -4.5rem !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -4.5rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -4.5rem !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -4.5rem !important;
}

.m-n10 {
  margin: -6.5rem !important;
}

.mt-n10,
.my-n10 {
  margin-top: -6.5rem !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -6.5rem !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -6.5rem !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -6.5rem !important;
}

.m-n11 {
  margin: -7rem !important;
}

.mt-n11,
.my-n11 {
  margin-top: -7rem !important;
}

.mr-n11,
.mx-n11 {
  margin-right: -7rem !important;
}

.mb-n11,
.my-n11 {
  margin-bottom: -7rem !important;
}

.ml-n11,
.mx-n11 {
  margin-left: -7rem !important;
}

.m-n12 {
  margin: -10rem !important;
}

.mt-n12,
.my-n12 {
  margin-top: -10rem !important;
}

.mr-n12,
.mx-n12 {
  margin-right: -10rem !important;
}

.mb-n12,
.my-n12 {
  margin-bottom: -10rem !important;
}

.ml-n12,
.mx-n12 {
  margin-left: -10rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}

.nav-tabs .nav-link.disabled,
.text-hide,
a {
  background-color: transparent;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
}

.form-check-label,
.layout-container p:last-child,
.oui-checklist:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

dd {
  margin-left: 0;
}

blockquote,
figure {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  -ms-overflow-style: scrollbar;
}

img {
  vertical-align: middle;
  border-style: none;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

button {
  border-radius: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 1.5rem;
  color: inherit;
  white-space: normal;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

summary {
  display: list-item;
}

.ab--visible,
.collapse:not(.show),
.ods-overlay.inactive,
.tab-content > .tab-pane,
.webcallback-is-hidden div#cis-chat-bot,
.webcallback-is-hidden module-federation-loader#webcallback,
template {
  display: none;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-top {
  top: 0;
}

.fixed-bottom {
  bottom: 0;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.color--p-000,
.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important;
}

.text-muted,
.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:focus,
a.text-success:hover {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link.disabled {
  color: #6c757d;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4d5592;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4d5592;
}

select.form-control:focus::-ms-value {
  color: #4d5592;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-group,
.layout-container p,
.oui-checklist {
  margin-bottom: 1rem;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
  height: auto;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  color: #6c757d;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.invalid-tooltip,
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  max-width: 100%;
  left: 0;
  display: none;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
}

.form-row > .col > .invalid-tooltip,
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff;
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745;
}

.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block;
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #28a745;
}

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745;
}

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.bg--dark .text-level--base,
.bg--dark .text-level--lg,
.bg--dark .text-level--md,
.bg--dark .text-level--sm,
.bg--dark .text-level--xl,
.bg--dark .text-level--xs,
.bg--dark .text-level--xxl,
.bg--dark .text-level--xxxl,
.bg--dark .text-level--xxxxl {
  color: #fff;
}

.invalid-tooltip {
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat #fff;
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545;
}

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.ods-section blockquote:not(.oui-testimony__content):before,
[class*=icon--],
a:not([class])[target=_blank]:after,
button[obfuscate][target=_blank]:after {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  line-height: 1;
}

.fade {
  transition: opacity 0.15s linear;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing,
  .fade,
  .form-control {
    transition: none;
  }
}
@font-face {
  font-family: icons;
  src: url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.woff2?ba6e8521fd2b1726ef8bb907841c6df1") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.woff?ba6e8521fd2b1726ef8bb907841c6df1") format("woff"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.ttf?ba6e8521fd2b1726ef8bb907841c6df1") format("truetype"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/icons/icons.eot?ba6e8521fd2b1726ef8bb907841c6df1#iefix") format("embedded-opentype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class*=icon--] {
  font-weight: 400;
}

.text-level--base,
.text-level--sm,
.text-level--xs {
  color: inherit;
  font-weight: 400;
  line-height: 1.5em;
}

.icon--arrow-down::after {
  content: "\f101";
}

.icon--arrow-left::after {
  content: "\f102";
}

.icon--arrow-right::after {
  content: "\f103";
}

.icon--back-to-top::after {
  content: "\f104";
}

.icon--bell::after {
  content: "\f105";
}

.icon--calendar::after {
  content: "\f106";
}

.icon--caret::after {
  content: "\f107";
}

.icon--cart::after {
  content: "\f108";
}

.icon--chat::after {
  content: "\f109";
}

.icon--check::after {
  content: "\f10a";
}

.icon--chevron-left::after {
  content: "\f10b";
}

.icon--chevron-right::after {
  content: "\f10c";
}

.icon--chevronDown::after {
  content: "\f10d";
}

.icon--circle-error::after {
  content: "\f10e";
}

.icon--circle-success::after {
  content: "\f10f";
}

.icon--close::after {
  content: "\f110";
}

.icon--close2::after {
  content: "\f111";
}

.icon--dots_20px::after {
  content: "\f112";
}

.icon--download_20px::after {
  content: "\f113";
}

.icon--download_32px::after {
  content: "\f114";
}

.icon--envelop_20px::after {
  content: "\f115";
}

.icon--envelop_32px::after {
  content: "\f116";
}

.icon--envelop-letter::after {
  content: "\f117";
}

.icon--error::after {
  content: "\f118";
}

.icon--facebook::after {
  content: "\f119";
}

.icon--filter::after {
  content: "\f11a";
}

.icon--github::after {
  content: "\f11b";
}

.icon--google-plus::after {
  content: "\f11c";
}

.icon--grid::after {
  content: "\f11d";
}

.icon--group-3::after {
  content: "\f11e";
}

.icon--help::after {
  content: "\f11f";
}

.icon--house_20px::after {
  content: "\f120";
}

.icon--information::after {
  content: "\f121";
}

.icon--lifebuoy::after {
  content: "\f122";
}

.icon--linkedin::after {
  content: "\f123";
}

.icon--list::after {
  content: "\f124";
}

.icon--location::after {
  content: "\f125";
}

.icon--magnifying-glass::after {
  content: "\f126";
}

.icon--menu::after {
  content: "\f127";
}

.icon--newtab_20px::after {
  content: "\f128";
}

.icon--ods-home::after {
  content: "\f129";
}

.icon--ovh::after {
  content: "\f12a";
}

.icon--pencil::after {
  content: "\f12b";
}

.icon--person_20px::after {
  content: "\f12c";
}

.icon--person_32px::after {
  content: "\f12d";
}

.icon--person-happy::after {
  content: "\f12e";
}

.icon--phone::after {
  content: "\f12f";
}

.icon--play::after {
  content: "\f130";
}

.icon--promotion::after {
  content: "\f131";
}

.icon--quotes::after {
  content: "\f132";
}

.icon--resize::after {
  content: "\f133";
}

.icon--rss::after {
  content: "\f134";
}

.icon--search::after {
  content: "\f135";
}

.icon--share::after {
  content: "\f136";
}

.icon--sort::after {
  content: "\f137";
}

.icon--star::after {
  content: "\f138";
}

.icon--success::after {
  content: "\f139";
}

.icon--system-list::after {
  content: "\f13a";
}

.icon--transfert::after {
  content: "\f13b";
}

.icon--twitter::after {
  content: "\f13c";
}

.icon--user::after {
  content: "\f13d";
}

.icon--warning::after {
  content: "\f13e";
}

.embed-responsive:before,
.emphasis-shape::before {
  content: "";
  display: block;
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-300-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-300-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-300-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-300-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-400-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-400-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-400-italic.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-italic.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-400-italic.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-400-italic.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-600-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-600-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-600-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-600-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-ext-700-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-700-normal.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-latin-700-normal.woff2") format("woff2"), url("../../../../7af16cdb/contrib/ovh_theme_patternlab/dist/fonts/source-sans-pro/source-sans-pro-all-700-normal.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.text-level--xs {
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-12,
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-6,
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-3,
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.125rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.125rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.125rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.125rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.125rem !important;
  }
  .m-md-2 {
    margin: 0.25rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.25rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.25rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.25rem !important;
  }
  .m-md-3 {
    margin: 0.5rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 0.5rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 0.5rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 0.5rem !important;
  }
  .m-md-4 {
    margin: 1rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1rem !important;
  }
  .m-md-5 {
    margin: 1.5rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 1.5rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 1.5rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 1.5rem !important;
  }
  .m-md-6 {
    margin: 2rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 2rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 2rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 2rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 2rem !important;
  }
  .m-md-7 {
    margin: 2.5rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 2.5rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 2.5rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 2.5rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 2.5rem !important;
  }
  .m-md-8 {
    margin: 3.5rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 3.5rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 3.5rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 3.5rem !important;
  }
  .m-md-9 {
    margin: 4.5rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 4.5rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 4.5rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 4.5rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 4.5rem !important;
  }
  .m-md-10 {
    margin: 6.5rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 6.5rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 6.5rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 6.5rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 6.5rem !important;
  }
  .m-md-11 {
    margin: 7rem !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: 7rem !important;
  }
  .mr-md-11,
  .mx-md-11 {
    margin-right: 7rem !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: 7rem !important;
  }
  .ml-md-11,
  .mx-md-11 {
    margin-left: 7rem !important;
  }
  .m-md-12 {
    margin: 10rem !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: 10rem !important;
  }
  .mr-md-12,
  .mx-md-12 {
    margin-right: 10rem !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: 10rem !important;
  }
  .ml-md-12,
  .mx-md-12 {
    margin-left: 10rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.125rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.125rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.125rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.125rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.125rem !important;
  }
  .p-md-2 {
    padding: 0.25rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.25rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.25rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.25rem !important;
  }
  .p-md-3 {
    padding: 0.5rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 0.5rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 0.5rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 0.5rem !important;
  }
  .p-md-4 {
    padding: 1rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1rem !important;
  }
  .p-md-5 {
    padding: 1.5rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 1.5rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 1.5rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 1.5rem !important;
  }
  .p-md-6 {
    padding: 2rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 2rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 2rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 2rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 2rem !important;
  }
  .p-md-7 {
    padding: 2.5rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 2.5rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 2.5rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 2.5rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 2.5rem !important;
  }
  .p-md-8 {
    padding: 3.5rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 3.5rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 3.5rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 3.5rem !important;
  }
  .p-md-9 {
    padding: 4.5rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 4.5rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 4.5rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 4.5rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 4.5rem !important;
  }
  .p-md-10 {
    padding: 6.5rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 6.5rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 6.5rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 6.5rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 6.5rem !important;
  }
  .p-md-11 {
    padding: 7rem !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: 7rem !important;
  }
  .pr-md-11,
  .px-md-11 {
    padding-right: 7rem !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: 7rem !important;
  }
  .pl-md-11,
  .px-md-11 {
    padding-left: 7rem !important;
  }
  .p-md-12 {
    padding: 10rem !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: 10rem !important;
  }
  .pr-md-12,
  .px-md-12 {
    padding-right: 10rem !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: 10rem !important;
  }
  .pl-md-12,
  .px-md-12 {
    padding-left: 10rem !important;
  }
  .m-md-n1 {
    margin: -0.125rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.125rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.125rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.125rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.125rem !important;
  }
  .m-md-n2 {
    margin: -0.25rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.25rem !important;
  }
  .m-md-n3 {
    margin: -0.5rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -0.5rem !important;
  }
  .m-md-n4 {
    margin: -1rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1rem !important;
  }
  .m-md-n5 {
    margin: -1.5rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -1.5rem !important;
  }
  .m-md-n6 {
    margin: -2rem !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -2rem !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -2rem !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -2rem !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -2rem !important;
  }
  .m-md-n7 {
    margin: -2.5rem !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -2.5rem !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -2.5rem !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -2.5rem !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -2.5rem !important;
  }
  .m-md-n8 {
    margin: -3.5rem !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -3.5rem !important;
  }
  .m-md-n9 {
    margin: -4.5rem !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -4.5rem !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -4.5rem !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -4.5rem !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -4.5rem !important;
  }
  .m-md-n10 {
    margin: -6.5rem !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -6.5rem !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -6.5rem !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -6.5rem !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -6.5rem !important;
  }
  .m-md-n11 {
    margin: -7rem !important;
  }
  .mt-md-n11,
  .my-md-n11 {
    margin-top: -7rem !important;
  }
  .mr-md-n11,
  .mx-md-n11 {
    margin-right: -7rem !important;
  }
  .mb-md-n11,
  .my-md-n11 {
    margin-bottom: -7rem !important;
  }
  .ml-md-n11,
  .mx-md-n11 {
    margin-left: -7rem !important;
  }
  .m-md-n12 {
    margin: -10rem !important;
  }
  .mt-md-n12,
  .my-md-n12 {
    margin-top: -10rem !important;
  }
  .mr-md-n12,
  .mx-md-n12 {
    margin-right: -10rem !important;
  }
  .mb-md-n12,
  .my-md-n12 {
    margin-bottom: -10rem !important;
  }
  .ml-md-n12,
  .mx-md-n12 {
    margin-left: -10rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-level--xs {
    font-size: 0.75rem;
  }
  .text-level--sm {
    font-size: 0.875rem;
  }
}
.text-level--sm {
  font-size: 0.875rem;
}

.text-level--base {
  font-size: 1rem;
}

.text-level--lg,
.text-level--md,
.text-level--xl {
  color: #00185e;
  font-weight: 400;
  line-height: 1.25em;
}

@media (min-width: 768px) {
  .text-level--base {
    font-size: 1rem;
  }
  .text-level--md {
    font-size: 1.125rem;
  }
}
.text-level--md {
  font-size: 1.125rem;
}

.text-level--lg {
  font-size: 1.25rem;
}

@media (min-width: 768px) {
  .text-level--lg {
    font-size: 1.25rem;
  }
  .text-level--xl {
    font-size: 1.75rem;
  }
}
.text-level--xl {
  font-size: 1.75rem;
}

.text-level--xxl,
.text-level--xxxl {
  font-size: 2.25rem;
  color: #00185e;
  line-height: 1.25em;
  font-weight: 400;
}

@media (min-width: 768px) {
  .text-level--xxl {
    font-size: 2.25rem;
  }
  .text-level--xxxl {
    font-size: 3.4375rem;
  }
}
.text-level--xxxxl {
  color: #00185e;
  font-size: 3.4375rem;
  font-weight: 400;
  line-height: 1.25em;
}

.bg--p-000 {
  background-color: #fff !important;
}

.bg--p-700 {
  background-color: #000e9c !important;
}

.color--p-050 {
  color: #f5feff !important;
}

.color--p-075 {
  color: #def8ff !important;
}

.color--p-100 {
  color: #bef1ff !important;
}

.color--p-200 {
  color: #85d9fd !important;
}

.color--p-300 {
  color: #4bb2f6 !important;
}

.color--p-400 {
  color: #157eea !important;
}

.color--p-500 {
  color: #0050d7 !important;
}

.color--p-600 {
  color: #002dbe !important;
}

.color--p-700 {
  color: #000e9c !important;
}

.color--p-800 {
  color: #00185e !important;
}

.color--p-800-text {
  color: #4d5592 !important;
}

.color--p-900 {
  color: #000d1f !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
:after,
:before {
  box-sizing: inherit;
}

:target {
  scroll-margin-top: 7.25rem;
}

.layout-container {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #4d5592;
}

.bg--dark,
.bg--dark .highlight-data,
.bg--dark .layout-container,
.bg--dark .oui-checklist--lg,
.bg--dark .oui-checklist--xl,
.bg--dark .oui-token-common-data,
.bg--dark .ovhcloud-homepage__insurance-segment .oui-token-common-data,
.bg--dark .ovhcloud-infra-worldmap .oui-token-common-data,
.bg--dark a:not([class]),
.bg--dark a:not([class]):active,
.bg--dark a:not([class]):focus,
.bg--dark a:not([class]):hover,
.bg--dark a:not([class])[target=_blank],
.bg--dark a:not([class])[target=_blank]:active,
.bg--dark a:not([class])[target=_blank]:focus,
.bg--dark a:not([class])[target=_blank]:hover,
.bg--dark blockquote:not(.oui-testimony__content),
.bg--dark button[obfuscate],
.bg--dark button[obfuscate]:active,
.bg--dark button[obfuscate]:focus,
.bg--dark button[obfuscate]:hover,
.bg--dark button[obfuscate][target=_blank],
.bg--dark button[obfuscate][target=_blank]:active,
.bg--dark button[obfuscate][target=_blank]:focus,
.bg--dark button[obfuscate][target=_blank]:hover,
cite a:not([class]),
cite a:not([class]):active,
cite a:not([class]):focus,
cite a:not([class]):hover,
cite a:not([class])[target=_blank],
cite a:not([class])[target=_blank]:active,
cite a:not([class])[target=_blank]:focus,
cite a:not([class])[target=_blank]:hover,
cite button[obfuscate],
cite button[obfuscate]:active,
cite button[obfuscate]:focus,
cite button[obfuscate]:hover,
cite button[obfuscate][target=_blank],
cite button[obfuscate][target=_blank]:active,
cite button[obfuscate][target=_blank]:focus,
cite button[obfuscate][target=_blank]:hover {
  color: #fff;
}

.layout-container em {
  font-style: italic;
}

.layout-container img {
  height: auto;
  max-width: 100%;
}

blockquote:not(.oui-testimony__content) {
  color: #00185e;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25em;
  padding: 1rem 2rem;
  border-top: 2px dashed #85d9fd;
  border-bottom: 2px dashed #85d9fd;
  margin: 1rem 0 1.5rem;
  position: relative;
  text-align: center;
  font-style: italic;
}

blockquote:not(.oui-testimony__content)::before {
  content: "“";
  color: #c4cfdb;
}

.ods-section blockquote:not(.oui-testimony__content) {
  border: none;
  text-align: left;
  padding: 0 0 0 2.5em;
  position: relative;
}

.ods-section blockquote:not(.oui-testimony__content):before {
  font-weight: 400;
  content: "\f132";
  font-size: 1.25em;
  color: #4bb2f6;
}

.ods-section blockquote:not(.oui-testimony__content)::before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

a:not([class]),
a:not([class])[target=_blank],
button[obfuscate],
button[obfuscate][target=_blank] {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  text-decoration: none;
  font-weight: 600;
  color: #0050d7;
}

a:not([class]),
button[obfuscate] {
  border: none;
  background: 0 0;
  box-shadow: none;
}

a:not([class]):active,
a:not([class]):focus,
a:not([class]):hover,
a:not([class])[target=_blank]:active,
a:not([class])[target=_blank]:focus,
a:not([class])[target=_blank]:hover,
button[obfuscate]:active,
button[obfuscate]:focus,
button[obfuscate]:hover,
button[obfuscate][target=_blank]:active,
button[obfuscate][target=_blank]:focus,
button[obfuscate][target=_blank]:hover {
  text-decoration: underline;
}

a:not([class])[target=_blank]:after,
button[obfuscate][target=_blank]:after {
  font-weight: 400;
  content: "\f128";
  font-size: inherit;
  color: inherit;
}

a:not([class])[target=_blank]::after,
button[obfuscate][target=_blank]::after {
  margin-left: 0.25rem;
  padding-bottom: 0.25rem;
}

.container {
  padding-left: 1rem;
  padding-right: 1rem;
}

.highlight-data,
.oui-checklist--lg,
.oui-checklist--xl {
  color: #00185e;
  font-weight: 400;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.emphasis-shape {
  padding-top: 1rem;
  padding-left: 1.5rem;
  position: relative;
}

.emphasis-shape::before {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(to bottom right, #bef1ff 0, #bef1ff 50%, transparent 50%, transparent 100%);
}

.highlight-data {
  font-size: 1.25rem;
  line-height: 1em;
  border-radius: 1.125rem;
  background-color: #000e9c;
  display: inline-block;
  padding: 0.125rem 1rem 0.25rem;
}

.autocomplete__result mark,
.oui-results mark {
  background-color: transparent;
  font-weight: 600;
  color: #0050d7;
}

.oui-checklist {
  padding-left: 2rem;
  text-align: left;
  display: inline-block;
}

.oui-checklist li {
  position: relative;
  line-height: 1.5em;
}

.oui-checklist li::before {
  display: block;
  position: absolute;
}

.ods-promotion-text--icon:before,
.oui-checklist li:before {
  font-family: icons !important;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
}

.oui-checklist li:before {
  line-height: 1;
  font-weight: 400;
  content: "\f10a";
  font-size: inherit;
  color: inherit;
}

.oui-checklist li::before {
  font-size: 0.875rem;
  line-height: 1em;
  left: -1.5rem;
  top: 0.5rem;
  color: #0050d7;
}

.bg--dark .oui-checklist li::before {
  color: #85d9fd;
}

.oui-checklist--lg li,
.oui-checklist--xl li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.oui-checklist--lg {
  font-size: 1.25rem;
  line-height: 1.25em;
}

@media (min-width: 768px) {
  .text-level--xxxxl {
    font-size: 4.75rem;
  }
  .layout-container {
    font-size: 1rem;
  }
  blockquote:not(.oui-testimony__content) {
    font-size: 1.25rem;
    padding: 2rem 3.5rem;
  }
  blockquote:not(.oui-testimony__content)::before {
    font-size: 5rem;
    margin-top: 1.5rem;
  }
  .highlight-data,
  .oui-checklist--lg {
    font-size: 1.25rem;
  }
  .oui-checklist--xl {
    font-size: 1.75rem;
  }
}
.oui-checklist--lg li::before {
  font-size: 1rem;
}

.oui-checklist--xl {
  font-size: 1.75rem;
  line-height: 1.25em;
}

.oui-checklist--xl li::before {
  font-size: 1.125rem;
  top: 0.75rem;
}

.limited-content-size {
  max-width: 800px;
}

.ovhcloud-homepage__insurance-segment .oui-token-common-data,
.ovhcloud-infra-worldmap .oui-token-common-data {
  font-size: 1.75rem;
  line-height: 1.25em;
  font-weight: 700;
  color: #00185e;
}

.ods-media-legal-notice {
  position: absolute;
  top: -0.4375rem;
  right: -0.4375rem;
}

.ods-media-legal-notice sup {
  top: 0;
}

.ods-border-bottom {
  border-bottom: 1px solid #000e9c;
}

.ods-border-bottom--light {
  border-bottom-color: #85d9fd;
}

.bg--dark .ods-border-bottom {
  border-color: #bef1ff;
}

.ods-border--double {
  border: 2px solid #85d9fd;
}

.ods-radius-base {
  overflow: hidden;
  border-radius: 12px;
}

.text-left .ods-list-align > li {
  justify-content: flex-start;
}

.text-right .ods-list-align > li {
  justify-content: flex-end;
}

.ods-list-align--inline div,
.ods-list-align--inline p {
  display: inline;
  margin-right: 0.5rem;
}

.ods-responsive-video-iframe {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.ods-responsive-video-iframe iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.ods-text-state--success {
  color: #268403;
}

.bg--dark .ods-text-state--success {
  color: #88c169;
}

.ods-text-state--warning {
  color: #8b6111;
}

.bg--dark .ods-text-state--warning {
  color: #fa9b3e;
}

.ods-text-state--error {
  color: #c11b1b;
}

.bg--dark .ods-text-state--error {
  color: #e0777c;
}

.ods-text-state--information {
  color: #4d5592;
}

.bg--dark .ods-text-state--information {
  color: #bef1ff;
}

.ods-text-state--primary {
  color: #0050d7;
}

.bg--dark .ods-text-state--primary {
  color: #157eea;
}

.ods-promotion-text,
.price-free {
  color: #ac246f;
  font-weight: 600;
}

.ods-promotion-text--regular {
  font-weight: 400;
}

.ods-promotion-text--icon:before {
  line-height: 1;
  font-weight: 400;
  content: "\f131";
  font-size: inherit;
  color: inherit;
}

.ods-promotion-text--icon::before {
  margin-right: 0.25rem;
}

.ods-loader::before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  background-position: center;
  background-image: url("../../../../7af16cdb/contrib/ovh_theme_patternlab/images/loader.gif");
  background-size: 200%;
}

.ods-highlight-text {
  background-color: #f5feff;
  border-left: 4px solid #85d9fd;
}

.ods-emphasis-block {
  padding: 0.5rem;
  border-left: 0.25rem solid #85d9fd;
  background-color: #f5feff;
}

.ods-text--error {
  color: #c11b1b;
}

.ods-text--heading {
  color: #00185e;
}

.ods-border--error {
  border: 1px solid #c11b1b;
}

.ods-footer__logo {
  color: #fff;
  width: 9.9375rem;
  height: 1.5625rem;
}

.ods-footer__copyright {
  background: #0050d7;
  color: #fff;
}

.ods-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 14, 156, 0.75);
  z-index: 3;
}

.hidden-text {
  overflow: hidden;
  height: 0;
}

.ods-grey-background {
  background-color: #87888c;
  color: #fff;
}

.ods-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 3.125rem;
  z-index: 1;
}

@media (min-width: 768px) {
  .ovhcloud-homepage__insurance-segment .oui-token-common-data,
  .ovhcloud-infra-worldmap .oui-token-common-data {
    font-size: 1.75rem;
  }
  .ods-sticky-top {
    z-index: unset;
  }
  .d-md-grid {
    display: grid !important;
  }
}
@media (min-width: 1120px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-12,
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-6,
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-3,
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.125rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.125rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.125rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.125rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.125rem !important;
  }
  .m-lg-2 {
    margin: 0.25rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.25rem !important;
  }
  .m-lg-3 {
    margin: 0.5rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 0.5rem !important;
  }
  .m-lg-4 {
    margin: 1rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1rem !important;
  }
  .m-lg-5 {
    margin: 1.5rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 1.5rem !important;
  }
  .m-lg-6 {
    margin: 2rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 2rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 2rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 2rem !important;
  }
  .m-lg-7 {
    margin: 2.5rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 2.5rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 2.5rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 2.5rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 2.5rem !important;
  }
  .m-lg-8 {
    margin: 3.5rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 3.5rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 3.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 3.5rem !important;
  }
  .m-lg-9 {
    margin: 4.5rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 4.5rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 4.5rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 4.5rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 4.5rem !important;
  }
  .m-lg-10 {
    margin: 6.5rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 6.5rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 6.5rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 6.5rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 6.5rem !important;
  }
  .m-lg-11 {
    margin: 7rem !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: 7rem !important;
  }
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 7rem !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 7rem !important;
  }
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 7rem !important;
  }
  .m-lg-12 {
    margin: 10rem !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: 10rem !important;
  }
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: 10rem !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: 10rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.125rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.125rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.125rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.125rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.125rem !important;
  }
  .p-lg-2 {
    padding: 0.25rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.25rem !important;
  }
  .p-lg-3 {
    padding: 0.5rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 0.5rem !important;
  }
  .p-lg-4 {
    padding: 1rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1rem !important;
  }
  .p-lg-5 {
    padding: 1.5rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 1.5rem !important;
  }
  .p-lg-6 {
    padding: 2rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 2rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 2rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 2rem !important;
  }
  .p-lg-7 {
    padding: 2.5rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 2.5rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 2.5rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 2.5rem !important;
  }
  .p-lg-8 {
    padding: 3.5rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 3.5rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 3.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 3.5rem !important;
  }
  .p-lg-9 {
    padding: 4.5rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 4.5rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 4.5rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 4.5rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 4.5rem !important;
  }
  .p-lg-10 {
    padding: 6.5rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 6.5rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 6.5rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 6.5rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 6.5rem !important;
  }
  .p-lg-11 {
    padding: 7rem !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: 7rem !important;
  }
  .pr-lg-11,
  .px-lg-11 {
    padding-right: 7rem !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 7rem !important;
  }
  .pl-lg-11,
  .px-lg-11 {
    padding-left: 7rem !important;
  }
  .p-lg-12 {
    padding: 10rem !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: 10rem !important;
  }
  .pr-lg-12,
  .px-lg-12 {
    padding-right: 10rem !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-12,
  .px-lg-12 {
    padding-left: 10rem !important;
  }
  .m-lg-n1 {
    margin: -0.125rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.125rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.125rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.125rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.125rem !important;
  }
  .m-lg-n2 {
    margin: -0.25rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n3 {
    margin: -0.5rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n4 {
    margin: -1rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1rem !important;
  }
  .m-lg-n5 {
    margin: -1.5rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n6 {
    margin: -2rem !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -2rem !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -2rem !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -2rem !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -2rem !important;
  }
  .m-lg-n7 {
    margin: -2.5rem !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -2.5rem !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -2.5rem !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -2.5rem !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -2.5rem !important;
  }
  .m-lg-n8 {
    margin: -3.5rem !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -3.5rem !important;
  }
  .m-lg-n9 {
    margin: -4.5rem !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -4.5rem !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -4.5rem !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -4.5rem !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -4.5rem !important;
  }
  .m-lg-n10 {
    margin: -6.5rem !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -6.5rem !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -6.5rem !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -6.5rem !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -6.5rem !important;
  }
  .m-lg-n11 {
    margin: -7rem !important;
  }
  .mt-lg-n11,
  .my-lg-n11 {
    margin-top: -7rem !important;
  }
  .mr-lg-n11,
  .mx-lg-n11 {
    margin-right: -7rem !important;
  }
  .mb-lg-n11,
  .my-lg-n11 {
    margin-bottom: -7rem !important;
  }
  .ml-lg-n11,
  .mx-lg-n11 {
    margin-left: -7rem !important;
  }
  .m-lg-n12 {
    margin: -10rem !important;
  }
  .mt-lg-n12,
  .my-lg-n12 {
    margin-top: -10rem !important;
  }
  .mr-lg-n12,
  .mx-lg-n12 {
    margin-right: -10rem !important;
  }
  .mb-lg-n12,
  .my-lg-n12 {
    margin-bottom: -10rem !important;
  }
  .ml-lg-n12,
  .mx-lg-n12 {
    margin-left: -10rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .ods-sticky-top {
    top: 6.25rem;
  }
}
.ods-sticky-top--margin {
  top: 4.125rem;
}

@media (min-width: 1120px) {
  .ods-sticky-top--margin {
    top: 7.25rem;
  }
  .h-lg-100 {
    height: 100%;
  }
}
@media (max-width: 767.98px) {
  .ods_product_card .ods-badge-v18:empty {
    margin-bottom: 0 !important;
  }
  .offer-promotion-modal {
    height: 400px;
    overflow-x: auto;
  }
  .odss-card .otds-tile:not([data-slider] .odss-card .otds-tile) {
    min-height: auto !important;
  }
  .odss-card .otds-tile .wrapper-button {
    width: 100%;
  }
  .ods-md-fixed-top {
    position: fixed;
    width: calc(100% - 1rem);
    z-index: 301;
  }
}
.no-scroll {
  overflow: hidden;
}

.ods-sticky-top--full {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

@media (max-width: 1119.98px) {
  .ods-navbar-link[data-olu] {
    width: 100%;
  }
  .ods-emphasis-block.ods-emphasis-block-without-border {
    border: none;
  }
  .ods-sticky-top--full {
    z-index: 500;
  }
}
.ods-button--no-appearance {
  -webkit-appearance: none;
}

.border-radius-bottom--none {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.ods-downloadable {
  bottom: 0.25rem;
  right: 0.5rem;
}

.ods-text-inherit {
  text-align: inherit;
  display: contents;
}

.d-grid {
  display: grid !important;
}

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1280px;
  }
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-12,
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-6,
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-3,
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.125rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.125rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.125rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.125rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.125rem !important;
  }
  .m-xl-2 {
    margin: 0.25rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.25rem !important;
  }
  .m-xl-3 {
    margin: 0.5rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 0.5rem !important;
  }
  .m-xl-4 {
    margin: 1rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1rem !important;
  }
  .m-xl-5 {
    margin: 1.5rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 1.5rem !important;
  }
  .m-xl-6 {
    margin: 2rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 2rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 2rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 2rem !important;
  }
  .m-xl-7 {
    margin: 2.5rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 2.5rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 2.5rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 2.5rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 2.5rem !important;
  }
  .m-xl-8 {
    margin: 3.5rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 3.5rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 3.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 3.5rem !important;
  }
  .m-xl-9 {
    margin: 4.5rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 4.5rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 4.5rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 4.5rem !important;
  }
  .m-xl-10 {
    margin: 6.5rem !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 6.5rem !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 6.5rem !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 6.5rem !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 6.5rem !important;
  }
  .m-xl-11 {
    margin: 7rem !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: 7rem !important;
  }
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: 7rem !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: 7rem !important;
  }
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: 7rem !important;
  }
  .m-xl-12 {
    margin: 10rem !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: 10rem !important;
  }
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: 10rem !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: 10rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.125rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.125rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.125rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.125rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.125rem !important;
  }
  .p-xl-2 {
    padding: 0.25rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.25rem !important;
  }
  .p-xl-3 {
    padding: 0.5rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 0.5rem !important;
  }
  .p-xl-4 {
    padding: 1rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1rem !important;
  }
  .p-xl-5 {
    padding: 1.5rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 1.5rem !important;
  }
  .p-xl-6 {
    padding: 2rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 2rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 2rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 2rem !important;
  }
  .p-xl-7 {
    padding: 2.5rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 2.5rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 2.5rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 2.5rem !important;
  }
  .p-xl-8 {
    padding: 3.5rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 3.5rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 3.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 3.5rem !important;
  }
  .p-xl-9 {
    padding: 4.5rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 4.5rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 4.5rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 4.5rem !important;
  }
  .p-xl-10 {
    padding: 6.5rem !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 6.5rem !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 6.5rem !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 6.5rem !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 6.5rem !important;
  }
  .p-xl-11 {
    padding: 7rem !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: 7rem !important;
  }
  .pr-xl-11,
  .px-xl-11 {
    padding-right: 7rem !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: 7rem !important;
  }
  .pl-xl-11,
  .px-xl-11 {
    padding-left: 7rem !important;
  }
  .p-xl-12 {
    padding: 10rem !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: 10rem !important;
  }
  .pr-xl-12,
  .px-xl-12 {
    padding-right: 10rem !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-12,
  .px-xl-12 {
    padding-left: 10rem !important;
  }
  .m-xl-n1 {
    margin: -0.125rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.125rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.125rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.125rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.125rem !important;
  }
  .m-xl-n2 {
    margin: -0.25rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n3 {
    margin: -0.5rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n4 {
    margin: -1rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1rem !important;
  }
  .m-xl-n5 {
    margin: -1.5rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n6 {
    margin: -2rem !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -2rem !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -2rem !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -2rem !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -2rem !important;
  }
  .m-xl-n7 {
    margin: -2.5rem !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -2.5rem !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -2.5rem !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -2.5rem !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -2.5rem !important;
  }
  .m-xl-n8 {
    margin: -3.5rem !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -3.5rem !important;
  }
  .m-xl-n9 {
    margin: -4.5rem !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -4.5rem !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -4.5rem !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -4.5rem !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -4.5rem !important;
  }
  .m-xl-n10 {
    margin: -6.5rem !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -6.5rem !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -6.5rem !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -6.5rem !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -6.5rem !important;
  }
  .m-xl-n11 {
    margin: -7rem !important;
  }
  .mt-xl-n11,
  .my-xl-n11 {
    margin-top: -7rem !important;
  }
  .mr-xl-n11,
  .mx-xl-n11 {
    margin-right: -7rem !important;
  }
  .mb-xl-n11,
  .my-xl-n11 {
    margin-bottom: -7rem !important;
  }
  .ml-xl-n11,
  .mx-xl-n11 {
    margin-left: -7rem !important;
  }
  .m-xl-n12 {
    margin: -10rem !important;
  }
  .mt-xl-n12,
  .my-xl-n12 {
    margin-top: -10rem !important;
  }
  .mr-xl-n12,
  .mx-xl-n12 {
    margin-right: -10rem !important;
  }
  .mb-xl-n12,
  .my-xl-n12 {
    margin-bottom: -10rem !important;
  }
  .ml-xl-n12,
  .mx-xl-n12 {
    margin-left: -10rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
}
.row-gap-0 {
  row-gap: 0;
}

.row-gap-1 {
  row-gap: 0.125rem;
}

.row-gap-2 {
  row-gap: 0.25rem;
}

.row-gap-3 {
  row-gap: 0.5rem;
}

.row-gap-4 {
  row-gap: 1rem;
}

.row-gap-5 {
  row-gap: 1.5rem;
}

.row-gap-6 {
  row-gap: 2rem;
}

.row-gap-7 {
  row-gap: 2.5rem;
}

.row-gap-8 {
  row-gap: 3.5rem;
}

.row-gap-9 {
  row-gap: 4.5rem;
}

.row-gap-10 {
  row-gap: 6.5rem;
}

.row-gap-11 {
  row-gap: 7rem;
}

.row-gap-12 {
  row-gap: 10rem;
}

.column-gap-0 {
  -moz-column-gap: 0;
  column-gap: 0;
}

.column-gap-1 {
  -moz-column-gap: 0.125rem;
  column-gap: 0.125rem;
}

.column-gap-2 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.column-gap-3 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.column-gap-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.column-gap-5 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.column-gap-6 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.column-gap-7 {
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.column-gap-8 {
  -moz-column-gap: 3.5rem;
  column-gap: 3.5rem;
}

.column-gap-9 {
  -moz-column-gap: 4.5rem;
  column-gap: 4.5rem;
}

.column-gap-10 {
  -moz-column-gap: 6.5rem;
  column-gap: 6.5rem;
}

.column-gap-11 {
  -moz-column-gap: 7rem;
  column-gap: 7rem;
}

.column-gap-12 {
  -moz-column-gap: 10rem;
  column-gap: 10rem;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.125rem;
}

.gap-2 {
  gap: 0.25rem;
}

.gap-3 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.5rem;
}

.gap-6 {
  gap: 2rem;
}

.gap-7 {
  gap: 2.5rem;
}

.gap-8 {
  gap: 3.5rem;
}

.gap-9 {
  gap: 4.5rem;
}

.gap-10 {
  gap: 6.5rem;
}

.gap-11 {
  gap: 7rem;
}

.gap-12 {
  gap: 10rem;
}

.lh-1 {
  line-height: 1 !important;
}

.lazy-rendering {
  content-visibility: auto;
  contain: content;
}

.lazy-rendering--footer {
  contain-intrinsic-height: auto 1000px;
}

@media (min-width: 768px) {
  .gap-md-5 {
    gap: 3rem !important;
  }
  .lazy-rendering--footer {
    contain-intrinsic-height: auto 900px;
  }
}
.header--webcloud {
  position: relative;
  margin-bottom: 3rem;
  z-index: 2;
}

.header--webcloud__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  min-height: 260px;
}

@media (min-width: 768px) {
  .header--webcloud {
    margin: 3rem auto;
  }
  .header--webcloud__grid {
    grid-template-columns: 5fr 7fr;
    gap: 1rem;
  }
}
.header--webcloud__panel--info {
  position: relative;
  background: linear-gradient(to right, #0054d1 0, #4b6fff 30%, #b86aff 45%, #ff6a3d 80%, #ff6a3d 100%);
  color: #fff;
  padding: 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  margin-bottom: -1px;
}

@media (min-width: 768px) {
  .header--webcloud__panel--info {
    background: var(--ods-color-blue-500);
    border-radius: 8px;
    margin-bottom: 0;
    padding: 2rem;
  }
  .header--webcloud__panel--info::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../../../7af16cdb/contrib/ovh_theme_patternlab/images/bg-img/hatching.png");
    background-size: cover;
  }
  .header--webcloud__panel--visual {
    border-radius: 8px;
  }
}
.header--webcloud__panel--visual {
  background: linear-gradient(to right, #0054d1 0, #4b6fff 30%, #b86aff 45%, #ff6a3d 80%, #ff6a3d 100%);
}

.header--webcloud__title {
  background-color: #fff;
  color: var(--ods-color-blue-700);
  font-weight: 600;
  font-size: 1.25rem;
  padding: 0.16rem 0.5rem;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 0.25rem;
}

@media (min-width: 768px) {
  .header--webcloud__title {
    margin-bottom: 0.5rem;
  }
}
.header--webcloud__label {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1rem;
}

.header--webcloud__image {
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-12,
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-6,
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-3,
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.125rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.125rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.125rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.125rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.125rem !important;
  }
  .m-sm-2 {
    margin: 0.25rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.25rem !important;
  }
  .m-sm-3 {
    margin: 0.5rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 0.5rem !important;
  }
  .m-sm-4 {
    margin: 1rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1rem !important;
  }
  .m-sm-5 {
    margin: 1.5rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 1.5rem !important;
  }
  .m-sm-6 {
    margin: 2rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 2rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 2rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 2rem !important;
  }
  .m-sm-7 {
    margin: 2.5rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 2.5rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 2.5rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 2.5rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 2.5rem !important;
  }
  .m-sm-8 {
    margin: 3.5rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 3.5rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 3.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 3.5rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 3.5rem !important;
  }
  .m-sm-9 {
    margin: 4.5rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 4.5rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 4.5rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 4.5rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 4.5rem !important;
  }
  .m-sm-10 {
    margin: 6.5rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 6.5rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 6.5rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 6.5rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 6.5rem !important;
  }
  .m-sm-11 {
    margin: 7rem !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: 7rem !important;
  }
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: 7rem !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: 7rem !important;
  }
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: 7rem !important;
  }
  .m-sm-12 {
    margin: 10rem !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: 10rem !important;
  }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: 10rem !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: 10rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.125rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.125rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.125rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.125rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.125rem !important;
  }
  .p-sm-2 {
    padding: 0.25rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.25rem !important;
  }
  .p-sm-3 {
    padding: 0.5rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 0.5rem !important;
  }
  .p-sm-4 {
    padding: 1rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1rem !important;
  }
  .p-sm-5 {
    padding: 1.5rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 1.5rem !important;
  }
  .p-sm-6 {
    padding: 2rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 2rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 2rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 2rem !important;
  }
  .p-sm-7 {
    padding: 2.5rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 2.5rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 2.5rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 2.5rem !important;
  }
  .p-sm-8 {
    padding: 3.5rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 3.5rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 3.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 3.5rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 3.5rem !important;
  }
  .p-sm-9 {
    padding: 4.5rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 4.5rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 4.5rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 4.5rem !important;
  }
  .p-sm-10 {
    padding: 6.5rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 6.5rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 6.5rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 6.5rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 6.5rem !important;
  }
  .p-sm-11 {
    padding: 7rem !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: 7rem !important;
  }
  .pr-sm-11,
  .px-sm-11 {
    padding-right: 7rem !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: 7rem !important;
  }
  .pl-sm-11,
  .px-sm-11 {
    padding-left: 7rem !important;
  }
  .p-sm-12 {
    padding: 10rem !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: 10rem !important;
  }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: 10rem !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: 10rem !important;
  }
  .m-sm-n1 {
    margin: -0.125rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.125rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.125rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.125rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.125rem !important;
  }
  .m-sm-n2 {
    margin: -0.25rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n3 {
    margin: -0.5rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n4 {
    margin: -1rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1rem !important;
  }
  .m-sm-n5 {
    margin: -1.5rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n6 {
    margin: -2rem !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -2rem !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -2rem !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -2rem !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -2rem !important;
  }
  .m-sm-n7 {
    margin: -2.5rem !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -2.5rem !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -2.5rem !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -2.5rem !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -2.5rem !important;
  }
  .m-sm-n8 {
    margin: -3.5rem !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -3.5rem !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -3.5rem !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -3.5rem !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -3.5rem !important;
  }
  .m-sm-n9 {
    margin: -4.5rem !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -4.5rem !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -4.5rem !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -4.5rem !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -4.5rem !important;
  }
  .m-sm-n10 {
    margin: -6.5rem !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -6.5rem !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -6.5rem !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -6.5rem !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -6.5rem !important;
  }
  .m-sm-n11 {
    margin: -7rem !important;
  }
  .mt-sm-n11,
  .my-sm-n11 {
    margin-top: -7rem !important;
  }
  .mr-sm-n11,
  .mx-sm-n11 {
    margin-right: -7rem !important;
  }
  .mb-sm-n11,
  .my-sm-n11 {
    margin-bottom: -7rem !important;
  }
  .ml-sm-n11,
  .mx-sm-n11 {
    margin-left: -7rem !important;
  }
  .m-sm-n12 {
    margin: -10rem !important;
  }
  .mt-sm-n12,
  .my-sm-n12 {
    margin-top: -10rem !important;
  }
  .mr-sm-n12,
  .mx-sm-n12 {
    margin-right: -10rem !important;
  }
  .mb-sm-n12,
  .my-sm-n12 {
    margin-bottom: -10rem !important;
  }
  .ml-sm-n12,
  .mx-sm-n12 {
    margin-left: -10rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .custom-select,
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .header--webcloud__image {
    max-width: 220px;
    max-height: 220px;
  }
}
@media (min-width: 768px) {
  .header--webcloud__label {
    text-shadow: 0 0 8px rgba(0, 24, 94, 0.6);
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .header--webcloud__image {
    max-width: 250px;
    max-height: 250px;
  }
}
@media (min-width: 1120px) {
  .d-lg-grid {
    display: grid !important;
  }
  .lazy-rendering--footer {
    contain-intrinsic-height: auto 640px;
  }
  .header--webcloud__image {
    max-width: 300px;
    max-height: 300px;
  }
}
.header--webcloud__form {
  border: 2px solid var(--ods-color-blue-500);
  border-radius: 8px;
  min-height: 50px;
}

.header--webcloud__form.domain-search-token {
  max-width: 740px;
  margin: 0 auto;
  width: 100%;
}

.header--webcloud__form__wrapper {
  padding: 0.75rem;
  border-radius: 12px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 95%;
  transform: translate(-50%, 50%);
}

@media (min-width: 768px) {
  .header--webcloud__form__wrapper {
    width: 66%;
  }
}
.header--webcloud__icon,
.ods-badge--small svg,
.ods-badge-v18 .ods-badge svg {
  width: 1rem;
  height: 1rem;
}

.header--webcloud__form__wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19px;
  width: 20px;
  transform: rotate(180deg) translateY(100%);
  height: 20px;
  background: radial-gradient(circle at bottom right, rgba(0, 0, 0, 0) 0 75%, #fff 76% 100%);
}

.header--webcloud__form__wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -19px;
  width: 20px;
  transform: rotate(180deg) translateY(100%);
  height: 20px;
  background: radial-gradient(circle at bottom left, rgba(0, 0, 0, 0) 0 75%, #fff 76% 100%);
}

.header--webcloud__form--eligibility,
.header--webcloud__form--voip {
  display: flex;
  justify-content: center;
}

.header--webcloud__form--eligibility .header--webcloud__input,
.header--webcloud__form--voip .header--webcloud__input {
  flex: 1;
  border: none;
  padding: 8px;
  font-size: 1rem;
  outline: 0;
}

.header--webcloud__form--eligibility .header--webcloud__button,
.header--webcloud__form--voip .header--webcloud__button {
  background-color: #fff;
  border: none;
  height: 100%;
  align-items: center;
  padding: 0 1rem;
  cursor: pointer;
  font-size: 1.2rem;
}

.header--webcloud__input-wrapper {
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 4px 4px 14px;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}

.header--webcloud__input-wrapper:focus-within {
  background: #f0f4ff;
}

.header--webcloud__form--voip .header--webcloud__input-wrapper:focus-within .header--webcloud__button,
.header--webcloud__form--eligibility .header--webcloud__input-wrapper:focus-within .header--webcloud__button {
  background: #f0f4ff;
}

.header--webcloud__input-wrapper ::-moz-placeholder {
  color: var(--ods-color-gray-blue-500);
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
}

.header--webcloud__input-wrapper :-ms-input-placeholder {
  color: var(--ods-color-gray-blue-500);
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
}

.header--webcloud__input-wrapper ::placeholder {
  color: var(--ods-color-gray-blue-500);
  font-size: 1rem;
  font-weight: 600;
  opacity: 1;
}

.header--webcloud__input-wrapper .oui-select-wrapper {
  height: 100%;
}

.header--webcloud__input-wrapper .oui-select {
  height: 100%;
  border: none;
  border-radius: 10px 0 0 10px;
  min-width: 160px;
  border-right: 2px solid var(--ods-color-blue-500);
  background-color: #f3fdff;
}

.header--webcloud__form--eligibility .header--webcloud__input-wrapper .oui-select {
  min-width: 130px;
}

@media (min-width: 768px) {
  .header--webcloud__form--eligibility .header--webcloud__input-wrapper .oui-select {
    min-width: 270px;
  }
}
.header--webcloud__input-wrapper .oui-select .label {
  font-weight: 600;
  color: var(--ods-color-blue-500);
}

.header--webcloud__input-wrapper .oui-select-items li {
  background-color: #f3fdff;
  font-weight: 600;
  color: var(--ods-color-blue-500);
  font-size: 1rem;
}

.header--webcloud__input-wrapper .oui-select-items li:hover {
  background-color: var(--ods-color-blue-200);
}

.header--webcloud__input-wrapper .oui-select-items li.selected {
  color: var(--ods-color-blue-500);
  background-color: var(--ods-color-blue-100);
}

.header--webcloud__input-wrapper .oui-select-items li.selected:hover {
  color: var(--ods-color-blue-500);
  background-color: var(--ods-color-blue-200);
}

.header--webcloud__input-prefix {
  font-weight: 700;
  color: #000;
}

.header--webcloud__input {
  flex: 1;
  border: none;
  outline: 0;
  color: var(--ods-color-text-500);
}

.header--webcloud__input:focus-within {
  background: #f0f4ff;
}

.header--webcloud__button {
  border: 1px solid var(--Color-Primary-500, #0050d7);
  padding: 6px 8px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  background: var(--ods-color-blue-500);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  font-size: 1rem;
  height: 100%;
}

@media (max-width: 425px) {
  .header--webcloud__button-text {
    display: none;
  }
}
.header--webcloud__button--reset::before {
  background-image: url("../../../../7af16cdb/contrib/ovh_theme_patternlab/images/icons/cross.svg");
}

.header--webcloud__suggestions-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  width: 300px;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 42px;
  background: var(--ods-color-blue-100);
  z-index: 1000;
}

.header--webcloud__suggestions-list li {
  padding: 8px;
  cursor: pointer;
  background-color: #f3fdff;
  font-weight: 600;
  color: var(--ods-color-blue-500);
  font-size: 1rem;
}

.header--webcloud__suggestions-list li:hover {
  background-color: var(--ods-color-blue-200);
}

.header--webcloud__suggestions-list li.highlighted {
  color: var(--ods-color-blue-500);
  background-color: var(--ods-color-blue-100);
}

.header--webcloud__suggestions-list li.highlighted:hover {
  color: var(--ods-color-blue-500);
  background-color: var(--ods-color-blue-200);
}

.header--webcloud__suggestions__wrapper {
  position: relative;
}

.domain-search-token-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 1rem;
}

.ods-badge {
  white-space: nowrap;
  border-radius: 1.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  display: inline;
  --badge-custom-color: #000e9c;
}

.ods-badge--bordered {
  border-width: 1px;
  border-style: solid;
}

.ods-badge-v18 .ods-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.25rem;
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.25rem;
}

.ods-badge-v18 .ods-badge .oui-icon-svg {
  display: inline-flex !important;
}

[data-badge-font-weight] .ods-badge:not([data-custom-ignorecommercialtheme]) {
  font-weight: var(--badge-font-weight) !important;
}

.ods-badge--default {
  color: #f5feff;
  background-color: #000e9c;
}

.ods-badge--promotion {
  color: #ffe16d;
  background-color: #770040;
}

.ods-badge--most-popular {
  color: #0050d7;
  background-color: #85d9fd;
}

.ods-badge--soon {
  color: #4d5592;
  background-color: #e6e6e6;
}

.ods-badge--new {
  color: #fff;
  background-color: #008686;
}

.ods-badge--limited-time-offer {
  color: #fff;
  background-color: #df3602;
}

.ods-badge--alpha {
  color: #00185e;
  background-color: #fbff47;
}

.ods-badge--beta {
  color: #00185e;
  background-color: #47ff78;
}

.ods-badge--best-seller {
  color: #0050d7;
  background-color: #85d9fd;
}

.ods-badge--blackfriday {
  color: #000d1f;
  background-color: #caa104;
}

.ods-badge--delivery-fastest {
  color: #fff;
  background-color: #268403;
}

.ods-badge--delivery-fast {
  color: #00185e;
  background-color: #b6e511;
}

.ods-badge--delivery-slow {
  color: #00185e;
  background-color: #ffc800;
}

.ods-badge--error {
  color: #c11b1b;
  background-color: #ffd2dd;
}

.ods-badge--info {
  color: #4d5592;
  background-color: #bef1ff;
}

.ods-badge--success {
  color: #268403;
  background-color: #ecffd1;
}

.ods-badge--warning {
  color: #8b6111;
  background-color: #ffed96;
}

.ods-badge--price-drop {
  color: #00185e;
  background-color: #ffc800;
}

.ods-badge--sold-out {
  color: #00185e;
  background-color: #c4cfdb;
}

.ods-badge--special-offer {
  color: #ffe16d;
  background-color: #770040;
}

.ods-badge--event {
  color: #fff;
  background-color: #000e9c;
}

.ods-badge--rise {
  color: #fff;
  background-color: #001796;
}

.ods-badge--deals {
  color: #000e9c;
  background-color: #ccfd0d;
}

.ods-badge--custom {
  color: var(--badge-custom-color);
  background: var(--badge-custom-bg-color);
  font-weight: 600;
}

.ods-badge--custom:not(.no-fill) .oui-icon-svg svg [fill*="#"] {
  fill: var(--badge-custom-color);
}

.ods-badge--custom:not(.no-fill) .oui-icon-svg svg [stroke*="#"] {
  stroke: var(--badge-custom-color);
}

.ods-badge-v18 .ods-badge--small {
  padding: 0.125rem 0.25rem;
  font-size: 0.875rem;
  line-height: 1rem;
}

.ods-badge-v18 .ods-badge--small svg {
  width: 0.85rem;
  height: 0.85rem;
}

.ods-badge--extra-small {
  font-size: 0.875rem;
}

.ods-badge--extra-small svg {
  width: 0.5rem;
  height: 0.5rem;
}

.ods-badge-v18 .ods-badge--extra-small {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 0.25rem;
  gap: 0.125rem;
}

.ods-badge-v18 .ods-badge--extra-small svg {
  width: 10px;
  height: 10px;
}

.ods-offer-card__badge .ods-badge {
  font-size: 1.25rem;
  line-height: 1.25em;
  letter-spacing: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: inline-block;
  text-transform: uppercase;
  padding: 0.25rem 1rem;
}

.ods-offer-card__badge .ods-badge--default {
  text-shadow: 0 0 4px #bef1ff;
}

.ods-offer-card__badge .ods-badge--promotion {
  text-shadow: 0 0 4px #ffe16d;
}

.ods-offer-card__badge .ods-badge--most-popular {
  text-shadow: 0 0 4px #f5feff;
}

.ods-offer-card__badge .ods-badge--soon {
  text-shadow: 0 0 4px transparent;
}

.ods-offer-card__badge .ods-badge--new {
  text-shadow: 0 0 4px #4d5592;
}

.ods-offer-card__badge .ods-badge--alpha,
.ods-offer-card__badge .ods-badge--beta,
.ods-offer-card__badge .ods-badge--limited-time-offer {
  text-shadow: 0 0 4px transparent;
}

.ods-offer-card__badge .ods-badge--best-seller {
  text-shadow: 0 0 4px #f5feff;
}

.ods-offer-card__badge .ods-badge--blackfriday,
.ods-offer-card__badge .ods-badge--delivery-fast,
.ods-offer-card__badge .ods-badge--delivery-fastest,
.ods-offer-card__badge .ods-badge--delivery-slow,
.ods-offer-card__badge .ods-badge--error,
.ods-offer-card__badge .ods-badge--info,
.ods-offer-card__badge .ods-badge--price-drop,
.ods-offer-card__badge .ods-badge--sold-out,
.ods-offer-card__badge .ods-badge--success,
.ods-offer-card__badge .ods-badge--warning {
  text-shadow: 0 0 4px transparent;
}

.ods-offer-card__badge .ods-badge--special-offer {
  text-shadow: 0 0 4px #ffe16d;
}

.ods-offer-card__badge .ods-badge--deals,
.ods-offer-card__badge .ods-badge--event,
.ods-offer-card__badge .ods-badge--rise {
  text-shadow: 0 0 4px transparent;
}

.ods-offer-card__badge .ods-badge--sys kimsufi {
  text-shadow: 0 0 4px;
}

.ods-offer-card__badge .ods-badge--small {
  font-size: 0.875rem;
}

.ods-offer-card__badge .ods-badge--xs {
  font-size: 0.75rem;
}

.ods-badge[data-extra-label] {
  border-radius: 0.3rem;
  padding: 0 0.3rem;
  line-height: 1.4;
}

.ods-badge[data-extra-label="Local Zone"] {
  background-color: var(--ods-color-blue-100);
  color: var(--ods-color-blue-700);
  font-weight: 400;
}

.ods-badge[data-extra-label="3-AZ"] {
  background-color: var(--ods-color-blue-700);
  color: var(--ods-color-blue-000);
  font-weight: 600;
}

.button {
  height: 3.25rem;
  border-radius: var(--ods-size-border-radius-02);
  border-width: var(--ods-size-inset-02);
  padding: 0 var(--ods-size-squish-06-x);
  font-family: var(--ods-font-family);
  font-size: var(--ods-typo-size-02);
  line-height: var(--ods-typo-size-04);
  font-weight: var(--ods-typo-weight-semibold);
}

:host button,
otds-button button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
}

:host [type=button],
:host [type=reset],
:host [type=submit],
:host button,
otds-button [type=button],
otds-button [type=reset],
otds-button [type=submit],
otds-button button {
  -webkit-appearance: button;
}

:host [type=button]::-moz-focus-inner,
:host [type=reset]::-moz-focus-inner,
:host [type=submit]::-moz-focus-inner,
:host button::-moz-focus-inner,
otds-button [type=button]::-moz-focus-inner,
otds-button [type=reset]::-moz-focus-inner,
otds-button [type=submit]::-moz-focus-inner,
otds-button button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:host [type=button]:focus-visible,
:host [type=reset]:focus-visible,
:host [type=submit]:focus-visible,
:host button:focus-visible,
otds-button [type=button]:focus-visible,
otds-button [type=reset]:focus-visible,
otds-button [type=submit]:focus-visible,
otds-button button:focus-visible {
  outline: ButtonText dotted 1px;
}

.otds-button {
  display: inline-block;
  margin: calc(var(--ods-size-inset-n-02) + var(--ods-size-inset-n-02));
  outline: 0;
  overflow: hidden;
  padding: calc(var(--ods-size-inset-02) + var(--ods-size-inset-02));
}

.otds-button .button {
  border-style: solid;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
  opacity: 1;
  overflow: hidden;
  text-decoration: none;
  width: initial;
  transition: 0.1s ease-in-out;
  border-color: transparent;
}

.otds-button .button .button__text-container {
  align-items: center;
  display: inline-grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-template: "start center end"/auto 1fr auto;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: inherit;
}

.otds-button .button .button__text-container > [name] {
  display: flex;
  align-self: center;
}

.otds-button .button .button__text-container > [name]:empty {
  display: none;
  margin: 0;
}

.otds-button .button .button__text-container > [name=start] {
  grid-area: start;
  justify-self: start;
  margin-right: var(--ods-size-inline-04);
}

.otds-button .button .button__text-container > [name=end] {
  grid-area: end;
  justify-self: end;
  margin-left: var(--ods-size-inline-04);
}

:not([disabled]):focus-visible.otds-button .button {
  outline-style: dotted;
  outline-width: var(--ods-size-inset-02);
  outline-offset: var(--ods-size-inset-02);
}

:active.otds-button .button {
  transition: background-color ease-in-out;
}

[disabled].otds-button {
  cursor: not-allowed;
}

[disabled].otds-button .button {
  pointer-events: none;
  opacity: 0.5;
}

[flex].otds-button {
  display: flex;
  width: 100%;
}

.button__centered-text {
  grid-area: center;
  justify-self: stretch;
}

:not([variant]):not([color]).otds-button .button,
:not([variant])[color^=default].otds-button .button,
[variant=default]:not([color]).otds-button .button,
[variant=default][color^=default].otds-button .button,
[variant=flat]:not([color]).otds-button .button,
[variant=flat][color^=default].otds-button .button {
  color: var(--ods-color-default-500-contrasted);
  background-color: var(--ods-color-default-500);
}

:not([variant])[color^=primary].otds-button .button,
[variant=default][color^=primary].otds-button .button,
[variant=flat][color^=primary].otds-button .button {
  color: var(--ods-color-primary-500-contrasted);
  background-color: var(--ods-color-primary-500);
}

:not([variant])[color^=text].otds-button .button,
[variant=default][color^=text].otds-button .button,
[variant=flat][color^=text].otds-button .button {
  color: var(--ods-color-text-500-contrasted);
  background-color: var(--ods-color-text-500);
}

:not([variant])[color^=accent].otds-button .button,
[variant=default][color^=accent].otds-button .button,
[variant=flat][color^=accent].otds-button .button {
  color: var(--ods-color-accent-500-contrasted);
  background-color: var(--ods-color-accent-500);
}

:not([variant])[color^=error].otds-button .button,
[variant=default][color^=error].otds-button .button,
[variant=flat][color^=error].otds-button .button {
  color: var(--ods-color-error-500-contrasted);
  background-color: var(--ods-color-error-500);
}

:not([variant])[color^=warning].otds-button .button,
[variant=default][color^=warning].otds-button .button,
[variant=flat][color^=warning].otds-button .button {
  color: var(--ods-color-warning-500-contrasted);
  background-color: var(--ods-color-warning-500);
}

:not([variant])[color^=success].otds-button .button,
[variant=default][color^=success].otds-button .button,
[variant=flat][color^=success].otds-button .button {
  color: var(--ods-color-success-500-contrasted);
  background-color: var(--ods-color-success-500);
}

:not([variant])[color^=info].otds-button .button,
[variant=default][color^=info].otds-button .button,
[variant=flat][color^=info].otds-button .button {
  color: var(--ods-color-info-500-contrasted);
  background-color: var(--ods-color-info-500);
}

:not([variant])[color^=promotion].otds-button .button,
[variant=default][color^=promotion].otds-button .button,
[variant=flat][color^=promotion].otds-button .button {
  color: var(--ods-color-promotion-500-contrasted);
  background-color: var(--ods-color-promotion-500);
}

:not([variant])[contrasted]:not([color]).otds-button .button,
:not([variant])[contrasted][color^=default].otds-button .button,
[variant=default][contrasted]:not([color]).otds-button .button,
[variant=default][contrasted][color^=default].otds-button .button,
[variant=flat][contrasted]:not([color]).otds-button .button,
[variant=flat][contrasted][color^=default].otds-button .button {
  color: var(--ods-color-default-500);
  background-color: var(--ods-color-default-500-contrasted);
}

:not([variant])[contrasted][color^=primary].otds-button .button,
[variant=default][contrasted][color^=primary].otds-button .button,
[variant=flat][contrasted][color^=primary].otds-button .button {
  color: var(--ods-color-primary-500);
  background-color: var(--ods-color-primary-500-contrasted);
}

:not([variant])[contrasted][color^=text].otds-button .button,
[variant=default][contrasted][color^=text].otds-button .button,
[variant=flat][contrasted][color^=text].otds-button .button {
  color: var(--ods-color-text-500);
  background-color: var(--ods-color-text-500-contrasted);
}

:not([variant])[contrasted][color^=accent].otds-button .button,
[variant=default][contrasted][color^=accent].otds-button .button,
[variant=flat][contrasted][color^=accent].otds-button .button {
  color: var(--ods-color-accent-500);
  background-color: var(--ods-color-accent-500-contrasted);
}

:not([variant])[contrasted][color^=error].otds-button .button,
[variant=default][contrasted][color^=error].otds-button .button,
[variant=flat][contrasted][color^=error].otds-button .button {
  color: var(--ods-color-error-500);
  background-color: var(--ods-color-error-500-contrasted);
}

:not([variant])[contrasted][color^=warning].otds-button .button,
[variant=default][contrasted][color^=warning].otds-button .button,
[variant=flat][contrasted][color^=warning].otds-button .button {
  color: var(--ods-color-warning-500);
  background-color: var(--ods-color-warning-500-contrasted);
}

:not([variant])[contrasted][color^=success].otds-button .button,
[variant=default][contrasted][color^=success].otds-button .button,
[variant=flat][contrasted][color^=success].otds-button .button {
  color: var(--ods-color-success-500);
  background-color: var(--ods-color-success-500-contrasted);
}

:not([variant])[contrasted][color^=info].otds-button .button,
[variant=default][contrasted][color^=info].otds-button .button,
[variant=flat][contrasted][color^=info].otds-button .button {
  color: var(--ods-color-info-500);
  background-color: var(--ods-color-info-500-contrasted);
}

:not([variant])[contrasted][color^=promotion].otds-button .button,
[variant=default][contrasted][color^=promotion].otds-button .button,
[variant=flat][contrasted][color^=promotion].otds-button .button {
  color: var(--ods-color-promotion-500);
  background-color: var(--ods-color-promotion-500-contrasted);
}

:not([variant]):not([disabled]):not([color]).otds-button .button:focus,
:not([variant]):not([disabled]):not([color]).otds-button .button:hover,
:not([variant]):not([disabled])[color^=default].otds-button .button:focus,
:not([variant]):not([disabled])[color^=default].otds-button .button:hover,
[variant=default]:not([disabled]):not([color]).otds-button .button:focus,
[variant=default]:not([disabled]):not([color]).otds-button .button:hover,
[variant=default]:not([disabled])[color^=default].otds-button .button:focus,
[variant=default]:not([disabled])[color^=default].otds-button .button:hover,
[variant=flat]:not([disabled]):not([color]).otds-button .button:focus,
[variant=flat]:not([disabled]):not([color]).otds-button .button:hover,
[variant=flat]:not([disabled])[color^=default].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=default].otds-button .button:hover {
  background-color: var(--ods-color-default-700);
}

:not([variant]):not([disabled])[color^=primary].otds-button .button:focus,
:not([variant]):not([disabled])[color^=primary].otds-button .button:hover,
[variant=default]:not([disabled])[color^=primary].otds-button .button:focus,
[variant=default]:not([disabled])[color^=primary].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=primary].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=primary].otds-button .button:hover {
  background-color: var(--ods-color-primary-700);
}

:not([variant]):not([disabled])[color^=text].otds-button .button:focus,
:not([variant]):not([disabled])[color^=text].otds-button .button:hover,
[variant=default]:not([disabled])[color^=text].otds-button .button:focus,
[variant=default]:not([disabled])[color^=text].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=text].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=text].otds-button .button:hover {
  background-color: var(--ods-color-text-700);
}

:not([variant]):not([disabled])[color^=accent].otds-button .button:focus,
:not([variant]):not([disabled])[color^=accent].otds-button .button:hover,
[variant=default]:not([disabled])[color^=accent].otds-button .button:focus,
[variant=default]:not([disabled])[color^=accent].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=accent].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=accent].otds-button .button:hover {
  background-color: var(--ods-color-accent-700);
}

:not([variant]):not([disabled])[color^=error].otds-button .button:focus,
:not([variant]):not([disabled])[color^=error].otds-button .button:hover,
[variant=default]:not([disabled])[color^=error].otds-button .button:focus,
[variant=default]:not([disabled])[color^=error].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=error].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=error].otds-button .button:hover {
  background-color: var(--ods-color-error-700);
}

:not([variant]):not([disabled])[color^=warning].otds-button .button:focus,
:not([variant]):not([disabled])[color^=warning].otds-button .button:hover,
[variant=default]:not([disabled])[color^=warning].otds-button .button:focus,
[variant=default]:not([disabled])[color^=warning].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=warning].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=warning].otds-button .button:hover {
  background-color: var(--ods-color-warning-700);
}

:not([variant]):not([disabled])[color^=success].otds-button .button:focus,
:not([variant]):not([disabled])[color^=success].otds-button .button:hover,
[variant=default]:not([disabled])[color^=success].otds-button .button:focus,
[variant=default]:not([disabled])[color^=success].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=success].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=success].otds-button .button:hover {
  background-color: var(--ods-color-success-700);
}

:not([variant]):not([disabled])[color^=info].otds-button .button:focus,
:not([variant]):not([disabled])[color^=info].otds-button .button:hover,
[variant=default]:not([disabled])[color^=info].otds-button .button:focus,
[variant=default]:not([disabled])[color^=info].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=info].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=info].otds-button .button:hover {
  background-color: var(--ods-color-info-700);
}

:not([variant]):not([disabled])[color^=promotion].otds-button .button:focus,
:not([variant]):not([disabled])[color^=promotion].otds-button .button:hover,
[variant=default]:not([disabled])[color^=promotion].otds-button .button:focus,
[variant=default]:not([disabled])[color^=promotion].otds-button .button:hover,
[variant=flat]:not([disabled])[color^=promotion].otds-button .button:focus,
[variant=flat]:not([disabled])[color^=promotion].otds-button .button:hover {
  background-color: var(--ods-color-promotion-700);
}

:not([variant]):not([disabled]):active:not([color]).otds-button .button {
  background-color: var(--ods-color-default-800);
}

:not([variant]):not([disabled]):active[color^=default].otds-button .button {
  background-color: var(--ods-color-default-800);
}

:not([variant]):not([disabled]):active[color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-800);
}

:not([variant]):not([disabled]):active[color^=text].otds-button .button {
  background-color: var(--ods-color-text-800);
}

:not([variant]):not([disabled]):active[color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-800);
}

:not([variant]):not([disabled]):active[color^=error].otds-button .button {
  background-color: var(--ods-color-error-800);
}

:not([variant]):not([disabled]):active[color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-800);
}

:not([variant]):not([disabled]):active[color^=success].otds-button .button {
  background-color: var(--ods-color-success-800);
}

:not([variant]):not([disabled]):active[color^=info].otds-button .button {
  background-color: var(--ods-color-info-800);
}

:not([variant]):not([disabled]):active[color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-800);
}

:not([variant]):not([disabled]):active[contrasted]:not([color]).otds-button .button {
  background-color: var(--ods-color-default-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=default].otds-button .button {
  background-color: var(--ods-color-default-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=text].otds-button .button {
  background-color: var(--ods-color-text-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=error].otds-button .button {
  background-color: var(--ods-color-error-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=success].otds-button .button {
  background-color: var(--ods-color-success-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=info].otds-button .button {
  background-color: var(--ods-color-info-200);
}

:not([variant]):not([disabled]):active[contrasted][color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-200);
}

[variant=flat]:not([disabled]):active:not([color]).otds-button .button {
  background-color: var(--ods-color-default-800);
}

[variant=flat]:not([disabled]):active[color^=default].otds-button .button {
  background-color: var(--ods-color-default-800);
}

[variant=flat]:not([disabled]):active[color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-800);
}

[variant=flat]:not([disabled]):active[color^=text].otds-button .button {
  background-color: var(--ods-color-text-800);
}

[variant=flat]:not([disabled]):active[color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-800);
}

[variant=flat]:not([disabled]):active[color^=error].otds-button .button {
  background-color: var(--ods-color-error-800);
}

[variant=flat]:not([disabled]):active[color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-800);
}

[variant=flat]:not([disabled]):active[color^=success].otds-button .button {
  background-color: var(--ods-color-success-800);
}

[variant=flat]:not([disabled]):active[color^=info].otds-button .button {
  background-color: var(--ods-color-info-800);
}

[variant=flat]:not([disabled]):active[color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-800);
}

[variant=flat]:not([disabled]):active[contrasted]:not([color]).otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=default].otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=text].otds-button .button {
  background-color: var(--ods-color-text-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=error].otds-button .button {
  background-color: var(--ods-color-error-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=success].otds-button .button {
  background-color: var(--ods-color-success-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=info].otds-button .button {
  background-color: var(--ods-color-info-200);
}

[variant=flat]:not([disabled]):active[contrasted][color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-200);
}

[variant=default]:not([disabled]):active:not([color]).otds-button .button {
  background-color: var(--ods-color-default-800);
}

[variant=default]:not([disabled]):active[color^=default].otds-button .button {
  background-color: var(--ods-color-default-800);
}

[variant=default]:not([disabled]):active[color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-800);
}

[variant=default]:not([disabled]):active[color^=text].otds-button .button {
  background-color: var(--ods-color-text-800);
}

[variant=default]:not([disabled]):active[color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-800);
}

[variant=default]:not([disabled]):active[color^=error].otds-button .button {
  background-color: var(--ods-color-error-800);
}

[variant=default]:not([disabled]):active[color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-800);
}

[variant=default]:not([disabled]):active[color^=success].otds-button .button {
  background-color: var(--ods-color-success-800);
}

[variant=default]:not([disabled]):active[color^=info].otds-button .button {
  background-color: var(--ods-color-info-800);
}

[variant=default]:not([disabled]):active[color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-800);
}

[variant=default]:not([disabled]):active[contrasted]:not([color]).otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=default].otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=text].otds-button .button {
  background-color: var(--ods-color-text-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=error].otds-button .button {
  background-color: var(--ods-color-error-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=success].otds-button .button {
  background-color: var(--ods-color-success-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=info].otds-button .button {
  background-color: var(--ods-color-info-200);
}

[variant=default]:not([disabled]):active[contrasted][color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-200);
}

[variant=ghost].otds-button .button,
[variant=stroked].otds-button .button {
  background-color: initial;
}

[variant=stroked]:not([color]).otds-button .button,
[variant=stroked][color^=default].otds-button .button {
  background-color: var(--ods-color-default-500-contrasted);
  color: var(--ods-color-default-500);
  border-color: var(--ods-color-default-500);
}

[variant=stroked][color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-500-contrasted);
  color: var(--ods-color-primary-500);
  border-color: var(--ods-color-primary-500);
}

[variant=stroked][color^=text].otds-button .button {
  background-color: var(--ods-color-text-500-contrasted);
  color: var(--ods-color-text-500);
  border-color: var(--ods-color-text-500);
}

[variant=stroked][color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-500-contrasted);
  color: var(--ods-color-accent-500);
  border-color: var(--ods-color-accent-500);
}

[variant=stroked][color^=error].otds-button .button {
  background-color: var(--ods-color-error-500-contrasted);
  color: var(--ods-color-error-500);
  border-color: var(--ods-color-error-500);
}

[variant=stroked][color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-500-contrasted);
  color: var(--ods-color-warning-500);
  border-color: var(--ods-color-warning-500);
}

[variant=stroked][color^=success].otds-button .button {
  background-color: var(--ods-color-success-500-contrasted);
  color: var(--ods-color-success-500);
  border-color: var(--ods-color-success-500);
}

[variant=stroked][color^=info].otds-button .button {
  background-color: var(--ods-color-info-500-contrasted);
  color: var(--ods-color-info-500);
  border-color: var(--ods-color-info-500);
}

[variant=stroked][color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-500-contrasted);
  color: var(--ods-color-promotion-500);
  border-color: var(--ods-color-promotion-500);
}

[variant=stroked][contrasted]:not([color]).otds-button .button,
[variant=stroked][contrasted][color^=default].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-default-500-contrasted);
  border-color: var(--ods-color-default-500-contrasted);
}

[variant=stroked][contrasted][color^=primary].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-primary-500-contrasted);
  border-color: var(--ods-color-primary-500-contrasted);
}

[variant=stroked][contrasted][color^=text].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-text-500-contrasted);
  border-color: var(--ods-color-text-500-contrasted);
}

[variant=stroked][contrasted][color^=accent].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-accent-500-contrasted);
  border-color: var(--ods-color-accent-500-contrasted);
}

[variant=stroked][contrasted][color^=error].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-error-500-contrasted);
  border-color: var(--ods-color-error-500-contrasted);
}

[variant=stroked][contrasted][color^=warning].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-warning-500-contrasted);
  border-color: var(--ods-color-warning-500-contrasted);
}

[variant=stroked][contrasted][color^=success].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-success-500-contrasted);
  border-color: var(--ods-color-success-500-contrasted);
}

[variant=stroked][contrasted][color^=info].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-info-500-contrasted);
  border-color: var(--ods-color-info-500-contrasted);
}

[variant=stroked][contrasted][color^=promotion].otds-button .button {
  background-color: transparent;
  color: var(--ods-color-promotion-500-contrasted);
  border-color: var(--ods-color-promotion-500-contrasted);
}

[variant=stroked]:not([disabled])[contrasted]:not([color]).otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted]:not([color]).otds-button .button:hover,
[variant=stroked]:not([disabled])[contrasted][color^=default].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=default].otds-button .button:hover {
  background-color: hsla(var(--ods-color-default-100-list), 0.2);
  border-color: var(--ods-color-default-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=primary].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=primary].otds-button .button:hover {
  background-color: hsla(var(--ods-color-primary-100-list), 0.2);
  border-color: var(--ods-color-primary-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=text].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=text].otds-button .button:hover {
  background-color: hsla(var(--ods-color-text-100-list), 0.2);
  border-color: var(--ods-color-text-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=accent].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=accent].otds-button .button:hover {
  background-color: hsla(var(--ods-color-accent-100-list), 0.2);
  border-color: var(--ods-color-accent-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=error].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=error].otds-button .button:hover {
  background-color: hsla(var(--ods-color-error-100-list), 0.2);
  border-color: var(--ods-color-error-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=warning].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=warning].otds-button .button:hover {
  background-color: hsla(var(--ods-color-warning-100-list), 0.2);
  border-color: var(--ods-color-warning-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=success].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=success].otds-button .button:hover {
  background-color: hsla(var(--ods-color-success-100-list), 0.2);
  border-color: var(--ods-color-success-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=info].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=info].otds-button .button:hover {
  background-color: hsla(var(--ods-color-info-100-list), 0.2);
  border-color: var(--ods-color-info-100);
}

[variant=stroked]:not([disabled])[contrasted][color^=promotion].otds-button .button:focus,
[variant=stroked]:not([disabled])[contrasted][color^=promotion].otds-button .button:hover {
  background-color: hsla(var(--ods-color-promotion-100-list), 0.2);
  border-color: var(--ods-color-promotion-100);
}

[variant=stroked]:not([disabled]):active:not([color]).otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=stroked]:not([disabled]):active[color^=default].otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=stroked]:not([disabled]):active[color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-200);
}

[variant=stroked]:not([disabled]):active[color^=text].otds-button .button {
  background-color: var(--ods-color-text-200);
}

[variant=stroked]:not([disabled]):active[color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-200);
}

[variant=stroked]:not([disabled]):active[color^=error].otds-button .button {
  background-color: var(--ods-color-error-200);
}

[variant=stroked]:not([disabled]):active[color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-200);
}

[variant=stroked]:not([disabled]):active[color^=success].otds-button .button {
  background-color: var(--ods-color-success-200);
}

[variant=stroked]:not([disabled]):active[color^=info].otds-button .button {
  background-color: var(--ods-color-info-200);
}

[variant=stroked]:not([disabled]):active[color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-200);
}

[variant=stroked]:not([disabled]):active[contrasted]:not([color]).otds-button .button {
  background-color: hsla(var(--ods-color-default-100-list), 0.5);
  border-color: var(--ods-color-default-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=default].otds-button .button {
  background-color: hsla(var(--ods-color-default-100-list), 0.5);
  border-color: var(--ods-color-default-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=primary].otds-button .button {
  background-color: hsla(var(--ods-color-primary-100-list), 0.5);
  border-color: var(--ods-color-primary-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=text].otds-button .button {
  background-color: hsla(var(--ods-color-text-100-list), 0.5);
  border-color: var(--ods-color-text-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=accent].otds-button .button {
  background-color: hsla(var(--ods-color-accent-100-list), 0.5);
  border-color: var(--ods-color-accent-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=error].otds-button .button {
  background-color: hsla(var(--ods-color-error-100-list), 0.5);
  border-color: var(--ods-color-error-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=warning].otds-button .button {
  background-color: hsla(var(--ods-color-warning-100-list), 0.5);
  border-color: var(--ods-color-warning-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=success].otds-button .button {
  background-color: hsla(var(--ods-color-success-100-list), 0.5);
  border-color: var(--ods-color-success-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=info].otds-button .button {
  background-color: hsla(var(--ods-color-info-100-list), 0.5);
  border-color: var(--ods-color-info-100);
}

[variant=stroked]:not([disabled]):active[contrasted][color^=promotion].otds-button .button {
  background-color: hsla(var(--ods-color-promotion-100-list), 0.5);
  border-color: var(--ods-color-promotion-100);
}

[variant=ghost]:not([disabled])[contrasted]:not([color]).otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted]:not([color]).otds-button .button:hover,
[variant=ghost]:not([disabled])[contrasted][color^=default].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=default].otds-button .button:hover {
  background-color: hsla(var(--ods-color-default-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=primary].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=primary].otds-button .button:hover {
  background-color: hsla(var(--ods-color-primary-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=text].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=text].otds-button .button:hover {
  background-color: hsla(var(--ods-color-text-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=accent].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=accent].otds-button .button:hover {
  background-color: hsla(var(--ods-color-accent-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=error].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=error].otds-button .button:hover {
  background-color: hsla(var(--ods-color-error-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=warning].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=warning].otds-button .button:hover {
  background-color: hsla(var(--ods-color-warning-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=success].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=success].otds-button .button:hover {
  background-color: hsla(var(--ods-color-success-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=info].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=info].otds-button .button:hover {
  background-color: hsla(var(--ods-color-info-100-list), 0.2);
}

[variant=ghost]:not([disabled])[contrasted][color^=promotion].otds-button .button:focus,
[variant=ghost]:not([disabled])[contrasted][color^=promotion].otds-button .button:hover {
  background-color: hsla(var(--ods-color-promotion-100-list), 0.2);
}

[variant=ghost]:not([disabled]):active:not([color]).otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=ghost]:not([disabled]):active[color^=default].otds-button .button {
  background-color: var(--ods-color-default-200);
}

[variant=ghost]:not([disabled]):active[color^=primary].otds-button .button {
  background-color: var(--ods-color-primary-200);
}

[variant=ghost]:not([disabled]):active[color^=text].otds-button .button {
  background-color: var(--ods-color-text-200);
}

[variant=ghost]:not([disabled]):active[color^=accent].otds-button .button {
  background-color: var(--ods-color-accent-200);
}

[variant=ghost]:not([disabled]):active[color^=error].otds-button .button {
  background-color: var(--ods-color-error-200);
}

[variant=ghost]:not([disabled]):active[color^=warning].otds-button .button {
  background-color: var(--ods-color-warning-200);
}

[variant=ghost]:not([disabled]):active[color^=success].otds-button .button {
  background-color: var(--ods-color-success-200);
}

[variant=ghost]:not([disabled]):active[color^=info].otds-button .button {
  background-color: var(--ods-color-info-200);
}

[variant=ghost]:not([disabled]):active[color^=promotion].otds-button .button {
  background-color: var(--ods-color-promotion-200);
}

[variant=ghost]:not([disabled]):active[contrasted]:not([color]).otds-button .button {
  background-color: hsla(var(--ods-color-default-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=default].otds-button .button {
  background-color: hsla(var(--ods-color-default-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=primary].otds-button .button {
  background-color: hsla(var(--ods-color-primary-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=text].otds-button .button {
  background-color: hsla(var(--ods-color-text-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=accent].otds-button .button {
  background-color: hsla(var(--ods-color-accent-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=error].otds-button .button {
  background-color: hsla(var(--ods-color-error-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=warning].otds-button .button {
  background-color: hsla(var(--ods-color-warning-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=success].otds-button .button {
  background-color: hsla(var(--ods-color-success-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=info].otds-button .button {
  background-color: hsla(var(--ods-color-info-100-list), 0.5);
}

[variant=ghost]:not([disabled]):active[contrasted][color^=promotion].otds-button .button {
  background-color: hsla(var(--ods-color-promotion-100-list), 0.5);
}

:not([disabled]):focus .button {
  outline-color: var(--ods-color-gray-500);
}

:not([disabled])[contrasted]:focus .button {
  outline-color: var(--ods-color-gray-000);
}

[size=sm].otds-button .button {
  border-radius: var(--ods-size-button-sm-border-radius);
  border-width: var(--ods-size-button-sm-border-width);
  height: var(--ods-size-button-sm-height);
  padding: var(--ods-size-button-sm-padding-y) var(--ods-size-button-sm-padding-x);
}

[size=md].otds-button .button {
  border-radius: var(--ods-size-button-md-border-radius);
  border-width: var(--ods-size-button-md-border-width);
  height: var(--ods-size-button-md-height);
  padding: var(--ods-size-button-md-padding-y) var(--ods-size-button-md-padding-x);
}

.otds-button[size=md] .button__text-container,
.otds-button[size=sm] .button__text-container {
  font-family: var(--ods-typography-button-100-font-family);
  font-size: var(--ods-typography-button-100-font-size);
  font-style: var(--ods-typography-button-100-font-style);
  font-weight: var(--ods-typography-button-100-font-weight);
  letter-spacing: var(--ods-typography-button-100-letter-spacing);
  line-height: var(--ods-typography-button-100-line-height);
}

.ods-carousel__button--next,
.ods-carousel__button--prev {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: none;
  color: #bef1ff;
  outline: 0;
}

.ods-carousel__button--next:focus,
.ods-carousel__button--next:hover,
.ods-carousel__button--prev:focus,
.ods-carousel__button--prev:hover {
  color: #0050d7;
  transition: color 0.2s ease-in;
}

.bg--dark .ods-carousel__button--next,
.bg--dark .ods-carousel__button--prev {
  color: #fff;
}

.bg--dark .ods-carousel__button--next:focus,
.bg--dark .ods-carousel__button--next:hover,
.bg--dark .ods-carousel__button--prev:focus,
.bg--dark .ods-carousel__button--prev:hover {
  color: #bef1ff;
}

.ods-carousel__dot {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: #bef1ff;
  outline: 0;
  border-radius: 50%;
  transition: background-color 0.6s ease-in-out, box-shadow 0.2s ease-in;
  box-shadow: 0 0 0 0 transparent;
}

.ods-carousel__dot:not(.ods-carousel__dot--is-selected) {
  box-shadow: 0 0 0.25rem 0 rgba(0, 80, 215, 0.25);
}

.ods-carousel__dot--is-selected {
  background-color: #0050d7;
  pointer-events: none;
}

.bg--dark .ods-carousel__dot {
  background-color: #fff;
}

.bg--dark .ods-carousel__dot--is-selected,
.bg--dark .ods-carousel__dot:focus,
.bg--dark .ods-carousel__dot:hover {
  background-color: #bef1ff;
}

.bg--dark .ods-carousel__dot:not(.bg--dark .ods-carousel__dot--is-selected) {
  box-shadow: 0 0 0.25rem 0 rgba(255, 255, 255, 0.25);
}

.ods-carousel__viewport {
  overflow: hidden;
  width: 100%;
}

@media (min-width: 1120px) {
  .ods-carousel__viewport--lg-overflow {
    overflow: visible;
  }
}
.ods-carousel__viewport.is-draggable {
  cursor: grab;
}

.ods-carousel__viewport.is-dragging {
  cursor: grabbing;
}

@media (min-width: 1600px) {
  .ods-carousel__container--cards {
    margin-left: -1280px;
  }
}
.ods-carousel__slide {
  min-width: 100%;
}

.ods-carousel__slide--card {
  width: 320px;
  min-width: unset;
}

.oui-section .ods-carousel .icon--arrow-left,
.oui-section .ods-carousel .icon--arrow-right {
  color: #0050d7;
}