.im-btn { display: flex; align-items: center; justify-content: center; gap: var(--im-space-3xs); padding: var(--im-space-xs) var(--im-space-s); background: var(--im-primary); color: #fff; font-size: var(--im-text-m); font-weight: 600; border-radius: var(--im-radius-m); border: 1px solid var(--im-primary-d-1); box-shadow: var(--im-shadow-m); transition: all 0.25s ease-in-out; outline: 0; cursor: pointer; } .im-btn:hover { background: var(--im-secondary); transform: translateY(-0.1rem); } .im-btn.small { font-size: var(--im-text-s); padding: var(--im-space-xs) var(--im-space-s); } .im-btn.large { font-size: var(--im-text-l); padding: var(--im-space-s) var(--im-space-m); } .im-btn.tertiary { background: var(--im-tertiary); border-color: var(--im-tertiary-d-1); } .im-btn.ghost { color: var(--im-dark-80); background: transparent; border-color: transparent; box-shadow: none; } .im-btn.slight { color: var(--im-dark-80); background: var(--im-bg-surface); border-color: var(--im-border-primary); box-shadow: var(--im-shadow-s); } .im-btn.secondary { background: var(--im-secondary); border-color: var(--im-secondary-d-1); } .im-btn.ghost:hover { background: var(--im-dark-10); } .im-btn.slight:hover { background: var(--im-dark-5); } .im-btn.tertiary:hover { background: var(--im-tertiary-d-1); } .im-btn.secondary:hover { background: var(--im-secondary-d-1); } .im-btn:focus { outline: 4px solid var(--im-primary-l-3); outline-offset: 2px; } .im-btn.no-bg { color: var(--im-dark-80); background: transparent; box-shadow: none; border-color: transparent; } .im-btn.no-bg:hover { color: var(--im-dark); } .im-badge { display: flex; align-items: center; justify-content: center; gap: var(--im-space-4xs); padding: var(--im-space-2xs) var(--im-space-s); background: var(--im-secondary); color: var(--im-light); font-size: var(--im-text-m); font-weight: 700; border-radius: var(--im-radius-m); border: 0; outline: 0; } .im-badge.secondary { color: var(--im-light); background: var(--im-primary-d-3); } .im-link { color: var(--im-primary); font-size: var(--im-text-m); font-weight: 600; letter-spacing: 0.05rem; box-shadow: 0 2px 0 var(--im-primary-20); -webkit-text-decoration: none; text-decoration: none; transition: all 0.15s ease-in-out; } .im-link:hover { box-shadow: 0 2px 0 var(--im-primary-40); } .im-link:focus { background: var(--im-primary-10); } .im-link.secondary { color: var(--im-secondary); border-color: var(--im-secondary-20); } .im-link.tertiary { color: var(--im-tertiary); border-color: var(--im-tertiary-20); } .im-input { padding: var(--im-space-xs) var(--im-space-s); background: var(--im-dark-5); color: var(--im-text-title); font-size: var(--im-text-m); font-weight: 500; border-radius: var(--im-radius-m); border: 1px solid var(--im-border-primary); box-shadow: var(--im-shadow-xs); transition: all 0.25s ease-in-out; appearance: none; outline: 0; } .im-input:focus { background: var(--im-primary-20); border-color: var(--im-primary); box-shadow: var(--im-shadow-l); } .im-input:hover { border-color: var(--im-primary); background: transparent; box-shadow: var(--im-shadow-l); } .im-input::placeholder { color: var(--im-dark-40); } .im-input:invalid { border-color: var(--im-error); background: var(--im-error-10); } .im-input:disabled { cursor: not-allowed; opacity: .75; box-shadow: none; background: var(--im-dark-10); } .im-select { padding: var(--im-space-xs) var(--im-space-s); background: var(--im-dark-5); color: var(--im-text-body); font-size: var(--im-text-m); font-weight: 500; border-radius: var(--im-radius-m); border: 1px solid var(--im-border-primary); box-shadow: var(--im-shadow-xs); transition: all 0.25s ease-in-out; outline: 0; } .im-select:focus { background: var(--im-primary-20); border-color: var(--im-primary); } .im-select:hover { border-color: var(--im-primary); } .im-select::placeholder { color: var(--im-dark-40); } .im-select:invalid { border-color: var(--im-error); background: var(--im-error-10); } .im-select:disabled { cursor: not-allowed; opacity: .75; box-shadow: none; background: var(--im-dark-10); } .im-card { display: grid; gap: var(--im-space-xs); padding: var(--im-space-m); font-size: var(--im-text-m); color: var(--im-text-body); background: var(--im-bg-surface); line-height: 1.3; border-radius: var(--im-radius-m); box-shadow: var(--im-shadow-m); } .im-card.secondary { background: var(--im-secondary); color: #fff; } .im-card.primary { background: var(--im-primary); color: #fff; } .im-icon { color: var(--im-primary); width: var(--im-space-2xl); height: auto; font-size: var(--im-space-2xl); } .im-icon.large { width: var(--im-space-3xl); font-size: var(--im-space-3xl); } .im-icon.secondary { color: var(--im-secondary); } .im-icon.tertiary { color: var(--im-tertiary); } .im-icon.outline { padding: 0.5em; border: 1px solid var(--im-border-primary); border-radius: 100%; box-sizing: content-box; } .im-icon.filled { padding: 0.5em; border-radius: 100%; box-sizing: content-box; background: var(--im-dark-10); } .im-icon.small { width: var(--im-space-l); font-size: var(--im-space-l); } .im-avatar { width: var(--im-space-2xl); height: var(--im-space-2xl); border-radius: 100%; box-shadow: var(--im-shadow-m); object-fit: cover; } .im-avatar.small { width: var(--im-space-l); height: var(--im-space-l); } .im-avatar.large { width: var(--im-space-4xl); height: var(--im-space-4xl); } .im-divider { min-width: 100%; width: 100%; max-width: 100%; min-height: 1px; height: 1px; max-height: 1px; background: var(--im-border-primary); margin: var(--im-space-m) 0; border: 0; } .im-divider.vertical { min-width: 1px; width: 1px; max-width: 1px; min-height: 100%; height: 100%; max-height: 100%; } .im-checkbox { appearance: none; display: grid; place-content: center; border: 2px solid var(--im-dark-40); border-radius: var(--im-radius-s); width: clamp(18px, calc(-0.37vw + 23.19px), 22px); height: clamp(18px, calc(-0.37vw + 23.19px), 22px); } .im-checkbox:checked:before { transform: scale(1); } .im-checkbox::before { content: ""; width: 1em; height: 1em; box-shadow: inset 1em 1em #fff; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transition: transform 0.2s; } .im-checkbox:hover { border-color: var(--im-primary); } .im-checkbox:focus { outline: 3px solid var(--im-primary-l-3); outline-offset: 2px; } .im-checkbox:checked { background: var(--im-primary); border-color: var(--im-primary); } .im-radio { appearance: none; display: grid; place-content: center; border: 2px solid var(--im-dark-40); border-radius: var(--im-radius-full); width: clamp(18px, calc(-0.37vw + 23.19px), 22px); height: clamp(18px, calc(-0.37vw + 23.19px), 22px); } .im-radio:checked:before { transform: scale(1); } .im-radio::before { content: ""; width: 1em; height: 1em; border-radius: 100%; transform: scale(0); transition: transform 0.2s; background: var(--im-primary); } .im-radio:hover { border-color: var(--im-primary); } .im-radio:focus { outline: 3px solid var(--im-primary-l-3); outline-offset: 2px; } .im-radio:checked { border-color: var(--im-primary); } .im-bg-primary { background-color: var(--im-primary); } .im-bg-primary-5 { background-color: var(--im-primary-5); } .im-bg-primary-10 { background-color: var(--im-primary-10); } .im-bg-primary-20 { background-color: var(--im-primary-20); } .im-bg-primary-30 { background-color: var(--im-primary-30); } .im-bg-primary-40 { background-color: var(--im-primary-40); } .im-bg-primary-50 { background-color: var(--im-primary-50); } .im-bg-primary-60 { background-color: var(--im-primary-60); } .im-bg-primary-70 { background-color: var(--im-primary-70); } .im-bg-primary-80 { background-color: var(--im-primary-80); } .im-bg-primary-90 { background-color: var(--im-primary-90); } .im-bg-primary-d-1 { background-color: var(--im-primary-d-1); } .im-bg-primary-d-2 { background-color: var(--im-primary-d-2); } .im-bg-primary-d-3 { background-color: var(--im-primary-d-3); } .im-bg-primary-d-4 { background-color: var(--im-primary-d-4); } .im-bg-primary-l-1 { background-color: var(--im-primary-l-1); } .im-bg-primary-l-2 { background-color: var(--im-primary-l-2); } .im-bg-primary-l-3 { background-color: var(--im-primary-l-3); } .im-bg-primary-l-4 { background-color: var(--im-primary-l-4); } .im-text-primary { color: var(--im-primary); } .im-text-primary-5 { color: var(--im-primary-5); } .im-text-primary-10 { color: var(--im-primary-10); } .im-text-primary-20 { color: var(--im-primary-20); } .im-text-primary-30 { color: var(--im-primary-30); } .im-text-primary-40 { color: var(--im-primary-40); } .im-text-primary-50 { color: var(--im-primary-50); } .im-text-primary-60 { color: var(--im-primary-60); } .im-text-primary-70 { color: var(--im-primary-70); } .im-text-primary-80 { color: var(--im-primary-80); } .im-text-primary-90 { color: var(--im-primary-90); } .im-text-primary-d-1 { color: var(--im-primary-d-1); } .im-text-primary-d-2 { color: var(--im-primary-d-2); } .im-text-primary-d-3 { color: var(--im-primary-d-3); } .im-text-primary-d-4 { color: var(--im-primary-d-4); } .im-text-primary-l-1 { color: var(--im-primary-l-1); } .im-text-primary-l-2 { color: var(--im-primary-l-2); } .im-text-primary-l-3 { color: var(--im-primary-l-3); } .im-text-primary-l-4 { color: var(--im-primary-l-4); } .im-border-primary { border-color: var(--im-primary); border-color: var(--im-border-primary); } .im-border-primary-5 { border-color: var(--im-primary-5); } .im-border-primary-10 { border-color: var(--im-primary-10); } .im-border-primary-20 { border-color: var(--im-primary-20); } .im-border-primary-30 { border-color: var(--im-primary-30); } .im-border-primary-40 { border-color: var(--im-primary-40); } .im-border-primary-50 { border-color: var(--im-primary-50); } .im-border-primary-60 { border-color: var(--im-primary-60); } .im-border-primary-70 { border-color: var(--im-primary-70); } .im-border-primary-80 { border-color: var(--im-primary-80); } .im-border-primary-90 { border-color: var(--im-primary-90); } .im-border-primary-d-1 { border-color: var(--im-primary-d-1); } .im-border-primary-d-2 { border-color: var(--im-primary-d-2); } .im-border-primary-d-3 { border-color: var(--im-primary-d-3); } .im-border-primary-d-4 { border-color: var(--im-primary-d-4); } .im-border-primary-l-1 { border-color: var(--im-primary-l-1); } .im-border-primary-l-2 { border-color: var(--im-primary-l-2); } .im-border-primary-l-3 { border-color: var(--im-primary-l-3); } .im-border-primary-l-4 { border-color: var(--im-primary-l-4); } .im-bg-secondary { background-color: var(--im-secondary); } .im-bg-secondary-5 { background-color: var(--im-secondary-5); } .im-bg-secondary-10 { background-color: var(--im-secondary-10); } .im-bg-secondary-20 { background-color: var(--im-secondary-20); } .im-bg-secondary-30 { background-color: var(--im-secondary-30); } .im-bg-secondary-40 { background-color: var(--im-secondary-40); } .im-bg-secondary-50 { background-color: var(--im-secondary-50); } .im-bg-secondary-60 { background-color: var(--im-secondary-60); } .im-bg-secondary-70 { background-color: var(--im-secondary-70); } .im-bg-secondary-80 { background-color: var(--im-secondary-80); } .im-bg-secondary-90 { background-color: var(--im-secondary-90); } .im-bg-secondary-d-1 { background-color: var(--im-secondary-d-1); } .im-bg-secondary-d-2 { background-color: var(--im-secondary-d-2); } .im-bg-secondary-d-3 { background-color: var(--im-secondary-d-3); } .im-bg-secondary-d-4 { background-color: var(--im-secondary-d-4); } .im-bg-secondary-l-1 { background-color: var(--im-secondary-l-1); } .im-bg-secondary-l-2 { background-color: var(--im-secondary-l-2); } .im-bg-secondary-l-3 { background-color: var(--im-secondary-l-3); } .im-bg-secondary-l-4 { background-color: var(--im-secondary-l-4); } .im-text-secondary { color: var(--im-secondary); } .im-text-secondary-5 { color: var(--im-secondary-5); } .im-text-secondary-10 { color: var(--im-secondary-10); } .im-text-secondary-20 { color: var(--im-secondary-20); } .im-text-secondary-30 { color: var(--im-secondary-30); } .im-text-secondary-40 { color: var(--im-secondary-40); } .im-text-secondary-50 { color: var(--im-secondary-50); } .im-text-secondary-60 { color: var(--im-secondary-60); } .im-text-secondary-70 { color: var(--im-secondary-70); } .im-text-secondary-80 { color: var(--im-secondary-80); } .im-text-secondary-90 { color: var(--im-secondary-90); } .im-text-secondary-d-1 { color: var(--im-secondary-d-1); } .im-text-secondary-d-2 { color: var(--im-secondary-d-2); } .im-text-secondary-d-3 { color: var(--im-secondary-d-3); } .im-text-secondary-d-4 { color: var(--im-secondary-d-4); } .im-text-secondary-l-1 { color: var(--im-secondary-l-1); } .im-text-secondary-l-2 { color: var(--im-secondary-l-2); } .im-text-secondary-l-3 { color: var(--im-secondary-l-3); } .im-text-secondary-l-4 { color: var(--im-secondary-l-4); } .im-border-secondary { border-color: var(--im-secondary); } .im-border-secondary-5 { border-color: var(--im-secondary-5); } .im-border-secondary-10 { border-color: var(--im-secondary-10); } .im-border-secondary-20 { border-color: var(--im-secondary-20); } .im-border-secondary-30 { border-color: var(--im-secondary-30); } .im-border-secondary-40 { border-color: var(--im-secondary-40); } .im-border-secondary-50 { border-color: var(--im-secondary-50); } .im-border-secondary-60 { border-color: var(--im-secondary-60); } .im-border-secondary-70 { border-color: var(--im-secondary-70); } .im-border-secondary-80 { border-color: var(--im-secondary-80); } .im-border-secondary-90 { border-color: var(--im-secondary-90); } .im-border-secondary-d-1 { border-color: var(--im-secondary-d-1); } .im-border-secondary-d-2 { border-color: var(--im-secondary-d-2); } .im-border-secondary-d-3 { border-color: var(--im-secondary-d-3); } .im-border-secondary-d-4 { border-color: var(--im-secondary-d-4); } .im-border-secondary-l-1 { border-color: var(--im-secondary-l-1); } .im-border-secondary-l-2 { border-color: var(--im-secondary-l-2); } .im-border-secondary-l-3 { border-color: var(--im-secondary-l-3); } .im-border-secondary-l-4 { border-color: var(--im-secondary-l-4); } .im-bg-tertiary { background-color: var(--im-tertiary); } .im-bg-tertiary-5 { background-color: var(--im-tertiary-5); } .im-bg-tertiary-10 { background-color: var(--im-tertiary-10); } .im-bg-tertiary-20 { background-color: var(--im-tertiary-20); } .im-bg-tertiary-30 { background-color: var(--im-tertiary-30); } .im-bg-tertiary-40 { background-color: var(--im-tertiary-40); } .im-bg-tertiary-50 { background-color: var(--im-tertiary-50); } .im-bg-tertiary-60 { background-color: var(--im-tertiary-60); } .im-bg-tertiary-70 { background-color: var(--im-tertiary-70); } .im-bg-tertiary-80 { background-color: var(--im-tertiary-80); } .im-bg-tertiary-90 { background-color: var(--im-tertiary-90); } .im-bg-tertiary-d-1 { background-color: var(--im-tertiary-d-1); } .im-bg-tertiary-d-2 { background-color: var(--im-tertiary-d-2); } .im-bg-tertiary-d-3 { background-color: var(--im-tertiary-d-3); } .im-bg-tertiary-d-4 { background-color: var(--im-tertiary-d-4); } .im-bg-tertiary-l-1 { background-color: var(--im-tertiary-l-1); } .im-bg-tertiary-l-2 { background-color: var(--im-tertiary-l-2); } .im-bg-tertiary-l-3 { background-color: var(--im-tertiary-l-3); } .im-bg-tertiary-l-4 { background-color: var(--im-tertiary-l-4); } .im-text-tertiary { color: var(--im-tertiary); } .im-text-tertiary-5 { color: var(--im-tertiary-5); } .im-text-tertiary-10 { color: var(--im-tertiary-10); } .im-text-tertiary-20 { color: var(--im-tertiary-20); } .im-text-tertiary-30 { color: var(--im-tertiary-30); } .im-text-tertiary-40 { color: var(--im-tertiary-40); } .im-text-tertiary-50 { color: var(--im-tertiary-50); } .im-text-tertiary-60 { color: var(--im-tertiary-60); } .im-text-tertiary-70 { color: var(--im-tertiary-70); } .im-text-tertiary-80 { color: var(--im-tertiary-80); } .im-text-tertiary-90 { color: var(--im-tertiary-90); } .im-text-tertiary-d-1 { color: var(--im-tertiary-d-1); } .im-text-tertiary-d-2 { color: var(--im-tertiary-d-2); } .im-text-tertiary-d-3 { color: var(--im-tertiary-d-3); } .im-text-tertiary-d-4 { color: var(--im-tertiary-d-4); } .im-text-tertiary-l-1 { color: var(--im-tertiary-l-1); } .im-text-tertiary-l-2 { color: var(--im-tertiary-l-2); } .im-text-tertiary-l-3 { color: var(--im-tertiary-l-3); } .im-text-tertiary-l-4 { color: var(--im-tertiary-l-4); } .im-border-tertiary { border-color: var(--im-tertiary); } .im-border-tertiary-5 { border-color: var(--im-tertiary-5); } .im-border-tertiary-10 { border-color: var(--im-tertiary-10); } .im-border-tertiary-20 { border-color: var(--im-tertiary-20); } .im-border-tertiary-30 { border-color: var(--im-tertiary-30); } .im-border-tertiary-40 { border-color: var(--im-tertiary-40); } .im-border-tertiary-50 { border-color: var(--im-tertiary-50); } .im-border-tertiary-60 { border-color: var(--im-tertiary-60); } .im-border-tertiary-70 { border-color: var(--im-tertiary-70); } .im-border-tertiary-80 { border-color: var(--im-tertiary-80); } .im-border-tertiary-90 { border-color: var(--im-tertiary-90); } .im-border-tertiary-d-1 { border-color: var(--im-tertiary-d-1); } .im-border-tertiary-d-2 { border-color: var(--im-tertiary-d-2); } .im-border-tertiary-d-3 { border-color: var(--im-tertiary-d-3); } .im-border-tertiary-d-4 { border-color: var(--im-tertiary-d-4); } .im-border-tertiary-l-1 { border-color: var(--im-tertiary-l-1); } .im-border-tertiary-l-2 { border-color: var(--im-tertiary-l-2); } .im-border-tertiary-l-3 { border-color: var(--im-tertiary-l-3); } .im-border-tertiary-l-4 { border-color: var(--im-tertiary-l-4); } .im-bg-body { background-color: var(--im-bg-body); } .im-bg-surface { background-color: var(--im-bg-surface); } .im-text-body { color: var(--im-text-body); } .im-text-title { color: var(--im-text-title); } .im-bg-light { background-color: var(--im-light); } .im-bg-light-5 { background-color: var(--im-light-5); } .im-bg-light-10 { background-color: var(--im-light-10); } .im-bg-light-20 { background-color: var(--im-light-20); } .im-bg-light-30 { background-color: var(--im-light-30); } .im-bg-light-40 { background-color: var(--im-light-40); } .im-bg-light-50 { background-color: var(--im-light-50); } .im-bg-light-60 { background-color: var(--im-light-60); } .im-bg-light-70 { background-color: var(--im-light-70); } .im-bg-light-80 { background-color: var(--im-light-80); } .im-bg-light-90 { background-color: var(--im-light-90); } .im-text-light { color: var(--im-light); } .im-text-light-5 { color: var(--im-light-5); } .im-text-light-10 { color: var(--im-light-10); } .im-text-light-20 { color: var(--im-light-20); } .im-text-light-30 { color: var(--im-light-30); } .im-text-light-40 { color: var(--im-light-40); } .im-text-light-50 { color: var(--im-light-50); } .im-text-light-60 { color: var(--im-light-60); } .im-text-light-70 { color: var(--im-light-70); } .im-text-light-80 { color: var(--im-light-80); } .im-text-light-90 { color: var(--im-light-90); } .im-border-light { border-color: var(--im-light); } .im-border-light-5 { border-color: var(--im-light-5); } .im-border-light-10 { border-color: var(--im-light-10); } .im-border-light-20 { border-color: var(--im-light-20); } .im-border-light-30 { border-color: var(--im-light-30); } .im-border-light-40 { border-color: var(--im-light-40); } .im-border-light-50 { border-color: var(--im-light-50); } .im-border-light-60 { border-color: var(--im-light-60); } .im-border-light-70 { border-color: var(--im-light-70); } .im-border-light-80 { border-color: var(--im-light-80); } .im-border-light-90 { border-color: var(--im-light-90); } .im-bg-dark { background-color: var(--im-dark); } .im-bg-dark-5 { background-color: var(--im-dark-5); } .im-bg-dark-10 { background-color: var(--im-dark-10); } .im-bg-dark-20 { background-color: var(--im-dark-20); } .im-bg-dark-30 { background-color: var(--im-dark-30); } .im-bg-dark-40 { background-color: var(--im-dark-40); } .im-bg-dark-50 { background-color: var(--im-dark-50); } .im-bg-dark-60 { background-color: var(--im-dark-60); } .im-bg-dark-70 { background-color: var(--im-dark-70); } .im-bg-dark-80 { background-color: var(--im-dark-80); } .im-bg-dark-90 { background-color: var(--im-dark-90); } .im-text-dark { color: var(--im-dark); } .im-text-dark-5 { color: var(--im-dark-5); } .im-text-dark-10 { color: var(--im-dark-10); } .im-text-dark-20 { color: var(--im-dark-20); } .im-text-dark-30 { color: var(--im-dark-30); } .im-text-dark-40 { color: var(--im-dark-40); } .im-text-dark-50 { color: var(--im-dark-50); } .im-text-dark-60 { color: var(--im-dark-60); } .im-text-dark-70 { color: var(--im-dark-70); } .im-text-dark-80 { color: var(--im-dark-80); } .im-text-dark-90 { color: var(--im-dark-90); } .im-border-dark { border-color: var(--im-dark); } .im-border-dark-5 { border-color: var(--im-dark-5); } .im-border-dark-10 { border-color: var(--im-dark-10); } .im-border-dark-20 { border-color: var(--im-dark-20); } .im-border-dark-30 { border-color: var(--im-dark-30); } .im-border-dark-40 { border-color: var(--im-dark-40); } .im-border-dark-50 { border-color: var(--im-dark-50); } .im-border-dark-60 { border-color: var(--im-dark-60); } .im-border-dark-70 { border-color: var(--im-dark-70); } .im-border-dark-80 { border-color: var(--im-dark-80); } .im-border-dark-90 { border-color: var(--im-dark-90); } .im-bg-success { background-color: var(--im-success); } .im-bg-success-5 { background-color: var(--im-success-5); } .im-bg-success-10 { background-color: var(--im-success-10); } .im-bg-success-20 { background-color: var(--im-success-20); } .im-bg-success-30 { background-color: var(--im-success-30); } .im-bg-success-40 { background-color: var(--im-success-40); } .im-bg-success-50 { background-color: var(--im-success-50); } .im-bg-success-60 { background-color: var(--im-success-60); } .im-bg-success-70 { background-color: var(--im-success-70); } .im-bg-success-80 { background-color: var(--im-success-80); } .im-bg-success-90 { background-color: var(--im-success-90); } .im-text-success { color: var(--im-success); } .im-text-success-5 { color: var(--im-success-5); } .im-text-success-10 { color: var(--im-success-10); } .im-text-success-20 { color: var(--im-success-20); } .im-text-success-30 { color: var(--im-success-30); } .im-text-success-40 { color: var(--im-success-40); } .im-text-success-50 { color: var(--im-success-50); } .im-text-success-60 { color: var(--im-success-60); } .im-text-success-70 { color: var(--im-success-70); } .im-text-success-80 { color: var(--im-success-80); } .im-text-success-90 { color: var(--im-success-90); } .im-border-success { border-color: var(--im-success); } .im-border-success-5 { border-color: var(--im-success-5); } .im-border-success-10 { border-color: var(--im-success-10); } .im-border-success-20 { border-color: var(--im-success-20); } .im-border-success-30 { border-color: var(--im-success-30); } .im-border-success-40 { border-color: var(--im-success-40); } .im-border-success-50 { border-color: var(--im-success-50); } .im-border-success-60 { border-color: var(--im-success-60); } .im-border-success-70 { border-color: var(--im-success-70); } .im-border-success-80 { border-color: var(--im-success-80); } .im-border-success-90 { border-color: var(--im-success-90); } .im-bg-error { background-color: var(--im-error); } .im-bg-error-5 { background-color: var(--im-error-5); } .im-bg-error-10 { background-color: var(--im-error-10); } .im-bg-error-20 { background-color: var(--im-error-20); } .im-bg-error-30 { background-color: var(--im-error-30); } .im-bg-error-40 { background-color: var(--im-error-40); } .im-bg-error-50 { background-color: var(--im-error-50); } .im-bg-error-60 { background-color: var(--im-error-60); } .im-bg-error-70 { background-color: var(--im-error-70); } .im-bg-error-80 { background-color: var(--im-error-80); } .im-bg-error-90 { background-color: var(--im-error-90); } .im-text-error { color: var(--im-error); } .im-text-error-5 { color: var(--im-error-5); } .im-text-error-10 { color: var(--im-error-10); } .im-text-error-20 { color: var(--im-error-20); } .im-text-error-30 { color: var(--im-error-30); } .im-text-error-40 { color: var(--im-error-40); } .im-text-error-50 { color: var(--im-error-50); } .im-text-error-60 { color: var(--im-error-60); } .im-text-error-70 { color: var(--im-error-70); } .im-text-error-80 { color: var(--im-error-80); } .im-text-error-90 { color: var(--im-error-90); } .im-border-error { border-color: var(--im-error); } .im-border-error-5 { border-color: var(--im-error-5); } .im-border-error-10 { border-color: var(--im-error-10); } .im-border-error-20 { border-color: var(--im-error-20); } .im-border-error-30 { border-color: var(--im-error-30); } .im-border-error-40 { border-color: var(--im-error-40); } .im-border-error-50 { border-color: var(--im-error-50); } .im-border-error-60 { border-color: var(--im-error-60); } .im-border-error-70 { border-color: var(--im-error-70); } .im-border-error-80 { border-color: var(--im-error-80); } .im-border-error-90 { border-color: var(--im-error-90); } .im-padding-4xs { padding: var(--im-space-4xs); } .im-padding-3xs { padding: var(--im-space-3xs); } .im-padding-2xs { padding: var(--im-space-2xs); } .im-padding-xs { padding: var(--im-space-xs); } .im-padding-s { padding: var(--im-space-s); } .im-padding-m { padding: var(--im-space-m); } .im-padding-l { padding: var(--im-space-l); } .im-padding-xl { padding: var(--im-space-xl); } .im-padding-2xl { padding: var(--im-space-2xl); } .im-padding-3xl { padding: var(--im-space-3xl); } .im-padding-4xl { padding: var(--im-space-4xl); } .im-padding-5xl { padding: var(--im-space-5xl); } .im-padding-left-4xs { padding-left: var(--im-space-4xs); } .im-padding-left-3xs { padding-left: var(--im-space-3xs); } .im-padding-left-2xs { padding-left: var(--im-space-2xs); } .im-padding-left-xs { padding-left: var(--im-space-xs); } .im-padding-left-s { padding-left: var(--im-space-s); } .im-padding-left-m { padding-left: var(--im-space-m); } .im-padding-left-l { padding-left: var(--im-space-l); } .im-padding-left-xl { padding-left: var(--im-space-xl); } .im-padding-left-2xl { padding-left: var(--im-space-2xl); } .im-padding-left-3xl { padding-left: var(--im-space-3xl); } .im-padding-left-4xl { padding-left: var(--im-space-4xl); } .im-padding-left-5xl { padding-left: var(--im-space-5xl); } .im-padding-right-4xs { padding-right: var(--im-space-4xs); } .im-padding-right-3xs { padding-right: var(--im-space-3xs); } .im-padding-right-2xs { padding-right: var(--im-space-2xs); } .im-padding-right-xs { padding-right: var(--im-space-xs); } .im-padding-right-s { padding-right: var(--im-space-s); } .im-padding-right-m { padding-right: var(--im-space-m); } .im-padding-right-l { padding-right: var(--im-space-l); } .im-padding-right-xl { padding-right: var(--im-space-xl); } .im-padding-right-2xl { padding-right: var(--im-space-2xl); } .im-padding-right-3xl { padding-right: var(--im-space-3xl); } .im-padding-right-4xl { padding-right: var(--im-space-4xl); } .im-padding-right-5xl { padding-right: var(--im-space-5xl); } .im-padding-top-4xs { padding-top: var(--im-space-4xs); } .im-padding-top-3xs { padding-top: var(--im-space-3xs); } .im-padding-top-2xs { padding-top: var(--im-space-2xs); } .im-padding-top-xs { padding-top: var(--im-space-xs); } .im-padding-top-s { padding-top: var(--im-space-s); } .im-padding-top-m { padding-top: var(--im-space-m); } .im-padding-top-l { padding-top: var(--im-space-l); } .im-padding-top-xl { padding-top: var(--im-space-xl); } .im-padding-top-2xl { padding-top: var(--im-space-2xl); } .im-padding-top-3xl { padding-top: var(--im-space-3xl); } .im-padding-top-4xl { padding-top: var(--im-space-4xl); } .im-padding-top-5xl { padding-top: var(--im-space-5xl); } .im-padding-bottom-4xs { padding-bottom: var(--im-space-4xs); } .im-padding-bottom-3xs { padding-bottom: var(--im-space-3xs); } .im-padding-bottom-2xs { padding-bottom: var(--im-space-2xs); } .im-padding-bottom-xs { padding-bottom: var(--im-space-xs); } .im-padding-bottom-s { padding-bottom: var(--im-space-s); } .im-padding-bottom-m { padding-bottom: var(--im-space-m); } .im-padding-bottom-l { padding-bottom: var(--im-space-l); } .im-padding-bottom-xl { padding-bottom: var(--im-space-xl); } .im-padding-bottom-2xl { padding-bottom: var(--im-space-2xl); } .im-padding-bottom-3xl { padding-bottom: var(--im-space-3xl); } .im-padding-bottom-4xl { padding-bottom: var(--im-space-4xl); } .im-padding-bottom-5xl { padding-bottom: var(--im-space-5xl); } .im-padding-horizontal-4xs { padding-left: var(--im-space-4xs); padding-right: var(--im-space-4xs); } .im-padding-horizontal-3xs { padding-left: var(--im-space-3xs); padding-right: var(--im-space-3xs); } .im-padding-horizontal-2xs { padding-left: var(--im-space-2xs); padding-right: var(--im-space-2xs); } .im-padding-horizontal-xs { padding-left: var(--im-space-xs); padding-right: var(--im-space-xs); } .im-padding-horizontal-s { padding-left: var(--im-space-s); padding-right: var(--im-space-s); } .im-padding-horizontal-m { padding-left: var(--im-space-m); padding-right: var(--im-space-m); } .im-padding-horizontal-l { padding-left: var(--im-space-l); padding-right: var(--im-space-l); } .im-padding-horizontal-xl { padding-left: var(--im-space-xl); padding-right: var(--im-space-xl); } .im-padding-horizontal-2xl { padding-left: var(--im-space-2xl); padding-right: var(--im-space-2xl); } .im-padding-horizontal-3xl { padding-left: var(--im-space-3xl); padding-right: var(--im-space-3xl); } .im-padding-horizontal-4xl { padding-left: var(--im-space-4xl); padding-right: var(--im-space-4xl); } .im-padding-horizontal-5xl { padding-left: var(--im-space-5xl); padding-right: var(--im-space-5xl); } .im-padding-vertical-4xs { padding-top: var(--im-space-4xs); padding-bottom: var(--im-space-4xs); } .im-padding-vertical-3xs { padding-top: var(--im-space-3xs); padding-bottom: var(--im-space-3xs); } .im-padding-vertical-2xs { padding-top: var(--im-space-2xs); padding-bottom: var(--im-space-2xs); } .im-padding-vertical-xs { padding-top: var(--im-space-xs); padding-bottom: var(--im-space-xs); } .im-padding-vertical-s { padding-top: var(--im-space-s); padding-bottom: var(--im-space-s); } .im-padding-vertical-m { padding-top: var(--im-space-m); padding-bottom: var(--im-space-m); } .im-padding-vertical-l { padding-top: var(--im-space-l); padding-bottom: var(--im-space-l); } .im-padding-vertical-xl { padding-top: var(--im-space-xl); padding-bottom: var(--im-space-xl); } .im-padding-vertical-2xl { padding-top: var(--im-space-2xl); padding-bottom: var(--im-space-2xl); } .im-padding-vertical-3xl { padding-top: var(--im-space-3xl); padding-bottom: var(--im-space-3xl); } .im-padding-vertical-4xl { padding-top: var(--im-space-4xl); padding-bottom: var(--im-space-4xl); } .im-padding-vertical-5xl { padding-top: var(--im-space-5xl); padding-bottom: var(--im-space-5xl); } .im-margin-4xs { margin: var(--im-space-4xs); } .im-margin-3xs { margin: var(--im-space-3xs); } .im-margin-2xs { margin: var(--im-space-2xs); } .im-margin-xs { margin: var(--im-space-xs); } .im-margin-s { margin: var(--im-space-s); } .im-margin-m { margin: var(--im-space-m); } .im-margin-l { margin: var(--im-space-l); } .im-margin-xl { margin: var(--im-space-xl); } .im-margin-2xl { margin: var(--im-space-2xl); } .im-margin-3xl { margin: var(--im-space-3xl); } .im-margin-4xl { margin: var(--im-space-4xl); } .im-margin-5xl { margin: var(--im-space-5xl); } .im-margin-left-4xs { margin-left: var(--im-space-4xs); } .im-margin-left-3xs { margin-left: var(--im-space-3xs); } .im-margin-left-2xs { margin-left: var(--im-space-2xs); } .im-margin-left-xs { margin-left: var(--im-space-xs); } .im-margin-left-s { margin-left: var(--im-space-s); } .im-margin-left-m { margin-left: var(--im-space-m); } .im-margin-left-l { margin-left: var(--im-space-l); } .im-margin-left-xl { margin-left: var(--im-space-xl); } .im-margin-left-2xl { margin-left: var(--im-space-2xl); } .im-margin-left-3xl { margin-left: var(--im-space-3xl); } .im-margin-left-4xl { margin-left: var(--im-space-4xl); } .im-margin-left-5xl { margin-left: var(--im-space-5xl); } .im-margin-right-4xs { margin-right: var(--im-space-4xs); } .im-margin-right-3xs { margin-right: var(--im-space-3xs); } .im-margin-right-2xs { margin-right: var(--im-space-2xs); } .im-margin-right-xs { margin-right: var(--im-space-xs); } .im-margin-right-s { margin-right: var(--im-space-s); } .im-margin-right-m { margin-right: var(--im-space-m); } .im-margin-right-l { margin-right: var(--im-space-l); } .im-margin-right-xl { margin-right: var(--im-space-xl); } .im-margin-right-2xl { margin-right: var(--im-space-2xl); } .im-margin-right-3xl { margin-right: var(--im-space-3xl); } .im-margin-right-4xl { margin-right: var(--im-space-4xl); } .im-margin-right-5xl { margin-right: var(--im-space-5xl); } .im-margin-top-4xs { margin-top: var(--im-space-4xs); } .im-margin-top-3xs { margin-top: var(--im-space-3xs); } .im-margin-top-2xs { margin-top: var(--im-space-2xs); } .im-margin-top-xs { margin-top: var(--im-space-xs); } .im-margin-top-s { margin-top: var(--im-space-s); } .im-margin-top-m { margin-top: var(--im-space-m); } .im-margin-top-l { margin-top: var(--im-space-l); } .im-margin-top-xl { margin-top: var(--im-space-xl); } .im-margin-top-2xl { margin-top: var(--im-space-2xl); } .im-margin-top-3xl { margin-top: var(--im-space-3xl); } .im-margin-top-4xl { margin-top: var(--im-space-4xl); } .im-margin-top-5xl { margin-top: var(--im-space-5xl); } .im-margin-bottom-4xs { margin-bottom: var(--im-space-4xs); } .im-margin-bottom-3xs { margin-bottom: var(--im-space-3xs); } .im-margin-bottom-2xs { margin-bottom: var(--im-space-2xs); } .im-margin-bottom-xs { margin-bottom: var(--im-space-xs); } .im-margin-bottom-s { margin-bottom: var(--im-space-s); } .im-margin-bottom-m { margin-bottom: var(--im-space-m); } .im-margin-bottom-l { margin-bottom: var(--im-space-l); } .im-margin-bottom-xl { margin-bottom: var(--im-space-xl); } .im-margin-bottom-2xl { margin-bottom: var(--im-space-2xl); } .im-margin-bottom-3xl { margin-bottom: var(--im-space-3xl); } .im-margin-bottom-4xl { margin-bottom: var(--im-space-4xl); } .im-margin-bottom-5xl { margin-bottom: var(--im-space-5xl); } .im-margin-horizontal-4xs { margin-left: var(--im-space-4xs); margin-right: var(--im-space-4xs); } .im-margin-horizontal-3xs { margin-left: var(--im-space-3xs); margin-right: var(--im-space-3xs); } .im-margin-horizontal-2xs { margin-left: var(--im-space-2xs); margin-right: var(--im-space-2xs); } .im-margin-horizontal-xs { margin-left: var(--im-space-xs); margin-right: var(--im-space-xs); } .im-margin-horizontal-s { margin-left: var(--im-space-s); margin-right: var(--im-space-s); } .im-margin-horizontal-m { margin-left: var(--im-space-m); margin-right: var(--im-space-m); } .im-margin-horizontal-l { margin-left: var(--im-space-l); margin-right: var(--im-space-l); } .im-margin-horizontal-xl { margin-left: var(--im-space-xl); margin-right: var(--im-space-xl); } .im-margin-horizontal-2xl { margin-left: var(--im-space-2xl); margin-right: var(--im-space-2xl); } .im-margin-horizontal-3xl { margin-left: var(--im-space-3xl); margin-right: var(--im-space-3xl); } .im-margin-horizontal-4xl { margin-left: var(--im-space-4xl); margin-right: var(--im-space-4xl); } .im-margin-horizontal-5xl { margin-left: var(--im-space-5xl); margin-right: var(--im-space-5xl); } .im-margin-vertical-4xs { margin-top: var(--im-space-4xs); margin-bottom: var(--im-space-4xs); } .im-margin-vertical-3xs { margin-top: var(--im-space-3xs); margin-bottom: var(--im-space-3xs); } .im-margin-vertical-2xs { margin-top: var(--im-space-2xs); margin-bottom: var(--im-space-2xs); } .im-margin-vertical-xs { margin-top: var(--im-space-xs); margin-bottom: var(--im-space-xs); } .im-margin-vertical-s { margin-top: var(--im-space-s); margin-bottom: var(--im-space-s); } .im-margin-vertical-m { margin-top: var(--im-space-m); margin-bottom: var(--im-space-m); } .im-margin-vertical-l { margin-top: var(--im-space-l); margin-bottom: var(--im-space-l); } .im-margin-vertical-xl { margin-top: var(--im-space-xl); margin-bottom: var(--im-space-xl); } .im-margin-vertical-2xl { margin-top: var(--im-space-2xl); margin-bottom: var(--im-space-2xl); } .im-margin-vertical-3xl { margin-top: var(--im-space-3xl); margin-bottom: var(--im-space-3xl); } .im-margin-vertical-4xl { margin-top: var(--im-space-4xl); margin-bottom: var(--im-space-4xl); } .im-margin-vertical-5xl { margin-top: var(--im-space-5xl); margin-bottom: var(--im-space-5xl); } .im-gap-4xs { gap: var(--im-space-4xs); } .im-gap-3xs { gap: var(--im-space-3xs); } .im-gap-2xs { gap: var(--im-space-2xs); } .im-gap-xs { gap: var(--im-space-xs); } .im-gap-s { gap: var(--im-space-s); } .im-gap-m { gap: var(--im-space-m); } .im-gap-l { gap: var(--im-space-l); } .im-gap-xl { gap: var(--im-space-xl); } .im-gap-2xl { gap: var(--im-space-2xl); } .im-gap-3xl { gap: var(--im-space-3xl); } .im-gap-4xl { gap: var(--im-space-4xl); } .im-gap-5xl { gap: var(--im-space-5xl); } .im-text-xs { font-size: var(--im-text-xs); } .im-text-s { font-size: var(--im-text-s); } .im-text-m { font-size: var(--im-text-m); } .im-text-l { font-size: var(--im-text-l); } .im-text-xl { font-size: var(--im-text-xl); } .im-text-2xl { font-size: var(--im-text-2xl); } .im-text-3xl { font-size: var(--im-text-3xl); } .im-text-4xl { font-size: var(--im-text-4xl); } H1 { font-size: var(--im-text-4xl); line-height: 1.1; } H2 { font-size: var(--im-text-3xl); line-height: 1.2; } H3 { font-size: var(--im-text-2xl); line-height: 1.3; } H4 { font-size: var(--im-text-xl); line-height: 1.3; } H5 { font-size: var(--im-text-l); line-height: 1.3; } H6 { font-size: var(--im-text-m); line-height: 1.4; } .im-line-height-xs { line-height: 1; } .im-line-height-s { line-height: 1.2; } .im-line-height-m { line-height: 1.3; } .im-line-height-l { line-height: 1.4; } .im-line-height-xl { line-height: 1.5; } .im-italic { font-style: italic; } .im-bold { font-weight: bold; } .im-lowercase { text-transform: lowercase; } .im-uppercase { text-transform: uppercase; } .im-underline { -webkit-text-decoration: underline; text-decoration: underline; } .im-font-100 { font-weight: 100; } .im-font-200 { font-weight: 200; } .im-font-300 { font-weight: 300; } .im-font-400 { font-weight: 400; } .im-font-500 { font-weight: 500; } .im-font-600 { font-weight: 600; } .im-font-700 { font-weight: 700; } .im-font-800 { font-weight: 800; } .im-font-900 { font-weight: 900; } .im-text-left { text-align: left; } .im-text-center { text-align: center; } .im-text-right { text-align: right; } .im-row { display: grid; grid-auto-flow: column; justify-content: start; } .im-column { display: grid; grid-auto-flow: row; justify-items: start; align-content: start; } .im-columns-2 { display: grid; grid-template-columns: 1fr 1fr; } .im-columns-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; } .im-columns-4 { display: grid; grid-template-columns: repeat(4, 1fr); } .im-columns-5 { display: grid; grid-template-columns: repeat(5, 1fr); } .im-columns-6 { display: grid; grid-template-columns: repeat(6, 1fr); } .im-columns-7 { display: grid; grid-template-columns: repeat(7, 1fr); } .im-columns-8 { display: grid; grid-template-columns: repeat(8, 1fr); } .im-columns-min-5 { display: grid; grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); } .im-columns-min-10 { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); } .im-columns-min-20 { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } .im-columns-min-30 { display: grid; grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); } .im-columns-min-40 { display: grid; grid-template-columns: repeat(auto-fit, minmax(40rem, 1fr)); } .im-columns-min-50 { display: grid; grid-template-columns: repeat(auto-fit, minmax(50rem, 1fr)); } .im-columns-min-60 { display: grid; grid-template-columns: repeat(auto-fit, minmax(60rem, 1fr)); } .im-columns-min-70 { display: grid; grid-template-columns: repeat(auto-fit, minmax(70rem, 1fr)); } .im-flex-row { display: flex; flex-direction: row; } .im-flex-column { display: flex; flex-direction: column; } .im-flex-1 { flex: 1; } .im-flex-2 { flex: 2; } .im-flex-3 { flex: 3; } .im-flex-wrap { flex-wrap: wrap; } .im-flex-nowrap { flex-wrap: nowrap; } .im-col-span-2 { grid-column: auto / span 2; } .im-col-span-3 { grid-column: auto / span 3; } .im-col-span-4 { grid-column: auto / span 4; } .im-col-span-5 { grid-column: auto / span 5; } .im-col-span-6 { grid-column: auto / span 6; } .im-col-span-7 { grid-column: auto / span 7; } .im-col-span-8 { grid-column: auto / span 8; } .im-col-start-1 { grid-column-start: 1; } .im-col-start-2 { grid-column-start: 2; } .im-col-start-3 { grid-column-start: 3; } .im-col-start-4 { grid-column-start: 4; } .im-col-start-5 { grid-column-start: 5; } .im-col-start-6 { grid-column-start: 6; } .im-col-start-7 { grid-column-start: 7; } .im-col-start-8 { grid-column-start: 8; } .im-row-span-2 { grid-row: auto / span 2; } .im-row-span-3 { grid-row: auto / span 3; } .im-row-span-4 { grid-row: auto / span 4; } .im-row-span-5 { grid-row: auto / span 5; } .im-row-span-6 { grid-row: auto / span 6; } .im-row-span-7 { grid-row: auto / span 7; } .im-row-span-8 { grid-row: auto / span 8; } .im-row-start-1 { grid-row-start: 1; } .im-row-start-2 { grid-row-start: 2; } .im-row-start-3 { grid-row-start: 3; } .im-row-start-4 { grid-row-start: 4; } .im-row-start-5 { grid-row-start: 5; } .im-row-start-6 { grid-row-start: 6; } .im-row-start-7 { grid-row-start: 7; } .im-row-start-8 { grid-row-start: 8; } .im-items-left { justify-items: start; } .im-content-left { justify-content: start; } .im-items-center { justify-items: center; } .im-content-center { justify-content: center; } .im-items-right { justify-items: end; } .im-content-right { justify-content: end; } .im-items-top { align-items: start; } .im-content-top { align-content: start; } .im-items-middle { align-items: center; } .im-content-middle { align-content: center; } .im-items-bottom { align-items: end; } .im-content-bottom { align-content: end; } .im-items-stretch { align-items: stretch; } .im-content-stretch { justify-content: stretch; } .im-space-between { justify-content: space-between; } .im-space-around { justify-content: space-around; } .im-self-left { margin-right: auto; place-self: start; } .im-self-center { margin-inline: auto; place-self: center; } .im-self-right { margin-left: auto; place-self: end; } .im-self-top { margin-bottom: auto; align-self: start; } .im-self-middle { margin-block: auto; align-self: center; } .im-self-bottom { margin-top: auto; align-self: end; } .im-self-stretch { align-self: stretch; } .im-full-width { width: 100%; } .im-full-height { height: 100%; } .im-screen-width { width: 100vw; } .im-screen-height { height: 100vh; } .im-auto-width { width: auto; } .im-auto-height { height: auto; } .im-width-90 { width: 90%; } .im-width-80 { width: 80%; } .im-width-70 { width: 70%; } .im-width-60 { width: 60%; } .im-width-50 { width: 50%; } .im-width-40 { width: 40%; } .im-width-30 { width: 30%; } .im-width-20 { width: 20%; } .im-width-10 { width: 10%; } .im-max-site-width { max-width: 140rem; width: 100%; } .im-max-width-140 { max-width: 140rem; } .im-max-width-130 { max-width: 130rem; } .im-max-width-120 { max-width: 120rem; } .im-max-width-110 { max-width: 110rem; } .im-max-width-100 { max-width: 100rem; } .im-max-width-90 { max-width: 90rem; } .im-max-width-80 { max-width: 80rem; } .im-max-width-70 { max-width: 70rem; } .im-max-width-60 { max-width: 60rem; } .im-max-width-50 { max-width: 50rem; } .im-max-width-40 { max-width: 40rem; } .im-max-width-30 { max-width: 30rem; } .im-max-width-20 { max-width: 20rem; } .im-max-width-10 { max-width: 10rem; } .im-radius-xs { border-radius: var(--im-radius-xs); } .im-radius-s { border-radius: var(--im-radius-s); } .im-radius-m { border-radius: var(--im-radius-m); } .im-radius-l { border-radius: var(--im-radius-l); } .im-radius-xl { border-radius: var(--im-radius-xl); } .im-radius-full { border-radius: var(--im-radius-full); } .im-border { border-width: 1px; border-style: solid; } .im-border-left { border-left-width: 1px; border-left-style: solid; } .im-border-right { border-right-width: 1px; border-right-style: solid; } .im-border-top { border-top-width: 1px; border-top-style: solid; } .im-border-bottom { border-bottom-width: 1px; border-bottom-style: solid; } .im-shadow-xs { box-shadow: var(--im-shadow-xs); } .im-shadow-s { box-shadow: var(--im-shadow-s); } .im-shadow-m { box-shadow: var(--im-shadow-m); } .im-shadow-l { box-shadow: var(--im-shadow-l); } .im-shadow-xl { box-shadow: var(--im-shadow-xl); } .im-opacity-0 { opacity: 0; } .im-opacity-10 { opacity: 0.1; } .im-opacity-20 { opacity: 0.2; } .im-opacity-30 { opacity: 0.3; } .im-opacity-40 { opacity: 0.4; } .im-opacity-50 { opacity: 0.5; } .im-opacity-60 { opacity: 0.6; } .im-opacity-70 { opacity: 0.7; } .im-opacity-80 { opacity: 0.8; } .im-opacity-90 { opacity: 0.9; } .im-opacity-100 { opacity: 1; } .im-aspect-1 { aspect-ratio: 1; } .im-aspect-4-3 { aspect-ratio: 4 / 3; } .im-aspect-3-4 { aspect-ratio: 3 / 4; } .im-aspect-3-2 { aspect-ratio: 3 / 2; } .im-aspect-2-3 { aspect-ratio: 2 / 3; } .im-aspect-16-9 { aspect-ratio: 16 / 9; } .im-aspect-9-16 { aspect-ratio: 9 / 16; } .im-fit-contain { object-fit: contain; } .im-fit-cover { object-fit: cover; } .im-fit-fill { object-fit: fill; } .im-bg-blur-xs { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .im-bg-blur-s { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .im-bg-blur-m { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .im-bg-blur-l { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } .im-bg-blur-xl { -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); } .im-grayscale { filter: grayscale(1); } .im-rotate-90 { transform: rotate(90deg); } .im-rotate-180 { transform: rotate(180deg); } .im-display-none { display: none; } .im-visible { visibility: visible; } .im-hidden { visibility: hidden; } .im-overflow-hidden { overflow: hidden; } .im-overflow-auto { overflow: auto; } .im-overflow-x-hidden { overflow-x: hidden; } .im-overflow-x-auto { overflow-x: auto; } .im-overflow-y-hidden { overflow-y: hidden; } .im-overflow-y-auto { overflow-y: auto; } .im-list-none { list-style-type: none; } .im-white-space-nowrap { white-space: nowrap; } .im-transition-global { transition: all 0.3s; } .im-relative { position: relative; } .im-absolute { position: absolute; } .im-sticky { position: sticky; } .im-fixed { position: fixed; } .im-inset-0 { inset: 0; } .im-bottom-0 { bottom: 0; } .im-top-0 { top: 0; } .im-left-0 { left: 0; } .im-right-0 { right: 0; } .im-pointer { cursor: pointer; } .im-not-allowed { cursor: not-allowed; } .im-cursor-auto { cursor: auto; } .im-no-pointer-events { pointer-events: none; } .im-z--1 { z-index: -1; } .im-z-0 { z-index: 0; } .im-z-1 { z-index: 1; } .im-z-10 { z-index: 10; } .im-z-100 { z-index: 100; } .im-z-1000 { z-index: 1000; } .im-z-10000 { z-index: 10000; } @media (max-width: 1400px) { .im-column--on-xl { grid-template-columns: 1fr; grid-auto-flow: row; } .im-row--on-xl { grid-template-columns: unset; grid-auto-flow: column; } .im-columns-2--on-xl { grid-template-columns: repeat(2, 1fr); } .im-columns-3--on-xl { grid-template-columns: repeat(3, 1fr); } .im-columns-4--on-xl { grid-template-columns: repeat(4, 1fr); } .im-columns-5--on-xl { grid-template-columns: repeat(5, 1fr); } .im-columns-6--on-xl { grid-template-columns: repeat(6, 1fr); } .im-col-span-1--on-xl { grid-column: auto / span 1; } .im-col-span-2--on-xl { grid-column: auto / span 2; } .im-col-span-3--on-xl { grid-column: auto / span 3; } .im-col-span-4--on-xl { grid-column: auto / span 4; } .im-col-span-5--on-xl { grid-column: auto / span 5; } .im-col-span-6--on-xl { grid-column: auto / span 6; } .im-col-start-1--on-xl { grid-column-start: 1; } .im-col-start-2--on-xl { grid-column-start: 2; } .im-col-start-3--on-xl { grid-column-start: 3; } .im-col-start-4--on-xl { grid-column-start: 4; } .im-col-start-5--on-xl { grid-column-start: 5; } .im-col-start-6--on-xl { grid-column-start: 6; } .im-row-span-1--on-xl { grid-row: auto / span 1; } .im-row-span-2--on-xl { grid-row: auto / span 2; } .im-row-span-3--on-xl { grid-row: auto / span 3; } .im-row-span-4--on-xl { grid-row: auto / span 4; } .im-row-span-5--on-xl { grid-row: auto / span 5; } .im-row-span-6--on-xl { grid-row: auto / span 6; } .im-row-start-1--on-xl { grid-row-start: 1; } .im-row-start-2--on-xl { grid-row-start: 2; } .im-row-start-3--on-xl { grid-row-start: 3; } .im-row-start-4--on-xl { grid-row-start: 4; } .im-row-start-5--on-xl { grid-row-start: 5; } .im-row-start-6--on-xl { grid-row-start: 6; } } @media (max-width: 992px) { .im-column--on-l { grid-template-columns: 1fr; grid-auto-flow: row; } .im-row--on-l { grid-template-columns: unset; grid-auto-flow: column; } .im-columns-2--on-l { grid-template-columns: repeat(2, 1fr); } .im-columns-3--on-l { grid-template-columns: repeat(3, 1fr); } .im-columns-4--on-l { grid-template-columns: repeat(4, 1fr); } .im-columns-5--on-l { grid-template-columns: repeat(5, 1fr); } .im-columns-6--on-l { grid-template-columns: repeat(6, 1fr); } .im-col-span-1--on-l { grid-column: auto / span 1; } .im-col-span-2--on-l { grid-column: auto / span 2; } .im-col-span-3--on-l { grid-column: auto / span 3; } .im-col-span-4--on-l { grid-column: auto / span 4; } .im-col-span-5--on-l { grid-column: auto / span 5; } .im-col-span-6--on-l { grid-column: auto / span 6; } .im-col-start-1--on-l { grid-column-start: 1; } .im-col-start-2--on-l { grid-column-start: 2; } .im-col-start-3--on-l { grid-column-start: 3; } .im-col-start-4--on-l { grid-column-start: 4; } .im-col-start-5--on-l { grid-column-start: 5; } .im-col-start-6--on-l { grid-column-start: 6; } .im-row-span-1--on-l { grid-row: auto / span 1; } .im-row-span-2--on-l { grid-row: auto / span 2; } .im-row-span-3--on-l { grid-row: auto / span 3; } .im-row-span-4--on-l { grid-row: auto / span 4; } .im-row-span-5--on-l { grid-row: auto / span 5; } .im-row-span-6--on-l { grid-row: auto / span 6; } .im-row-start-1--on-l { grid-row-start: 1; } .im-row-start-2--on-l { grid-row-start: 2; } .im-row-start-3--on-l { grid-row-start: 3; } .im-row-start-4--on-l { grid-row-start: 4; } .im-row-start-5--on-l { grid-row-start: 5; } .im-row-start-6--on-l { grid-row-start: 6; } } @media (max-width: 768px) { .im-column--on-m { grid-template-columns: 1fr; grid-auto-flow: row; } .im-row--on-m { grid-template-columns: unset; grid-auto-flow: column; } .im-columns-2--on-m { grid-template-columns: repeat(2, 1fr); } .im-columns-3--on-m { grid-template-columns: repeat(3, 1fr); } .im-columns-4--on-m { grid-template-columns: repeat(4, 1fr); } .im-columns-5--on-m { grid-template-columns: repeat(5, 1fr); } .im-columns-6--on-m { grid-template-columns: repeat(6, 1fr); } .im-col-span-1--on-m { grid-column: auto / span 1; } .im-col-span-2--on-m { grid-column: auto / span 2; } .im-col-span-3--on-m { grid-column: auto / span 3; } .im-col-span-4--on-m { grid-column: auto / span 4; } .im-col-span-5--on-m { grid-column: auto / span 5; } .im-col-span-6--on-m { grid-column: auto / span 6; } .im-col-start-1--on-m { grid-column: 1; } .im-col-start-2--on-m { grid-column: 2; } .im-col-start-3--on-m { grid-column: 3; } .im-col-start-4--on-m { grid-column: 4; } .im-col-start-5--on-m { grid-column: 5; } .im-col-start-6--on-m { grid-column: 6; } .im-row-span-1--on-m { grid-row: auto / span 1; } .im-row-span-2--on-m { grid-row: auto / span 2; } .im-row-span-3--on-m { grid-row: auto / span 3; } .im-row-span-4--on-m { grid-row: auto / span 4; } .im-row-span-5--on-m { grid-row: auto / span 5; } .im-row-span-6--on-m { grid-row: auto / span 6; } .im-row-start-1--on-m { grid-row-start: 1; } .im-row-start-2--on-m { grid-row-start: 2; } .im-row-start-3--on-m { grid-row-start: 3; } .im-row-start-4--on-m { grid-row-start: 4; } .im-row-start-5--on-m { grid-row-start: 5; } .im-row-start-6--on-m { grid-row-start: 6; } } @media (max-width: 480px) { .im-column--on-s { grid-template-columns: 1fr; grid-auto-flow: row; } .im-row--on-s { grid-template-columns: 1fr; grid-auto-flow: column; } .im-columns-2--on-s { grid-template-columns: repeat(2, 1fr); } .im-columns-3--on-s { grid-template-columns: repeat(3, 1fr); } .im-columns-4--on-s { grid-template-columns: repeat(4, 1fr); } .im-columns-5--on-s { grid-template-columns: repeat(5, 1fr); } .im-columns-6--on-s { grid-template-columns: repeat(6, 1fr); } .im-col-span-1--on-s { grid-column: auto / span 1; } .im-col-span-2--on-s { grid-column: auto / span 2; } .im-col-span-3--on-s { grid-column: auto / span 3; } .im-col-span-4--on-s { grid-column: auto / span 4; } .im-col-span-5--on-s { grid-column: auto / span 5; } .im-col-span-6--on-s { grid-column: auto / span 6; } .im-col-start-1--on-s { grid-column-start: 1; } .im-col-start-2--on-s { grid-column-start: 2; } .im-col-start-3--on-s { grid-column-start: 3; } .im-col-start-4--on-s { grid-column-start: 4; } .im-col-start-5--on-s { grid-column-start: 5; } .im-col-start-6--on-s { grid-column-start: 6; } .im-row-span-1--on-s { grid-row: auto / span 1; } .im-row-span-2--on-s { grid-row: auto / span 2; } .im-row-span-3--on-s { grid-row: auto / span 3; } .im-row-span-4--on-s { grid-row: auto / span 4; } .im-row-span-5--on-s { grid-row: auto / span 5; } .im-row-span-6--on-s { grid-row: auto / span 6; } .im-row-start-1--on-s { grid-row-start: 1; } .im-row-start-2--on-s { grid-row-start: 2; } .im-row-start-3--on-s { grid-row-start: 3; } .im-row-start-4--on-s { grid-row-start: 4; } .im-row-start-5--on-s { grid-row-start: 5; } .im-row-start-6--on-s { grid-row-start: 6; } } li.inx-property-slider__item-wrap:hover { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px, rgba(0, 0, 0, 0.45) 25px 0px 20px -20px; } .uk-dotnav>*>* { background: var(--im-tertiary-t-3); } .inx-oi--inverted.inx-oi--vermarktungsart--kauf { background: linear-gradient(40deg, var(--im-tertiary) 0%, var(--im-primary)); font-size: var(--im-text-l); } .inx-property-label--vermarktungsart--kauf { background: linear-gradient(50deg, var(--im-tertiary) 0%, var(--im-primary)); font-size: var(--im-text-m); } .inx-property-list-item__title.uk-card-title a { color: var(--im-primary); font-size: var(--im-text-m); } .jet-form__submit { display: flex; align-items: center; justify-content: center; gap: var(--im-space-3xs); padding: var(--im-space-xs) var(--im-space-s); background: var(--im-primary); color: #fff; font-size: var(--im-text-m); font-weight: 600; border-radius: var(--im-radius-m); border: 1px solid var(--im-primary-d-1); box-shadow: var(--im-shadow-m); transition: all 0.25s ease-in-out; outline: 0; cursor: pointer; } .jet-form__submit.small:hover { background: var(--im-secondary); transform: translateY(-0.1rem); } .x-tabs_content.x-tabs_content-accordion .x-tabs_content-item .x-tabs_toggle { color: #fff; } #brxe-qzmfqq .x-tabs_content.x-tabs_content-accordion .x-tabs_content-item .x-tabs_toggle { background-color: var(--im-primary-d-2); } #brxe-qzmfqq .x-tabs_content.x-tabs_content-accordion .x-tabs_content-item .x-tabs_toggle:active { background-color: var(--im-tertiary); }