@charset "UTF-8";.loading-container[data-v-6142929e]:not(.contained) { position: fixed; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); } .loading-container[data-v-6142929e] { top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 999; } .loading-container.contained #overlay[data-v-6142929e] { margin: 2rem; } .loading-container #overlay[data-v-6142929e] { width: 100px; height: 100px; border-radius: 50%; border: 10px solid #ddd; border-top-color: orange; animation: loading-6142929e 1s linear infinite; } @keyframes loading-6142929e { to { transform: rotate(360deg); } }.remove-container .text-left[data-v-c5893a83] { text-align: left; } .remove-container[data-v-c5893a83] { background-color: #ececec; } #manage-offline-dialog > button[data-v-c5893a83]:first-child { display: block; } .rounded[data-v-c5893a83] { --border-radius: 1rem; } .manage-offline-container[data-v-c5893a83] { overflow-y: auto; overflow-x: hidden; } @media screen and (max-width: 36em) { .remove-btn span[data-v-c5893a83] { display: none; } } #display-presentation { > button:first-child { display: block; } } .manage-offline-container { overflow-y: auto; overflow-x: hidden; } @media screen and (max-width: 36em) { .close-btn { display: none !important; } } iam-filter-card.card.colour-info::part(body) { display: flex; flex-direction: row; align-items: center; gap: 1rem; margin-top: auto; margin-bottom: auto; } iam-filter-card.card.card--flag::part(body) { display: flex; flex-direction: row; align-items: center; gap: 1rem; margin-top: auto; margin-bottom: auto; } .tooltip[data-v-8966524a] { z-index: 100; } iam-filter-card.card--flag[data-v-8966524a]:after { content: "\f0b0"; color: inherit; } iam-filter-card[data-v-8966524a] { overflow: visible; } iam-filter-card[data-v-8966524a]::part(body) { --card-head-top-padding: 1rem; --card-head-bottom-padding: 1rem; --card-right-padding: 1rem; font-size: 0.9rem; line-height: 1.3; display: flex; flex-direction: column; align-items: normal; } iam-filter-card::part(body) .card__total[data-v-8966524a] { font-size: 2rem !important; } iam-filter-card p[data-v-8966524a] { padding: 0rem !important; } iam-filter-card span[data-v-8966524a] { padding-top: 1rem !important; } iam-filter-card.colour-info[data-v-8966524a] { border-left: 0.75rem solid var(--colour, var(--colour-primary)) !important; } iam-filter-card.bg-info[data-v-8966524a] { padding-left: 0.75rem !important; pointer-events: none; } iam-filter-card[data-v-8966524a] { pointer-events: none; } .admin-panel .loading-container[data-v-8966524a] ~ * { opacity: 0; height: 0; } iam-actionbar[data-v-8966524a]::part(search-btn) { pointer-events: all; } #filterBtn[data-v-8966524a] { z-index: 9; } .mh-lg[data-v-8966524a] { overflow-x: clip; } .loading-spinner-container[data-v-8966524a] { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(0, 0, 0, 0.3); top: 0; z-index: 999; } .loading-spinner-container .spinner-border[data-v-8966524a] { display: flex; margin: 0 auto; } dialog .dialog__close[data-v-8966524a] { color: var(--colour-heading); } @media screen and (min-width: 36em) { #filters[data-v-8966524a] { min-width: 600px; } table thead tr th[data-v-8966524a]:not(:first-child), table tbody tr td[data-v-8966524a]:not(:first-child) { border-left: none; } table tbody tr td[data-v-8966524a] { white-space: nowrap; } } iam-table[data-v-8966524a]:has(.empty)::part(pagination) { display: none; } .iw-vue-app label.radio--tick[data-v-8966524a]:not(.tag):has(input:is([type=radio]):is(:focus, :hover, .focus)):before { display: block !important; } .was-validated:has(input[type=date]) .invalid-feedback[data-v-8966524a] { display: block; } @media screen and (min-width: 62em) { .expand-button-heading[data-v-8966524a] { min-width: 0; } } .flex-col-container[data-v-8966524a] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-8966524a] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .box[data-v-8966524a] { display: flex; flex-direction: column; } .widget[data-v-8966524a] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-8966524a] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-8966524a] { grid-column: span 2; } .grid-col-span-3[data-v-8966524a] { grid-column: span 3; } .grid-col-span-4[data-v-8966524a] { grid-column: span 4; } .grid-col-span-5[data-v-8966524a] { grid-column: span 5; } .grid-col-span-6[data-v-8966524a] { grid-column: span 6; } .grid-col-span-7[data-v-8966524a] { grid-column: span 7; } .grid-col-span-8[data-v-8966524a] { grid-column: span 8; } /* Row span utility classes */ .grid-row-span-1[data-v-8966524a] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-8966524a] { grid-row: span 2; } .grid-row-span-3[data-v-8966524a] { grid-row: span 3; } .grid-row-span-4[data-v-8966524a] { grid-row: span 4; } .grid-row-span-5[data-v-8966524a] { grid-row: span 5; } .wrapper[data-v-8966524a] { margin: 0 0 20px 0; display: grid; grid-gap: 1rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; /* width: 100%;*/ } .wrapper-6[data-v-8966524a] { grid-template-columns: repeat(3, 1fr) repeat(3, 1fr); } .wrapper-10[data-v-8966524a] { grid-template-columns: repeat(5, 1fr) repeat(5, 1fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-8966524a] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-8966524a], .grid-col-span-2[data-v-8966524a], .grid-col-span-3[data-v-8966524a], .grid-col-span-4[data-v-8966524a], .grid-col-span-5[data-v-8966524a], .grid-col-span-6[data-v-8966524a], .grid-col-span-7[data-v-8966524a], .grid-col-span-8[data-v-8966524a] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-8966524a] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-8966524a], .grid-col-span-2[data-v-8966524a], .grid-col-span-3[data-v-8966524a], .grid-col-span-4[data-v-8966524a], .grid-col-span-5[data-v-8966524a], .grid-col-span-6[data-v-8966524a], .grid-col-span-7[data-v-8966524a], .grid-col-span-8[data-v-8966524a] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-8966524a] { flex-direction: column; } .widget[data-v-8966524a] { width: 100%; } }.tabs:not(.admin-panel) .tabs__links__wrapper[data-v-288f8394]:before { background: none; } .tabs__links[data-v-288f8394] { padding-bottom: 0; } .tabs__links > a > span[data-v-288f8394] { width: 20px; height: 20px; border: 1px solid var(--colour-link); border-radius: 50%; display: inline-block; font-size: 16px; text-align: center; line-height: 18px; font-weight: bolder; margin-right: 6px; } .tabs__links > a.active[data-v-288f8394] { border-bottom: 4px solid #2bbbdf; } .tabs__links > a.active > span[data-v-288f8394] { background: var(--colour-link); color: white; } .tabs__links > a.complete > span[data-v-288f8394] { background: var(--colour-success); border: 1px solid var(--colour-success); color: var(--colour-link); }.duplication__container[data-v-a5724a39] { margin-bottom: 0.25rem; border-radius: 0.25rem; padding: 1rem; display: flex; justify-content: space-between; color: var(--colour-heading); border: 1px solid; } .left-col[data-v-a5724a39] { text-align: left; gap: 0.5rem; flex: 0 0 75%; display: flex; flex-direction: column; align-items: flex-start; padding-right: 1rem; } .left-col .stakeholder__data[data-v-a5724a39] { width: 100%; display: flex; gap: 0.5rem; justify-content: space-between; flex-wrap: wrap; } .left-col .stakeholder__data .content[data-v-a5724a39] { display: flex; gap: 0.25rem; } .left-col .stakeholder__data .vendors[data-v-a5724a39] { flex: 0 0 50%; display: flex; flex-direction: column; } .left-col .source[data-v-a5724a39] { display: flex; gap: 0.25rem; } .right-col[data-v-a5724a39] { padding-left: 1rem; flex: 0 0 25%; display: flex; align-items: center; justify-content: center; gap: 1rem; border-left: 1px solid; flex-wrap: wrap; } .right-col .link[data-v-a5724a39] { font-size: 14px; margin: 0; } .duplication__actions__container[data-v-a5724a39] { margin-top: 2rem; } .duplication__actions[data-v-a5724a39] { flex-wrap: wrap; display: flex; align-items: flex-end; }.user-tag[data-v-1745f168] { max-width: 20rem; overflow: hidden; text-overflow: ellipsis; } .breadcrumb[data-v-1745f168] { background-color: transparent; } .breadcrumb a[data-v-1745f168] { line-height: initial; min-height: initial; } #manageVendorDialog[data-v-1745f168] { overflow: scroll; } @media screen and (max-width: 991px) { /* Cannot use pl-0; pr-0; because of this breakpoint, bootstrap uses 768px */ .upper-section[data-v-1745f168] { padding-right: 0 !important; } .lower-section[data-v-1745f168] { padding-left: 0 !important; } .border-right[data-v-1745f168] { border: none !important; } } .vendor-details[data-v-1745f168] { display: flex; flex-direction: column; } .vendor-details .vendor-name[data-v-1745f168] { justify-content: space-between; display: flex; align-items: center; } .vendor-details .vendor-detail a[data-v-1745f168] { color: var(--colour-body); display: block; font-weight: 400; padding: 1rem 0 0; margin: 0; } .vendor-details .vendor-detail a[data-v-1745f168]:after { background: none; } .progress-links[data-v-1745f168] { display: flex; justify-content: space-between; margin: 1rem 0; } .progress-links .progress-circle[data-v-1745f168] { background: #ffffff; border: 1px solid var(--colour-heading); border-radius: 50%; color: var(--colour-heading); height: 30px; width: 30px; font-size: 20px; font-weight: 900; line-height: 27px; text-align: center; padding: 0; margin: 0; } .progress-links .progress-circle[data-v-1745f168]:after { background: none; } .progress-links .progress-circle.complete[data-v-1745f168] { background: #b4e6a5; border-color: #b4e6a5; } .prospecting-box[data-v-1745f168] { border: 1px solid #000; border-radius: 5px; color: var(--colour-heading); padding: 1rem; } .prospecting-box > .row > .col[data-v-1745f168] { text-align: center; } .prospecting-box > .row > .col > span[data-v-1745f168] { display: block; } .prospecting-box > .row > .col .rating[data-v-1745f168] { font-weight: 900; font-size: 40px; } .prospecting-box > .row > .col .descriptor[data-v-1745f168] { font-size: 1em; font-weight: bold; width: fit-content; margin: auto; } .prospecting-box .appraisal-progress .box[data-v-1745f168] { padding: 4px 7px; position: relative; border: 1px solid #f1f1f1; width: fit-content; margin: 0 auto; } .prospecting-box .appraisal-progress .box .status[data-v-1745f168] { padding: 4px; box-sizing: border-box; font-size: 0.75em; font-weight: bold; } .prospecting-box .appraisal-progress .box .views[data-v-1745f168] { background: #dc3545; border-radius: 50%; color: #fff; display: block; height: 15px; width: 15px; position: absolute; top: -2px; right: -7px; font-size: 12px; line-height: 15px; text-align: center; }.no-change iam-card.hover::part(body):before, .no-change iam-card.hover::part(body):after { content: initial !important; display: none !important; }.carousel__item > a[data-v-01712858] { cursor: pointer; } iam-card.hover[data-v-01712858]::part(card) { --hover-outline-colour-default: var(--colour, var(--colour-primary)); outline: 2px solid var(--hover-outline-colour, var(--hover-outline-colour-default)); outline-offset: -2px; } iam-card[data-v-01712858]::part(body) { padding-right: 1rem; } iam-card[data-v-01712858] :is(.badge, .tag) { background: white !important; } iam-card[data-v-01712858]::part(body):before, iam-card[data-v-01712858]::part(body):after { display: none; } iam-card .label[data-v-01712858] { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3rem; text-overflow: ellipsis; word-break: break-word; margin-right: -2rem; max-width: 100%; } .detail-note[data-v-01712858] { color: #787878; font-family: var(--font-body); display: grid; grid-template-columns: auto 1fr; gap: 0 0.5rem; padding-block-end: 0; position: absolute; bottom: 0.5rem; } .detail-note dd[data-v-01712858] { margin-bottom: 0; } @media screen and (max-width: 62em) { .component-container .text-content { &[data-v-8db3f29a] > * :is(h1) { --type-scale: 1.18; } &[data-v-8db3f29a] > * :is(h2), &[data-v-8db3f29a] > * :is(h3) { --type-scale: 1.18; } } } @media screen and (max-width: 36em) { .component-container .text-content { &[data-v-8db3f29a] > * :is(h1) { --type-scale: 1.17; } &[data-v-8db3f29a] > * :is(h2), &[data-v-8db3f29a] > * :is(h3) { --type-scale: 1.16; } } } .component-container .text-content { container-type: inline-size; container-name: text; overflow-wrap: normal; word-break: keep-all; hyphens: auto; --content-max-width: 100%; li { max-width: var(--content-max-width); } /* TextComponent content */ .row .col-12 span { /* Gap between paragraph and list elements and its next sibling */ :is(p, ol, ul):has(+ *) { padding-bottom: 1.5rem; margin-top: 0; margin-bottom: 0; } /* Remove last component element spacing */ :last-child { padding-bottom: 0; margin-bottom: 0; } span[style*='color: rgb'] > strong.bold { color: inherit !important; } } } .tox-tinymce-inline { z-index: 999999; margin-bottom: 100px; } .tox-collection__item-label { line-height: unset !important; } /* Default: Hide invalid-feedback if select has is-invalid */ label.field select.is-invalid + .invalid-feedback[data-v-fd1e0824] { display: none; } /* Override: Show invalid-feedback if label.field has was-validated */ label.field.was-validated select.is-invalid + .invalid-feedback[data-v-fd1e0824] { display: block; } .page-links li .fa-circle-exclamation { position: absolute; top: 50%; right: 0.5rem; transform: translate(0, -50%); margin: 0; } .always-visible.btn:disabled { opacity: 1 !important; } #visibility-processing { #overlay { margin: 0; width: 18px; height: 18px; border-width: 2px; } } .overlay-example[data-v-fd596f3b] { background-size: cover; } .overlay-example.section p[data-v-fd596f3b] { color: var(--colour-body, inherit); } .overlay-example .overlay[data-v-fd596f3b] { border-radius: 10px; font-weight: bold; } .overlay-example h1[data-v-fd596f3b] { font-size: 1.5rem; line-height: 1.8rem; } .overlay-example p[data-v-fd596f3b] { padding-bottom: 0; } .colour-text[data-v-fd596f3b] { border-left: none !important; border-end-start-radius: 0 !important; border-start-start-radius: 0 !important; margin: 0 !important; } .section-container[data-v-fd596f3b] { border: 1px solid #000; padding: 10px; } .section-container[data-v-fd596f3b]:hover { cursor: pointer; } .section-container.active[data-v-fd596f3b] { border-color: #2196f3; } .section-container.active .line[data-v-fd596f3b] { border-color: #2196f3; } .section-container .line[data-v-fd596f3b] { border-left: 1px solid #000; height: 50px; margin: 0 auto; width: 1px; } .three-columns .section-container .line[data-v-fd596f3b], .four-columns .section-container .line[data-v-fd596f3b] { margin: 0 !important; padding: 0 !important; } .unsaved-page { &[data-v-7570a851] { display: grid; grid-template-columns: 1fr auto auto; text-align: left; } .description[data-v-7570a851] { font-size: 16px; } } :where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional.manage-changes) > button[data-v-7570a851]:first-child { display: block; } .content-wrapper:has(.coming-soon) { background: #020209; display: flex; justify-content: center; flex-direction: column; --content-max-width: 40rem; } .bg-primary[data-v-31082e48] { background: #020209!important; text-align: center; } .bg-primary[data-v-31082e48] > * { margin-inline: auto; } .lead[data-v-31082e48] { font-size: 1.5rem; } .btn-primary[data-v-31082e48]:not(:hover,:focus,:active) { background: var(--colour-warning); border-color: var(--colour-warning); color: var(--colour-primary)!important; } @media screen and (min-width: 62em) { :where(.iw-vue-app > div) .dialog__wrapper > dialog[open][data-v-6a891799] { width: 30rem; left: -23em; top: 3rem; } } :where(.iw-vue-app > div) .dialog__wrapper:has(dialog[open]) > button[data-v-6a891799] { background: var(--colour-btn-secondary-hover); color: var(--colour-btn-secondary-bg-hover); } :where(.iw-vue-app > div) .dialog__wrapper > .btn[data-v-6a891799]:first-child { margin: 0.25rem; } .dialog__wrapper > .btn-action[data-v-6a891799]:not(:hover,:focus,:active) { border-color: transparent; background-color: transparent; } .filter-selects[data-v-cf1b8dfa] { justify-content: flex-start; } @media (min-width: 1024px) { .filter-selects[data-v-cf1b8dfa] { justify-content: flex-end; } }.filter-selects .dialog__wrapper > .btn-action:not(:hover, :focus, :active) { border-color: transparent; background-color: transparent; }.admin-panel__heading .btn-secondary[data-v-2a52a998] { margin-bottom: -0.5rem !important; margin-top: -0.5rem !important; margin-inline-start: 0.5rem; margin-inline-end: 0; } .admin-panel__heading .dialog__wrapper[data-v-2a52a998] { margin-bottom: -0.25rem !important; margin-top: -0.25rem !important; margin-inline-start: auto; margin-inline-end: 0; } .mh-lg[data-v-2a52a998] { overflow-x: clip; } .loading-spinner-container[data-v-2a52a998] { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(0, 0, 0, 0.1); top: 0; z-index: 999; } .loading-spinner-container .spinner-border[data-v-2a52a998] { display: flex; margin: 0 auto; } dialog .dialog__close[data-v-2a52a998] { color: var(--colour-heading); } @media screen and (min-width: 36em) { #filters[data-v-2a52a998] { min-width: 600px; } table thead tr th[data-v-2a52a998]:not(:first-child), table tbody tr td[data-v-2a52a998]:not(:first-child) { border-left: none; } table tbody tr td[data-v-2a52a998] { white-space: nowrap; } } iam-table[data-v-2a52a998]:has(.empty)::part(pagination) { display: none; } @media screen and (min-width: 62em) { .expand-button-heading[data-v-2a52a998] { min-width: 0; } } .iw-vue-app label.radio--tick[data-v-2a52a998]:not(.tag):has(input:is([type=radio]):is(:focus, :hover, .focus)):before { display: block !important; } td .badge[data-v-2a52a998] { font-size: 0.75rem; background-color: transparent; border: 1px solid var(--colour-light) !important; position: relative; } .badge__count[data-v-2a52a998] { display: none; } [data-type*=Pre-Appointment] .badge__count.pre[data-v-2a52a998]:not(:empty):not([data-count="0"]), [data-type*=Main] .badge__count.main[data-v-2a52a998]:not(:empty):not([data-count="0"]) { position: absolute; top: 0; right: 0; background: var(--colour-danger); color: white; border-radius: 50%; display: inline-block; height: 1.5em; width: 1.5em; line-height: 1.5em; margin-top: -0.5em; margin-right: -0.75em; } .detailCard[data-v-54a22c90] { border-radius: var(--card-border-radius); border: 1px solid black; } .chart table tbody tr td[data-v-9499cdea] { height: 1rem; } .chart__outer table tbody tr td[data-v-9499cdea]:not(:first-child):nth-child(10n-8) { --chart-colour: var(--chart-colour-2-set); } tbody tr[data-v-e7393f33] { border: none; } tbody tr:nth-child(even) td[data-v-e7393f33] { background: var(--colour-light); } @media screen and (min-width: 36em) { tbody tr:nth-child(even) td[data-v-e7393f33]:first-child { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; } tbody tr:nth-child(even) td[data-v-e7393f33]:last-child { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; } } tbody tr td[data-v-e7393f33] { border: none !important; padding: 0.4rem; line-height: 2rem; @media screen and (min-width: 36em) { padding: 0.8rem; } } tbody tr td[data-v-e7393f33]:before { display: none !important; } tbody tr td[data-v-e7393f33] > * { line-height: inherit; margin: 0; } @media screen and (min-width: 36em) { tbody tr td[data-v-e7393f33]:first-child, tbody tr td[data-v-e7393f33]:last-child { text-align: right; } } .admin-panel__heading { label[data-v-e7393f33] { margin: 0; } select[data-v-e7393f33] { margin-top: 0 !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; line-height: 1rem !important; min-height: 1rem !important; --input-padding-block: 0.2rem; --input-padding-inline: 0.5rem; } } .avatar-image[data-v-7b3e6277] { width: 100%; height: 100%; object-fit: cover; } .avatar-icon[data-v-7b3e6277] { font-size: 18px; /* Adjust icon size as needed */ color: #bbb; /* Icon color */ } ol[data-v-41bd4b5a] { list-style: none; counter-reset: item; margin: 0; padding: 0; } li[data-v-41bd4b5a] { counter-increment: item; border-bottom: 1px solid LightGray; } ol:not(.not-list) li > div[data-v-41bd4b5a]:before { content: counter(item) '.'; margin: 0.4rem 0.4rem 0.4rem 0; font-size: 1.75rem; font-weight: bold; color: var(--colour-primary); } .container[data-v-41bd4b5a] { display: inline-grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .avatar-list-heading[data-v-41bd4b5a] { font-size: 1rem; font-weight: bold; color: var(--colour-primary); } .star[data-v-41bd4b5a] { color: var(--colour-btn-bg); } .badge[data-v-41bd4b5a] { background: none; border: 1px solid var(--border-color) !important; font-size: 0.5rem; white-space: normal; line-height: 1.5em; padding: 0.7em; } .text-up[data-v-f9e34bdb] { --text-opacity: 1; color: var(--colour-complete) !important; } .text-down[data-v-f9e34bdb] { --text-opacity: 1; color: var(--colour-danger) !important; }.text-up[data-v-ed0282da] { --text-opacity: 1; color: var(--colour-complete) !important; } .text-down[data-v-ed0282da] { --text-opacity: 1; color: var(--colour-danger) !important; }.text-up[data-v-df08037f] { --text-opacity: 1; color: var(--colour-complete) !important; } .text-down[data-v-df08037f] { --text-opacity: 1; color: var(--colour-danger) !important; }.wrapper[data-v-97eb75ec] { margin: 0 0 20px 0; display: grid; grid-gap: 1rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; /* width: 100%;*/ } .box[data-v-97eb75ec] { display: flex; flex-direction: column; } .flex-col-container[data-v-97eb75ec] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-97eb75ec] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-97eb75ec] { justify-content: space-around; } .widget[data-v-97eb75ec] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-97eb75ec] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-97eb75ec] { grid-column: span 2; } .grid-col-span-3[data-v-97eb75ec] { grid-column: span 3; } .grid-col-span-4[data-v-97eb75ec] { grid-column: span 4; } .grid-col-span-5[data-v-97eb75ec] { grid-column: span 5; } .grid-col-span-6[data-v-97eb75ec] { grid-column: span 6; } .grid-col-span-7[data-v-97eb75ec] { grid-column: span 7; } .grid-col-span-8[data-v-97eb75ec] { grid-column: span 8; } .grid-col-span-10[data-v-97eb75ec] { grid-column: span 10; } /* Row span utility classes */ .grid-row-span-1[data-v-97eb75ec] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-97eb75ec] { grid-row: span 2; } .grid-row-span-3[data-v-97eb75ec] { grid-row: span 3; } .grid-row-span-4[data-v-97eb75ec] { grid-row: span 4; } .grid-row-span-5[data-v-97eb75ec] { grid-row: span 5; } .wrapper-10[data-v-97eb75ec] { grid-template-columns: repeat(6, 1fr) repeat(4, 1.3fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-97eb75ec] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-97eb75ec], .grid-col-span-2[data-v-97eb75ec], .grid-col-span-3[data-v-97eb75ec], .grid-col-span-4[data-v-97eb75ec], .grid-col-span-5[data-v-97eb75ec], .grid-col-span-6[data-v-97eb75ec], .grid-col-span-7[data-v-97eb75ec], .grid-col-span-8[data-v-97eb75ec] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-97eb75ec] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-97eb75ec], .grid-col-span-2[data-v-97eb75ec], .grid-col-span-3[data-v-97eb75ec], .grid-col-span-4[data-v-97eb75ec], .grid-col-span-5[data-v-97eb75ec], .grid-col-span-6[data-v-97eb75ec], .grid-col-span-7[data-v-97eb75ec], .grid-col-span-8[data-v-97eb75ec], .grid-col-span-10[data-v-97eb75ec] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-97eb75ec] { flex-direction: column; } .widget[data-v-97eb75ec] { width: 100%; } } /* Widget fix */ @media (min-width: 1024px) { .widget:has(.mh-md) { display: flex; } .widget:has(.mh-md) .admin-panel { display: flex; flex-direction: column; width: 100%; position: relative; } .widget:has(.mh-md) .mh-md { position: absolute !important; inset: 4rem 1.5rem 0 1.5rem; height: calc(100% - 4rem); max-height: calc(100% - 4rem); width: 100%; } } iam-record-card[data-v-a3568ddf]::part(body), iam-record-card[data-v-a3568ddf]::part(details) { background: #fff !important; color: black !important; height: 100%; } .badge[data-v-a3568ddf] { background: var(--colour-success) !important; } .isHidden[data-v-a3568ddf] { --colour-canvas-2: #e9e9e9; } .isHidden[data-v-a3568ddf] { text-decoration: line-through; } .isHidden > span strong[data-v-a3568ddf], .isHidden > span span[data-v-a3568ddf]:not(.row) { text-decoration: none; display: inline-block !important; } .card > span[data-v-a3568ddf] { display: flex !important; text-decoration: none; } .card > span strong[data-v-a3568ddf], .card > span span[data-v-a3568ddf]:not(.d-flex):not(.row) { display: inline-block !important; } .question-template-type[data-v-4ebba028] { height: fit-content; padding: 4px; border-radius: 8px; font-size: 1rem !important; } .custom-question[data-v-4ebba028] { padding-right: 0.25rem; max-height: 800px; overflow-y: auto; } .top-reco { max-width: unset !important; } .component-container .text-content { --content-max-width: 100%; li { max-width: var(--content-max-width); } } .tox-tinymce-inline { z-index: 999999; margin-bottom: 100px; } .tox-collection__item-label { line-height: unset !important; } /* fix an issue with second tab content being pushed down due to first tab being close */ .mapTabs details[data-v-27e081db]:not([open]), .mapTabs :not(iam-tabs) > iam-accordion details[data-v-27e081db]:not([open]) { padding: 0; } iam-tabs > details[data-v-27e081db]:not([open]){ padding: 0 !important; } iam-tabs[data-v-27e081db]::part(tabs) { padding: 0rem; } iam-tabs[data-v-27e081db]::part(tab-link) { text-align: center; } .mapTabs[data-v-27e081db]::part(wrapper) { margin: 0; } .hidden[data-v-3c55263d] { text-decoration: line-through; } .data-loft[data-v-3c55263d] { background-color: #12384a; width: 120px; border-radius: 0.5rem !important; left: 20px; text-align: center; padding: 0.25rem 0.75rem; } .data-loft span[data-v-3c55263d] { font-family: Roboto, sans-serif; font-size: 0.75rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.1px; color: #fff; } :where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open][data-v-3c55263d]:is(.dialog--transactional):before { display: none; }.hidden[data-v-8f40478d] { text-decoration: line-through; }/* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } :where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open][data-v-66d4931f]:is(.dialog--transactional):before { display: none; } .google-map[data-v-66d4931f] { min-height: unset !important; } .property-data-actions[data-v-66d4931f] { display: grid; grid-template-columns: 1fr auto auto; } .leaflet-control-zoom > a { margin: 0; } .valuation--price[data-v-8358bec6] { font-size: 2rem; font-weight: 900; color: var(--colour-heading); } .valuation--price[data-v-8358bec6], .text-heading[data-v-8358bec6] { font-size: 1.2rem; color: var(--colour-heading); } .valuation--title__lowest[data-v-8358bec6], .valuation--title__average[data-v-8358bec6], .valuation--title__highest[data-v-8358bec6] { border-radius: 5px; padding: 0.3rem 0; width: 50%; text-align: center; margin-bottom: 1rem; } .valuation--title__lowest[data-v-8358bec6] { background-color: #e7727d; color: #00313c; border: 2px solid #e7727d; } .valuation--title__average[data-v-8358bec6] { border: 2px solid #9d9d9d; } .valuation--title__highest[data-v-8358bec6] { background-color: #b4e6a5; color: #00313c; border: 2px solid #b4e6a5; } .question-responses p { padding-bottom: 0.5rem; }label[data-v-2b36c690]:has(.progress--circular) { --max-width: 85%; --pt: 5.625rem; --value-pb: 2rem; } .label[data-v-2b36c690] { font-size: 0.9rem; line-height: 1rem; } .big-figure[data-v-2b36c690] { font-weight: 900; font-size: 2.5rem; line-height: 2.5rem; } .admin-panel .h2 > select[data-v-2b36c690] { width: fit-content !important; float: right; padding-top: 0rem !important; padding-bottom: 0rem !important; min-height: fit-content !important; background-position: right 0 top 0; } .carousel__item > a[data-v-2b36c690] { cursor: pointer; } /* CSS will need moving to design system when imported to azure */ .wrapper[data-v-2b36c690] { margin: 0 0 20px 0; /* border: 1px solid #888;*/ display: grid; grid-gap: 1rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; width: 100%; } .box[data-v-2b36c690] { font-size: 150%; display: flex; flex-direction: column; } .flex-col-container[data-v-2b36c690] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-2b36c690] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-2b36c690] { justify-content: space-around; } .widget[data-v-2b36c690] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-2b36c690] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-2b36c690] { grid-column: span 2; } .grid-col-span-3[data-v-2b36c690] { grid-column: span 3; } .grid-col-span-4[data-v-2b36c690] { grid-column: span 4; } .grid-col-span-5[data-v-2b36c690] { grid-column: span 5; } /* Row span utility classes */ .grid-row-span-1[data-v-2b36c690] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-2b36c690] { grid-row: span 2; } .grid-row-span-3[data-v-2b36c690] { grid-row: span 3; } .grid-row-span-4[data-v-2b36c690] { grid-row: span 4; } .grid-row-span-5[data-v-2b36c690] { grid-row: span 5; } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-2b36c690] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-2b36c690], .grid-col-span-2[data-v-2b36c690], .grid-col-span-3[data-v-2b36c690], .grid-col-span-4[data-v-2b36c690], .grid-col-span-5[data-v-2b36c690] { grid-column: span 1; /* Span full width */ } }.carousel__item > a[data-v-30a6eec2] { cursor: pointer; } iam-card.hover[data-v-30a6eec2]::part(card) { --hover-outline-colour-default: var(--colour, var(--colour-primary)); outline: 2px solid var(--hover-outline-colour, var(--hover-outline-colour-default)); outline-offset: -2px; } iam-card[data-v-30a6eec2]::part(body) { padding-right: 1rem; } iam-card[data-v-30a6eec2] :is(.badge, .tag) { background: white !important; } iam-card[data-v-30a6eec2]::part(body):before, iam-card[data-v-30a6eec2]::part(body):after { display: none; } iam-card .label[data-v-30a6eec2] { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3rem; text-overflow: ellipsis; word-break: break-word; margin-right: -2rem; max-width: 100%; } .detail-note[data-v-30a6eec2] { color: #787878; font-family: var(--font-body); display: grid; grid-template-columns: auto 1fr; gap: 0 0.5rem; padding-block-end: 0; position: absolute; bottom: 0.5rem; } .detail-note dd[data-v-30a6eec2] { margin-bottom: 0; }.text-right[data-v-fa77bd2c] { text-align: right; } .carousel__item > a[data-v-fa77bd2c] { cursor: pointer; } .was-validated .dialog__wrapper:has(input:invalid) > button[data-v-fa77bd2c] { border-color: var(--colour-danger); } .was-validated .dialog__wrapper:has(input:invalid) dialog[data-v-fa77bd2c] { display: block; } .was-validated .dialog__wrapper:has(input:invalid) .invalid-feedback[data-v-fa77bd2c] { display: block; } .was-validated .pricesSelects:has(.is-invalid) .invalid-feedback[data-v-fa77bd2c] { display: block; }*:where(.iw-vue-app) details:not([open]) { padding-bottom: 0 !important; } iam-inline-edit { height: 3rem; }*:where(.iw-vue-app > div) details:not([open]) { padding-bottom: 0 !important; }.text-up[data-v-df02ad7c] { --text-opacity: 1; color: var(--colour-complete) !important; } .text-down[data-v-df02ad7c] { --text-opacity: 1; color: var(--colour-danger) !important; }#view-all-pages[data-v-a4aae783] { color: var(--colour-heading) !important; /* Overriding infoworks CSS */ } iam-barchart[data-v-a4aae783]::part(group) { height: 2.25rem; } iam-barchart[data-v-a4aae783]::part(xaxis-label) { max-height: 2rem; height: 2rem; line-height: 1rem; white-space: normal; width: 10rem; text-align: left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box !important; margin-top: -0.25rem; } iam-barchart[data-v-a4aae783]::part(popover) { width: 10rem; } iam-barchart[data-v-a4aae783]::part(popover)::before { min-width: 10rem; white-space: normal; max-width: 10rem; content: attr(data-group) "\a\a"; display: block; margin-bottom: 1rem; } iam-barchart[data-v-a4aae783]::part(wrapper):before { width: 10rem; } @container (min-width: 23.4375em) { iam-barchart[data-v-a4aae783]::part(wrapper):before { width: 12rem; } iam-barchart[data-v-a4aae783]::part(xaxis-label) { width: 12rem; } }#view-all-presentations[data-v-030e0ced] { color: var(--colour-heading) !important; /* Overriding infoworks CSS */ } table thead tr th[data-v-030e0ced] { padding-left: 0 !important; }.wrapper[data-v-b5dfccae] { margin: 0 0 20px 0; display: grid; grid-gap: 1rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; /* width: 100%;*/ } .box[data-v-b5dfccae] { /* background-color: #444;*/ display: flex; flex-direction: column; } .flex-col-container[data-v-b5dfccae] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-b5dfccae] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-b5dfccae] { justify-content: space-around; } .widget[data-v-b5dfccae] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-b5dfccae] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-b5dfccae] { grid-column: span 2; } .grid-col-span-3[data-v-b5dfccae] { grid-column: span 3; } .grid-col-span-4[data-v-b5dfccae] { grid-column: span 4; } .grid-col-span-5[data-v-b5dfccae] { grid-column: span 5; } /* Row span utility classes */ .grid-row-span-1[data-v-b5dfccae] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-b5dfccae] { grid-row: span 2; } .grid-row-span-3[data-v-b5dfccae] { grid-row: span 3; } .grid-row-span-4[data-v-b5dfccae] { grid-row: span 4; } .grid-row-span-5[data-v-b5dfccae] { grid-row: span 5; } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-b5dfccae] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-b5dfccae], .grid-col-span-2[data-v-b5dfccae], .grid-col-span-3[data-v-b5dfccae], .grid-col-span-4[data-v-b5dfccae], .grid-col-span-5[data-v-b5dfccae] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-b5dfccae] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-b5dfccae], .grid-col-span-2[data-v-b5dfccae], .grid-col-span-3[data-v-b5dfccae], .grid-col-span-4[data-v-b5dfccae], .grid-col-span-5[data-v-b5dfccae] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-b5dfccae] { flex-direction: column; } .widget[data-v-b5dfccae] { width: 100%; } } table thead tr th[data-v-b5dfccae] { padding-left: 0 !important; }table th[data-v-248a72f9] { padding-left: 0 !important; }table thead tr th[data-v-52f8a7b4] { padding-left: 0 !important; } iam-multiselect#template-default-users .tag { #branch { display: none; } } iam-multiselect#template-default-users .tag[slot='checked'] { #branch { display: inline-block; } #branch-badge { display: none; } } .admin-panel.email .h3, .admin-panel.sms .h3 { max-width: unset; padding: 1rem 0 1rem 2rem !important; } .admin-panel.subject, .admin-panel.email { --padding-x: 0; --padding-top: 0; --padding-bottom: 0; margin-bottom: 0; } .admin-panel.email .tox.tox-tinymce { border: 0; margin-bottom: 0; }.colour-circle[data-v-66d04538] { height: 1rem; width: 1rem; margin-bottom: 1rem; border-radius: 50%; display: block; } .colour-circle i[data-v-66d04538] { font-size: 0.7em; }.chart--horizontal .chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td[data-v-766e13ba]:first-child { transform: translate(0, 0) !important; } .current-branch td[data-v-766e13ba], .current-branch span[data-v-766e13ba] { font-weight: 900; color: var(--colour-info); }iam-filter-card[data-v-e1fa5bf2]:not(:has(i)) { border-left: 0.75rem solid var(--colour, var(--colour-info)); } iam-filter-card[data-v-e1fa5bf2] { min-height: stretch; } iam-filter-card[data-v-e1fa5bf2]::part(body):hover, iam-filter-card[data-v-e1fa5bf2]::part(footer):hover, iam-filter-card[data-v-e1fa5bf2]::part(head):hover { background: var(--colour-white) !important; } .current-branch td[data-v-e1fa5bf2], .current-branch span[data-v-e1fa5bf2] { font-weight: 900; color: var(--colour-info); } .container[data-v-e1fa5bf2] { --container-max-width: 130rem; } .admin-panel[data-v-e1fa5bf2] { height: -webkit-fill-available; } .wrapper[data-v-e1fa5bf2] { margin: 0 0 20px 0; display: grid; grid-gap: 1rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; /* width: 100%;*/ } .wrapper iam-notification .notification[data-v-e1fa5bf2] { max-width: 100%; } .wrapper iam-notification .notification .notification__btns[data-v-e1fa5bf2] { display: none; } .box[data-v-e1fa5bf2] { display: flex; flex-direction: column; } .flex-col-container[data-v-e1fa5bf2] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-e1fa5bf2] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-e1fa5bf2] { justify-content: space-around; } .widget[data-v-e1fa5bf2] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-e1fa5bf2] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-e1fa5bf2] { grid-column: span 2; } .grid-col-span-3[data-v-e1fa5bf2] { grid-column: span 3; } .grid-col-span-4[data-v-e1fa5bf2] { grid-column: span 4; } .grid-col-span-5[data-v-e1fa5bf2] { grid-column: span 5; } .grid-col-span-6[data-v-e1fa5bf2] { grid-column: span 6; } .grid-col-span-7[data-v-e1fa5bf2] { grid-column: span 7; } .grid-col-span-8[data-v-e1fa5bf2] { grid-column: span 8; } /* Row span utility classes */ .grid-row-span-1[data-v-e1fa5bf2] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-e1fa5bf2] { grid-row: span 2; } .grid-row-span-3[data-v-e1fa5bf2] { grid-row: span 3; } .grid-row-span-4[data-v-e1fa5bf2] { grid-row: span 4; } .grid-row-span-5[data-v-e1fa5bf2] { grid-row: span 5; } .wrapper-6[data-v-e1fa5bf2] { grid-template-columns: repeat(3, 1fr) repeat(3, 1fr); } .wrapper-10[data-v-e1fa5bf2] { grid-template-columns: repeat(5, 1fr) repeat(5, 1fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-e1fa5bf2] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-e1fa5bf2], .grid-col-span-2[data-v-e1fa5bf2], .grid-col-span-3[data-v-e1fa5bf2], .grid-col-span-4[data-v-e1fa5bf2], .grid-col-span-5[data-v-e1fa5bf2], .grid-col-span-6[data-v-e1fa5bf2], .grid-col-span-7[data-v-e1fa5bf2], .grid-col-span-8[data-v-e1fa5bf2] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-e1fa5bf2] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-e1fa5bf2], .grid-col-span-2[data-v-e1fa5bf2], .grid-col-span-3[data-v-e1fa5bf2], .grid-col-span-4[data-v-e1fa5bf2], .grid-col-span-5[data-v-e1fa5bf2], .grid-col-span-6[data-v-e1fa5bf2], .grid-col-span-7[data-v-e1fa5bf2], .grid-col-span-8[data-v-e1fa5bf2] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-e1fa5bf2] { flex-direction: column; } .widget[data-v-e1fa5bf2] { width: 100%; } } .tooltip[data-v-e1fa5bf2] { opacity: 1; z-index: 0; } .tooltip[data-v-e1fa5bf2]:hover { z-index: 2; } .tooltip[data-v-e1fa5bf2]:after { content: "\f05a"; font-weight: 900; color: var(--colour-info); } .tooltip .tooltip__content[data-v-e1fa5bf2] { white-space: normal; height: 0; pointer-events: none; } .tooltip:hover .tooltip__content[data-v-e1fa5bf2] { height: auto; pointer-events: all; } .form-check[data-v-e1fa5bf2] { padding: 0; margin-bottom: 0rem !important; } /* Widget fix */ @media (min-width: 1024px) { .widget[data-v-e1fa5bf2]:has(.mh-md) { display: flex; } .widget:has(.mh-md) .admin-panel[data-v-e1fa5bf2] { display: flex; flex-direction: column; width: 100%; position: relative; } .widget:has(.mh-md) .mh-md[data-v-e1fa5bf2] { /*position: absolute !important;*/ inset: 4rem 1.5rem 0 1.5rem; height: calc(100% - 4rem); max-height: calc(100% - 4rem); width: 100%; } }/* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ [data-v-5907170c] { box-sizing: border-box; } #galleryModal .carousel__item.image__wrapper img[data-v-5907170c] { object-fit: contain !important; } .gallery-image-container[data-v-5907170c] { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: calc(100% - 32px); padding-bottom: 1rem; } .gallery-image-container img[data-v-5907170c] { max-height: 100%; } .no-images-placeholder[data-v-5907170c] { font-size: 1.25rem; } .presentation-styles > div[data-v-5907170c]:has(main) { display: block !important; } main[data-v-5907170c] { padding: 0 !important; } .loading-wrapper[data-v-5907170c] { height: 10rem; } .thumbnails[data-v-5907170c]::part(controls) { max-height: 200px; overflow-y: auto; } .market-report-banner[data-v-5907170c] { position: relative; } .market-report-banner img[data-v-5907170c]:first-child { position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; opacity: 0.1; } @media screen and (min-width: 62em) { .market-report-banner[data-v-5907170c] { padding-bottom: 2rem; } } #filters[data-v-5907170c] { width: 100%; max-width: 40rem; } iam-record-card .link[data-v-5907170c] { font-size: 0.875rem !important; } .markert-report-results[data-v-5907170c] { row-gap: 1rem; } .markert-report-filters[data-v-5907170c] { padding-top: 1rem !important; padding-bottom: 0 !important; margin-bottom: 3rem; display: flex; flex-wrap: wrap; align-items: center; } .markert-report-filters .badge[data-v-5907170c]:has(+ button) { margin-inline-end: auto; } .markert-report-filters .badge[data-v-5907170c] { background-color: var(--colour-white); padding-block: 0.25rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } @media screen and (min-width: 62em) { .markert-report-filters[data-v-5907170c] { padding-inline: 1rem; margin-top: -2rem; border-radius: 0.25rem; grid-column: content; max-width: 100% !important; box-sizing: border-box; z-index: 2; position: relative; } } @media screen and (min-width: 62em) { .container[data-v-5907170c]:has(> .markert-report-results) { padding-inline: 0; padding-bottom: 2rem; } } iam-record-card[data-v-5907170c] { min-height: 100%; margin-bottom: 0; } .gallery-cta-wrapper[data-v-5907170c] { min-height: 2.5rem; } .market-report-footer-banner[data-v-5907170c] { position: sticky; bottom: 0; color: #fff; background: var(--colour-secondary); background: linear-gradient(90deg, var(--colour-secondary) 0%, var(--colour-primary) 100%); width: 100%; min-height: 3rem; } .market-report-footer-banner dialog[data-v-5907170c] { color: var(--colour-body); } .market-report-footer-banner .row[data-v-5907170c] { display: flex; align-items: center; } .market-report-footer-banner .row .content-box[data-v-5907170c] > *:last-of-type { padding-bottom: 0 !important; } .was-validated .pricesSelects:has(.is-invalid) .invalid-feedback[data-v-5907170c] { display: block; }.fa-search[data-v-c8cde4bc] { cursor: pointer; pointer-events: all; } label[data-v-c8cde4bc]:not(.tag):has(input[type=checkbox]:checked):after { background-color: #fff !important; }.companyLogo { margin-bottom: 1rem; position: relative; z-index: 2; } .companyLogo img { height: 3.25rem; margin-inline: 0; object-fit: contain; } .intro-page-company-logo { margin-bottom: 1rem; position: relative; z-index: 2; width: 100%; } .intro-page-company-logo img { max-height: 160px; max-width: 460px; height: 100%; width: 100%; margin-inline: 0; object-fit: contain; }.live-main[data-v-ababa316] { overscroll-behavior-x: none; } .main-content-container[data-v-ababa316] { position: relative; display: flex !important; } .main-content-container .sections[data-v-ababa316] { flex: 1; } .main-content-container .nav-button[data-v-ababa316] { position: absolute; top: 50%; transform: translateY(-50%); border: none; border-radius: 50%; background-color: var(--colour-canvas); color: var(--colour-body); font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 100; } @media screen and (max-width: 62em) { .main-content-container .nav-button[data-v-ababa316] { position: fixed; } } .main-content-container .nav-button.prev[data-v-ababa316] { left: 1rem; } .main-content-container .nav-button.next[data-v-ababa316] { right: 1rem; } .main-content-container .nav-button[data-v-ababa316]:hover { background-color: var(--colour-canvas); } .animate-background[data-v-ababa316] { transform-origin: center center; animation: gentle-zoom-ababa316 15s ease-out both; max-width: 100%; } @keyframes gentle-zoom-ababa316 { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .disclaimer[data-v-ababa316] { position: relative; z-index: 10; width: calc(100% + 4rem); margin: -1rem -2rem; padding: 1rem 2rem; } @media screen and (min-width: 62em) { .disclaimer[data-v-ababa316] { position: sticky; /* bottom: 0; */ left: 3.5rem; top: 100%; padding: 1rem 2rem; margin: 0 0rem -1rem 0rem; width: calc(100% - 7rem); box-sizing: border-box; } } .disclaimer small[data-v-ababa316] { max-width: 100%; font-size: 0.75rem; line-height: 1.2; } main.text-center .disclaimer[data-v-ababa316] { display: none; } a { &[data-v-99669d51] { all: unset !important; border: none !important; display: inline !important; cursor: pointer !important; } &[data-v-99669d51]:before, &[data-v-99669d51]:after { display: none !important; } } .wrapper[data-v-c64693ce] { margin: 0 0 20px 0; display: grid; grid-gap: 1rem; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(3fr, auto); align-content: start; /* width: 100%;*/ } .box[data-v-c64693ce] { /* background-color: #444;*/ grid: 1rem; display: flex; flex-direction: column; } .flex-col-container[data-v-c64693ce] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-c64693ce] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-c64693ce] { justify-content: space-around; } .widget[data-v-c64693ce] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-c64693ce] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-c64693ce] { grid-column: span 2; } .grid-col-span-3[data-v-c64693ce] { grid-column: span 3; } .grid-col-span-4[data-v-c64693ce] { grid-column: span 4; } .grid-col-span-5[data-v-c64693ce] { grid-column: span 5; } .grid-col-span-6[data-v-c64693ce] { grid-column: span 6; } /* Row span utility classes */ .grid-row-span-1[data-v-c64693ce] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-c64693ce] { grid-row: span 2; } .grid-row-span-3[data-v-c64693ce] { grid-row: span 3; } .grid-row-span-4[data-v-c64693ce] { grid-row: span 4; } .grid-row-span-5[data-v-c64693ce] { grid-row: span 5; } .grid-row-span-6[data-v-c64693ce] { grid-row: span 6; } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-c64693ce] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-c64693ce], .grid-col-span-2[data-v-c64693ce], .grid-col-span-3[data-v-c64693ce], .grid-col-span-4[data-v-c64693ce], .grid-col-span-5[data-v-c64693ce], .grid-col-span-6[data-v-c64693ce] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-c64693ce] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-c64693ce], .grid-col-span-2[data-v-c64693ce], .grid-col-span-3[data-v-c64693ce], .grid-col-span-4[data-v-c64693ce], .grid-col-span-5[data-v-c64693ce], .grid-col-span-6[data-v-c64693ce] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-c64693ce] { flex-direction: column; } .widget[data-v-c64693ce] { width: 100%; } } #pageForm[data-v-ce3f974f] { min-height: 100vh; /* min height set to stop page from jumping when switching between ajax pages */ } .inline-top-menu[data-v-ce3f974f] { z-index: 2; background: var(--colour-canvas-2); } :root { --img-height: 12rem; --card-right-padding: 1rem; --colour-check-bg: #fff; --wider-colour: #b2e2f6; } iam-table#unsavedTemplatesTable thead tr th[data-v-71997e0f], iam-table#unsavedTemplatesTable tbody tr td[data-v-71997e0f] { padding-left: 0 !important; } .template-search[data-v-71997e0f] { background-color: #fcfcfc; margin: -1rem calc(var(--padding-x) * -1) 1rem calc(var(--padding-x) * -1); width: calc(100% + var(--padding-x) + var(--padding-x)); max-width: none; } .template-search #search[data-v-71997e0f] { text-align: right; border: none; background-color: transparent; max-width: 100%; } .template-search button[data-v-71997e0f] { border: none; background-color: transparent; color: var(--colour-primary-theme); } [data-v-71997e0f]:root { --img-height: 50%; } h4[data-v-71997e0f] { padding-bottom: 1rem; } .badge[data-v-71997e0f] { text-transform: capitalize; } .empty-type[data-v-71997e0f] { height: 200px; line-height: 200px; text-align: center; } .empty-type > span[data-v-71997e0f] { display: inline-block; vertical-align: middle; line-height: normal; } .switch-container[data-v-71997e0f] { min-height: 20px; padding-bottom: 1rem; } .switch-container .switch-text[data-v-71997e0f] { color: var(--font-heading) !important; font-weight: bold !important; } .switch-container .switch-text[data-v-71997e0f], .switch-container .switch[data-v-71997e0f] { line-height: 20px; vertical-align: middle; } .template-defaults[data-v-71997e0f] { position: absolute; bottom: 0; } .detail-note[data-v-71997e0f] { color: #787878; font-family: var(--font-body); display: grid; grid-template-columns: auto 1fr; gap: 0 0.5rem; padding-block-end: 0; position: absolute; bottom: 2.5rem; } .detail-note dd[data-v-71997e0f] { margin-bottom: 0; } .card-btns .btn[data-v-71997e0f] { margin-block-end: 0; } .loading-container[data-v-71997e0f] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 9999; display: flex; justify-content: center; align-items: center; z-index: 999; } #overlay[data-v-71997e0f] { width: 100px; height: 100px; border-radius: 50%; border: 10px solid #ddd; border-top-color: orange; animation: loading-71997e0f 1s linear infinite; } @keyframes loading-71997e0f { to { transform: rotate(360deg); } } /* The switch - the box around the slider */ .switch[data-v-71997e0f] { position: relative !important; display: inline-block !important; width: 44px !important; height: 26px !important; margin-right: 0.6rem !important; } /* Hide default HTML checkbox */ .switch input[data-v-71997e0f] { opacity: 0 !important; width: 0 !important; height: 0 !important; } .switch[data-v-71997e0f]::before { border: none !important; } /* The slider */ .slider[data-v-71997e0f] { position: absolute !important; cursor: pointer !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #ccc !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; margin-top: 0 !important; } .slider[data-v-71997e0f]:before { position: absolute !important; content: "" !important; height: 18px !important; width: 18px !important; left: 2px !important; bottom: 2px !important; background-color: var(--colour-heading) !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; } input:checked + .slider[data-v-71997e0f] { background-color: var(--colour-heading) !important; } input:focus + .slider[data-v-71997e0f] { box-shadow: 0 0 1px var(--colour-heading) !important; } input:checked + .slider[data-v-71997e0f]:before { background-color: white !important; -webkit-transform: translateX(19px) !important; -ms-transform: translateX(19px) !important; transform: translateX(19px) !important; } /* Rounded sliders */ .slider.round[data-v-71997e0f] { border-radius: 34px !important; background-color: white !important; border: 2px solid var(--colour-heading) !important; } .slider.round[data-v-71997e0f]:before { border-radius: 50% !important; } label[data-v-71997e0f]:not(.tag):has(input:is([type=radio], [type=checkbox]):is(:focus, :hover, .focus)):before, label[data-v-71997e0f]:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before, label[data-v-71997e0f]:not(.tag):has(input[type=checkbox]:checked):after { display: none; } iam-carousel[data-v-71997e0f] { --container-padding-x: 2rem !important; } iam-carousel[data-v-71997e0f]:not(:defined), iam-card[data-v-71997e0f]:not(:defined) { opacity: 0; } iam-card .label[data-v-71997e0f] { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5rem; text-overflow: ellipsis; word-break: break-word; margin-right: -2rem; max-width: 100%; } dialog[open] .mh-lg > .btn.mb-3[data-v-71997e0f]:last-child { margin-bottom: 1.5rem !important; } /* override Bootstrap CSS coming from info works*/ .template-archived strong[data-v-71997e0f]:after { content: "Template archived"; } .template-restored strong[data-v-71997e0f]:after { content: "Template restored"; } dialog.duplicate-modal[data-v-71997e0f] { width: 25rem !important; max-width: 25rem !important; min-width: 25rem !important; } dialog .mh-lg > .fa.fa-clone[data-v-71997e0f] { font-size: 3rem; margin-bottom: 1rem; color: var(--colour-heading); } iam-carousel .card[data-v-71997e0f] { min-height: 100%; }.sync-container[data-v-9d5f540c] { width: max-content; }.filter-button[data-v-c4f85dd4] { z-index: 9; } .btn-action .fa-chevron-right[data-v-c4f85dd4] { margin-left: 0.5rem; margin-right: 0rem; } iam-actionbar button[data-v-c4f85dd4] { margin: 0 0.5rem 0 0; } iam-actionbar[data-v-c4f85dd4]::part(search-btn) { display: none !important; } table thead tr th[data-v-c4f85dd4] { padding-left: 0rem !important; } .h3[data-v-c4f85dd4] { --content-max-width: 100%; max-width: var(--content-max-width) !important; } :where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar[data-v-c4f85dd4] { background: var(--colour-canvas) !important; margin-inline: calc(var(--padding-x) * -1); margin-bottom: var(--padding-top); }.filter-button[data-v-896ba9d3] { z-index: 9; } iam-actionbar button[data-v-896ba9d3] { margin: 0 0.5rem 0 0; } iam-actionbar[data-v-896ba9d3]::part(search-btn) { display: none !important; } table thead tr th[data-v-896ba9d3] { padding-left: 0rem !important; } .font-weight-bold[data-v-896ba9d3] { font-weight: 900 !important; } :where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar[data-v-896ba9d3] { background: var(--colour-canvas) !important; margin-inline: calc(var(--padding-x) * -1); margin-bottom: var(--padding-top); }table thead tr th[data-v-711611a4] { padding-left: 0rem !important; } .tooltip__content[data-v-ecefb519] { position: fixed; pointer-events: none; z-index: 9999; white-space: nowrap; display: block; z-index: var(--index-floating); background: var(--colour-primary); color: var(--colour-white); padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.11); } /* Base arrow */ .tooltip__content[data-v-ecefb519]::after { content: ""; position: absolute; border-width: 0.5rem; border-style: solid; } /* TOP placement (arrow points down) */ .tooltip--top[data-v-ecefb519]::after { top: 100%; left: 50%; margin-left: -0.5rem; border-color: var(--colour-primary) transparent transparent transparent; } /* BOTTOM placement (arrow points up) */ .tooltip--bottom[data-v-ecefb519]::after { bottom: 100%; left: 50%; margin-left: -0.5rem; border-color: transparent transparent var(--colour-primary) transparent; } /* LEFT placement (arrow points right) */ .tooltip--left[data-v-ecefb519]::after { top: 50%; left: 100%; margin-top: -0.5rem; border-color: transparent transparent transparent var(--colour-primary); } /* RIGHT placement (arrow points left) */ .tooltip--right[data-v-ecefb519]::after { top: 50%; right: 100%; margin-top: -0.5rem; border-color: transparent var(--colour-primary) transparent transparent; } .filter-button[data-v-e19946b3] { z-index: 9; } iam-actionbar button[data-v-e19946b3] { margin: 0 0.5rem 0 0; } iam-actionbar[data-v-e19946b3]::part(search-btn) { display: none !important; } table thead tr th[data-v-e19946b3] { padding-left: 0rem !important; } .tooltip[data-v-e19946b3]:after { display: none; } .tooltip .tooltip__content[data-v-e19946b3] { line-height: 1.5; font-family: "Qanelas"; font-weight: normal; } :where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar[data-v-e19946b3] { background: var(--colour-canvas) !important; margin-inline: calc(var(--padding-x) * -1); margin-bottom: var(--padding-top); }.leaflet-container[data-v-ba15e054] { z-index: 100; }.admin-panel .feature[data-v-3dd5f3b6]:has(+ .feature) { border-bottom: 1px solid var(--colour-border); padding-bottom: 1rem; margin-bottom: 1rem; min-height: 3rem; }.filter-button[data-v-c3d78f15] { z-index: 9; } iam-actionbar button[data-v-c3d78f15] { margin: 0 0.5rem 0 0; } h3[data-v-c3d78f15] { --content-max-width: 100%; max-width: var(--content-max-width); } table thead tr th[data-v-c3d78f15] { padding-left: 0rem !important; } :where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar[data-v-c3d78f15] { background: var(--colour-canvas) !important; margin-inline: calc(var(--padding-x) * -1); margin-bottom: var(--padding-top); } hr[data-v-c3d78f15] { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; margin-bottom: 1.5rem; }.provider-logo[data-v-c7eb198b] { width: 20px; vertical-align: bottom; } .signal-strength .fa-solid[data-v-c7eb198b] { color: var(--wider-colour-16); } .signal-strength[data-v-c7eb198b] { margin-right: 2px; }.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0,0,0,0)}.maplibregl-canvas{left:0;position:absolute;top:0}.maplibregl-map:fullscreen{height:100%;width:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.maplibregl-ctrl-top-left{left:0;top:0}.maplibregl-ctrl-top-right{right:0;top:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{bottom:0;right:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.maplibregl-ctrl-group{background:#fff;border-radius:4px}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media (hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}[dir=rtl] .maplibregl-popup-anchor-left{flex-direction:row-reverse}[dir=rtl] .maplibregl-popup-anchor-right{flex-direction:row}[dir=rtl] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-start}[dir=rtl] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-start}.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto;position:relative}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@media (prefers-reduced-motion:reduce){.maplibregl-user-location-dot:before{animation:none}}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:rgba(0,0,0,.4);color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}.property-boundary-map[data-v-eebc14c0] { position: relative; overflow: hidden; border-radius: 8px; min-height: 260px; background: #eef3f7; border-radius: 0.5rem; } .property-boundary-polygon { fill: var(--colour-primary); fill-opacity: 0.35; stroke: var(--colour-primary); stroke-width: 3px; } .property-marker { width: 35px; height: 45px; display: block; } .property-marker img { width: 35px; height: 45px; display: block; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35)); } .property-marker-leaflet { background: transparent; border: 0; } .property-marker-leaflet img { width: 35px; height: 45px; display: block; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35)); }img[data-v-20459620] { width: 100%; height: auto; min-height: 320px; object-fit: cover; border-radius: 0.5rem; } iam-tabs[data-v-20459620]::part(tabs) { padding: 0rem; } iam-tabs[data-v-20459620]::part(tab-link) { text-align: center; } iam-tabs[data-v-20459620]::part(wrapper) { margin: 0; } iam-tabs > details[data-v-20459620]:not([open]) { padding: 0 !important; }.propertyprofile-page > .wrapper > .content-wrapper > .iw-vue-app > .container-fluid { --container-max-width: 100%; max-width: var(--container-max-width) !important; padding: 0 !important; } .propertyprofile-page > .wrapper > .content-wrapper > .iw-vue-app > .container { padding: 0 3rem !important; }#instructionType[data-v-c17e0238], #sendMailer[data-v-c17e0238] { max-width: fit-content; } .header-container[data-v-c17e0238] { --gradient-direction: 140deg; background-color: var(--colour-info); background-image: linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 150%) !important; } .header-container a[data-v-c17e0238], .header-container a[data-v-c17e0238]:hover { color: var(--colour-white); } .header-background[data-v-c17e0238] { background-image: url("/vue/assets/blue-radar-circles.png"); background-repeat: no-repeat; background-size: cover; background-position-x: 34rem; background-position-y: -39rem; } .header-background .wrapper[data-v-c17e0238] { max-width: var(--container-max-width); margin: auto; padding: 2rem 3rem; color: var(--colour-white); } .header-background .h3[data-v-c17e0238] { font-size: 2rem; color: var(--colour-white); } .header-background .header-title[data-v-c17e0238] { font-size: 1.2rem; } .tabs__dropdown[data-v-c17e0238] { display: none !important; } .bg-no-change[data-v-c17e0238] { background-color: var(--wider-colour-17) !important; } .toolbar-background[data-v-c17e0238] { border-radius: 0.5rem; } .tooltip[data-v-c17e0238]:after { display: none; } .tooltip .tooltip__content[data-v-c17e0238] { line-height: 1.5; font-family: "Qanelas"; font-weight: normal; } .h3[data-v-c17e0238] { --content-max-width: 100%; max-width: var(--content-max-width); } label.toggle[data-v-c17e0238]:has(input[type=checkbox]:not([disabled]):checked):before { background: #b5f0ff !important; border-color: #b5f0ff !important; } :where(.iw-vue-app > div) .dialog__wrapper > .btn[data-v-c17e0238]:first-child:not(.btn-compact):not([class*=fa-]):after { margin-left: 0.3em; } :where(.iw-vue-app > div) label.toggle[data-v-c17e0238]:has(:is(input[type=checkbox], input[type=radio]):not([disabled]):not([disabled]):checked):after { background: var(--colour-info) !important; background-color: var(--colour-info) !important; } :where(.iw-vue-app > div) .dialog__wrapper:has(dialog[open], dialog:popover-open) > button.btn-primary[data-v-c17e0238] { background: var(--colour-btn-bg) !important; } .profile-image[data-v-c17e0238] { border-radius: 1rem; overflow: hidden; } .container[data-v-c17e0238] { --container-max-width: 100rem; } .stat-divider[data-v-c17e0238] { width: 1px; height: 20px; background-color: var(--colour-body); margin-right: 1rem; } .colour-circle[data-v-c17e0238] { height: 1rem; width: 1rem; margin-bottom: 1rem; border-radius: 50%; display: block; } .colour-circle i[data-v-c17e0238] { font-size: 0.7em; vertical-align: super; } .admin-panel[data-v-c17e0238] { height: -webkit-fill-available; } .wrapper[data-v-c17e0238] { margin: 0 0 30px 0; display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; grid-auto-flow: column; } .wrapper iam-notification .notification[data-v-c17e0238] { max-width: 100%; } .wrapper iam-notification .notification .notification__btns[data-v-c17e0238] { display: none; } .box[data-v-c17e0238] { display: flex; flex-direction: column; } .flex-col-container[data-v-c17e0238] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-c17e0238] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-c17e0238] { justify-content: space-around; } .widget[data-v-c17e0238] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-c17e0238] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-c17e0238] { grid-column: span 2; } .grid-col-span-3[data-v-c17e0238] { grid-column: span 3; } .grid-col-span-4[data-v-c17e0238] { grid-column: span 4; } .grid-col-span-5[data-v-c17e0238] { grid-column: span 5; } .grid-col-span-6[data-v-c17e0238] { grid-column: span 6; } .grid-col-span-7[data-v-c17e0238] { grid-column: span 7; } .grid-col-span-8[data-v-c17e0238] { grid-column: span 8; } /* Row span utility classes */ .grid-row-span-1[data-v-c17e0238] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-c17e0238] { grid-row: span 2; } .grid-row-span-3[data-v-c17e0238] { grid-row: span 3; } .grid-row-span-4[data-v-c17e0238] { grid-row: span 4; } .grid-row-span-5[data-v-c17e0238] { grid-row: span 5; } .wrapper-6[data-v-c17e0238] { grid-template-columns: repeat(3, 1fr) repeat(3, 1fr); } .wrapper-10[data-v-c17e0238] { grid-template-columns: repeat(5, 1fr) repeat(5, 1fr); } .wrapper-11[data-v-c17e0238] { grid-template-columns: repeat(6, 1fr) repeat(5, 1fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-c17e0238] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-c17e0238], .grid-col-span-2[data-v-c17e0238], .grid-col-span-3[data-v-c17e0238], .grid-col-span-4[data-v-c17e0238], .grid-col-span-5[data-v-c17e0238], .grid-col-span-6[data-v-c17e0238], .grid-col-span-7[data-v-c17e0238], .grid-col-span-8[data-v-c17e0238] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-c17e0238] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-c17e0238], .grid-col-span-2[data-v-c17e0238], .grid-col-span-3[data-v-c17e0238], .grid-col-span-4[data-v-c17e0238], .grid-col-span-5[data-v-c17e0238], .grid-col-span-6[data-v-c17e0238], .grid-col-span-7[data-v-c17e0238], .grid-col-span-8[data-v-c17e0238] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-c17e0238] { flex-direction: column; } .widget[data-v-c17e0238] { width: 100%; } } .tooltip[data-v-c17e0238] { opacity: 1; z-index: 0; } .tooltip[data-v-c17e0238]:hover { z-index: 2; } .tooltip[data-v-c17e0238]:after { content: "\f05a"; font-weight: 900; color: var(--colour-info); } .tooltip .tooltip__content[data-v-c17e0238] { white-space: normal; height: 0; pointer-events: none; } .tooltip:hover .tooltip__content[data-v-c17e0238] { height: auto; pointer-events: all; } .form-check[data-v-c17e0238] { padding: 0; margin-bottom: 0rem !important; } /* Widget fix */ @media (min-width: 1024px) { .widget[data-v-c17e0238]:has(.mh-md) { display: flex; } .widget:has(.mh-md) .admin-panel[data-v-c17e0238] { display: flex; flex-direction: column; width: 100%; position: relative; } .widget:has(.mh-md) .mh-md[data-v-c17e0238] { /*position: absolute !important;*/ inset: 4rem 1.5rem 0 1.5rem; height: calc(100% - 4rem); max-height: calc(100% - 4rem); width: 100%; } }iam-notification .notification[data-v-c83ad331] { max-width: 90rem; }input[data-v-5300bc8e]::placeholder { color: var(--colour-body); } .search-button[data-v-5300bc8e] { margin: 0rem; background-color: #1f8693 !important; border-radius: 0rem !important; pointer-events: all; text-align: center; } /* .suffix { border-left: none; border-end-start-radius: 0; border-start-start-radius: 0; border-start-end-radius: .3rem !important; border-end-end-radius: .3rem !important; order: 2; } */ .card-background[data-v-5300bc8e] { background: linear-gradient(93deg, #1ebee6 0, transparent 100%); background-color: var(--colour-primary) !important; border-radius: 1rem; } .card-content[data-v-5300bc8e] { padding: 3rem 1.5rem !important; background-image: url("/vue/assets/blue-radar-circles.png"); background-repeat: no-repeat; background-size: cover; background-position-x: -62rem; background-position-y: -40rem; background-color: unset; color: #fff; } .list-group-item[data-v-5300bc8e] { font-weight: normal; font-size: 1rem; max-width: 100%; } .search-wrapper[data-v-5300bc8e] { max-width: 60rem; margin: auto; } .search-results-dropdown[data-v-5300bc8e] { position: absolute; top: 100%; /* directly below input */ left: 0; right: 0; z-index: 50; background: white; color: black; border: 1px solid #ccc; border-top: none; text-align: left; max-height: 450px; overflow-y: auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .search-results-dropdown .list-group-item[data-v-5300bc8e] { cursor: pointer; }:where(.iw-vue-app) *:not(.dialog__wrapper) > dialog[open] .mh-lg[data-v-967180be] { padding-right: calc(var(--dialog-padding) - 10px) !important; margin-right: calc(var(--dialog-padding) * -1 + 10px) !important; overflow-x: hidden !important; padding-left: 2rem !important; margin-left: -2rem !important; } #smartLeadsFilterBtn[data-v-967180be] { z-index: 9; } .tooltip[data-v-967180be]:after { display: none; } .tooltip .tooltip__content[data-v-967180be] { line-height: 1.5; font-family: "Qanelas"; font-weight: normal; } :where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list[data-v-967180be] { width: 15rem !important; } iam-actionbar[data-v-967180be]::part(search-btn) { pointer-events: all; z-index: 5; } iam-filter-card[data-v-967180be]::part(body) { cursor: pointer; flex: 0 0 165px; flex-direction: column; display: flex; justify-content: space-between; --card-head-top-padding: 1rem; --card-head-bottom-padding: 1rem; padding: var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding); } iam-filter-card::part(body) p i[data-v-967180be] { font-size: 2rem; } iam-filter-card::part(body) p .h4[data-v-967180be] { font-size: 1.2rem; } iam-filter-card p i[data-v-967180be] { font-size: 2rem; margin-bottom: 1rem; } iam-filter-card p .h4[data-v-967180be] { font-size: 1.2rem; padding: 0; } .card[data-v-967180be] { box-shadow: var(--card-box-shadow); border-radius: var(--card-border-radius); } h3[data-v-967180be] { --content-max-width: 100%; } .wrapper[data-v-967180be] { margin: 0 0 30px 0; display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; grid-auto-flow: column; } .wrapper iam-notification .notification[data-v-967180be] { max-width: 100%; } .wrapper iam-notification .notification .notification__btns[data-v-967180be] { display: none; } .box[data-v-967180be] { display: flex; flex-direction: column; } .flex-col-container[data-v-967180be] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-967180be] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-967180be] { justify-content: space-around; } .widget[data-v-967180be] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-967180be] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-967180be] { grid-column: span 2; } .grid-col-span-3[data-v-967180be] { grid-column: span 3; } .grid-col-span-4[data-v-967180be] { grid-column: span 4; } .grid-col-span-5[data-v-967180be] { grid-column: span 5; } .grid-col-span-6[data-v-967180be] { grid-column: span 6; } .grid-col-span-7[data-v-967180be] { grid-column: span 7; } .grid-col-span-8[data-v-967180be] { grid-column: span 8; } /* Row span utility classes */ .grid-row-span-1[data-v-967180be] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-967180be] { grid-row: span 2; } .grid-row-span-3[data-v-967180be] { grid-row: span 3; } .grid-row-span-4[data-v-967180be] { grid-row: span 4; } .grid-row-span-5[data-v-967180be] { grid-row: span 5; } .wrapper-6[data-v-967180be] { grid-template-columns: repeat(3, 1fr) repeat(3, 1fr); } .wrapper-10[data-v-967180be] { grid-template-columns: repeat(5, 1fr) repeat(5, 1fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-967180be] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-967180be], .grid-col-span-2[data-v-967180be], .grid-col-span-3[data-v-967180be], .grid-col-span-4[data-v-967180be], .grid-col-span-5[data-v-967180be], .grid-col-span-6[data-v-967180be], .grid-col-span-7[data-v-967180be], .grid-col-span-8[data-v-967180be] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-967180be] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-967180be], .grid-col-span-2[data-v-967180be], .grid-col-span-3[data-v-967180be], .grid-col-span-4[data-v-967180be], .grid-col-span-5[data-v-967180be], .grid-col-span-6[data-v-967180be], .grid-col-span-7[data-v-967180be], .grid-col-span-8[data-v-967180be] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-967180be] { flex-direction: column; } .widget[data-v-967180be] { width: 100%; } }iam-card[data-v-89837bfe]::part(body) { padding: 0; } iam-card[data-v-89837bfe]::part(head), iam-card[data-v-89837bfe]::part(details), iam-card[data-v-89837bfe]::part(footer) { display: none; } .card__badges.empty[data-v-89837bfe] { display: none; } .tile-image[data-v-89837bfe] { width: 100%; background-repeat: no-repeat; background-size: cover; background-position-x: center; } .tile-body[data-v-89837bfe] { gap: 1.5rem; display: flex; justify-content: end; min-height: 11.5rem; } .tile-detail[data-v-89837bfe] { padding: 5rem 3rem 1rem 0; flex: 0 0 20rem; display: flex; flex-direction: column; justify-content: start; } .tile-detail h3[data-v-89837bfe] { font-size: 1.3rem; padding-bottom: 1rem; font-weight: bolder; } .tile-detail p[data-v-89837bfe] { padding: 0; } .card[data-v-89837bfe] { box-shadow: var(--card-box-shadow); border-radius: var(--card-border-radius); } h3[data-v-89837bfe] { --content-max-width: 100%; } .wrapper[data-v-89837bfe] { margin: 0 0 30px 0; display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; grid-auto-flow: column; } .wrapper iam-notification .notification[data-v-89837bfe] { max-width: 100%; } .wrapper iam-notification .notification .notification__btns[data-v-89837bfe] { display: none; } .box[data-v-89837bfe] { display: flex; flex-direction: column; } .flex-col-container[data-v-89837bfe] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-89837bfe] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-89837bfe] { justify-content: space-around; } .widget[data-v-89837bfe] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-89837bfe] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-89837bfe] { grid-column: span 2; } .grid-col-span-3[data-v-89837bfe] { grid-column: span 3; } .grid-col-span-4[data-v-89837bfe] { grid-column: span 4; } .grid-col-span-5[data-v-89837bfe] { grid-column: span 5; } .grid-col-span-6[data-v-89837bfe] { grid-column: span 6; } .grid-col-span-7[data-v-89837bfe] { grid-column: span 7; } .grid-col-span-8[data-v-89837bfe] { grid-column: span 8; } /* Row span utility classes */ .grid-row-span-1[data-v-89837bfe] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-89837bfe] { grid-row: span 2; } .grid-row-span-3[data-v-89837bfe] { grid-row: span 3; } .grid-row-span-4[data-v-89837bfe] { grid-row: span 4; } .grid-row-span-5[data-v-89837bfe] { grid-row: span 5; } .wrapper-6[data-v-89837bfe] { grid-template-columns: repeat(3, 1fr) repeat(3, 1fr); } .wrapper-10[data-v-89837bfe] { grid-template-columns: repeat(5, 1fr) repeat(5, 1fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-89837bfe] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-89837bfe], .grid-col-span-2[data-v-89837bfe], .grid-col-span-3[data-v-89837bfe], .grid-col-span-4[data-v-89837bfe], .grid-col-span-5[data-v-89837bfe], .grid-col-span-6[data-v-89837bfe], .grid-col-span-7[data-v-89837bfe], .grid-col-span-8[data-v-89837bfe] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-89837bfe] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-89837bfe], .grid-col-span-2[data-v-89837bfe], .grid-col-span-3[data-v-89837bfe], .grid-col-span-4[data-v-89837bfe], .grid-col-span-5[data-v-89837bfe], .grid-col-span-6[data-v-89837bfe], .grid-col-span-7[data-v-89837bfe], .grid-col-span-8[data-v-89837bfe] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-89837bfe] { flex-direction: column; } .widget[data-v-89837bfe] { width: 100%; } }table td[data-v-732ee7cd]:first-child { width: 2rem; padding: 0.8rem 0; }.propertyhomepage-page > .wrapper > .content-wrapper > .iw-vue-app > .container-fluid { --container-max-width: 100rem; max-width: var(--container-max-width) !important; padding: 0 !important; }.admin-panel[data-v-3088f2c1] { height: -webkit-fill-available; } .wrapper[data-v-3088f2c1] { margin: 0 0 30px 0; display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr) 1.3fr 1.3fr; grid-auto-rows: minmax(3fr, auto); align-content: start; grid-auto-flow: column; } .wrapper iam-notification .notification[data-v-3088f2c1] { max-width: 100%; } .wrapper iam-notification .notification .notification__btns[data-v-3088f2c1] { display: none; } .box[data-v-3088f2c1] { display: flex; flex-direction: column; } .flex-col-container[data-v-3088f2c1] { display: flex; flex-direction: column; gap: 1rem; /* Adds space between flex items */ /* border: 1px solid #888;*/ } .flex-row-container[data-v-3088f2c1] { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; /* Ensures items stretch to fill height */ gap: 1rem; /* border: 1px solid #888;*/ flex: 1; /* Ensures this container stretches to fill height */ } .flex-justify-space-around[data-v-3088f2c1] { justify-content: space-around; } .widget[data-v-3088f2c1] { flex: 1; justify-content: space-around; } /* Column span utility classes */ .grid-col-span-1[data-v-3088f2c1] { /* Optional, as it's the default */ grid-column: span 1; } .grid-col-span-2[data-v-3088f2c1] { grid-column: span 2; } .grid-col-span-3[data-v-3088f2c1] { grid-column: span 3; } .grid-col-span-4[data-v-3088f2c1] { grid-column: span 4; } .grid-col-span-5[data-v-3088f2c1] { grid-column: span 5; } .grid-col-span-6[data-v-3088f2c1] { grid-column: span 6; } .grid-col-span-7[data-v-3088f2c1] { grid-column: span 7; } .grid-col-span-8[data-v-3088f2c1] { grid-column: span 8; } /* Row span utility classes */ .grid-row-span-1[data-v-3088f2c1] { /* Optional, as it's the default */ grid-row: span 1; } .grid-row-span-2[data-v-3088f2c1] { grid-row: span 2; } .grid-row-span-3[data-v-3088f2c1] { grid-row: span 3; } .grid-row-span-4[data-v-3088f2c1] { grid-row: span 4; } .grid-row-span-5[data-v-3088f2c1] { grid-row: span 5; } .wrapper-6[data-v-3088f2c1] { grid-template-columns: repeat(3, 1fr) repeat(3, 1fr); } .wrapper-10[data-v-3088f2c1] { grid-template-columns: repeat(5, 1fr) repeat(5, 1fr); } /* Responsive layout for medium screens */ @media (max-width: 1024px) { .wrapper[data-v-3088f2c1] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-3088f2c1], .grid-col-span-2[data-v-3088f2c1], .grid-col-span-3[data-v-3088f2c1], .grid-col-span-4[data-v-3088f2c1], .grid-col-span-5[data-v-3088f2c1], .grid-col-span-6[data-v-3088f2c1], .grid-col-span-7[data-v-3088f2c1], .grid-col-span-8[data-v-3088f2c1] { grid-column: span 1; /* Span full width */ } } @media (max-width: 567px) { .wrapper[data-v-3088f2c1] { grid-template-columns: 1fr; } .grid-col-span-1[data-v-3088f2c1], .grid-col-span-2[data-v-3088f2c1], .grid-col-span-3[data-v-3088f2c1], .grid-col-span-4[data-v-3088f2c1], .grid-col-span-5[data-v-3088f2c1], .grid-col-span-6[data-v-3088f2c1], .grid-col-span-7[data-v-3088f2c1], .grid-col-span-8[data-v-3088f2c1] { grid-column: span 1; /* Span full width */ } .flex-row-container[data-v-3088f2c1] { flex-direction: column; } .widget[data-v-3088f2c1] { width: 100%; } } @font-face { font-family: "Qanelas"; src: url("/design-system/fonts/qanelas-medium-webfont.woff2") format("woff2"), url("/design-system/fonts/qanelas-medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Qanelas"; src: url("/design-system/fonts/qanelas-semibold-webfont.woff2") format("woff2"), url("/design-system/fonts/qanelas-semibold-webfont.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: "Qanelas"; src: url("/design-system/fonts/qanelas-bold-webfont.woff2") format("woff2"), url("/design-system/fonts/qanelas-bold-webfont.woff") format("woff"); font-weight: 900; font-style: normal; } /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ @layer legacy, reset, elements, components, templates, overrides, utilities; :root { --index-below: -1; --index-base: 0; --index-focus: 2; --index-above: 10; --index-floating: 100; --index-menu: 200; --index-overlay: 1000; --icon-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3e%3cpath d='M6.5,2l9,9-9,9' style='fill:none;stroke:%23000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3e%3c/svg%3e"); --icon-close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"); --icon-question: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3e%3cpath d='M14 21.5v-3c0-0.281-0.219-0.5-0.5-0.5h-3c-0.281 0-0.5 0.219-0.5 0.5v3c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5zM18 11c0-2.859-3-5-5.688-5-2.547 0-4.453 1.094-5.797 3.328-0.141 0.219-0.078 0.5 0.125 0.656l2.063 1.563c0.078 0.063 0.187 0.094 0.297 0.094 0.141 0 0.297-0.063 0.391-0.187 0.734-0.938 1.047-1.219 1.344-1.437 0.266-0.187 0.781-0.375 1.344-0.375 1 0 1.922 0.641 1.922 1.328 0 0.812-0.422 1.219-1.375 1.656-1.109 0.5-2.625 1.797-2.625 3.313v0.562c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5v0c0-0.359 0.453-1.125 1.188-1.547 1.188-0.672 2.812-1.578 2.812-3.953zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z'/%3e%3c/svg%3e"); --icon-new-tab: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M304 24c0 13.3 10.7 24 24 24H430.1L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223V184c0 13.3 10.7 24 24 24s24-10.7 24-24V24c0-13.3-10.7-24-24-24H328c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104V440c0 39.8 32.2 72 72 72H408c39.8 0 72-32.2 72-72V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V440c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H72z'/%3e%3c/svg%3e"); --heading-weight: 700; --type-scale: 1.2; --body-fs: 1rem; --font-body: Qanelas, arial, sans-serif; --font-heading: Qanelas, arial, sans-serif; --colour-btn-action-hover-bg: var(--colour-light); --colour-canvas-2: white; --colour-btn-secondary-hover: var(--colour-inverted); --colour-btn-secondary-bg-hover: var(--colour-primary-theme); --colour-btn-secondary-bg: transparent; --colour-btn-secondary-border: var(--colour-primary-theme); --colour-btn-secondary: var(--colour-primary-theme); --colour-btn-hover: var(--colour-primary-theme); --colour-btn-bg-hover: transparent; --colour-btn-border: var(--colour-warning); --colour-btn-bg: var(--colour-warning); --colour-btn: var(--colour-primary-theme); --colour-inverted: #fcfcfc; --colour-selected: var(--colour-info); --colour-active: var(--colour-primary-theme); --colour-hover: var(--colour-primary-theme); --colour-focus: var(--colour-primary-theme); --colour-heading: var(--colour-primary); --colour-underline: var(--colour-secondary); --colour-brand: var(--colour-primary-theme); --colour-link: var(--colour-primary-theme); --colour-border: #d8d8d8; --colour-body: #595959; --colour-muted: #9d9d9d; --colour-white: #fcfcfc; --colour-white-theme: #fcfcfc; --colour-canvas: #fcfcfc; --colour-canvas-theme: #fcfcfc; --colour-light: #eeeeee; --colour-light-theme: #eeeeee; --colour-dark: #46003c; --colour-dark-theme: #46003c; --colour-danger: #dc3545; --colour-danger-theme: #dc3545; --colour-complete: #0f9d58; --colour-complete-theme: #0f9d58; --colour-success: #b4e6a5; --colour-success-theme: #b4e6a5; --colour-warning: #ffa500; --colour-warning-theme: #ffa500; --colour-info: #1ebee6; --colour-info-theme: #1ebee6; --colour-secondary: #b4e6a5; --colour-secondary-theme: #b4e6a5; --colour-primary: #00313c; --colour-primary-theme: #00313c; --spacing-5: 3rem; --spacing-4: 2rem; --spacing-3: 1.5rem; --spacing-2: 1rem; --spacing-1: 0.5rem; --spacing-0: 0; --container-padding-top: 0; --container-padding-bottom: 1rem; --container-padding-x: 1.5rem; --container-padding-x-sm: 2.5rem; --container-padding-x-md: 5.25rem; --container-padding: var(--container-padding-top) 1.5rem var(--container-padding-bottom) 1.5rem; --container-padding-sm: var(--container-padding-top) 2.5rem var(--container-padding-bottom) 2.5rem; --container-padding-md: var(--container-padding-top) 5.25rem var(--container-padding-bottom) 5.25rem; --gap: 1rem; --gutter: 1.5rem; --max-width: 80rem; --breakpoint-md: 62em; --breakpoint-sm: 36em; --breakpoint-xs: 0; --wider-colour-1: #EEEEEE; --wider-colour-2: #EBD7F6; --wider-colour-3: #BEE8F8; --wider-colour-4: #A6DCC7; --wider-colour-5: #FAD0DA; --wider-colour-6: #AFCCF2; --wider-colour-7: #FFD2B4; --wider-colour-8: #CDF0F2; --wider-colour-9: #FFABC2; --wider-colour-10: #DCEAF2; --wider-colour-11: #EEBCB3; --wider-colour-12: #F0BDFF; --wider-colour-13: #FFF8CF; --wider-colour-14: #92E3DF; --wider-colour-15: #FEEAE8; --wider-colour-16: #8BC3A6; --wider-colour-17: #FEF0A6; --wider-colour-18: #FFBDA0; --wider-colour-19: #CBEFE1; --wider-colour-20: #FFDD90; --wider-colour-21: #97DBF2; --wider-colour-22: #FFAF91; --wider-colour-23: #C2DCD9; --wider-colour-1-hover: #E0E0E0; --wider-colour-2-hover: #DFCCE8; --wider-colour-3-hover: #B6DEED; --wider-colour-4-hover: #98CBB7; --wider-colour-5-hover: #EFC8D1; --wider-colour-6-hover: #A6C1E5; --wider-colour-7-hover: #F4CAAF; --wider-colour-8-hover: #C2E3E5; --wider-colour-9-hover: #F5A2B9; --wider-colour-10-hover: #CFDCE3; --wider-colour-11-hover: #E3B2A9; --wider-colour-12-hover: #E3B2F2; --wider-colour-13-hover: #F0E9C2; --wider-colour-14-hover: #8AD9D6; --wider-colour-15-hover: #F8E1DF; --wider-colour-16-hover: #81B59A; --wider-colour-17-hover: #F2E5A0; --wider-colour-18-hover: #F2B69D; --wider-colour-19-hover: #C2E3D7; --wider-colour-20-hover: #F2D28A; --wider-colour-21-hover: #8FD0E6; --wider-colour-22-hover: #F0A68B; --wider-colour-23-hover: #B9D1CE; --wider-colour-1-active: #D6D6D6; --wider-colour-2-active: #D4C2DD; --wider-colour-3-active: #ABD1DF; --wider-colour-4-active: #95C6B3; --wider-colour-5-active: #E1BBC4; --wider-colour-6-active: #9EB8DA; --wider-colour-7-active: #E6BDA2; --wider-colour-8-active: #B9D8DA; --wider-colour-9-active: #E69AAF; --wider-colour-10-active: #C6D3DA; --wider-colour-11-active: #D6A9A1; --wider-colour-12-active: #D8AAE6; --wider-colour-13-active: #E6DFBA; --wider-colour-14-active: #83CCC9; --wider-colour-15-active: #F4E0DE; --wider-colour-16-active: #7DB095; --wider-colour-17-active: #FEF0A6; --wider-colour-18-active: #E6AA90; --wider-colour-19-active: #CBEFE1; --wider-colour-20-active: #E6C782; --wider-colour-21-active: #88C5DA; --wider-colour-22-active: #E69E83; --wider-colour-23-active: #AFC6C3; --content-max-width: 50rem; --colour-brand: var(--colour-primary); --card-top-padding: 2rem; --card-right-padding: 3.5rem; --card-bottom-padding: 2rem; --card-left-padding: 1rem; --card-border-radius: 0.5rem; --card-box-shadow: 0.125rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.2); --nav-height: 6rem; --code-color: #d63384; --border-width: 1px; --border-style: solid; --border-color: var(--colour-border); --container-max-width: 80rem; --padding-inline: 1.5rem; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } @media screen and (min-width: 36em) { :root { --container-padding: var(--container-padding-sm); --container-padding-x: var(--container-padding-x-sm); } } @media screen and (min-width: 62em) { :root { --container-padding: var(--container-padding-md); --container-padding-x: var(--container-padding-x-md); } } @media screen and (min-width: 36em) { :root { --gutter: 2.5rem; --scale: 1.25; } } @media screen and (min-width: 62em) { :root { --gutter: 5.25rem; --scale: 1.414; } } @media screen and (min-width: 36em) { :root { --padding-inline: 2.5rem; } } @media screen and (min-width: 62em) { :root { --padding-inline: 5.25rem; } :root:has(.nav--large) { --container-max-width: 120rem !important; --padding-inline: 3.5rem !important; --container-padding-x-md: 3.5rem !important; --container-padding-md: var(--container-padding-top) var(--container-padding-x-md) var(--container-padding-bottom) var(--container-padding-x-md); --container-padding: var(--container-padding-md); } } .reset-colours { --colour-primary: #00313c; --colour-secondary: #b4e6a5; --colour-info: #1ebee6; --colour-warning: #ffa500; --colour-success: #b4e6a5; --colour-complete: #0f9d58; --colour-danger: #dc3545; --colour-dark: #46003c; --colour-light: #eeeeee; --colour-canvas: #fcfcfc; --colour-white: #fcfcfc; --colour-muted: #9d9d9d; --colour-body: #595959; --colour-border: #d8d8d8; --colour-link: var(--colour-primary-theme); --colour-brand: var(--colour-primary-theme); --colour-underline: var(--colour-secondary); --colour-heading: var(--colour-primary); --colour-focus: var(--colour-primary-theme); --colour-hover: var(--colour-primary-theme); --colour-active: var(--colour-primary-theme); --colour-selected: var(--colour-info); --colour-inverted: #fcfcfc; --colour-btn: var(--colour-primary-theme); --colour-btn-bg: var(--colour-warning); --colour-btn-border: var(--colour-warning); --colour-btn-bg-hover: transparent; --colour-btn-hover: var(--colour-primary-theme); --colour-btn-secondary: var(--colour-primary-theme); --colour-btn-secondary-border: var(--colour-primary-theme); --colour-btn-secondary-bg: transparent; --colour-btn-secondary-bg-hover: var(--colour-primary-theme); --colour-btn-secondary-hover: var(--colour-inverted); --colour-canvas-2: white; --colour-btn-action-hover-bg: var(--colour-light); } .reset-colours .text-primary { color: var(--colour-primary) !important; } html:not(.dark-theme) [class*=bg-]:not(.bg-primary):not(.bg-dark):not(.bg-danger):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.invert-colours) { --colour-primary: #00313c; --colour-secondary: #b4e6a5; --colour-info: #1ebee6; --colour-warning: #ffa500; --colour-success: #b4e6a5; --colour-complete: #0f9d58; --colour-danger: #dc3545; --colour-dark: #46003c; --colour-light: #eeeeee; --colour-canvas: #fcfcfc; --colour-white: #fcfcfc; --colour-muted: #9d9d9d; --colour-body: #595959; --colour-border: #d8d8d8; --colour-link: var(--colour-primary-theme); --colour-brand: var(--colour-primary-theme); --colour-underline: var(--colour-secondary); --colour-heading: var(--colour-primary); --colour-focus: var(--colour-primary-theme); --colour-hover: var(--colour-primary-theme); --colour-active: var(--colour-primary-theme); --colour-selected: var(--colour-info); --colour-inverted: #fcfcfc; --colour-btn: var(--colour-primary-theme); --colour-btn-bg: var(--colour-warning); --colour-btn-border: var(--colour-warning); --colour-btn-bg-hover: transparent; --colour-btn-hover: var(--colour-primary-theme); --colour-btn-secondary: var(--colour-primary-theme); --colour-btn-secondary-border: var(--colour-primary-theme); --colour-btn-secondary-bg: transparent; --colour-btn-secondary-bg-hover: var(--colour-primary-theme); --colour-btn-secondary-hover: var(--colour-inverted); --colour-canvas-2: white; --colour-btn-action-hover-bg: var(--colour-light); } html:not(.dark-theme) [class*=bg-]:not(.bg-primary):not(.bg-dark):not(.bg-danger):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.invert-colours) .text-primary { color: var(--colour-primary) !important; } html:not(.dark-theme) [class*=bg-]:not(.bg-primary):not(.bg-dark):not(.bg-danger):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.invert-colours) { --colour-body: rgb(89, 89, 89); color: var(--colour-body); } [class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert), .invert-colours { --colour-canvas: #262626; --colour-canvas-2: #313131; --colour-body: #bfbfbf; --colour-heading: var(--colour-white); --colour-link: var(--colour-white); --colour-hover: var(--colour-white); --colour-active: var(--colour-white); --colour-border: var(--colour-white); --colour-brand: var(--colour-white); --colour-btn: #00313c; --colour-btn-border: var(--colour-white); --colour-btn-bg: var(--colour-white); --colour-btn-hover: var(--colour-white); --colour-btn-secondary: var(--colour-white); --colour-btn-secondary-border: var(--colour-white); --colour-btn-secondary-bg: transparent; --colour-btn-secondary-bg-hover: var(--colour-white); --colour-btn-secondary-hover: var(--colour-primary-theme); --colour-btn-action-hover-bg: var(--colour-canvas-2); color: #fcfcfc; } @media (forced-colors: active) { :root { --contrast-outline-width: 1px; } } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1rem; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875rem; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875rem; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875rem; } kbd kbd { padding: 0; font-size: 1rem; font-weight: normal; } *, *::before, *::after { box-sizing: border-box; } /* Reset & Defaults */ html { -webkit-font-smoothing: antialiased; height: 100%; width: 100%; overflow-x: hidden; overflow-y: scroll; font-size: 4.26667vw; scroll-padding-top: 6.25rem; } @media screen and (min-width: 36em) { html { font-size: 2.08333vw; } } @media screen and (min-width: 62em) { html { font-size: 1.25vw; } } @media (min-width: 80em) { html { font-size: 100%; font-size: 1.25vw; } html:has(.nav--large) { font-size: 100%; } } @media (min-width: 90em) { html { font-size: 112.5%; } html:has(.nav--large) { font-size: 100%; } } @media print { html { font-size: 16px; } } @media screen and (min-width: 120em) { html:has(.nav--large) { font-size: 0.83333vw; } } body { margin: 0; color-scheme: light dark; background: var(--colour-canvas); font-family: var(--font-body); color: var(--colour-body); width: 100%; line-height: 1.2; min-height: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :is(div, form, fieldset, textarea, details, iam-menu)::-webkit-scrollbar { width: 10px; height: 10px; } :is(div, form, fieldset, textarea, details, iam-menu)::-webkit-scrollbar-track { background-color: #f1f1f1; border-top: 4px solid var(--colour-canvas-2); border-left: 4px solid var(--colour-canvas-2); } :is(div, form, fieldset, textarea, details, iam-menu)::-webkit-scrollbar-thumb { background-color: #c1c1c1; width: 6px; border-top: 4px solid var(--colour-canvas-2); border-left: 4px solid var(--colour-canvas-2); } body > footer, body > #app > footer { position: sticky; top: 100vh; } address { margin: 0; } button { font-size: inherit; } button:focus { border-radius: initial; outline: 2px auto -webkit-focus-ring-color; } hr { --border-style: solid; --border-color: var(--colour-border); border: 0; color: transparent; margin: 0; border-bottom: none; background-color: currentColor; opacity: 1; clear: both; } hr:after { display: table; clear: both; content: ""; } [hidden] { display: none !important; } form { display: contents; } input[type=search i]::-webkit-search-cancel-button { appearance: none; } [list]::-webkit-calendar-picker-indicator { display: none !important; } img { max-width: 100%; } summary { list-style: none; } summary::-webkit-details-marker { display: none; } details summary { cursor: pointer; } details summary > * { display: inline; } details { width: 100%; } a { text-decoration: initial !important; } html:has(.main-sidebar) { --container-max-width: 90rem; --container-padding: 1rem 1rem 1rem 1rem; } @media (min-width: 80em) { html:has(.main-sidebar) { font-size: 100%; --container-padding: 1rem 2rem 1rem 2rem; } } @media (min-width: 90em) { html:has(.main-sidebar) { font-size: 100%; --container-padding: 1rem 3rem 1rem 3rem; } } /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ body:not(.js-enabled) dialog:not([open]):target { display: block; } dialog { --dialog-padding: 1.5rem; --mh-padding-inline: var(--dialog-padding); color: inherit; width: fit-content; height: fit-content; border: none; overscroll-behavior: contain; background: var(--colour-canvas-2); box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.11); border-radius: 0.625rem; padding: var(--dialog-padding); outline: var(--contrast-outline-width, 0px) solid var(--colour-primary); } dialog[open] { display: flex; flex-direction: column; } dialog[open] > *:last-child { margin-bottom: 0; } dialog[open] > :is(p):last-child { padding-bottom: 0; } /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ *:not(.dialog__wrapper) > dialog[open] { overflow-y: hidden; width: 90vw; max-width: 20.25rem; max-height: min(90vh, 47rem); overscroll-behavior: contain; } *:not(.dialog__wrapper) > dialog[open] > form:first-child { position: static; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button, *:not(.dialog__wrapper) > dialog[open] > button:first-child { position: absolute; top: var(--dialog-padding); right: var(--dialog-padding); z-index: var(--index-floating); text-indent: 300%; overflow: hidden; border: none; height: 1.25rem; width: 1.25rem; background: transparent; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button:after, *:not(.dialog__wrapper) > dialog[open] > button:first-child:after { content: ""; top: 0; left: 0; position: absolute; display: block; height: 1.25rem; width: 1.25rem; z-index: var(--index-focus); background: currentColor; mask-image: var(--icon-close); mask-size: 100%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon-close); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button + *, *:not(.dialog__wrapper) > dialog[open] > button:first-child + * { padding-right: var(--dialog-padding); margin-right: 1.25rem; display: block; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button + span:not(.h1, .h2, .h3, .h4, .h5, .h6), *:not(.dialog__wrapper) > dialog[open] > button:first-child + span:not(.h1, .h2, .h3, .h4, .h5, .h6) { padding-bottom: 0.5rem; line-height: 1.1875rem; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + *, *:not(.dialog__wrapper) > dialog[open] > button:first-child + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + * { padding-right: var(--dialog-padding); margin-right: 1.25rem; display: block; } @media (forced-colors: active) { *:not(.dialog__wrapper) > dialog[open] > form:first-child button, *:not(.dialog__wrapper) > dialog[open] > button:first-child { text-indent: 0; width: fit-content; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button:after, *:not(.dialog__wrapper) > dialog[open] > button:first-child:after { display: none; } } @media screen and (min-width: 36em) { *:not(.dialog__wrapper) > dialog[open] { --dialog-padding: 2rem; min-width: 20.9375rem; width: fit-content; max-width: 42.875rem; } } @media screen and (min-width: 62em) { *:not(.dialog__wrapper) > dialog[open] { min-width: 28.375rem; width: fit-content; max-width: 46rem; } } *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { padding: 0 !important; } *:not(.dialog__wrapper) > dialog[open].dialog--fullwidth { max-width: 69.5rem; } @media screen and (max-width: 36em) { *:not(.dialog__wrapper) > dialog[open] :is(form, fieldset, .btn--wrapper):has(> .btn:first-child, > .btn:last-child) .btn:not(.dialog__close) { width: 100%; max-width: 100%; margin: 0; display: block; text-align: center; } *:not(.dialog__wrapper) > dialog[open] :is(form, fieldset, .btn--wrapper):has(> .btn:first-child, > .btn:last-child) .btn:not(.dialog__close):not(:last-child) { margin-bottom: 1rem !important; } } *:not(.dialog__wrapper) > dialog[open] .mh-lg { padding-left: 1rem; margin-left: -1rem; padding-right: calc(var(--dialog-padding) - 10px); margin-right: calc(var(--dialog-padding) * -1 + 10px); margin-bottom: calc(var(--dialog-padding) * -1); } *:not(.dialog__wrapper) > dialog[open] .mh-lg > *:last-child { margin-bottom: 2rem !important; } *:not(.dialog__wrapper) > dialog[open] .mh-lg > p:last-child { padding-bottom: 0 !important; } dialog::backdrop { background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px); overscroll-behavior: contain; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) { text-align: center; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):before { content: "\f05a"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; font-family: "Font Awesome 6 Pro"; font-size: 3rem; margin-top: 0; margin-bottom: 1.5rem; line-height: 1; color: var(--colour-heading); clear: both; } @media screen and (min-width: 62em) { *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):before { font-size: 4rem; } } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i):before { display: none; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i { display: var(--fa-display, inline-block); line-height: 1; font-size: 3rem; margin-top: 0; margin-bottom: 1.5rem; line-height: 1; color: var(--colour-heading); clear: both; } @media screen and (min-width: 62em) { *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i { font-size: 4rem; } } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i:has(> i) { position: relative; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i > i:before { position: absolute; top: 0; left: 50%; transform: scale(0.5) translate(-100%, 0); } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > form:first-child button, *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > button:first-child { display: none; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > form:first-child button + *, *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > button:first-child + * { padding-right: 0; margin-right: 0; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > form:first-child button + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + *, *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > button:first-child + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + * { padding-right: 0; margin-right: 0; } *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) form > :is(button, a) { margin-bottom: 0; } @media screen and (min-width: 36em) { *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) :is(button, .btn):has(~ :is(button, .btn):last-child), *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) :is(button, .btn):last-child { min-width: calc(50% - 1rem); text-align: center; } } *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { display: block; } *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) .mh-lg, *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) .mh-lg:before { display: contents; } @media screen and (min-width: 36em) { *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { min-width: 42.875rem; max-width: 42.875rem; } } @media screen and (min-width: 62em) { *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { min-width: 46rem; max-width: 46rem; } } dialog:has(> .admin-panel) .dialog__close { margin-top: -0.8rem; } dialog > .admin-panel { margin: -1rem calc(var(--dialog-padding) * -1) calc(var(--dialog-padding) * -1) calc(var(--dialog-padding) * -1) !important; padding-top: 0; } dialog > .admin-panel:last-child { margin-bottom: calc(var(--dialog-padding) * -1); } dialog:has(.embed) { width: calc(100% - 6rem) !important; max-width: 50rem !important; padding: 0; aspect-ratio: 16/9; } dialog:has(.embed) .embed { aspect-ratio: 16/9; width: 100%; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { padding: 0; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] > button:first-child { top: calc(var(--dialog-padding) * 4) !important; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] :is(.h1, .h2, .h3, .h4, .h5, .h6) { padding-right: calc(var(--dialog-padding) * 3); padding-bottom: var(--dialog-padding); } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] iam-multi-step { padding-inline: 0 !important; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] form { overflow: auto; padding-bottom: var(--dialog-padding); max-height: calc(min(90vh, 47rem) - 6rem); } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset > :last-child { margin-bottom: var(--dialog-padding) !important; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset > p:last-child { padding-bottom: 0 !important; margin-bottom: var(--dialog-padding) !important; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset:not(.active) { display: none; } @media screen and (min-width: 36em) { *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { min-width: 28.25rem; width: 28.25rem; max-width: 28.25rem; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] > button:first-child { top: calc(var(--dialog-padding) * 3.25) !important; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] .btn--wrapper { margin-top: auto; text-align: right; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] form { height: calc(100vh - 6rem); padding-left: 0 !important; padding-right: var(--dialog-padding) !important; } } @media screen and (min-width: 62em) { *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { min-width: 57.75rem; width: 57.75rem; max-width: 57.75rem; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] > button:first-child { top: calc(var(--dialog-padding) * 1) !important; } } @media screen and (min-width: 62em) and (min-height: 31.25rem) { *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { height: 29.875rem; max-height: 29.875rem; } } @media screen and (min-width: 62em) { *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] form { display: flex; flex-direction: column; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset { display: flex; flex-direction: column; flex-grow: 1; position: relative; overflow: auto; margin-bottom: calc(var(--dialog-padding) * -1); padding-right: calc(var(--dialog-padding) - 10px); margin-right: calc(var(--dialog-padding) * -1 + 10px); max-height: 23.125rem; } *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset::before { content: ""; top: 100%; bottom: 0; left: 0; right: 0; height: var(--dialog-padding); min-height: var(--dialog-padding); position: sticky; display: block; background: linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%); z-index: 2; margin-bottom: calc(var(--dialog-padding) * -1); } } @media screen and (max-width: 36em) { dialog[open]:has(iam-multi-step) { min-width: 100%; min-height: 100%; border-radius: 0; overflow-y: auto; } dialog[open]:has(iam-multi-step) iam-multi-step { padding-inline: 0 !important; } dialog[open]:has(iam-multi-step) form { height: calc(100vh - 6rem); padding-inline: var(--dialog-padding) !important; } dialog[open]:has(iam-multi-step) .btn--wrapper { padding-top: 4rem; } dialog[open]:has(iam-multi-step) .mh-lg { max-height: none !important; overflow: visible; } dialog[open]:has(iam-multi-step):before, dialog[open]:has(iam-multi-step) *:first-child { margin-top: auto !important; } dialog[open]:has(iam-multi-step) *:last-child { margin-bottom: auto !important; } } body:has(.template--form) { background: #e9f9fd; } body:has(.template--form) main.template--form { display: block !important; } *:where(.iw-vue-app > div) { /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ } *:where(.iw-vue-app > div) .brand { --svg-width: 2.9230769231em; display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-right: 1rem; padding-bottom: 1rem; min-width: 100%; min-width: min(100%, var(--svg-width)); font-size: 4rem; color: var(--colour-brand); } *:where(.iw-vue-app > div) .brand--sold { --svg-width: 1.9em; } *:where(.iw-vue-app > div) .brand--key { --svg-width: 1.7538461538em; } *:where(.iw-vue-app > div) .brand--compliance, *:where(.iw-vue-app > div) .brand--movebutler { --svg-width: 5.6923076923em; } *:where(.iw-vue-app > div) .brand--medwaylaw { --svg-width: 3.5769230769em; } *:where(.iw-vue-app > div) .brand--openview { --svg-width: 5.3370786517em; } *:where(.iw-vue-app > div) .brand--crm { --svg-width: 2.808988764em; } *:where(.iw-vue-app > div) .brand { /* Restrict the logo colours so that only text-secondary can be defined */ } *:where(.iw-vue-app > div) .brand[class*=text-]:not(.text-secondary) { color: inherit !important; } *:where(.iw-vue-app > div) .brand svg { fill: currentColor; height: 1em; width: 100%; max-width: var(--svg-width); } *:where(.iw-vue-app > div) .brand span { white-space: nowrap; font-size: 1rem; padding-left: 1rem; line-height: 1; font-weight: bold; display: inline-block; text-decoration: none; } *:where(.iw-vue-app > div) a.brand:not(:hover):not(:focus):not(:active), *:where(.iw-vue-app > div) a:not(:hover):not(:focus):not(:active) .brand { color: var(--colour-brand); } *:where(.iw-vue-app > div) a.brand:hover, *:where(.iw-vue-app > div) a.brand:focus, *:where(.iw-vue-app > div) a.brand:active, *:where(.iw-vue-app > div) a:hover .brand, *:where(.iw-vue-app > div) a:focus .brand, *:where(.iw-vue-app > div) a:active .brand { color: currentColor !important; } *:where(.iw-vue-app > div) .icon--xs { font-size: 1rem; } *:where(.iw-vue-app > div) .icon--sm { font-size: 1.125rem; } *:where(.iw-vue-app > div) .icon--compact { font-size: 1.25rem; } *:where(.iw-vue-app > div) .icon--md { font-size: 1.75rem; } *:where(.iw-vue-app > div) .icon--lg { font-size: 2.5rem; } *:where(.iw-vue-app > div) [class*=fa-]:not(.fa-regular, .fa-light, .fa-solid, .btn) { font-weight: 400; } *:where(.iw-vue-app > div) figure { margin: 0 0 1rem; } *:where(.iw-vue-app > div) img, *:where(.iw-vue-app > div) svg { vertical-align: middle; } *:where(.iw-vue-app > div) img { max-width: 100%; } *:where(.iw-vue-app > div) .ratio > img:first-child:last-child { object-fit: cover; } *:where(.iw-vue-app > div) { /* Duplicated from bootstrap reboot so that the type file will compile */ } *:where(.iw-vue-app > div) mark { padding: 0.1875em; background-color: yellow; } *:where(.iw-vue-app > div) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4) { margin-top: 0; margin-bottom: 0; font-family: var(--font-heading); font-style: normal; font-weight: bold; line-height: round(1em * var(--type-scale), 0.25rem); padding-bottom: round(1em * var(--type-scale), 0.25rem); color: var(--colour-heading); clear: both; display: block; } *:where(.iw-vue-app > div) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4) [class*=fa-] { margin-right: 0.5rem; } *:where(.iw-vue-app > div) :is(.h1, h1) { font-size: round(var(--body-fs, 1rem) * pow(var(--type-scale), 6), 0.25rem); font-weight: 900; } *:where(.iw-vue-app > div) :is(h2, .h2) { font-size: round(var(--body-fs, 1rem) * pow(var(--type-scale), 5), 0.25rem); font-weight: 900; } *:where(.iw-vue-app > div) :is(h3, .h3) { font-size: round(var(--body-fs, 1rem) * pow(var(--type-scale), 3), 0.25rem); max-width: var(--content-max-width); line-height: round(1em * var(--type-scale), 0.25rem); padding-bottom: round(1em * var(--type-scale), 0.25rem); } *:where(.iw-vue-app > div) :is(.h4, h4, .h5, h5, .h6, h6) { font-size: round(var(--body-fs, 1rem) * pow(var(--type-scale), 2), 0.25rem); max-width: var(--content-max-width); line-height: round(1em * var(--type-scale), 0.25rem); padding-bottom: round(1em * var(--type-scale), 0.25rem); } *:where(.iw-vue-app > div) p { margin-top: 0; font-size: 1rem; line-height: 1.5rem; padding-bottom: 3rem; max-width: var(--content-max-width); margin-bottom: 0; } *:where(.iw-vue-app > div) p:has(+ p) { padding-bottom: 1.5rem; } *:where(.iw-vue-app > div) :is(.lead, .strapline) { font-size: 1.125rem; line-height: 1.75rem; padding-bottom: 3rem; max-width: var(--content-max-width); font-weight: 700; } *:where(.iw-vue-app > div) small, *:where(.iw-vue-app > div) .small { font-size: 0.875rem; line-height: 1.5rem; padding-bottom: 3rem; max-width: var(--content-max-width); font-weight: normal; } *:where(.iw-vue-app > div) sub, *:where(.iw-vue-app > div) sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } *:where(.iw-vue-app > div) sub { bottom: -0.25em; } *:where(.iw-vue-app > div) sup { top: -0.5em; } *:where(.iw-vue-app > div) abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } *:where(.iw-vue-app > div) strong { font-weight: bolder; font-family: var(--font-heading); color: var(--colour-heading); } *:where(.iw-vue-app > div) address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } *:where(.iw-vue-app > div) blockquote { margin: 0; quotes: "“" "”" "‘" "’"; padding-bottom: 3rem; overflow: hidden; } *:where(.iw-vue-app > div) blockquote p { font-size: 1.5rem; line-height: 2rem; padding-bottom: 0; } *:where(.iw-vue-app > div) blockquote p:first-child:before { content: open-quote; } *:where(.iw-vue-app > div) blockquote p:last-of-type:after { content: close-quote; } *:where(.iw-vue-app > div) blockquote cite { font-size: 1.125rem; line-height: 2rem; padding-bottom: 0; font-weight: bold; font-style: normal; } *:where(.iw-vue-app > div) .stat { font-size: 4rem; line-height: 4.5rem; font-weight: bold; color: var(--colour-heading); display: block; text-decoration: underline; text-underline-offset: 0.75rem; text-decoration-color: var(--colour-secondary); text-decoration-thickness: 0.25rem; margin-bottom: 4rem; } *:where(.iw-vue-app > div) ol, *:where(.iw-vue-app > div) ul { padding-left: 2rem; } *:where(.iw-vue-app > div) ol, *:where(.iw-vue-app > div) ul, *:where(.iw-vue-app > div) dl { margin-top: 0; margin-bottom: 1rem; } *:where(.iw-vue-app > div) ol ol, *:where(.iw-vue-app > div) ul ul, *:where(.iw-vue-app > div) ol ul, *:where(.iw-vue-app > div) ul ol { margin-bottom: 0; } *:where(.iw-vue-app > div) dt { font-weight: bold; } *:where(.iw-vue-app > div) dd { margin-bottom: 0.5rem; margin-left: 0; } *:where(.iw-vue-app > div) .list-unstyled { padding-left: 0; list-style: none; } *:where(.iw-vue-app > div) .list-inline { padding-left: 0; list-style: none; } *:where(.iw-vue-app > div) .list-inline-item { display: inline-block; } *:where(.iw-vue-app > div) .list-inline-item:not(:last-child) { margin-right: 0.5rem; } *:where(.iw-vue-app > div) :is(ol, ul) li { max-width: 50rem; } *:where(.iw-vue-app > div) .tick-list--white { --tick-colour: white; } *:where(.iw-vue-app > div) .tick-list { padding-left: 0; } *:where(.iw-vue-app > div) .tick-list li { position: relative; list-style: none; padding-bottom: 1rem; padding-left: 2.25rem; } *:where(.iw-vue-app > div) .tick-list li:before { content: "\f00c"; position: absolute; top: 0; left: 0; width: 1.25em; height: 1.25em; font-size: 1.25em; line-height: 1; color: var(--tick-colour, var(--colour-complete)); font-family: "Font Awesome 6 Pro"; font-size: 400; } *:where(.iw-vue-app > div) .tick-list li.tick--warning:before { content: "\f071"; font-weight: 300; color: var(--colour-warning); } *:where(.iw-vue-app > div) .tick-list li.tick--danger:before { content: "\f06a"; font-weight: 300; color: var(--colour-danger); } *:where(.iw-vue-app > div) .tick-list li.tick--incomplete:before { background: var(--colour-admin); mask-image: none; -webkit-mask-image: none; border-radius: 50%; transform: scale(0.8); } *:where(.iw-vue-app > div) .tick-list li[class*=bg-] { padding: 1rem; padding-left: 4rem; margin-bottom: 1rem; border-radius: 0.5rem; z-index: 0; } *:where(.iw-vue-app > div) .tick-list li[class*=bg-]:before, *:where(.iw-vue-app > div) .tick-list li[class*=bg-]:after { top: 50%; left: 1rem; width: 2rem; height: 2rem; margin-top: -1rem; } *:where(.iw-vue-app > div) .tick-list li[class*=bg-]:after { content: ""; position: absolute; z-index: -1; background-color: white; border-radius: 50%; transform-origin: 50% 50%; transform: scale(0.9); } *:where(.iw-vue-app > div) .breadcrumb { font-size: 0.875rem; padding-left: 0; list-style: none; } *:where(.iw-vue-app > div) .breadcrumb li { display: inline-block; } *:where(.iw-vue-app > div) .breadcrumb li:not(:first-child):before { content: " / "; font-weight: bold; color: var(--colour-link); } *:where(.iw-vue-app > div) .breadcrumb li a { text-decoration: none; text-transform: uppercase; } *:where(.iw-vue-app > div) .orderable-list { margin-left: 3.5rem; counter-reset: countItem; padding-left: 0; } *:where(.iw-vue-app > div) .orderable-list li { position: relative; list-style: none; --spread: 0.75rem; box-shadow: 0 2px var(--spread) 0 rgba(154, 154, 154, 0.25); padding: 1rem; margin-bottom: 1rem; border-radius: 0.5rem; cursor: grab; } *:where(.iw-vue-app > div) .orderable-list li:before { content: ""; --gradient-direction: 180deg; background-color: var(--colour-info); background-image: linear-gradient(var(--gradient-direction), var(--colour-secondary) 0, transparent 100%) !important; height: 100%; width: 2.5rem; display: inline-block; position: absolute; top: 0; right: calc(100% + 1rem); border-radius: 0.5rem; } *:where(.iw-vue-app > div) .orderable-list li:after { counter-increment: countItem; /* Increment the value of section counter by 1 */ content: counter(countItem); height: 2rem; width: 2.5rem; line-height: 2rem; font-size: 1.25rem; font-weight: bold; display: inline-block; position: absolute; top: calc(50% - 1rem); right: calc(100% + 1rem); text-align: center; } *:where(.iw-vue-app > div) .list__wrapper { overflow-x: hidden; overflow-y: auto; } *:where(.iw-vue-app > div) .list__wrapper--small { max-height: 12.5rem; } *:where(.iw-vue-app > div) .list__wrapper--medium { max-height: 25rem; } *:where(.iw-vue-app > div) .list__wrapper--large { max-height: 37.5rem; } *:where(.iw-vue-app > div) *:has(> .list--steps) { container-type: inline-size; } *:where(.iw-vue-app > div) .list--steps { display: flex; justify-content: center; list-style: none; padding: 0 0 0.375rem 0; gap: 0.75rem; counter-reset: pages; color: var(--colour-heading); position: relative; margin-bottom: 0.375rem; } *:where(.iw-vue-app > div) .list--steps li { position: relative; display: block; padding-top: 2rem; width: 1.5rem; flex-grow: 0; flex-shrink: 1; overflow: hidden; text-indent: -300px; } *:where(.iw-vue-app > div) .list--steps li:before { counter-increment: pages; content: counter(pages); position: absolute; top: 0; left: 50%; margin-left: -0.75rem; width: 1.5rem; height: 1.5rem; font-size: 1.125rem; line-height: 1.5rem; text-align: center; font-weight: bold; border: 1px solid currentColor; border-radius: 1rem; text-indent: 0; } *:where(.iw-vue-app > div) .list--steps li.step--current:before { background-color: var(--colour-primary-theme); border-color: var(--colour-primary-theme); color: var(--colour-white); } *:where(.iw-vue-app > div) .list--steps li.step--complete:before { background-color: var(--colour-success); border-color: var(--colour-success); } *:where(.iw-vue-app > div) .list--steps::after { content: attr(data-mobile-text); position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; display: block; height: 1.5rem; line-height: 1.5rem; font-weight: bold; } @container (width > 23.4375em) { *:where(.iw-vue-app > div) .list--steps { padding: 0; margin-bottom: 1.5rem; } *:where(.iw-vue-app > div) .list--steps::after { display: none; } *:where(.iw-vue-app > div) .list--steps li { width: 100%; flex-grow: 1; text-indent: 0; overflow: visible; } *:where(.iw-vue-app > div) .list--steps li:not(:last-child):after { content: ""; position: absolute; top: 0.75rem; left: calc(50% + 2rem); width: calc(100% - 2.5rem); height: 2px; font-size: 1.125rem; background-color: var(--colour-heading); } } @container (width > 48em) { *:where(.iw-vue-app > div) .list--steps li { max-width: 20%; } } *:where(.iw-vue-app > div) abbr[title] { text-underline-offset: 0.2em; } *:where(.iw-vue-app > div) .tooltip { text-decoration: none; position: relative; } *:where(.iw-vue-app > div) .tooltip:is(:hover, :focus, :active) { text-decoration: none; } *:where(.iw-vue-app > div) .tooltip:after { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f059"; display: inline-block; margin-left: 0.2em; margin-right: 0.1em; margin-bottom: 0.1em; color: var(--colour-primary); } *:where(.iw-vue-app > div) .tooltip > span { opacity: 0; position: absolute; } *:where(.iw-vue-app > div) .tooltip:is(:hover, .hover, :focus, :active) > span { opacity: 1; display: block; z-index: var(--index-floating); position: absolute; top: calc(100% + 0.5rem); left: auto; right: 0.85em; width: 16.875rem; transform: translate(50%, 0); background: var(--colour-primary); color: var(--colour-white); padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.11); } *:where(.iw-vue-app > div) .tooltip:is(:hover, .hover, :focus, :active) > span > strong:first-child { display: block; padding-bottom: 1rem; color: inherit; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .tooltip:is(:hover, .hover, :focus, :active) > span { width: 20.9375rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .tooltip:is(:hover, .hover, :focus, :active) > span { width: 22.5rem; } } *:where(.iw-vue-app > div) .tooltip:is(:hover, .hover, :focus, :active) > span::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -0.25rem; border-width: 0.5rem; border-style: solid; border-color: transparent transparent var(--colour-primary) transparent; margin-bottom: -1px; } *:where(.iw-vue-app > div) .tooltip.tooltip--top span { top: auto; bottom: calc(100% + 0.5rem); left: auto; right: 0.85em; } *:where(.iw-vue-app > div) .tooltip.tooltip--top span:after { top: 100%; bottom: auto; left: 50%; border-color: var(--colour-primary) transparent transparent transparent; margin-top: -1px; } *:where(.iw-vue-app > div) .tooltip.shift--left span { transform: translate(calc(0% + 1.5rem), 0); } *:where(.iw-vue-app > div) .tooltip.shift--left span:after { left: calc(100% - 1.5rem); } *:where(.iw-vue-app > div) .tooltip.shift--right span { transform: translate(calc(100% - 1rem), 0); } *:where(.iw-vue-app > div) .tooltip.shift--right span:after { left: 1rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .tooltip:is(.shift--left, .shift--right) span { transform: translate(50%, 0); } *:where(.iw-vue-app > div) .tooltip:is(.shift--left, .shift--right) span:after { left: 50%; } *:where(.iw-vue-app > div) .tooltip.tooltip--left span { top: 50%; bottom: auto; left: auto; right: 1.6em; transform: translate(0, -50%); } *:where(.iw-vue-app > div) .tooltip.tooltip--left span:after { top: calc(50% - 0.5em); bottom: auto; left: calc(100% + 0.25em - 1px); border-color: transparent transparent transparent var(--colour-primary); margin-bottom: 0; } *:where(.iw-vue-app > div) .tooltip.tooltip--right span { top: 50%; bottom: auto; left: calc(100% + 0.5rem); right: auto; transform: translate(0, -50%); } *:where(.iw-vue-app > div) .tooltip.tooltip--right span:after { top: calc(50% - 0.5em); bottom: auto; left: auto; right: calc(100% - 1px); border-color: transparent var(--colour-primary) transparent transparent; margin-bottom: 0; } } *:where(.iw-vue-app > div) .container { display: block; margin-left: auto; margin-right: auto; padding: var(--container-padding); grid-column: container !important; width: 100%; } *:where(.iw-vue-app > div) .container:not(:has(.row)):has([class*=col-]) { display: grid; grid-template-columns: [content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end]; column-gap: 1rem; } *:where(.iw-vue-app > div) .container [class*=col-span-]:not([class*=-col-span-]):not(:first-child) { --col-start: auto; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .container [class*=sm-col-span-]:not(:first-child) { --col-start: auto; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .container [class*=md-col-span-]:not(:first-child) { --col-start: auto; } } *:where(.iw-vue-app > div) .container:not(.container-fluid) { max-width: var(--container-max-width); } *:where(.iw-vue-app > div) .container .container:not(.container-xs-breakout) { padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; } *:where(.iw-vue-app > div) .container[class*=bg-] { padding-top: 3rem; padding-bottom: 2rem; } *:where(.iw-vue-app > div) .container[class*=bg-] + .container:not([class*=bg-]) { padding-top: 2rem; } *:where(.iw-vue-app > div) .container:before { display: table; clear: both; content: ""; } *:where(.iw-vue-app > div) .container:after { display: table; clear: both; content: ""; } *:where(.iw-vue-app > div) .container.container-xs-breakout { margin-left: -1.25rem; margin-right: -1.25rem; width: calc(100% + 2.5rem); } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .container.container-xs-breakout { margin-left: auto; margin-right: auto; width: 100%; } } *:where(.iw-vue-app > div) :host .container { display: block; margin-left: auto; margin-right: auto; padding: var(--container-padding); width: 100%; } *:where(.iw-vue-app > div) main > .row { padding-bottom: 1rem; } *:where(.iw-vue-app > div) main > .row[class*=bg-] { padding-top: 3rem; padding-bottom: 2rem; } *:where(.iw-vue-app > div) main > .row[class*=bg-] + :is(.row, .container):not([class*=bg-]) { padding-top: 2rem; } *:where(.iw-vue-app > div) .container:has(.circle) { position: relative; z-index: 1; } *:where(.iw-vue-app > div) .container > .circle { position: absolute; z-index: var(--index-below); border-width: 3px; } *:where(.iw-vue-app > div) .container:not([class*=circle-pattern-]) > .circle { font-size: 18.75rem; top: -4.6875rem; left: -12.5rem; } *:where(.iw-vue-app > div) .container:not([class*=circle-pattern-]) > .circle ~ .circle { font-size: 21.875rem; top: auto; left: auto; right: -6.25rem; bottom: -12.5rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .container:not([class*=circle-pattern-]) > .circle { font-size: 28.125rem; top: -3.125rem; left: -10.9375rem; } *:where(.iw-vue-app > div) .container:not([class*=circle-pattern-]) > .circle ~ .circle { font-size: 31.25rem; right: -9.375rem; bottom: -9.375rem; } } *:where(.iw-vue-app > div) .container.circle-pattern-2 > .circle { font-size: 18.75rem; top: -4.6875rem; right: -12.5rem; } *:where(.iw-vue-app > div) .container.circle-pattern-2 > .circle ~ .circle { font-size: 28.125rem; top: auto; bottom: -3.125rem; left: -10.9375rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .container.circle-pattern-2 > .circle { font-size: 28.125rem; top: -4.6875rem; right: -12.5rem; } *:where(.iw-vue-app > div) .container.circle-pattern-2 > .circle ~ .circle { font-size: 31.25rem; bottom: -4.6875rem; left: -12.5rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .container > .circle { margin-left: 3.75rem; margin-right: 3.75rem; } } *:where(.iw-vue-app > div) table { caption-side: bottom; border-collapse: collapse; } *:where(.iw-vue-app > div) caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: gray; text-align: left; } *:where(.iw-vue-app > div) th { text-align: inherit; text-align: -webkit-match-parent; } *:where(.iw-vue-app > div) thead, *:where(.iw-vue-app > div) tbody, *:where(.iw-vue-app > div) tfoot, *:where(.iw-vue-app > div) tr, *:where(.iw-vue-app > div) td, *:where(.iw-vue-app > div) th { border-color: inherit; border-style: solid; border-width: 0; } *:where(.iw-vue-app > div) table { --border-width: 2px; --inner-border-width: 2px; width: 100%; font-size: 1rem; border: none; margin-bottom: 2rem; overflow: auto; } *:where(.iw-vue-app > div) div:has(> table:first-child:last-child) { overflow: auto; margin-bottom: 2rem; } *:where(.iw-vue-app > div) div:has(> table:first-child:last-child) table { margin-bottom: 0; } *:where(.iw-vue-app > div) :is(td, th) { padding: 0.75rem 2rem 0.75rem 0; font-weight: normal; text-align: left; vertical-align: top; border: none; font-size: 1rem; line-height: 1.25rem; color: var(--colour-body); } *:where(.iw-vue-app > div) :is(td, th):last-child { padding-right: 0; } *:where(.iw-vue-app > div) :is(td, th) p { font-size: inherit; padding: 0; } *:where(.iw-vue-app > div) th { font-weight: bold; color: var(--colour-heading); } *:where(.iw-vue-app > div) thead tr { border-bottom: var(--border-width) solid currentColor; border-color: var(--colour-primary); } *:where(.iw-vue-app > div) thead th { padding-top: 0; vertical-align: bottom; } *:where(.iw-vue-app > div) tr td[colspan="100%"]:first-child:last-child span { max-width: 39rem; font-weight: bold; padding: 3rem; text-align: center; display: block; color: var(--colour-heading); } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) tr td[colspan="100%"]:first-child:last-child span { max-width: 65.5rem; } } @container (width >= 60em) { *:where(.iw-vue-app > div) thead th:not(:empty) { white-space: nowrap; min-width: 7.5rem; } *:where(.iw-vue-app > div) thead th.th--mw-md { min-width: 15rem; } *:where(.iw-vue-app > div) thead th.th--mw-lg { min-width: 22.5rem; } } *:where(.iw-vue-app > div) tbody tr { border-bottom: var(--border-width) solid currentColor; border-color: var(--colour-border); } *:where(.iw-vue-app > div) .border-0 > table, *:where(.iw-vue-app > div) table.border-0 { --border-width: 0px; --inner-border-width: 0px; } *:where(.iw-vue-app > div) a { color: var(--link-color); text-decoration: underline; } *:where(.iw-vue-app > div) a:hover { color: var(--link-hover-color); } *:where(.iw-vue-app > div) a:not([href]):not([class]), *:where(.iw-vue-app > div) a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } *:where(.iw-vue-app > div) a { color: var(--colour-link); } *:where(.iw-vue-app > div) a:is(:hover, :focus, .hover, :focus-within) { color: var(--colour-hover); } *:where(.iw-vue-app > div) a:is(:active, .active) { color: var(--colour-active); } *:where(.iw-vue-app > div) a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))), *:where(.iw-vue-app > div) .link { background-color: transparent; text-decoration: none; display: inline-block; border: none; color: var(--colour-link); margin: 0 1.5rem 1.5rem 0; padding: 0; font-size: 1.125rem; line-height: 1.5rem; min-height: 1.5rem; position: relative; font-weight: bold; } *:where(.iw-vue-app > div) a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not(.text-decoration-none):after, *:where(.iw-vue-app > div) .link:not(.text-decoration-none):after { position: absolute; content: ""; top: 100%; left: 50%; height: 2px; width: 100%; transform: translate(-50%, 0); background: var(--colour-underline); transition: width 0.5s; } *:where(.iw-vue-app > div) a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-], *:where(.iw-vue-app > div) .link [class*=fa-] { margin-left: 0; margin-right: 0.5rem; } *:where(.iw-vue-app > div) a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))) [class*=fa-]:not(:first-child), *:where(.iw-vue-app > div) .link [class*=fa-]:not(:first-child) { margin-left: 0.5rem; margin-right: 0; } *:where(.iw-vue-app > div) a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card))):not([disabled]):is(:hover, :focus, .hover, :active, .active, :focus-within):after, *:where(.iw-vue-app > div) .link:not([disabled]):is(:hover, :focus, .hover, :active, .active, :focus-within):after { width: 60%; } *:where(.iw-vue-app > div) a:where(:not(.btn):not(.brand):not(:has(.card)):not(:has(iam-card)))[disabled], *:where(.iw-vue-app > div) .link[disabled] { opacity: 0.4; cursor: not-allowed; } *:where(.iw-vue-app > div) p a:not(.btn), *:where(.iw-vue-app > div) ul a:not(.btn), *:where(.iw-vue-app > div) ol a:not(.btn), *:where(.iw-vue-app > div) dd a:not(.btn), *:where(.iw-vue-app > div) .body a:not(.btn), *:where(.iw-vue-app > div) table:not(.table--email) td a:not(.btn) { min-height: none; display: inline; margin: 0; text-decoration: underline; text-underline-offset: 0.25rem; text-decoration-thickness: 0.125rem; font-size: inherit; } *:where(.iw-vue-app > div) p a:not(.btn):after, *:where(.iw-vue-app > div) ul a:not(.btn):after, *:where(.iw-vue-app > div) ol a:not(.btn):after, *:where(.iw-vue-app > div) dd a:not(.btn):after, *:where(.iw-vue-app > div) .body a:not(.btn):after, *:where(.iw-vue-app > div) table:not(.table--email) td a:not(.btn):after { display: none; } *:where(.iw-vue-app > div) p a:not(.btn) [class*=fa-], *:where(.iw-vue-app > div) ul a:not(.btn) [class*=fa-], *:where(.iw-vue-app > div) ol a:not(.btn) [class*=fa-], *:where(.iw-vue-app > div) dd a:not(.btn) [class*=fa-], *:where(.iw-vue-app > div) .body a:not(.btn) [class*=fa-], *:where(.iw-vue-app > div) table:not(.table--email) td a:not(.btn) [class*=fa-] { margin: 0; display: inline; --fa-display: inline; } *:where(.iw-vue-app > div) p a:not(.btn) [class*=fa-]:after, *:where(.iw-vue-app > div) ul a:not(.btn) [class*=fa-]:after, *:where(.iw-vue-app > div) ol a:not(.btn) [class*=fa-]:after, *:where(.iw-vue-app > div) dd a:not(.btn) [class*=fa-]:after, *:where(.iw-vue-app > div) .body a:not(.btn) [class*=fa-]:after, *:where(.iw-vue-app > div) table:not(.table--email) td a:not(.btn) [class*=fa-]:after { content: " "; } *:where(.iw-vue-app > div) p a:not(.btn):not([disabled]):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) ul a:not(.btn):not([disabled]):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) ol a:not(.btn):not([disabled]):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) dd a:not(.btn):not([disabled]):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) .body a:not(.btn):not([disabled]):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) table:not(.table--email) td a:not(.btn):not([disabled]):is(:hover, :focus, .hover, :focus-within) { color: var(--colour-hover); text-decoration: none; } *:where(.iw-vue-app > div) p a:not(.btn):not([disabled]):is(:active, .active), *:where(.iw-vue-app > div) ul a:not(.btn):not([disabled]):is(:active, .active), *:where(.iw-vue-app > div) ol a:not(.btn):not([disabled]):is(:active, .active), *:where(.iw-vue-app > div) dd a:not(.btn):not([disabled]):is(:active, .active), *:where(.iw-vue-app > div) .body a:not(.btn):not([disabled]):is(:active, .active), *:where(.iw-vue-app > div) table:not(.table--email) td a:not(.btn):not([disabled]):is(:active, .active) { color: var(--colour-active); text-decoration: none; filter: brightness(85%); } *:where(.iw-vue-app > div) :is(a, button, label):has(.card, iam-card) { border: none; background: none; padding: 0; display: flex; margin-bottom: 1.5rem; outline: none !important; text-decoration: none; } *:where(.iw-vue-app > div) :is(a, button, label):has(.card, iam-card):before { display: none; } *:where(.iw-vue-app > div) :is(a, button, label):has(.card, iam-card):not([class*=col]) { margin: 0 0 1.5rem 0; } *:where(.iw-vue-app > div) :is(a, button, label):has(.card, iam-card):not(.d-inline-block):not([class*=col]) { width: 100%; } *:where(.iw-vue-app > div) :is(a, button, label):has(.card, iam-card) iam-card { width: 100%; } *:where(.iw-vue-app > div) :is(.youtube-link[data-youtube], .vimeo-link[data-vimeo]) { position: relative; } *:where(.iw-vue-app > div) :is(.youtube-link[data-youtube], .vimeo-link[data-vimeo]):before { content: ""; display: block; background-color: var(--video-btn-colour, var(--colour-success)); height: 3rem; width: 3rem; position: absolute; top: calc(50% - 1.5rem); left: calc(50% - 1.5rem); z-index: 2; border-radius: 1.5rem; } *:where(.iw-vue-app > div) :is(.youtube-link[data-youtube], .vimeo-link[data-vimeo]):after { --icon: url("data:image/svg+xml,"); content: ""; display: block; height: 1rem; width: 1rem; position: absolute; top: calc(50% - 0.5rem); left: calc(50% - 0.4rem); z-index: 5; background: var(--colour-primary-theme); mask-image: var(--icon); mask-size: 80%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon); -webkit-mask-size: 80%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; } *:where(.iw-vue-app > div) :is(.youtube-link[data-youtube], .vimeo-link[data-vimeo]):is(:hover, :focus) { --video-btn-colour: var(--colour-canvas); } *:where(.iw-vue-app > div) :is(.youtube-link[data-youtube], .vimeo-link[data-vimeo]):is(:active) { --video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important; } *:where(.iw-vue-app > div) *, *:where(.iw-vue-app > div) *::before, *:where(.iw-vue-app > div) *::after { box-sizing: border-box; } *:where(.iw-vue-app > div) button { border-radius: 0; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } *:where(.iw-vue-app > div) [role=button] { cursor: pointer; } *:where(.iw-vue-app > div) button:focus:not(:focus-visible) { outline: 0; } *:where(.iw-vue-app > div) button, *:where(.iw-vue-app > div) [type=button], *:where(.iw-vue-app > div) [type=reset], *:where(.iw-vue-app > div) [type=submit] { -webkit-appearance: button; } *:where(.iw-vue-app > div) button:not(:disabled), *:where(.iw-vue-app > div) [type=button]:not(:disabled), *:where(.iw-vue-app > div) [type=reset]:not(:disabled), *:where(.iw-vue-app > div) [type=submit]:not(:disabled) { cursor: pointer; } *:where(.iw-vue-app > div) .btn { --btn-margin: 1rem; --btn-padding-block: 0.75rem; --btn-padding-inline: 2.5rem; --btn-border-width: 0.125rem; --btn-font-size: 1.125rem; --btn-line-height: 1.25rem; display: inline-block; font-weight: bold; text-align: left; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; color: var(--colour-btn); font-size: var(--btn-font-size); line-height: var(--btn-line-height); padding: var(--btn-padding-block) var(--btn-padding-inline); border-radius: 1.5rem; margin-bottom: var(--btn-margin); background: none; transition: border 0.5s, background 0.5s, color 0.5s; height: auto; max-width: fit-content; appearance: none; white-space: nowrap; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .btn { --btn-margin: 1.5rem; } } *:where(.iw-vue-app > div) .btn:not(.btn-secondary)[class*=colour-] { --colour-btn-bg: var(--colour); --colour-btn-border: var(--colour); } *:where(.iw-vue-app > div) .btn:is(.colour-primary, .colour-dark, .colour-danger, .colour-black) { --colour-btn: #fcfcfc; } *:where(.iw-vue-app > div) .btn:not(.border-0) { background: var(--colour-btn-bg); border: var(--btn-border-width) solid var(--colour-btn-border); } *:where(.iw-vue-app > div) .btn:not(:last-child) { margin-right: var(--btn-margin); } *:where(.iw-vue-app > div) a:is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) .btn, *:where(.iw-vue-app > div) .btn:is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) { outline: 0; text-decoration: none; background: var(--colour-btn-bg-hover); color: var(--colour-btn-hover); border-radius: 1.5rem; } *:where(.iw-vue-app > div) a:is(:active, .active):not([disabled]) .btn, *:where(.iw-vue-app > div) .btn:is(:active, .active):not([disabled]) { filter: brightness(85%); transition: background 0.1s, color 0.1s; color: var(--colour-btn); border-radius: 1.5rem; } *:where(.iw-vue-app > div) a:disabled .btn, *:where(.iw-vue-app > div) .btn:disabled, *:where(.iw-vue-app > div) [disabled] .btn, *:where(.iw-vue-app > div) .btn[disabled] { opacity: 0.4; cursor: not-allowed; } *:where(.iw-vue-app > div) .btn.colour-success { --colour-btn-bg-hover: var(--colour); --colour-btn-border-hover: var(--colour); --colour-btn-hover: var(--colour-primary-theme); position: relative; padding-left: 3.5rem; padding-right: 3.5rem; } *:where(.iw-vue-app > div) a:is(:hover, :focus, .hover):not([disabled], :active, .active) .btn.colour-success, *:where(.iw-vue-app > div) .btn.colour-success:is(:hover, :focus, .hover):not([disabled], :active, .active) { padding-left: 2.5rem; padding-right: 2.5rem; } *:where(.iw-vue-app > div) a:is(:hover, :focus, .hover):not([disabled], :active, .active) .btn.colour-success:before, *:where(.iw-vue-app > div) .btn.colour-success:is(:hover, :focus, .hover):not([disabled], :active, .active):before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; margin-right: 1rem; font-style: inherit; width: 1rem; display: inline-block; height: var(--btn-line-height); vertical-align: bottom; } *:where(.iw-vue-app > div) .btn.btn-sm { --btn-padding-block: 0.5rem; --btn-padding-inline: 2rem; --btn-margin: 0.5rem; --btn-font-size: 1rem; } *:where(.iw-vue-app > div) .btn[class*=fa-]:before { content: var(--fa); font-family: "Font Awesome 6 Pro"; line-height: 1em; } *:where(.iw-vue-app > div) .btn.btn[class*=fa-after] { padding-right: 4rem; } *:where(.iw-vue-app > div) .btn.btn[class*=fa-after]:before { margin-right: 0; margin-right: 0.375rem; position: absolute; right: 1.5rem; top: 50%; transform: translate(0, -50%); } *:where(.iw-vue-app > div) .btn:not(.btn-compact):before { margin-right: 1rem; } *:where(.iw-vue-app > div) .btn i[class*=fa-] { font-family: "Font Awesome 6 Pro"; margin-right: 1rem; line-height: 1em; font-style: inherit; } *:where(.iw-vue-app > div) .btn i[class*=fa-]:not(:first-child) { margin-left: 1rem; margin-right: 0; } *:where(.iw-vue-app > div) .btn.btn--prompt:after { content: ""; height: var(--btn-line-height); width: 1rem; display: inline-block; background: currentColor; mask-image: var(--icon-arrow); mask-size: 100%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon-arrow); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; vertical-align: bottom; margin-left: 1rem; } *:where(.iw-vue-app > div) a:is(:hover, :focus, .hover):not([disabled], :active, .active) .btn.btn--prompt:after, *:where(.iw-vue-app > div) .btn.btn--prompt:is(:hover, :focus, .hover):not([disabled], :active, .active):after { margin-left: 1.5rem; margin-right: -0.5rem; } *:where(.iw-vue-app > div) .btn:has(select) { position: relative; padding-right: 3.5rem; } *:where(.iw-vue-app > div) .btn:has(select):not(.mw-100) { max-width: 13rem; } *:where(.iw-vue-app > div) .btn:has(select) select { all: unset !important; margin: calc(-0.75rem) calc(-2.5rem) !important; padding: var(--btn-padding-block) var(--btn-padding-inline) !important; padding-right: 3.5rem !important; margin-right: -3.5rem !important; border-radius: 1.5rem !important; appearance: none !important; background: none !important; border: none !important; color: currentColor !important; display: block; max-width: 100% !important; outline: none; font-weight: bold; font-size: var(--btn-font-size) !important; line-height: var(--btn-line-height) !important; } *:where(.iw-vue-app > div) .btn:has(select) select option { padding: 0; text-align: left; color: var(--colour-primary); } *:where(.iw-vue-app > div) .btn:has(select):after { position: absolute; top: 0.625rem; right: 2rem; content: ""; height: 1.5rem; width: 1rem; display: inline-block; background: currentColor; mask-image: var(--icon-arrow); mask-size: 100%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon-arrow); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; vertical-align: bottom; margin-left: 1rem; transform: rotate(90deg); pointer-events: none; } *:where(.iw-vue-app > div) .btn:has(select).active:after { transform: rotate(-90deg); } *:where(.iw-vue-app > div) .btn:has(select:focus):after { transform: rotate(-90deg); } *:where(.iw-vue-app > div) .btn-filter:after { content: "\f1de"; display: inline-block; margin-left: 1em; margin-bottom: -0.15em; height: 1em; width: 1em; z-index: var(--index-focus); color: currentColor; font-weight: 300; font-family: "Font Awesome 6 Pro"; } *:where(.iw-vue-app > div) .btn-secondary { color: var(--colour-btn-secondary); } *:where(.iw-vue-app > div) .btn-secondary:not(.border-0) { background: var(--colour-btn-secondary-bg); border: 2px solid var(--colour-btn-secondary-border); } *:where(.iw-vue-app > div) a:is(:hover, :focus, .hover, :active, .active):not([disabled]) .btn-secondary, *:where(.iw-vue-app > div) .btn-secondary:is(:hover, :focus, .hover, :focus-within, :active, .active):not([disabled]) { background: var(--colour-btn-secondary-bg-hover); color: var(--colour-btn-secondary-hover); } *:where(.iw-vue-app > div) .btn.btn-tertiary { background-color: transparent; border: none; color: var(--colour-link); margin: 0 var(--btn-margin) var(--btn-margin) 0; padding: 0; font-size: 1.125rem; font-weight: normal; line-height: 1.5rem; min-height: 1.5rem; position: relative; } *:where(.iw-vue-app > div) .btn.btn-tertiary:after { position: absolute; content: ""; top: 100%; left: 50%; height: 2px; width: 100%; transform: translate(-50%, 0); background: var(--colour-underline); transition: width 0.5s; } *:where(.iw-vue-app > div) .btn.btn-tertiary.text-decoration-none:after { width: 0%; } *:where(.iw-vue-app > div) .btn.btn-tertiary [class*=fa-] { margin-left: 0; margin-right: 0.5rem; } *:where(.iw-vue-app > div) .btn.btn-tertiary [class*=fa-]:not(:first-child) { margin-left: 0.5rem; margin-right: 0; } *:where(.iw-vue-app > div) .btn.btn-tertiary:is(:hover, :focus, .hover, :focus-within):not([disabled], :disabled, :active, .active):after { width: 60% !important; } *:where(.iw-vue-app > div) .btn.btn-tertiary:is(:active, .active):not([disabled], :disabled) { color: var(--colour-active); } *:where(.iw-vue-app > div) .btn-action { --btn-border-width: 0.0625rem; --btn-padding-block: 0.3125rem; --btn-padding-inline: 0.3125rem; --btn-margin: 0.5rem; } *:where(.iw-vue-app > div) .btn-action:not(.btn-primary) { color: var(--colour-heading); } *:where(.iw-vue-app > div) .btn-action:not(.btn-primary):not(.border-0) { background-color: var(--colour-canvas-2); border: var(--btn-border-width) solid var(--colour-muted); } *:where(.iw-vue-app > div) .btn-action { border-radius: 0.25rem !important; font-weight: 400 !important; font-size: 1rem; line-height: 1.25rem; } *:where(.iw-vue-app > div) .btn-action.btn[class*=fa-]:before { content: var(--fa); margin-right: 0.375rem; } *:where(.iw-vue-app > div) a:not(.btn-primary):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) .btn-action, *:where(.iw-vue-app > div) .btn-action:not(.btn-primary):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) { background: var(--colour-btn-action-hover-bg); } *:where(.iw-vue-app > div) .btn-primary:is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) .btn-action, *:where(.iw-vue-app > div) .btn-action.btn-primary:is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) { filter: brightness(90%); background: var(--colour-btn-bg); border: var(--btn-border-width) solid var(--colour-btn-border); color: var(--colour-btn); } *:where(.iw-vue-app > div) a:is(:active, .active):not([disabled]):not(.btn-primary) .btn-action, *:where(.iw-vue-app > div) .btn-action:is(:active, .active):not([disabled]):not(.btn-primary) { filter: brightness(85%); transition: all 0.1s; color: var(--colour-heading); } *:where(.iw-vue-app > div) .btn-compact { --compact-size: 3rem; padding: 0 !important; margin-bottom: 0.5rem; } *:where(.iw-vue-app > div) .btn-compact:not(:last-child) { margin-right: 0.5rem; } *:where(.iw-vue-app > div) .btn-compact { text-align: center; width: var(--compact-size); min-width: var(--compact-size); max-width: var(--compact-size); height: var(--compact-size) !important; min-height: var(--compact-size) !important; max-height: var(--compact-size) !important; line-height: var(--compact-size) !important; text-indent: -500px; overflow: hidden; position: relative; font-size: 1rem; } *:where(.iw-vue-app > div) .btn-compact:before { content: var(--fa); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; line-height: calc(var(--compact-size) - 0.25rem); font-weight: 900; } *:where(.iw-vue-app > div) .btn-compact[class*=fa-]:before { line-height: calc(var(--compact-size) - 0.25rem); } *:where(.iw-vue-app > div) .btn-compact.btn-sm { --compact-size: 2.5rem; font-size: 1rem; padding: 0 !important; } *:where(.iw-vue-app > div) .btn-compact.btn-action { --compact-size: 2rem; font-size: 1rem; } *:where(.iw-vue-app > div) .btn-compact.btn-action:before { font-size: 1em; font-weight: 400; } *:where(.iw-vue-app > div) .btn-compact.btn-secondary { --colour-btn-bg: transparent; --colour-btn-border: transparent; border-color: transparent; } *:where(.iw-vue-app > div) .btn-compact.btn-secondary:not([class*=colour-]) { --colour: var(--colour-light); } *:where(.iw-vue-app > div) .btn-compact.btn-secondary:is(:hover, :focus, .hover, :active, .active, [aria-expanded], :focus-within):not([disabled]):not(.btn-collapse) { background-color: var(--colour); color: var(--colour-primary-theme); border-color: var(--colour); } *:where(.iw-vue-app > div) .btn-compact.btn-secondary:is(:hover, :focus, .hover, :active, .active, [aria-expanded], :focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary, .colour-dark, .colour-danger, .colour-black) { color: var(--colour-inverted); } *:where(.iw-vue-app > div) .btn-compact[data-number] { position: relative; } *:where(.iw-vue-app > div) .btn-compact[data-number]:after { content: attr(data-number); position: absolute; top: 0.5em; z-index: 99; background: var(--colour-danger); height: 1.5em; width: 1.5em; border-radius: 50%; text-indent: 0; left: 50%; font-size: 0.5em; line-height: 1.5em; text-align: center; color: white; letter-spacing: -0.1em; font-family: arial, sans-serif; } *:where(.iw-vue-app > div) [class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover, :focus, .hover, :focus-within):not(.btn-collapse), *:where(.iw-vue-app > div) .invert-colours .btn-compact.btn-secondary:not(:hover, :focus, .hover, :focus-within):not(.btn-collapse) { background-color: var(--colour-inverted) !important; border-color: var(--colour-inverted) !important; color: var(--colour-primary-theme); } *:where(.iw-vue-app > div) [class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover, :focus, .hover, :focus-within):not([disabled]):not(.btn-collapse), *:where(.iw-vue-app > div) .invert-colours .btn-compact.btn-secondary:is(:hover, :focus, .hover, :focus-within):not([disabled]):not(.btn-collapse) { background-color: transparent; border-color: var(--colour-inverted) !important; color: var(--colour-inverted); } *:where(.iw-vue-app > div) [class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled], *:where(.iw-vue-app > div) .invert-colours .btn-compact.btn-secondary[disabled] { background-color: var(--colour-inverted) !important; border-color: var(--colour-inverted) !important; color: var(--colour-primary-theme) !important; } *:where(.iw-vue-app > div) body:not(.js-enabled) dialog:not([open]):target { display: block; } *:where(.iw-vue-app > div) dialog { --dialog-padding: 1.5rem; --mh-padding-inline: var(--dialog-padding); color: inherit; width: fit-content; height: fit-content; border: none; overscroll-behavior: contain; background: var(--colour-canvas-2); box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.11); border-radius: 0.625rem; padding: var(--dialog-padding); outline: var(--contrast-outline-width, 0px) solid var(--colour-primary); } *:where(.iw-vue-app > div) dialog[open] { display: flex; flex-direction: column; } *:where(.iw-vue-app > div) dialog[open] > *:last-child { margin-bottom: 0; } *:where(.iw-vue-app > div) dialog[open] > :is(p):last-child { padding-bottom: 0; } *:where(.iw-vue-app > div) .dialog__wrapper { position: relative; display: inline-block; margin-bottom: calc(var(--btn-margin) - 0.25rem); } *:where(.iw-vue-app > div) .dialog__wrapper:has(dialog[open], dialog:popover-open) > button { background: var(--colour-btn-secondary-bg-hover); } *:where(.iw-vue-app > div) .dialog__wrapper:has(dialog[open], dialog:popover-open) > button:not(.btn-action) { color: var(--colour-btn-secondary-hover); } *:where(.iw-vue-app > div) .dialog__wrapper:has(dialog[open], dialog:popover-open) > button { filter: brightness(85%); transition: background 0.1s, color 0.1s; border-radius: 1.5rem; } *:where(.iw-vue-app > div) .dialog__wrapper > .btn:first-child:not(.btn-compact):not([class*=fa-]):after { content: ""; display: inline-block; margin-left: 1em; height: 1em; width: 1em; z-index: var(--index-focus); background: currentColor; mask-image: var(--icon-arrow); mask-size: 100%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon-arrow); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; transform: rotate(90deg); } *:where(.iw-vue-app > div) .dialog__wrapper > .btn:first-child[aria-expanded]:not([data-number]):after { transform: rotate(270deg); } *:where(.iw-vue-app > div) .dialog__wrapper > .btn:first-child:has(+ dialog[open]):not([data-number]):after { transform: rotate(270deg); } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open) { left: 0; margin-top: -1rem; top: 100%; z-index: var(--index-floating); min-width: 20rem; border-radius: 1rem; width: 20rem; padding: 1.5rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open) { width: 20.9375rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open) { width: 22.5rem; } } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list { width: fit-content !important; min-width: 8.75rem !important; max-width: 17.5rem !important; padding: 1rem; margin: 0; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list { width: max-content !important; } } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list hr { height: 2px; background: var(--colour-border); margin-left: -1rem; margin-right: -1rem; margin-block: 0.25rem; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list .radio--tick { margin-right: 0; padding-left: 1.5rem; margin-bottom: 0; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list .radio--tick:before { left: 0; font-size: 1em; top: 0.75rem; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list a { padding: 0.375rem; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list a:not(:hover, :focus, :active) { border-color: transparent; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list a { margin: 0; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list a:after { display: none; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list .btn-action:not(:hover, :focus, :active) { border-color: transparent; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open).dialog--list .btn-action { margin: 0; } *:where(.iw-vue-app > div) .dialog__wrapper > :is(dialog[open], dialog:popover-open) :is(dialog[open], dialog:popover-open) { display: contents; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--right > :is(dialog[open], dialog:popover-open) { right: 0; left: auto; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--sm > :is(dialog[open], dialog:popover-open) { width: 14.9375rem; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--lg > :is(dialog[open], dialog:popover-open) { width: 19.9375rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--sm-left > dialog[open] { left: 0; right: auto; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--sm-right > dialog[open] { right: 0; left: auto; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--sm > dialog[open] { width: 16.5625rem; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--lg > dialog[open] { width: 28.25rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--md-left > dialog[open] { left: 0; right: auto; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--md-right > dialog[open] { right: 0; left: auto; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--sm > dialog[open] { width: 16.625rem; } *:where(.iw-vue-app > div) .dialog__wrapper.dialog__wrapper--lg > dialog[open] { width: 28.375rem; } } *:where(.iw-vue-app > div) .dialog__wrapper :is(.empty, .individual) { display: none; } @supports selector(:has(*)) { *:where(.iw-vue-app > div) .dialog__wrapper :is(.empty, .individual) { display: inline; } } *:where(.iw-vue-app > div) .dialog__wrapper:has(input:checked) .empty, *:where(.iw-vue-app > div) .dialog__wrapper:not(:has(input:checked)) .individual, *:where(.iw-vue-app > div) .dialog__wrapper:has(input:checked ~ input:checked) .individual, *:where(.iw-vue-app > div) .dialog__wrapper:not(:has(input:checked ~ input:checked)) .multiple { display: none; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] { overflow-y: hidden; width: 90vw; max-width: 20.25rem; max-height: min(90vh, 47rem); overscroll-behavior: contain; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child { position: static; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child { position: absolute; top: var(--dialog-padding); right: var(--dialog-padding); z-index: var(--index-floating); text-indent: 300%; overflow: hidden; border: none; height: 1.25rem; width: 1.25rem; background: transparent; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button:after, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child:after { content: ""; top: 0; left: 0; position: absolute; display: block; height: 1.25rem; width: 1.25rem; z-index: var(--index-focus); background: currentColor; mask-image: var(--icon-close); mask-size: 100%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon-close); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button + *, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child + * { padding-right: var(--dialog-padding); margin-right: 1.25rem; display: block; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button + span:not(.h1, .h2, .h3, .h4, .h5, .h6), *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child + span:not(.h1, .h2, .h3, .h4, .h5, .h6) { padding-bottom: 0.5rem; line-height: 1.1875rem; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + *, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + * { padding-right: var(--dialog-padding); margin-right: 1.25rem; display: block; } @media (forced-colors: active) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child { text-indent: 0; width: fit-content; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > form:first-child button:after, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] > button:first-child:after { display: none; } } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] { --dialog-padding: 2rem; min-width: 20.9375rem; width: fit-content; max-width: 42.875rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] { min-width: 28.375rem; width: fit-content; max-width: 46rem; } } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { padding: 0 !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open].dialog--fullwidth { max-width: 69.5rem; } @media screen and (max-width: 36em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] :is(form, fieldset, .btn--wrapper):has(> .btn:first-child, > .btn:last-child) .btn:not(.dialog__close) { width: 100%; max-width: 100%; margin: 0; display: block; text-align: center; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] :is(form, fieldset, .btn--wrapper):has(> .btn:first-child, > .btn:last-child) .btn:not(.dialog__close):not(:last-child) { margin-bottom: 1rem !important; } } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] .mh-lg { padding-left: 1rem; margin-left: -1rem; padding-right: calc(var(--dialog-padding) - 10px); margin-right: calc(var(--dialog-padding) * -1 + 10px); margin-bottom: calc(var(--dialog-padding) * -1); } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] .mh-lg > *:last-child { margin-bottom: 2rem !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open] .mh-lg > p:last-child { padding-bottom: 0 !important; } *:where(.iw-vue-app > div) dialog::backdrop { background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px); overscroll-behavior: contain; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) { text-align: center; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):before { content: "\f05a"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; font-family: "Font Awesome 6 Pro"; font-size: 3rem; margin-top: 0; margin-bottom: 1.5rem; line-height: 1; color: var(--colour-heading); clear: both; } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):before { font-size: 4rem; } } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i):before { display: none; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i { display: var(--fa-display, inline-block); line-height: 1; font-size: 3rem; margin-top: 0; margin-bottom: 1.5rem; line-height: 1; color: var(--colour-heading); clear: both; } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i { font-size: 4rem; } } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i:has(> i) { position: relative; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement):has(> i) > i > i:before { position: absolute; top: 0; left: 50%; transform: scale(0.5) translate(-100%, 0); } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > form:first-child button, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > button:first-child { display: none; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > form:first-child button + *, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > button:first-child + * { padding-right: 0; margin-right: 0; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > form:first-child button + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + *, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) > button:first-child + span:not(.h1, .h2, .h3, .h4, .h5, .h6) + * { padding-right: 0; margin-right: 0; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) form > :is(button, a) { margin-bottom: 0; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) :is(button, .btn):has(~ :is(button, .btn):last-child), *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:is(.dialog--transactional, .dialog--acknowledgement) :is(button, .btn):last-child { min-width: calc(50% - 1rem); text-align: center; } } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { display: block; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) .mh-lg, *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) .mh-lg:before { display: contents; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { min-width: 42.875rem; max-width: 42.875rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open]:has(.youtube-embed) { min-width: 46rem; max-width: 46rem; } } *:where(.iw-vue-app > div) dialog:has(> .admin-panel) .dialog__close { margin-top: -0.8rem; } *:where(.iw-vue-app > div) dialog > .admin-panel { margin: -1rem calc(var(--dialog-padding) * -1) calc(var(--dialog-padding) * -1) calc(var(--dialog-padding) * -1) !important; padding-top: 0; } *:where(.iw-vue-app > div) dialog > .admin-panel:last-child { margin-bottom: calc(var(--dialog-padding) * -1); } *:where(.iw-vue-app > div) dialog:has(.embed) { width: calc(100% - 6rem) !important; max-width: 50rem !important; padding: 0; aspect-ratio: 16/9; } *:where(.iw-vue-app > div) dialog:has(.embed) .embed { aspect-ratio: 16/9; width: 100%; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { padding: 0; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] > button:first-child { top: calc(var(--dialog-padding) * 4) !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] :is(.h1, .h2, .h3, .h4, .h5, .h6) { padding-right: calc(var(--dialog-padding) * 3); padding-bottom: var(--dialog-padding); } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] iam-multi-step { padding-inline: 0 !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] form { overflow: auto; padding-bottom: var(--dialog-padding); max-height: calc(min(90vh, 47rem) - 6rem); } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset > :last-child { margin-bottom: var(--dialog-padding) !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset > p:last-child { padding-bottom: 0 !important; margin-bottom: var(--dialog-padding) !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset:not(.active) { display: none; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { min-width: 28.25rem; width: 28.25rem; max-width: 28.25rem; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] > button:first-child { top: calc(var(--dialog-padding) * 3.25) !important; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] .btn--wrapper { margin-top: auto; text-align: right; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] form { height: calc(100vh - 6rem); padding-left: 0 !important; padding-right: var(--dialog-padding) !important; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { min-width: 57.75rem; width: 57.75rem; max-width: 57.75rem; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] > button:first-child { top: calc(var(--dialog-padding) * 1) !important; } } @media screen and (min-width: 62em) and (min-height: 31.25rem) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] { height: 29.875rem; max-height: 29.875rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] form { display: flex; flex-direction: column; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset { display: flex; flex-direction: column; flex-grow: 1; position: relative; overflow: auto; margin-bottom: calc(var(--dialog-padding) * -1); padding-right: calc(var(--dialog-padding) - 10px); margin-right: calc(var(--dialog-padding) * -1 + 10px); max-height: 23.125rem; } *:where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog:has(iam-multi-step)[open] fieldset::before { content: ""; top: 100%; bottom: 0; left: 0; right: 0; height: var(--dialog-padding); min-height: var(--dialog-padding); position: sticky; display: block; background: linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%); z-index: 2; margin-bottom: calc(var(--dialog-padding) * -1); } } @media screen and (max-width: 36em) { *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) { min-width: 100%; min-height: 100%; border-radius: 0; overflow-y: auto; } *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) iam-multi-step { padding-inline: 0 !important; } *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) form { height: calc(100vh - 6rem); padding-inline: var(--dialog-padding) !important; } *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) .btn--wrapper { padding-top: 4rem; } *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) .mh-lg { max-height: none !important; overflow: visible; } *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step):before, *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) *:first-child { margin-top: auto !important; } *:where(.iw-vue-app > div) dialog[open]:has(iam-multi-step) *:last-child { margin-bottom: auto !important; } } *:where(.iw-vue-app > div) .admin-panel { --padding-x: 1.5rem; --padding-top: 1rem; --padding-bottom: 1rem; --mh-modifier: 4.5rem; --mh-padding-inline: var(--padding-x); display: block; padding: var(--padding-top) var(--padding-x) var(--padding-bottom) var(--padding-x); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11); background-color: var(--colour-canvas-2); border-radius: 0.5rem; margin-bottom: 1.5rem; outline: var(--contrast-outline-width, 0px) solid var(--colour-primary); overflow: hidden; } *:where(.iw-vue-app > div) .admin-panel:empty { display: none; } *:where(.iw-vue-app > div) .admin-panel > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .admin-panel__heading):first-child { --gradient-direction: -90deg !important; background-color: var(--colour-success); } *:where(.iw-vue-app > div) .admin-panel > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .admin-panel__heading):first-child:not([class*=bg-]) { color: var(--colour-primary-theme); background-image: linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%); } *:where(.iw-vue-app > div) .admin-panel > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .admin-panel__heading):first-child { margin: calc(var(--padding-top) * -1) calc(var(--padding-x) * -1) var(--padding-top) calc(var(--padding-x) * -1); display: block; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } *:where(.iw-vue-app > div) .admin-panel > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):first-child, *:where(.iw-vue-app > div) .admin-panel .admin-panel__heading > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; padding: 1rem 1.5rem; } *:where(.iw-vue-app > div) .admin-panel > :is(.admin-panel__heading):first-child { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; padding: 1rem 1.5rem; } *:where(.iw-vue-app > div) .admin-panel > :is(.admin-panel__heading):first-child > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { padding: 0; margin-inline-end: auto; } *:where(.iw-vue-app > div) .admin-panel > :is(.admin-panel__heading):first-child .btn { --btn-margin: 0; margin-bottom: 0; } *:where(.iw-vue-app > div) .admin-panel > :is(.admin-panel__heading):first-child .dialog__wrapper + .btn { --btn-margin: 0.25rem; margin-inline-end: 0; } @media (prefers-color-scheme: light) { *:where(.iw-vue-app > div) .admin-panel > :is(.admin-panel__heading):first-child .btn-action, *:where(.iw-vue-app > div) .admin-panel > :is(.admin-panel__heading):first-child .dialog__wrapper { --colour-canvas-2: #ffffff; --colour-heading: var(--colour-primary); --colour-btn-action-hover-bg: var(--colour-light); --colour-btn-hover: var(--colour-primary); --colour-border: #d8d8d8; } } *:where(.iw-vue-app > div) .admin-panel :is(iam-table, .iam-table) { margin: 0 0 2rem 0; padding: 0; box-shadow: none; background: none; } *:where(.iw-vue-app > div) .admin-panel > *:last-child { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) .admin-panel > *:is(p):last-child { padding-bottom: 0 !important; } *:where(.iw-vue-app > div) .admin-panel p { max-width: 100%; padding-bottom: 1.5rem; } *:where(.iw-vue-app > div) .admin-panel > :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid) { overflow: auto; } *:where(.iw-vue-app > div) .admin-panel > :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid):before { top: 100% !important; } *:where(.iw-vue-app > div) .admin-panel > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):first-child + :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid) { padding-top: var(--padding-top); margin-top: calc(var(--padding-top) * -1); } *:where(.iw-vue-app > div) .admin-panel > :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid):last-child { padding-bottom: var(--padding-bottom); margin-bottom: calc(var(--padding-bottom) * -1) !important; } *:where(.iw-vue-app > div) .admin-panel > :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid):last-child > *:last-child { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) .admin-panel > :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid):last-child > *:is(p):last-child { padding-bottom: 0 !important; } *:where(.iw-vue-app > div) .admin-panel > iam-pagination { margin-top: -1rem; } *:where(.iw-vue-app > div) .admin-panel:has(.mh-fluid) { max-height: 100%; display: flex; flex-direction: column; } *:where(.iw-vue-app > div) .admin-panel.grid { display: grid !important; grid-template-columns: subgrid !important; } *:where(.iw-vue-app > div) .admin-panel.grid > *:not(:first-child) { grid-column: var(--col-start, col-1-start)/var(--col-end, col-12-end); } *:where(.iw-vue-app > div) [class*=col].admin-panel:first-child:last-child:not(:has(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid)) { min-height: calc(100% - 1.5rem); } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) > :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):first-child { margin-bottom: 0; } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar { background: var(--colour-canvas); margin-inline: calc(var(--padding-x) * -1); margin-bottom: var(--padding-top); background: #eeeeee; } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar:first-child { margin-top: calc(var(--padding-top) * -1); } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) iam-actionbar:not(:first-child) { border-radius: 0; } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) > iam-table { overflow: visible; } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) > iam-table:first-child { margin-top: calc(var(--padding-top) * -1); } *:where(.iw-vue-app > div) .admin-panel:has(iam-actionbar) > iam-table iam-actionbar { margin-top: 0 !important; border-radius: 0; box-shadow: none; } *:where(.iw-vue-app > div) details.admin-panel summary:after { content: "\f077"; font-weight: bold; margin-left: 0; height: 2rem; width: 2rem; text-align: center; line-height: 2rem; margin-right: -0.5rem; } *:where(.iw-vue-app > div) details.admin-panel summary:not(:has(.btn:hover)):hover:after { background: var(--colour-light); border-radius: 50%; } *:where(.iw-vue-app > div) details.admin-panel summary:not(:has(.btn:hover)):active:after { background: var(--colour-light); filter: brightness(85%); border-radius: 50%; } *:where(.iw-vue-app > div) details.admin-panel:not([open]) { padding-bottom: 0; } *:where(.iw-vue-app > div) details.admin-panel:not([open]) summary:first-child { margin-bottom: 0; } *:where(.iw-vue-app > div) details.admin-panel:not([open]) summary:after { content: "\f078"; } *:where(.iw-vue-app > div) label { display: inline-block; } *:where(.iw-vue-app > div) input, *:where(.iw-vue-app > div) select, *:where(.iw-vue-app > div) optgroup, *:where(.iw-vue-app > div) textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } *:where(.iw-vue-app > div) select { text-transform: none; } *:where(.iw-vue-app > div) select { word-wrap: normal; } *:where(.iw-vue-app > div) select:disabled { opacity: 1; } *:where(.iw-vue-app > div) [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } *:where(.iw-vue-app > div) ::-moz-focus-inner { padding: 0; border-style: none; } *:where(.iw-vue-app > div) textarea { resize: vertical; } *:where(.iw-vue-app > div) fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } *:where(.iw-vue-app > div) legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; } *:where(.iw-vue-app > div) legend + * { clear: left; } *:where(.iw-vue-app > div) ::-webkit-datetime-edit-fields-wrapper, *:where(.iw-vue-app > div) ::-webkit-datetime-edit-text, *:where(.iw-vue-app > div) ::-webkit-datetime-edit-minute, *:where(.iw-vue-app > div) ::-webkit-datetime-edit-hour-field, *:where(.iw-vue-app > div) ::-webkit-datetime-edit-day-field, *:where(.iw-vue-app > div) ::-webkit-datetime-edit-month-field, *:where(.iw-vue-app > div) ::-webkit-datetime-edit-year-field { padding: 0; } *:where(.iw-vue-app > div) ::-webkit-inner-spin-button { height: auto; } *:where(.iw-vue-app > div) [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } *:where(.iw-vue-app > div) { /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ } *:where(.iw-vue-app > div) ::-webkit-search-decoration { -webkit-appearance: none; } *:where(.iw-vue-app > div) ::-webkit-color-swatch-wrapper { padding: 0; } *:where(.iw-vue-app > div) ::file-selector-button { font: inherit; -webkit-appearance: button; } *:where(.iw-vue-app > div) output { display: inline-block; } *:where(.iw-vue-app > div) iframe { border: 0; } *:where(.iw-vue-app > div) summary { display: list-item; cursor: pointer; } *:where(.iw-vue-app > div) progress { vertical-align: baseline; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label) { font-size: 1.125rem; line-height: 1.3125rem; margin-bottom: 0.5rem; font-weight: normal; color: var(--colour-heading); display: block; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(+ input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after { content: " (Optional)"; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])) .optional-text:before { content: " (Optional)"; } *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output, select:not(.select--minimal)) { display: block; width: 100%; display: block; width: 100%; padding: var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem); font-size: var(--input-fs, 1rem); line-height: var(--input-lh, 1.25rem); color: var(--colour-body); background-color: var(--colour-canvas-2); background-clip: padding-box; border: 2px solid var(--colour-primary); appearance: none; border-radius: 0.5rem; margin-bottom: 1.5rem; min-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px); max-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px); } *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output, select:not(.select--minimal)):is(textarea) { max-height: 100%; } *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output, select:not(.select--minimal)):is(:focus, .focus):not(:disabled) { border-color: var(--colour-info); outline: 0; box-shadow: 0 0 0 0.1rem rgba(30, 190, 230, 0.25); } *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output, select:not(.select--minimal))::-webkit-date-and-time-value { height: 1.5em; } *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output, select:not(.select--minimal)):disabled { background-color: #ccd6d8; opacity: 0.4; cursor: not-allowed; } *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])) { max-width: var(--input-max-width, 50rem); } *:where(.iw-vue-app > div) textarea { --textarea-height-scale: 3; min-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) * var(--textarea-height-scale) + 4px) !important; } *:where(.iw-vue-app > div) fieldset { width: 100%; } *:where(.iw-vue-app > div) legend { font-family: var(--font-heading); font-style: normal; font-weight: var(--heading-weight); line-height: 2rem; color: var(--colour-heading); margin: 0; clear: both; display: block; float: none; font-size: round(var(--body-fs, 1rem) * pow(var(--type-scale), 2), 0.25rem); line-height: round(up, 1em * var(--type-scale), 0.25rem); padding-bottom: 0.5rem; max-width: var(--content-max-width); min-width: 100%; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) { position: relative; max-width: var(--input-max-width, 50rem); margin-bottom: 1.5rem; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) output, *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) .prefix, *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) .suffix { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) { display: flex; flex-wrap: wrap; align-items: center; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) > *:not(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):not(output):not(.prefix):not(.suffix) { flex-shrink: 0; width: 100%; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output) { flex-shrink: 1; flex-grow: 1; width: 0; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input) input ~ *:not(output) { order: 5; margin-top: 0.5rem; } *:where(.iw-vue-app > div) input[type=color] { width: 3rem !important; flex-shrink: 0 !important; flex-grow: 0 !important; border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; padding: 0 !important; overflow: hidden; cursor: pointer !important; } *:where(.iw-vue-app > div) input[type=color]::-moz-color-swatch { border-radius: 0; border: none; } *:where(.iw-vue-app > div) input[type=color]::-webkit-color-swatch { border-radius: 0; border: none; } *:where(.iw-vue-app > div) label :is(div, span, fieldset):has(input[type=color] + output) { display: flex; } *:where(.iw-vue-app > div) input[type=color] + output { border-left: none !important; border-end-start-radius: 0 !important; border-start-start-radius: 0 !important; margin: 0 !important; } *:where(.iw-vue-app > div) output { margin-top: 0.5rem !important; margin-bottom: 0 !important; } *:where(.iw-vue-app > div) div:has(> :is(.form-control-sm, .input--sm)) { --input-fs: 0.875rem; --input-lh: 1rem; --input-padding-block: 0.625rem; --input-padding-inline: 0.875rem; } *:where(.iw-vue-app > div) div:has(> :is(.form-control-lg, .input--sm)) { --input-fs: 1.5rem; --input-lh: 1.8125rem; --input-padding-block: 1.25rem; --input-padding-inline: 1.375rem; } *:where(.iw-vue-app > div) div:has(> label:first-child):has(> input):has(> :is(.form-control-inline, .input--inline)) label { flex-shrink: 0; white-space: nowrap; width: fit-content !important; margin: 0; margin-inline-end: 1rem; } *:where(.iw-vue-app > div) *:has(> input[readonly]) { position: relative; max-width: var(--input-max-width, 50rem); } *:where(.iw-vue-app > div) *:has(> input[readonly]):after { font-family: "Font Awesome 6 Pro"; font-weight: 300; content: "\f023"; position: absolute; font-size: var(--input-lh, 1.25rem); height: var(--input-lh, 1.25rem); width: var(--input-lh, 1.25rem); bottom: calc(var(--input-padding-block, 0.75rem) + 2px); right: calc(var(--input-padding-block, 1rem) + 2px); text-align: center; } *:where(.iw-vue-app > div) :is(.prefix, .suffix) { display: none; pointer-events: none; } @supports selector(:has(*)) { *:where(.iw-vue-app > div) :is(.prefix, .suffix) { display: inline-block; width: auto; padding: var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem); font-size: var(--input-fs, 1rem); line-height: var(--input-lh, 1.25rem); color: var(--colour-body); background-color: var(--colour-primary-theme); border: 2px solid var(--colour-primary); color: var(--colour-white); margin-top: 0 !important; margin-bottom: 1rem; border-end-start-radius: 0.5rem; border-start-start-radius: 0.5rem; min-width: calc(2.75rem + 4px); overflow: hidden; white-space: nowrap; text-align: center; text-overflow: ellipsis; position: relative; min-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px); max-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px); flex-shrink: 0; } *:where(.iw-vue-app > div) :is(.prefix, .suffix):after { display: inline-block; max-width: 1.25rem; } *:where(.iw-vue-app > div) :is(.prefix, .suffix)[class*=fa-] { width: calc(2.75rem + 4px); padding-inline: 0; } *:where(.iw-vue-app > div) :is(.prefix, .suffix) select { position: absolute; inset: 0; opacity: 0; cursor: pointer; } *:where(.iw-vue-app > div) :is(.prefix, .suffix) span { display: none; } *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(1):checked) ~ span:nth-of-type(1), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(2):checked) ~ span:nth-of-type(2), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(3):checked) ~ span:nth-of-type(3), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(4):checked) ~ span:nth-of-type(4), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(5):checked) ~ span:nth-of-type(5), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(6):checked) ~ span:nth-of-type(6), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(7):checked) ~ span:nth-of-type(7), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(8):checked) ~ span:nth-of-type(8), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(9):checked) ~ span:nth-of-type(9), *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:has(option:nth-child(10):checked) ~ span:nth-of-type(10) { display: block; } *:where(.iw-vue-app > div) :is(.prefix, .suffix) select ~ span:after { content: " \f078"; font-family: "Font Awesome 6 Pro"; font-size: 0.8em; display: inline-block; padding-left: 1em; } *:where(.iw-vue-app > div) :is(.prefix, .suffix) select:focus-visible ~ span:after { content: "\f077"; } *:where(.iw-vue-app > div) .prefix { border-right: none; } *:where(.iw-vue-app > div) .suffix { border-left: none; border-end-start-radius: 0; border-start-start-radius: 0; border-start-end-radius: 0.5rem !important; border-end-end-radius: 0.5rem !important; order: 2; } *:where(.iw-vue-app > div) .prefix span { display: none; } *:where(.iw-vue-app > div) .prefix span small { font-size: 0.8em; } *:where(.iw-vue-app > div) .prefix ~ :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), textarea, output) { border-end-start-radius: 0 !important; border-start-start-radius: 0 !important; } *:where(.iw-vue-app > div) .suffix ~ :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]), textarea, output), *:where(.iw-vue-app > div) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]), textarea, output):has(~ .suffix) { order: 1; border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } } *:where(.iw-vue-app > div) :is(input, textarea)[maxlength] + span { position: relative; } *:where(.iw-vue-app > div) :is(input, textarea)[maxlength] + span:before { counter-reset: variable var(--char-count) var(--maxlength); counter-reset: variable2 var(--maxlength); content: attr(data-count) " / " counter(variable2); float: right; margin: 0 0 1em 1em; } *:where(.iw-vue-app > div) .was-validated *:not(button):is(:invalid, .is-invalid, [aria-invalid]):not(.is-valid) + label, *:where(.iw-vue-app > div) .was-validated label:has(*:not(button):is(:invalid, .is-invalid, [aria-invalid]):not(.is-valid)) { --colour-check-border: var(--colour-danger); --colour-check-bg: #fcebec; border-color: var(--colour-danger); } *:where(.iw-vue-app > div) .was-validated *:not(button):is(:invalid, .is-invalid, [aria-invalid], :-internal-autofill-selected) { border-color: var(--colour-danger) !important; } *:where(.iw-vue-app > div) .was-validated select:is(:invalid, .is-invalid, [aria-invalid], :-internal-autofill-selected) { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat, linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e") right var(--input-padding-block, 3.5rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat; padding-right: 6rem !important; } *:where(.iw-vue-app > div) .was-validated input:is(:invalid, .is-invalid, [aria-invalid], :-internal-autofill-selected) { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right var(--input-padding-inline, 1rem) center; background-size: var(--input-lh, 1.25rem) var(--input-lh, 1.25rem); padding-right: calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important; } *:where(.iw-vue-app > div) .was-validated *:not(button):is(:valid, .is-valid):not(.is-invalid) { border-color: var(--colour-complete); } *:where(.iw-vue-app > div) .was-validated input:is(:valid, .is-valid):not(:is(:invalid, .is-invalid)) { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right var(--input-padding-inline, 1rem) center; background-size: var(--input-lh, 1.25rem) var(--input-lh, 1.25rem); padding-right: calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important; } *:where(.iw-vue-app > div) .invalid-feedback { color: var(--colour-danger); margin-top: 0.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left top 1px; background-size: var(--input-fs, 1rem) var(--input-fs, 1rem); padding-left: calc(var(--input-fs, 1rem) + 0.5rem); display: none; } *:where(.iw-vue-app > div) iam-address-lookup:has([required]) { --req-display: none; } *:where(.iw-vue-app > div) .was-validated :is(:invalid, .is-invalid) ~ .invalid-feedback { display: block; } *:where(.iw-vue-app > div) .was-validated iam-address-lookup:has([required]:invalid) { --error-border: var(--colour-danger); --error-display: block; } *:where(.iw-vue-app > div) .pwd-checker { display: block; background-repeat: no-repeat !important; background-position: left center; background-size: 1em 1em; padding-left: 1.5rem !important; } *:where(.iw-vue-app > div) .pwd-checker.invalid-feedback { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e"); } *:where(.iw-vue-app > div) .pwd-checker:not(.invalid-feedback) { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e") !important; } *:where(.iw-vue-app > div) label:has(.pwd-checker.invalid-feedback):after { display: none !important; } @supports selector(:has(*)) { *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) { position: absolute; top: 0; left: 0; opacity: 0; height: 0; width: 0; margin: 0; pointer-events: none; } *:where(.iw-vue-app > div) :is(div, fieldset, label:not(.tag)):has(> input:is([type=radio], [type=checkbox])):not(:has(label input)) { position: relative; margin-bottom: 1.5rem; } *:where(.iw-vue-app > div) :is(div, fieldset, label:not(.tag)):has(> input[type=radio]) { --border-radius: 50%; --outline-width: 0.5rem; } *:where(.iw-vue-app > div) :is(div, fieldset, label:not(.tag)):has(> input[type=checkbox]) { --border-radius: 0.25rem; --outline-width: 0.25rem; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label:not(:has(> iam-card)), *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox])):not(:has(> iam-card)) { --tick-colour: transparent; color: var(--colour-heading); position: relative; font-size: 1rem; line-height: 1.25rem; padding-left: 2.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; margin-bottom: 1.5rem; margin-right: 1.5rem; cursor: pointer; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label:not(:has(> iam-card)):has(+ span), *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox])):not(:has(> iam-card)):has(+ span) { margin-bottom: 0; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label:not(:has(> iam-card)):has(+ input), *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox])):not(:has(> iam-card)):has(+ input) { margin-bottom: 0; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label:not(:has(> iam-card)):last-child, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox])):not(:has(> iam-card)):last-child { margin-bottom: 0; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label:not(:has(> iam-card)):before, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox])):not(:has(> iam-card)):before { content: ""; border: 2px solid var(--colour-check-border, var(--colour-primary)); background: var(--colour-check-bg, transparent); border-radius: var(--border-radius); height: var(--radio-size, 1.5rem); width: var(--radio-size, 1.5rem); display: inline-block; position: absolute; top: 0.5rem; left: var(--outline-width); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label:not(:has(> iam-card)).btn:before, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox])):not(:has(> iam-card)).btn:before { opacity: 0; } *:where(.iw-vue-app > div) input[type=radio] + label:not(:has(> iam-card)):after, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=radio]):not(:has(> iam-card)):after { content: "" !important; background: var(--colour-info); border-radius: var(--border-radius); height: 0.875rem; width: 0.875rem; height: var(--radio-inner-size, 0.875rem); width: var(--radio-inner-size, 0.875rem); display: none; position: absolute; top: var(--radio-inner-top, 0.8125rem); left: var(--radio-inner-left, calc(0.3125rem + var(--outline-width))); } *:where(.iw-vue-app > div) input[type=radio] + label:not(:has(> iam-card)).radio--tick:before, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=radio]):not(:has(> iam-card)).radio--tick:before { content: "\f00c"; position: absolute; font-size: 1.5em; line-height: 1; color: var(--tick-colour); font-family: "Font Awesome 6 Pro"; background: none !important; border: none !important; outline: none !important; left: 0.25rem; } *:where(.iw-vue-app > div) input[type=radio] + label:not(:has(> iam-card)).radio--tick:after, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=radio]):not(:has(> iam-card)).radio--tick:after { display: none; } @media (forced-colors: active) { *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):not(:checked) + label.radio--tick:not(:has(> iam-card)):before, *:where(.iw-vue-app > div) label:has(input:is([type=radio], [type=checkbox]):not(:checked)).radio--tick:not(:has(> iam-card)):before { display: none; } } *:where(.iw-vue-app > div) :is(div, fieldset):has(> :is(input[type=radio], input[type=checkbox]):nth-of-type(2)) label:not(.tag):not(:has(> iam-card)) { margin-bottom: 0rem; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):checked + label, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):checked) { --tick-colour: var(--colour-info); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):checked + label:before, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):checked):before { border-color: var(--colour-info); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):checked + label:after, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):checked):after { display: inline-block; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):checked + label iam-card, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):checked) iam-card { --colour: var(--colour, var(--colour-info)); } *:where(.iw-vue-app > div) input[type=checkbox]:not([disabled]):checked + label:before, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before { background: var(--colour-info) !important; } *:where(.iw-vue-app > div) input[type=checkbox]:checked + label:not(:has(> iam-card)):after, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=checkbox]:checked):after { content: "\f00c"; position: absolute; font-size: var(--checkbox-tick-size, 1em); line-height: 1; color: var(--colour-primary-theme); font-family: "Font Awesome 6 Pro"; font-weight: bold; height: var(--checkbox-inner-size, 1.5rem); width: var(--checkbox-inner-size, 1.5rem); line-height: 1.625rem; background: none !important; border: none !important; outline: none !important; top: var(--checkbox-inner-top, 0.5rem); left: var(--checkbox-inner-left, var(--outline-width)); text-align: center; } *:where(.iw-vue-app > div) input[type=checkbox]:indeterminate + label:before, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=checkbox]:indeterminate):before { background: var(--colour-info) !important; border-color: var(--colour-info) !important; } *:where(.iw-vue-app > div) input[type=checkbox]:indeterminate + label:after, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=checkbox]:indeterminate):after { content: "\f068"; position: absolute; font-size: var(--checkbox-tick-size, 1em); line-height: 1; color: var(--colour-primary-theme); font-family: "Font Awesome 6 Pro"; font-weight: bold; height: var(--checkbox-inner-size, 1.5rem); width: var(--checkbox-inner-size, 1.5rem); line-height: 1.625rem; background: none !important; border: none !important; outline: none !important; top: var(--checkbox-inner-top, 0.5rem); left: var(--checkbox-inner-left, var(--outline-width)); text-align: center; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):checked:is(:focus, :hover, .focus) + label, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):checked:is(:focus, :hover, .focus)) { --tick-colour: var(--colour-info); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):is(:focus, :hover, .focus) + label, *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label.hover, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):is(:focus, :hover, .focus)) { --tick-colour: var(--colour-muted); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):is(:focus, :hover, .focus) + label:before, *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label.hover:before, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):is(:focus, :hover, .focus)):before { background: var(--colour-check-bg, var(--colour-light)); outline: var(--outline-width) solid var(--colour-light); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):is(:active, .active) + label, *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label.active, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):is(:active, .active)) { --tick-colour: var(--colour-light); } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):is(:active, .active) + label:before, *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]) + label.active:before, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):is(:active, .active)):before { background: var(--colour-check-bg, #e0e0e0); outline: var(--outline-width) solid #e0e0e0; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):disabled + label, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):disabled) { opacity: 0.4; cursor: not-allowed; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):disabled + label > iam-card, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):disabled) > iam-card { pointer-events: none; } *:where(.iw-vue-app > div) input:is([type=radio], [type=checkbox]):disabled + label:before, *:where(.iw-vue-app > div) label:not(.tag):has(input:is([type=radio], [type=checkbox]):disabled):before { background-color: none !important; outline: none !important; border-color: var(--colour-primary) !important; } *:where(.iw-vue-app > div) input[type=radio][disabled]:checked + label:after, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=radio][disabled]:checked):after { background-color: var(--colour-primary) !important; } *:where(.iw-vue-app > div) input[type=checkbox][disabled]:checked + label:before, *:where(.iw-vue-app > div) label:not(.tag):has(input[type=checkbox][disabled]:checked):before { background: #e0e0e0 !important; border-color: #e0e0e0 !important; } } *:where(.iw-vue-app > div) .conditional { display: none; } *:where(.iw-vue-app > div) input:checked + .conditional, *:where(.iw-vue-app > div) input:checked + label + .conditional, *:where(.iw-vue-app > div) label:has(:checked) + .conditional { display: block; clear: both; } *:where(.iw-vue-app > div) input:not([class*=conditional-input-]):nth-of-type(1):checked ~ .conditional-1, *:where(.iw-vue-app > div) input:not([class*=conditional-input-]):nth-of-type(2):checked ~ .conditional-2, *:where(.iw-vue-app > div) input:not([class*=conditional-input-]):nth-of-type(3):checked ~ .conditional-3, *:where(.iw-vue-app > div) input:not([class*=conditional-input-]):nth-of-type(4):checked ~ .conditional-4, *:where(.iw-vue-app > div) input:not([class*=conditional-input-]):nth-of-type(5):checked ~ .conditional-5, *:where(.iw-vue-app > div) input.conditional-input-1:checked ~ .conditional-1, *:where(.iw-vue-app > div) input.conditional-input-2:checked ~ .conditional-2, *:where(.iw-vue-app > div) input.conditional-input-3:checked ~ .conditional-3, *:where(.iw-vue-app > div) input.conditional-input-4:checked ~ .conditional-4, *:where(.iw-vue-app > div) input.conditional-input-5:checked ~ .conditional-5, *:where(.iw-vue-app > div) label:has(input.conditional-input-1:checked) ~ .conditional-1, *:where(.iw-vue-app > div) label:has(input.conditional-input-2:checked) ~ .conditional-2, *:where(.iw-vue-app > div) label:has(input.conditional-input-3:checked) ~ .conditional-3, *:where(.iw-vue-app > div) label:has(input.conditional-input-4:checked) ~ .conditional-4, *:where(.iw-vue-app > div) label:has(input.conditional-input-5:checked) ~ .conditional-5 { display: block; clear: both; } *:where(.iw-vue-app > div) select[multiple] { border-radius: 0.35rem; } *:where(.iw-vue-app > div) select[multiple]::-webkit-scrollbar { width: 0.7rem; } *:where(.iw-vue-app > div) select[multiple]::-webkit-scrollbar * { background-color: transparent; } *:where(.iw-vue-app > div) select[multiple]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 0.35rem; } *:where(.iw-vue-app > div) select { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat, linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat; padding-right: calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important; } *:where(.iw-vue-app > div) select option { font-size: 1.2em; } *:where(.iw-vue-app > div) select { box-shadow: inset -2px 0px 0px var(--colour-primary-theme); max-width: var(--select-max-width, 50rem); } *:where(.iw-vue-app > div) select[multiple], *:where(.iw-vue-app > div) select[size]:not([size="1"]) { background: none; max-height: none !important; } *:where(.iw-vue-app > div) select:disabled { background-color: gray; border-color: black; } *:where(.iw-vue-app > div) select:-moz-focusring { color: transparent; text-shadow: 0 0 0 inherit; } *:where(.iw-vue-app > div) div:has(> select) { margin-bottom: 1.5rem; } *:where(.iw-vue-app > div) div:has(> select) select { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) .select--minimal { all: unset; font-size: inherit; line-height: inherit; background: none; border: 2px solid transparent; display: inline-block; padding: 0.4em calc(1em + 0.8ch) 0.4rem var(--select-padding-left, 0.4em) !important; font-weight: normal !important; margin: -0.4em 0 !important; border-radius: 0.25em; color: var(--colour-body); height: auto; cursor: pointer; font-family: var(--font-body) !important; } *:where(.iw-vue-app > div) .select--minimal option { background-color: var(--colour-canvas); padding-left: 1em; font-size: inherit; line-height: inherit; } *:where(.iw-vue-app > div) .select--minimal:hover { background: var(--colour-light); } *:where(.iw-vue-app > div) .select--minimal:is(:focus, .focus):not(:disabled) { border-color: var(--colour-info); outline: 0; box-shadow: 0 0 0 0.1rem rgba(30, 190, 230, 0.25); } *:where(.iw-vue-app > div) *:has(> .select--minimal) { position: relative; display: inline-block !important; width: auto !important; font-size: inherit !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important; font-family: var(--font-body) !important; } *:where(.iw-vue-app > div) *:has(> .select--minimal):after { font-size: 0.8em; line-height: 1em; content: "\f078"; font-family: "Font Awesome 6 Pro"; position: absolute; top: 40%; transform: translate(0, -50%); right: 0.8ch; pointer-events: none; color: var(--colour-body); } *:where(.iw-vue-app > div) iam-fileupload input { display: none; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) { display: block; margin-bottom: 1.5rem; max-width: var(--input-max-width, 50rem); } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) :is(input:not([type=range]), select, textarea) { margin-top: 0.5rem; margin-bottom: 0 !important; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) :is(input, select) ~ span:not(:is(.suffix, .prefix, .invalid-feedback)), *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) span:has(> :is(input, select)) ~ span:not(:is(.suffix, .prefix, .invalid-feedback)) { all: initial; font-family: var(--font-body); color: var(--colour-body); margin-top: 0.5rem; display: block; line-height: 1.2; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) .invalid-feedback { font-size: 1rem; font-weight: normal; line-height: 1.2; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) span:has(:is(input, select)) { display: flex; width: 100%; } *:where(.iw-vue-app > div) :is(label:not(.tag), .label):has(:is(input, select)) :is(.suffix, .prefix):not(.mt-0) { margin: 0.5rem 0 0 0 !important; } *:where(.iw-vue-app > div) .was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]), select)), *:where(.iw-vue-app > div) .was-validated fieldset:has(label input:is([type=radio], [type=checkbox]):invalid) { margin-bottom: 1.5rem; } *:where(.iw-vue-app > div) .was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]), select)):has(:is(:invalid, .is-invalid)):after, *:where(.iw-vue-app > div) .was-validated fieldset:has(label input:is([type=radio], [type=checkbox]):invalid):has(:is(:invalid, .is-invalid)):after { content: "This field is required"; color: var(--colour-danger); margin-top: 0.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left top 1px; background-size: var(--input-fs, 1rem) var(--input-fs, 1rem); padding-left: calc(var(--input-fs, 1rem) + 0.5rem); display: block; width: 100%; font-size: 1rem; line-height: 1.2; } *:where(.iw-vue-app > div) .was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]), select))[data-error]:has(:is(:invalid, .is-invalid)):after, *:where(.iw-vue-app > div) .was-validated fieldset:has(label input:is([type=radio], [type=checkbox]):invalid)[data-error]:has(:is(:invalid, .is-invalid)):after { content: attr(data-error) !important; } *:where(.iw-vue-app > div) .was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]), select)).error-nowrap:after, *:where(.iw-vue-app > div) .was-validated fieldset:has(label input:is([type=radio], [type=checkbox]):invalid).error-nowrap:after { white-space: nowrap; } *:where(.iw-vue-app > div) input[type=range] { --track-size: 0.5rem; --track-colour: var(--colour-light); --thumb-colour: var(--colour-info); --thumb-size: 1.5rem; width: 100%; background: transparent; cursor: pointer; margin-top: 2rem; margin-bottom: 2rem; height: 2rem; border-radius: 50%; accent-color: var(--thumb-colour); -webkit-appearance: none; appearance: none; } *:where(.iw-vue-app > div) *:has(> input[type=range]) { position: relative; padding-bottom: 6rem; max-width: var(--input-max-width, 50rem); } *:where(.iw-vue-app > div) label input[type=range] { position: absolute; top: 1.5rem; left: 0; } *:where(.iw-vue-app > div) input[type=range]::-webkit-slider-runnable-track { background: var(--track-colour); height: var(--track-size); border-radius: 0.5rem; } *:where(.iw-vue-app > div) input[type=range]::-moz-range-track { background: var(--track-colour); height: var(--track-size); border-radius: 0.5rem; } *:where(.iw-vue-app > div) input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; margin-top: -0.5rem; /* Centers thumb on the track */ background-color: var(--thumb-colour); height: var(--thumb-size); width: var(--thumb-size); border-radius: 50%; position: relative; z-index: 99; pointer-events: all; } *:where(.iw-vue-app > div) input[type=range]::-moz-range-thumb { border: none; /*Removes extra border that FF applies*/ background-color: var(--thumb-colour); /*Removes default border-radius that FF applies*/ height: var(--thumb-size); width: var(--thumb-size); border-radius: 50%; position: relative; z-index: 99; pointer-events: all; } *:where(.iw-vue-app > div) input[type=range]:focus { outline: none; } *:where(.iw-vue-app > div) input[type=range]:hover::-webkit-slider-thumb, *:where(.iw-vue-app > div) input[type=range]:focus::-webkit-slider-thumb { outline: 0.5rem solid rgba(30, 190, 231, 0.2); } *:where(.iw-vue-app > div) input[type=range]:active::-webkit-slider-thumb { outline: 0.5rem solid rgba(30, 190, 231, 0.4); } *:where(.iw-vue-app > div) input[type=range]:hover::-moz-range-thumb, *:where(.iw-vue-app > div) input[type=range]:focus::-moz-range-thumb { outline: 0.5rem solid rgba(30, 190, 231, 0.2); } *:where(.iw-vue-app > div) input[type=range]:focus::-moz-range-thumb { outline: 0.5rem solid rgba(30, 190, 231, 0.4); } *:where(.iw-vue-app > div) iam-slider input::-webkit-outer-spin-button, *:where(.iw-vue-app > div) iam-slider input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } *:where(.iw-vue-app > div) :is(input[type=date], input[type=time]) { position: relative; margin-right: -3rem; padding-right: 3rem !important; background-position: right 4rem center; border-radius: 0.5rem !important; } *:where(.iw-vue-app > div) :is(input[type=date], input[type=time])::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 8em; position: absolute; right: 0; top: 0; width: auto; order: 3; } *:where(.iw-vue-app > div) .toggle { --outline-width: 0.25rem!important; padding-left: 3.25rem !important; } *:where(.iw-vue-app > div) .toggle:before { border-radius: 2rem !important; background-color: var(--colour-canvas) !important; border: 2px solid var(--colour-heading) !important; transition: 0.4s !important; width: 2.5rem !important; left: 0.25rem !important; } *:where(.iw-vue-app > div) label.toggle:has(:is(input[type=checkbox], input[type=radio]):not([disabled]):checked):before { background: var(--colour-primary-theme) !important; } *:where(.iw-vue-app > div) .toggle:after { position: absolute !important; content: "" !important; display: block !important; top: 0.5rem !important; height: 1em !important; width: 1em !important; left: 0.25em !important; background-color: var(--colour-heading) !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; margin: 0.25em !important; border-radius: 0.5em; } *:where(.iw-vue-app > div) label.toggle:has(:is(input[type=checkbox], input[type=radio]):not([disabled]):not([disabled]):checked):after { background: var(--colour-primary-theme) !important; background-color: white !important; -webkit-transform: translateX(1rem) !important; -ms-transform: translateX(1rem) !important; transform: translateX(1rem) !important; } *:where(.iw-vue-app > div) label.toggle:has(+ label.toggle) { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) :is(.badge, .tag) { font-size: 1rem; line-height: 1.625rem; border: none !important; margin: 0; display: inline-block; text-align: center; white-space: nowrap; max-width: fit-content; color: #262626; position: relative; background: var(--wider-colour, var(--wider-colour-1)); margin-bottom: 1rem; } *:where(.iw-vue-app > div) :is(.badge, .tag):has(+ :is(.badge, .tag)) { margin-right: 0.375rem; } *:where(.iw-vue-app > div) :is(.badge, .tag):empty { display: none; } *:where(.iw-vue-app > div) :is(.badge, .tag):is(.bg-primary, .bg-dark, .bg-danger) { color: #fcfcfc !important; } *:where(.iw-vue-app > div) .badge { border-radius: 0.375rem; padding: 0 0.5rem; } *:where(.iw-vue-app > div) .badge--rounded { border-radius: 1rem; min-width: 1.625rem; padding: 0; } *:where(.iw-vue-app > div) .tag { border-radius: 1rem; padding: 0 1rem; } *:where(.iw-vue-app > div) .tag:after { content: "✕"; margin-left: 0.6em; font-weight: bold; } *:where(.iw-vue-app > div) .tag:is(:hover, :focus, .hover, :focus-within, :focus-visible) { background: var(--wider-colour-hover, var(--wider-colour-1-hover)); } *:where(.iw-vue-app > div) .tag:is(:active, .active) { background: var(--wider-colour-active, var(--wider-colour-1-active)); } *:where(.iw-vue-app > div) .tag:has(input:disabled), *:where(.iw-vue-app > div) .tag:disabled { background: var(--wider-colour-1) !important; color: #99adb1 !important; } *:where(.iw-vue-app > div) .tag.tag--not-set, *:where(.iw-vue-app > div) iam-multiselect:not(:defined) .tag, *:where(.iw-vue-app > div) .tag.tag--toggle { background: var(--colour-canvas); outline: 1px solid var(--colour-border); } *:where(.iw-vue-app > div) .tag.tag--toggle:after { display: none; } *:where(.iw-vue-app > div) .tag.tag--toggle:is(:hover, :focus) { background: #eeeeee; } *:where(.iw-vue-app > div) .tag.tag--toggle:is(:active) { background: #e0e0e0; } *:where(.iw-vue-app > div) .tag.tag--toggle:has(input:checked), *:where(.iw-vue-app > div) .tag.tag--toggle.selected { background: #e9f9fd; outline: 1px solid #1ebee6; } *:where(.iw-vue-app > div) .btn :is(.badge, .tag) { position: relative; top: -1px; } *:where(.iw-vue-app > div) details { display: block; } *:where(.iw-vue-app > div) details:not([open]) { padding-bottom: 2rem; } *:where(.iw-vue-app > div) details summary { font-size: 1.125rem; line-height: 1.3125rem; font-weight: normal; color: var(--colour-heading); display: block; } *:where(.iw-vue-app > div) details summary:after { content: "\f055"; display: inline-block; margin-left: 0.5em; line-height: 1em; font-size: 1em; font-family: "Font Awesome 6 Pro"; } *:where(.iw-vue-app > div) details[open] summary { margin-bottom: 1rem; } *:where(.iw-vue-app > div) iam-accordion details { --inline-padding: 0.125rem; --border-radius: 0.5rem 0.5rem 0 0; --icon-top: 0.875rem; --line-height: 1.5rem; } *:where(.iw-vue-app > div) *:not(iam-tabs) > iam-accordion details:not([open]) { padding-bottom: 2.625rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) iam-accordion details { --inline-padding: 1.875rem; --icon-top: 1.5rem; --line-height: 1.5rem; } } *:where(.iw-vue-app > div) iam-accordion details summary { border-bottom: 1px solid var(--colour-border); padding-left: var(--inline-padding); padding-right: calc(var(--inline-padding) + 1.5rem + 1.5rem); padding-block: 0.875rem !important; position: relative; color: var(--colour-heading); } *:where(.iw-vue-app > div) iam-accordion details summary:is(:hover, :focus-visible) { background: var(--colour-light); border-radius: var(--border-radius); } *:where(.iw-vue-app > div) iam-accordion details summary h3, *:where(.iw-vue-app > div) iam-accordion details summary .h3 { all: unset !important; } *:where(.iw-vue-app > div) iam-accordion details summary::after { display: none; } *:where(.iw-vue-app > div) iam-accordion details summary *:is(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label) { max-width: 100%; padding: 0; margin: 0; } *:where(.iw-vue-app > div) iam-accordion details summary *:is(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label):after { content: "\f055"; position: absolute; font-size: 1.5rem; top: calc(var(--line-height) / 2 - 0.75rem + 0.875rem); right: var(--inline-padding); width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-weight: 300; font-family: "Font Awesome 6 Pro"; } *:where(.iw-vue-app > div) iam-accordion details[open] summary { margin-bottom: 2rem; } *:where(.iw-vue-app > div) iam-accordion details[open] summary :is(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label):after { content: "\f056"; font-weight: 900; } *:where(.iw-vue-app > div) iam-accordion details summary:not(:has(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label)) { font-family: var(--font-heading); font-style: normal; color: var(--colour-heading); clear: both; display: block; } *:where(.iw-vue-app > div) iam-accordion details summary:not(:has(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label)) [class*=fa-] { margin-right: 0.5rem; } *:where(.iw-vue-app > div) iam-accordion details summary:not(:has(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label)) { font-size: 1.125rem; line-height: var(--line-height); padding-bottom: round(up, 1em * var(--type-scale), 0.25rem); font-weight: 700; max-width: 100%; } *:where(.iw-vue-app > div) iam-accordion details summary:not(:has(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label)):after { content: "\f055"; display: block; position: absolute; font-size: 1.5rem; top: calc(var(--line-height) / 2 - 0.75rem + 0.875rem); right: var(--inline-padding); width: 1.5rem; height: 1.5rem; margin: 0; line-height: 1.5rem; font-weight: 300; font-family: "Font Awesome 6 Pro"; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) iam-accordion details summary:not(:has(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6, .label)) { font-weight: 900; } } *:where(.iw-vue-app > div) iam-accordion details[open] summary:not(:has(h1, h2, h4, h5, h6, .h1, .h2, .h4, .h5, .h6)):after { content: "\f056"; font-weight: 900; } *:where(.iw-vue-app > div) dialog iam-accordion details { --inline-padding: var(--dialog-padding); margin-inline: calc(var(--dialog-padding) * -1); width: calc(100% + var(--dialog-padding) + var(--dialog-padding)); } *:where(.iw-vue-app > div) dialog iam-accordion details:has(summary:is(:hover, :focus-visible)), *:where(.iw-vue-app > div) dialog iam-accordion details[open] { background: var(--colour-light); overflow: hidden; } *:where(.iw-vue-app > div) dialog iam-accordion details:has(+ details[open]), *:where(.iw-vue-app > div) dialog iam-accordion details:has(summary:is(:hover, :focus-visible)), *:where(.iw-vue-app > div) dialog iam-accordion details:has(+ details summary:is(:hover, :focus-visible)), *:where(.iw-vue-app > div) dialog iam-accordion details[open] { border-bottom: 1px solid var(--colour-border); } *:where(.iw-vue-app > div) dialog iam-accordion details:has(+ details[open]) summary, *:where(.iw-vue-app > div) dialog iam-accordion details:has(summary:is(:hover, :focus-visible)) summary, *:where(.iw-vue-app > div) dialog iam-accordion details:has(+ details summary:is(:hover, :focus-visible)) summary, *:where(.iw-vue-app > div) dialog iam-accordion details[open] summary { border-bottom: 0; } *:where(.iw-vue-app > div) dialog iam-accordion details[open] summary { margin-bottom: 1rem; } *:where(.iw-vue-app > div) dialog iam-accordion details summary { --inline-padding: 0; } *:where(.iw-vue-app > div) dialog iam-accordion details { padding-inline: var(--dialog-padding); } *:where(.iw-vue-app > div) dialog iam-accordion details::before { content: ""; } *:where(.iw-vue-app > div) :is(label, .label):has(progress) { position: relative; max-width: var(--input-max-width, 50rem); margin-bottom: 2rem; padding-right: 3rem; } *:where(.iw-vue-app > div) progress { border-radius: 0.3125rem; display: block; margin-top: 0.5rem; width: calc(100% + 3rem); height: 0.5rem; margin-left: 0; border: none; } *:where(.iw-vue-app > div) label[data-percent]:not(:has(strong)):has(progress):before { content: attr(data-percent) "%"; } *:where(.iw-vue-app > div) label[data-percent]:not(:has(strong)):has(progress):before, *:where(.iw-vue-app > div) label[data-percent]:has(progress) strong { vertical-align: 0; line-height: 1; position: absolute; top: auto; left: auto; right: 0; bottom: 1rem; color: var(--colour-heading); font-weight: bold; } *:where(.iw-vue-app > div) progress[data-progress]:before { content: attr(data-progress) "%"; } *:where(.iw-vue-app > div) progress::-webkit-progress-bar { background-color: var(--colour-light); border-radius: 0.3125rem; } *:where(.iw-vue-app > div) progress::-webkit-progress-value { background-color: var(--colour, var(--colour-info)); border-radius: 0.3125rem; } *:where(.iw-vue-app > div) :is(label, .label):has(.progress--inline) { font-size: 1rem; color: var(--colour-body); } *:where(.iw-vue-app > div) :is(label, .label):has(.progress--inline):before { bottom: -0.25em; } *:where(.iw-vue-app > div) :is(label, .label):has(.progress--inline) progress.progress--inline { width: 100%; } *:where(.iw-vue-app > div) label:has(.progress--circular) { --max-width: 12.5rem; --pt: 5.625rem; --pt-percent: 45%; --bar-width: 1.25rem; --value-fs: 3rem; --value-pb: 2rem; --label-fs: 1.125rem; position: relative; z-index: 1; max-width: var(--max-width); margin-bottom: 2rem; padding-right: 0; aspect-ratio: 1/1; height: auto; width: 100%; text-align: center; padding-top: min(var(--pt-percent) + var(--value-pb), var(--pt) + var(--value-pb)); padding-inline: var(--value-pb); display: inline-block; font-size: var(--label-fs); line-height: 1; } *:where(.iw-vue-app > div) label:has(.progress--circular.progress--md) { --max-width: 10.625rem; --pt: 4.78125rem; --pt-percent: 45%; --bar-width: 1.25rem; --value-pb: 1.5rem; } *:where(.iw-vue-app > div) label:has(.progress--circular.progress--sm) { --max-width: 7.5rem; --pt: 3.375rem; --pt-percent: 45%; --bar-width: 1rem; --value-fs: 1.5rem; --value-pb: 1rem; --label-fs: 0.75rem; } *:where(.iw-vue-app > div) *:has(> label > .progress--circular) { container-type: inline-size; } @container (width <= 10.625rem) { *:where(.iw-vue-app > div) label:has(.progress--circular:not(.progress--sm):not(.progress--md)) { --max-width: 10.625rem; --pt: 4.78125rem; --pt-percent: 45%; --bar-width: 1.25rem; --value-pb: 1.5rem; } } @container (width <= 7.5rem) { *:where(.iw-vue-app > div) label:has(.progress--circular:not(.progress--sm):not(.progress--md)) { --max-width: 7.5rem; --pt: 3.375rem; --pt-percent: 45%; --bar-width: 1rem; --value-fs: 1.5rem; --value-pb: 1rem; --label-fs: 0.75rem; } } *:where(.iw-vue-app > div) label:has(.progress--circular) + label:has(.progress--circular) { margin-left: 2rem; } @property --progress { syntax: ""; inherits: false; initial-value: 0%; } *:where(.iw-vue-app > div) .progress--circular { --progress-shown: var(--progress, 0%); position: absolute; z-index: -2; top: 0; left: 0; margin: 0; background: red; background: conic-gradient(var(--colour, var(--colour-info)) var(--progress-shown), var(--colour-light) var(--progress-shown) calc(100% - var(--progress-shown))); height: 100%; width: 100%; border-radius: 50%; box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.2); transition: --progress 1s; } *:where(.iw-vue-app > div) .progress--circular::-webkit-progress-bar, *:where(.iw-vue-app > div) .progress--circular::-webkit-progress-value { opacity: 0; } *:where(.iw-vue-app > div) .progress--circular::-moz-progress-bar { opacity: 0; } *:where(.iw-vue-app > div) label[data-percent]:not(:has(strong)):has(.progress--circular):before, *:where(.iw-vue-app > div) label[data-percent]:has(.progress--circular) strong { top: var(--pt-percent); left: 50%; right: auto; bottom: auto; color: var(--colour-heading); transform: translate(-50%, -50%); font-size: var(--value-fs); line-height: 1; z-index: 2; text-indent: 0; } *:where(.iw-vue-app > div) label:has(.progress--circular):after { content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1/1; width: calc(100% - var(--bar-width) - var(--bar-width)); background-color: var(--colour-canvas); border-radius: 50%; } *:where(.iw-vue-app > div) { /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ } *:where(.iw-vue-app > div) nav:has(iam-nav) { grid-column: container; } *:where(.iw-vue-app > div) iam-nav { display: block; padding: var(--container-padding); padding-top: 1.5rem; padding-bottom: 1.5rem; max-width: 100%; margin-inline: auto; column-grid: container; } *:where(.iw-vue-app > div) iam-nav .brand { font-size: 3rem; height: 3rem; padding: 0; text-decoration: none; min-width: min(var(--svg-width), 14rem); } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) iam-nav { padding-inline: max(var(--padding-inline), (100% - var(--container-max-width)) / 2 + var(--padding-inline)) !important; } } @media (scripting: enabled) { *:where(.iw-vue-app > div) iam-nav:not(:defined) > *:not([slot=logo]) { display: none; } *:where(.iw-vue-app > div) iam-nav:not(:defined):not(:target) > *:not(.brand) { display: none; } } @media screen and (scripting: enabled) and (min-width: 62em) { *:where(.iw-vue-app > div) iam-nav:not(:defined):has([slot=secondary]) { padding-top: 4rem; } } *:where(.iw-vue-app > div) iam-carousel:defined > div > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } *:where(.iw-vue-app > div) iam-carousel:not(:defined) { display: flex; flex-wrap: nowrap; overflow: auto; margin-block-end: 2rem; overflow: auto; } *:where(.iw-vue-app > div) iam-carousel:not(:defined) > * { width: 100%; display: block; flex: 0 0 100%; padding-inline-end: 1rem; } *:where(.iw-vue-app > div) .admin-panel:has(iam-carousel) { container-type: inline-size; } *:where(.iw-vue-app > div) .admin-panel:has(iam-carousel:last-child) iam-carousel::part(carousel) { margin-bottom: -1.5rem; } @container (min-width: 62em) { *:where(.iw-vue-app > div) .admin-panel iam-carousel { --carousel-spacing: 1.5rem; margin-inline: -1.5rem; } *:where(.iw-vue-app > div) .admin-panel iam-carousel > div { scroll-margin-left: 1.5rem; --last-item-extra: -1.5rem; } *:where(.iw-vue-app > div) .admin-panel iam-carousel > div:first-child { margin-left: 1.5rem; } *:where(.iw-vue-app > div) .admin-panel iam-carousel > div:last-child { padding-inline-end: 2rem; --last-item-extra: 1.5rem; } } *:where(.iw-vue-app > div) dialog:has(iam-carousel) { container-type: inline-size; --carousel-spacing: 2rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) dialog:has(iam-carousel) { min-width: 37.5rem; max-width: 37.5rem; } } *:where(.iw-vue-app > div) dialog:has(iam-carousel:last-child) iam-carousel::part(carousel) { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) dialog:has(iam-carousel:last-child) iam-carousel::part(controls) { margin-bottom: 0 !important; max-width: calc(100% - 4rem); } *:where(.iw-vue-app > div) iam-multiselect .tag[slot=checked] { margin-bottom: 0.5rem; order: var(--order, 1); margin-inline: 0.1875rem; } *:where(.iw-vue-app > div) iam-multiselect .tag:not([slot=checked]) { display: block; width: 100%; max-width: 100%; margin: 0; text-align: left; border-radius: 0; padding-inline: 1rem; outline: none; padding-block: 0.5rem; } *:where(.iw-vue-app > div) iam-multiselect .tag:not([slot=checked]):not(:hover, :focus, :active, :focus-within) { background: none !important; } *:where(.iw-vue-app > div) iam-multiselect .tag:not([slot=checked])::after { display: none; } *:where(.iw-vue-app > div) iam-multiselect:has(label:not([slot=checked]):not([slot=notmatched])) { --display-panel: block; } *:where(.iw-vue-app > div) iam-multiselect:has(label[slot=checked]) { --display-button: block; } *:where(.iw-vue-app > div) iam-inline-edit .optional-text { display: none; } *:where(.iw-vue-app > div) iam-inline-edit label, *:where(.iw-vue-app > div) iam-inline-edit textarea { margin: 0; } *:where(.iw-vue-app > div) iam-inline-edit:focus-within { position: relative; z-index: 99; --display-status: none; } *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)) { --display-btns: none; } *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)) input, *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)) textarea, *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)) select { border: none; background: none; margin-left: -1rem; width: calc(100% + 1rem); max-width: calc(100% + 1rem); box-shadow: none; } *:where(.iw-vue-app > div) iam-inline-edit:defined:focus-within:has(select), *:where(.iw-vue-app > div) iam-inline-edit:defined[data-saving]:has(select) { --display-btns: none; } *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)):hover input, *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)):hover textarea, *:where(.iw-vue-app > div) iam-inline-edit:defined:not(:focus-within):not([data-saving]):not(.was-validated:has(:invalid)):hover select { border: none; background: var(--colour-light); } *:where(.iw-vue-app > div) iam-inline-edit:has(iam-multiselect label[slot=checked]) { --display-btns: none; } *:where(.iw-vue-app > div) iam-inline-edit:not(:focus-within) iam-multiselect:has(label[slot=checked]) { --display-button: none; } *:where(.iw-vue-app > div) iam-inline-edit iam-multiselect .tag[slot=checked] { outline: none; } *:where(.iw-vue-app > div) iam-inline-edit.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]), select)):has(:is(:invalid, .is-invalid)):after { position: absolute; right: 0; bottom: 100%; padding: 0.85rem; width: min-content; white-space: nowrap; color: var(--colour-heading); display: block; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11); background: var(--colour-canvas-2); border-radius: 0.5rem; margin: 0 0 -1rem 0; outline: var(--contrast-outline-width, 0px) solid var(--colour-primary); } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview) { position: relative; } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview) label { opacity: 0; margin-top: -0.75rem; } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview) .preview { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; padding: 0.75rem; margin-top: -0.75rem; margin-left: -0.75rem; } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview) .preview:empty:before { content: attr(data-placeholder); } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview):hover .preview, *:where(.iw-vue-app > div) iam-inline-edit:has(.preview):focus .preview { border: none; background: var(--colour-light); } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview):focus-within label { opacity: 1; } *:where(.iw-vue-app > div) iam-inline-edit:has(.preview):focus-within .preview { opacity: 0; } *:where(.iw-vue-app > div) iam-barchart { --chart-bar-alignment: left; --chart-text-color: var(--colour-heading); } *:where(.iw-vue-app > div) iam-barchart:not(.chart--horizontal)::part(xaxis-label) { text-align: left; transform-origin: 0rem 1rem; transform: rotate(45deg); max-width: 5rem; font-size: 1rem; color: var(--colour-heading); } *:where(.iw-vue-app > div) iam-barchart:not(.chart--horizontal)::part(spacer) { aspect-ratio: 1/1; display: block; width: fit-content; } *:where(.iw-vue-app > div) iam-barchart:not(.chart--horizontal)::part(chart-key) { padding-top: 2rem; order: 3; } *:where(.iw-vue-app > div) iam-barchart::part(key), *:where(.iw-vue-app > div) iam-barchart::part(key-checked), *:where(.iw-vue-app > div) iam-barchart::part(key-unchecked) { --key-border-radius: 50%; --btn-border-width: 1px; --btn-padding-block: 0.375rem; --btn-padding-inline: 0.375rem; background-color: var(--colour-canvas-2); border: var(--btn-border-width) solid var(--colour-muted); border-radius: 0.25rem !important; font-weight: 400 !important; font-size: 1rem; line-height: 1.25rem; padding: calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width)); color: var(--colour-heading); } *:where(.iw-vue-app > div) iam-barchart::part(key):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active), *:where(.iw-vue-app > div) iam-barchart::part(key-checked):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active), *:where(.iw-vue-app > div) iam-barchart::part(key-unchecked):is(:hover, :focus, .hover, :focus-within):not([disabled], :active, .active) { background: var(--colour-btn-action-hover-bg); } *:where(.iw-vue-app > div) iam-barchart::part(key):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) iam-barchart::part(key-checked):is(:hover, :focus, .hover, :focus-within), *:where(.iw-vue-app > div) iam-barchart::part(key-unchecked):is(:hover, :focus, .hover, :focus-within) { background: var(--colour-btn-action-hover-bg); } *:where(.iw-vue-app > div) iam-barchart::part(key-unchecked) { opacity: 0.25; } *:where(.iw-vue-app > div) iam-barchart::part(tooltip) { text-decoration: none !important; } *:where(.iw-vue-app > div) iam-barchart::part(tooltip):after { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f059"; display: inline-block; margin-left: 0.2em; margin-right: 0.1em; margin-bottom: 0.1em; color: var(--colour-primary); border: none; } *:where(.iw-vue-app > div) iam-menu:defined { --menu-padding: 0.5rem; --border-color: var(--colour-border); --menu-item-margin: 0 0 0.5rem 0; } *:where(.iw-vue-app > div) iam-menu i { width: 1.25rem; } *:where(.iw-vue-app > div) iam-menu > button:has(+ iam-menu) { position: relative; } *:where(.iw-vue-app > div) iam-menu > button:has(+ iam-menu):after { content: ""; height: var(--btn-line-height); width: 1rem; height: 1rem; display: inline-block; background: currentColor; mask-image: var(--icon-arrow); mask-size: 100%; mask-repeat: no-repeat; mask-position: 50% 50%; -webkit-mask-image: var(--icon-arrow); -webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; vertical-align: bottom; position: absolute; top: calc(50% - 0.5rem); right: 0.5rem; } *:where(.iw-vue-app > div) iam-menu > button:has(+ iam-menu:not([popover])):after { rotate: 90deg; } *:where(.iw-vue-app > div) iam-menu > button.open:has(+ iam-menu:not([popover])) { position: relative; } *:where(.iw-vue-app > div) iam-menu > button.open:has(+ iam-menu:not([popover])):after { top: calc(50% - 0.5rem); right: 0.5rem; rotate: 270deg; } *:where(.iw-vue-app > div) iam-menu > button:has(+ iam-menu:popover-open) { position: relative; } *:where(.iw-vue-app > div) iam-menu > button:has(+ iam-menu:popover-open):after { top: calc(50% - 0.5rem); right: 0.5rem; rotate: 180deg; } *:where(.iw-vue-app > div) iam-menu > button:not(.open) + iam-menu:not([popover]) { display: none; } *:where(.iw-vue-app > div) iam-menu > button + iam-menu:not([popover]) > *:is(button, a, label) { padding-left: 2rem; } *:where(.iw-vue-app > div) *:not(main):has(> iam-tabs) { container-type: inline-size; } *:where(.iw-vue-app > div) iam-tabs { --colour-tab-underline: var(--colour-info); } *:where(.iw-vue-app > div) iam-tabs details:not([open]) { padding-bottom: 0; } *:where(.iw-vue-app > div) iam-tabs .tabs__dropdown { display: none; width: fit-content; } *:where(.iw-vue-app > div) iam-tabs:is(.tabs--dropdown) .tabs__dropdown { display: block; } *:where(.iw-vue-app > div) iam-tabs:is(.tabs--dropdown)::part(wrapper) { display: none; } @container (min-width: 62em) { *:where(.iw-vue-app > div) iam-tabs:is(.tabs--dropdown) .tabs__dropdown { display: none; } *:where(.iw-vue-app > div) iam-tabs:is(.tabs--dropdown)::part(wrapper) { display: block; } } *:where(.iw-vue-app > div) iam-tabs::part(next-button) { display: none; } @container (width > 62em) { *:where(.iw-vue-app > div) iam-tabs.tabs--guided::part(next-button) { position: absolute; top: 9.375rem; right: 0; display: block; } } *:where(.iw-vue-app > div) iam-tabs.tabs--guided::part(next-button):not(:hover) { background: var(--colour-success); } *:where(.iw-vue-app > div) .tabs:not(.admin-panel) { position: relative; } *:where(.iw-vue-app > div) .tabs:not(.admin-panel) .tabs__links__wrapper { position: relative; margin: 0 auto 2rem; } *:where(.iw-vue-app > div) .tabs:not(.admin-panel) .tabs__links__wrapper:after { content: ""; left: 50%; position: relative; height: 1px; width: 100vw; background-color: var(--colour-border); transform: translate(-50%, 0); display: block; clear: both; } *:where(.iw-vue-app > div) .tabs.admin-panel .tabs__links__wrapper:after { display: none; } *:where(.iw-vue-app > div) .tabs:not(.admin-panel) .tabs__links { -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } *:where(.iw-vue-app > div) .tabs__links { scroll-snap-type: x mandatory; padding-bottom: 3px; position: relative; display: flex; flex-wrap: nowrap; width: auto; margin: 0 -1.5rem; overflow-y: clip; overflow-x: auto; } *:where(.iw-vue-app > div) .tabs__links::-webkit-scrollbar { display: none; } *:where(.iw-vue-app > div) .tabs__links .link { white-space: nowrap; scroll-snap-align: start; scroll-margin-left: var(--container-padding); } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn) { --is-current: 0; font-weight: bold; font-family: var(--font-heading); font-size: 1.125rem; cursor: pointer; margin: 0; padding: 1.5rem 1.5rem 0.5rem 1.5rem; display: inline-block; } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn).disabled { cursor: not-allowed; opacity: 0.4; } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):last-child { margin-inline-end: 0; } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):after { position: absolute; content: ""; bottom: 0; left: 50%; height: 3px; width: 100%; transform: translate(-50%, 0) scale(0, 0); background: var(--colour-tab-underline); transition: transform 0.4s; } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):hover:after, *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):focus:after, *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled).focus:after { transform: translate(-50%, 0) scale(0.6, 1); } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):not(.disabled):is([aria-pressed=true], :active, .current):after { transform: translate(-50%, 0) scale(1, 1); } *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn):is([aria-pressed=true], .current) { pointer-events: none; outline: var(--contrast-outline-width, 0px) solid var(--colour-primary-theme) !important; } @media (min-width: 576px) { *:where(.iw-vue-app > div) .tabs__links .link:not(.text-decoration-none):not(.btn) { padding: 2rem 2rem 0.5rem 2rem; } *:where(.iw-vue-app > div) .tabs__links__wrapper { margin: 0 auto 2.5rem; } } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) { padding: 0; margin: calc(var(--padding-top) * -1) calc(var(--padding-x) * -1) var(--padding-top) calc(var(--padding-x) * -1); border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; display: flex; flex-direction: column; border-bottom: 1px solid var(--colour-border); overflow: hidden; outline: var(--contrast-outline-width, 0px) solid var(--colour-primary); } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links):after { display: none; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) { flex-direction: row; } } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn) { margin: 0; padding: 1rem var(--padding-x); width: 100%; position: relative; text-align: left; flex-grow: 1; --gradient-direction: -90deg; background-color: var(--colour-success); } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn):not([class*=bg-]) { background-image: linear-gradient(var(--gradient-direction), var(--colour-info) 0, transparent 100%); } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn):is(.current, [aria-pressed=true]) { color: var(--colour-primary-theme); } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn):not(.current, [aria-pressed=true]) { background: var(--colour-canvas-2) !important; } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn):after { display: none; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn) { margin: 0; } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:not(.text-decoration-none):not(.btn):not(:first-child) { border-left: 1px solid var(--colour-border) !important; } } *:where(.iw-vue-app > div) .admin-panel :is(.admin-panel__links, .tabs__links) .link:is(.current, [aria-pressed=true]) { pointer-events: none; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) :host(.tabs--inline) .tabs__links { margin: 0; justify-content: center; } *:where(.iw-vue-app > div) :host(.tabs--inline) .tabs__links__wrapper:after { width: 100%; } } *:where(.iw-vue-app > div) main { position: relative; } *:where(.iw-vue-app > div) main > *:first-child { padding-top: 2rem; } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) iam-header:not(:defined) { min-height: 29.375rem; } } *:where(.iw-vue-app > div) .card:not(:defined) { box-shadow: var(--card-box-shadow); border-radius: var(--card-border-radius); padding: var(--card-top-padding) var(--card-right-padding) var(--card-bottom-padding) var(--card-left-padding); } *:where(.iw-vue-app > div) .row [class*=col]:has(label:first-child:last-child .card:defined:first-child:last-child, button:first-child:last-child .card:defined:first-child:last-child, a:first-child:last-child .card:defined:first-child:last-child) { display: flex; } *:where(.iw-vue-app > div) iam-card:has([type=checkbox]:checked) { --hover-outline-colour: var(--colour-info); --outline-colour: var(--colour-info); } *:where(.iw-vue-app > div) label:has(.card) { padding: 0 !important; margin-right: 0 !important; } *:where(.iw-vue-app > div) label:has(.card):before, *:where(.iw-vue-app > div) label:has(.card):after { display: none !important; } *:where(.iw-vue-app > div) label:has(.card) .optional-text { display: none; } *:where(.iw-vue-app > div) label:has(.card):has(:checked) .card:defined { outline: 2px solid var(--colour, var(--colour-primary)); outline-offset: -2px; } *:where(.iw-vue-app > div) label:has(.card):has(:checked) .card:defined ::part(body) { background: none; } *:where(.iw-vue-app > div) label:has(.card):has(:checked) .card:defined ::part(footer) { background: none; } *:where(.iw-vue-app > div) iam-filter-card:not(:has(i)) { border-left: 0.75rem solid var(--colour, var(--colour-primary)); } *:where(.iw-vue-app > div) .card .badge:not([class*=bg-]):not([class*=wider-colour-]) { background-color: var(--colour-canvas); outline: 1px solid var(--colour-light); } *:where(.iw-vue-app > div) a[target=_blank] .card { --icon: var(--icon-new-tab); } *:where(.iw-vue-app > div) iam-search input:not(.is-invalid):not(:invalid) { background: none !important; } *:where(.iw-vue-app > div) iam-search .optional-text { display: none !important; } @container (width > 23.4375em) { @media screen and (prefers-color-scheme: dark) { *:where(.iw-vue-app > div) iam-table.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr > *:not(:first-child):last-child { background: linear-gradient(90deg, transparent 0%, var(--row-bg) 1.25rem); } } } *:where(.iw-vue-app > div) iam-pagination { --pagination-link-color: var(--colour-light); --pagination-link-color-active: #e0e0e0; } *:where(.iw-vue-app > div) { /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ } *:where(.iw-vue-app > div) .row { --gutter-x: 1rem; --gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--gutter-y)); margin-right: calc(-0.5 * var(--gutter-x)); margin-left: calc(-0.5 * var(--gutter-x)); } *:where(.iw-vue-app > div) .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x) * 0.5); padding-left: calc(var(--gutter-x) * 0.5); margin-top: var(--gutter-y); } *:where(.iw-vue-app > div) .col { flex: 1 0 0%; } *:where(.iw-vue-app > div) .row-cols-auto > * { flex: 0 0 auto; width: auto; } *:where(.iw-vue-app > div) .row-cols-1 > * { flex: 0 0 auto; width: 100%; } *:where(.iw-vue-app > div) .row-cols-2 > * { flex: 0 0 auto; width: 50%; } *:where(.iw-vue-app > div) .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } *:where(.iw-vue-app > div) .row-cols-4 > * { flex: 0 0 auto; width: 25%; } *:where(.iw-vue-app > div) .row-cols-5 > * { flex: 0 0 auto; width: 20%; } *:where(.iw-vue-app > div) .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } *:where(.iw-vue-app > div) .col-auto { flex: 0 0 auto; width: auto; } *:where(.iw-vue-app > div) .col-1 { flex: 0 0 auto; width: 8.3333333333%; } *:where(.iw-vue-app > div) .col-2 { flex: 0 0 auto; width: 16.6666666667%; } *:where(.iw-vue-app > div) .col-3 { flex: 0 0 auto; width: 25%; } *:where(.iw-vue-app > div) .col-4 { flex: 0 0 auto; width: 33.3333333333%; } *:where(.iw-vue-app > div) .col-5 { flex: 0 0 auto; width: 41.6666666667%; } *:where(.iw-vue-app > div) .col-6 { flex: 0 0 auto; width: 50%; } *:where(.iw-vue-app > div) .col-7 { flex: 0 0 auto; width: 58.3333333333%; } *:where(.iw-vue-app > div) .col-8 { flex: 0 0 auto; width: 66.6666666667%; } *:where(.iw-vue-app > div) .col-9 { flex: 0 0 auto; width: 75%; } *:where(.iw-vue-app > div) .col-10 { flex: 0 0 auto; width: 83.3333333333%; } *:where(.iw-vue-app > div) .col-11 { flex: 0 0 auto; width: 91.6666666667%; } *:where(.iw-vue-app > div) .col-12 { flex: 0 0 auto; width: 100%; } *:where(.iw-vue-app > div) .offset-1 { margin-left: 8.3333333333%; } *:where(.iw-vue-app > div) .offset-2 { margin-left: 16.6666666667%; } *:where(.iw-vue-app > div) .offset-3 { margin-left: 25%; } *:where(.iw-vue-app > div) .offset-4 { margin-left: 33.3333333333%; } *:where(.iw-vue-app > div) .offset-5 { margin-left: 41.6666666667%; } *:where(.iw-vue-app > div) .offset-6 { margin-left: 50%; } *:where(.iw-vue-app > div) .offset-7 { margin-left: 58.3333333333%; } *:where(.iw-vue-app > div) .offset-8 { margin-left: 66.6666666667%; } *:where(.iw-vue-app > div) .offset-9 { margin-left: 75%; } *:where(.iw-vue-app > div) .offset-10 { margin-left: 83.3333333333%; } *:where(.iw-vue-app > div) .offset-11 { margin-left: 91.6666666667%; } *:where(.iw-vue-app > div) .g-0, *:where(.iw-vue-app > div) .gx-0 { --gutter-x: 0; } *:where(.iw-vue-app > div) .g-0, *:where(.iw-vue-app > div) .gy-0 { --gutter-y: 0; } *:where(.iw-vue-app > div) .g-1, *:where(.iw-vue-app > div) .gx-1 { --gutter-x: 0.5rem; } *:where(.iw-vue-app > div) .g-1, *:where(.iw-vue-app > div) .gy-1 { --gutter-y: 0.5rem; } *:where(.iw-vue-app > div) .g-2, *:where(.iw-vue-app > div) .gx-2 { --gutter-x: 1rem; } *:where(.iw-vue-app > div) .g-2, *:where(.iw-vue-app > div) .gy-2 { --gutter-y: 1rem; } *:where(.iw-vue-app > div) .g-3, *:where(.iw-vue-app > div) .gx-3 { --gutter-x: 1.5rem; } *:where(.iw-vue-app > div) .g-3, *:where(.iw-vue-app > div) .gy-3 { --gutter-y: 1.5rem; } *:where(.iw-vue-app > div) .g-4, *:where(.iw-vue-app > div) .gx-4 { --gutter-x: 2rem; } *:where(.iw-vue-app > div) .g-4, *:where(.iw-vue-app > div) .gy-4 { --gutter-y: 2rem; } *:where(.iw-vue-app > div) .g-5, *:where(.iw-vue-app > div) .gx-5 { --gutter-x: 3rem; } *:where(.iw-vue-app > div) .g-5, *:where(.iw-vue-app > div) .gy-5 { --gutter-y: 3rem; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .col-sm { flex: 1 0 0%; } *:where(.iw-vue-app > div) .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } *:where(.iw-vue-app > div) .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } *:where(.iw-vue-app > div) .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } *:where(.iw-vue-app > div) .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } *:where(.iw-vue-app > div) .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } *:where(.iw-vue-app > div) .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } *:where(.iw-vue-app > div) .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } *:where(.iw-vue-app > div) .col-sm-auto { flex: 0 0 auto; width: auto; } *:where(.iw-vue-app > div) .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } *:where(.iw-vue-app > div) .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } *:where(.iw-vue-app > div) .col-sm-3 { flex: 0 0 auto; width: 25%; } *:where(.iw-vue-app > div) .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } *:where(.iw-vue-app > div) .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } *:where(.iw-vue-app > div) .col-sm-6 { flex: 0 0 auto; width: 50%; } *:where(.iw-vue-app > div) .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } *:where(.iw-vue-app > div) .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } *:where(.iw-vue-app > div) .col-sm-9 { flex: 0 0 auto; width: 75%; } *:where(.iw-vue-app > div) .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } *:where(.iw-vue-app > div) .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } *:where(.iw-vue-app > div) .col-sm-12 { flex: 0 0 auto; width: 100%; } *:where(.iw-vue-app > div) .offset-sm-0 { margin-left: 0; } *:where(.iw-vue-app > div) .offset-sm-1 { margin-left: 8.3333333333%; } *:where(.iw-vue-app > div) .offset-sm-2 { margin-left: 16.6666666667%; } *:where(.iw-vue-app > div) .offset-sm-3 { margin-left: 25%; } *:where(.iw-vue-app > div) .offset-sm-4 { margin-left: 33.3333333333%; } *:where(.iw-vue-app > div) .offset-sm-5 { margin-left: 41.6666666667%; } *:where(.iw-vue-app > div) .offset-sm-6 { margin-left: 50%; } *:where(.iw-vue-app > div) .offset-sm-7 { margin-left: 58.3333333333%; } *:where(.iw-vue-app > div) .offset-sm-8 { margin-left: 66.6666666667%; } *:where(.iw-vue-app > div) .offset-sm-9 { margin-left: 75%; } *:where(.iw-vue-app > div) .offset-sm-10 { margin-left: 83.3333333333%; } *:where(.iw-vue-app > div) .offset-sm-11 { margin-left: 91.6666666667%; } *:where(.iw-vue-app > div) .g-sm-0, *:where(.iw-vue-app > div) .gx-sm-0 { --gutter-x: 0; } *:where(.iw-vue-app > div) .g-sm-0, *:where(.iw-vue-app > div) .gy-sm-0 { --gutter-y: 0; } *:where(.iw-vue-app > div) .g-sm-1, *:where(.iw-vue-app > div) .gx-sm-1 { --gutter-x: 0.5rem; } *:where(.iw-vue-app > div) .g-sm-1, *:where(.iw-vue-app > div) .gy-sm-1 { --gutter-y: 0.5rem; } *:where(.iw-vue-app > div) .g-sm-2, *:where(.iw-vue-app > div) .gx-sm-2 { --gutter-x: 1rem; } *:where(.iw-vue-app > div) .g-sm-2, *:where(.iw-vue-app > div) .gy-sm-2 { --gutter-y: 1rem; } *:where(.iw-vue-app > div) .g-sm-3, *:where(.iw-vue-app > div) .gx-sm-3 { --gutter-x: 1.5rem; } *:where(.iw-vue-app > div) .g-sm-3, *:where(.iw-vue-app > div) .gy-sm-3 { --gutter-y: 1.5rem; } *:where(.iw-vue-app > div) .g-sm-4, *:where(.iw-vue-app > div) .gx-sm-4 { --gutter-x: 2rem; } *:where(.iw-vue-app > div) .g-sm-4, *:where(.iw-vue-app > div) .gy-sm-4 { --gutter-y: 2rem; } *:where(.iw-vue-app > div) .g-sm-5, *:where(.iw-vue-app > div) .gx-sm-5 { --gutter-x: 3rem; } *:where(.iw-vue-app > div) .g-sm-5, *:where(.iw-vue-app > div) .gy-sm-5 { --gutter-y: 3rem; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .col-md { flex: 1 0 0%; } *:where(.iw-vue-app > div) .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } *:where(.iw-vue-app > div) .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } *:where(.iw-vue-app > div) .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } *:where(.iw-vue-app > div) .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } *:where(.iw-vue-app > div) .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } *:where(.iw-vue-app > div) .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } *:where(.iw-vue-app > div) .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } *:where(.iw-vue-app > div) .col-md-auto { flex: 0 0 auto; width: auto; } *:where(.iw-vue-app > div) .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } *:where(.iw-vue-app > div) .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } *:where(.iw-vue-app > div) .col-md-3 { flex: 0 0 auto; width: 25%; } *:where(.iw-vue-app > div) .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } *:where(.iw-vue-app > div) .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } *:where(.iw-vue-app > div) .col-md-6 { flex: 0 0 auto; width: 50%; } *:where(.iw-vue-app > div) .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } *:where(.iw-vue-app > div) .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } *:where(.iw-vue-app > div) .col-md-9 { flex: 0 0 auto; width: 75%; } *:where(.iw-vue-app > div) .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } *:where(.iw-vue-app > div) .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } *:where(.iw-vue-app > div) .col-md-12 { flex: 0 0 auto; width: 100%; } *:where(.iw-vue-app > div) .offset-md-0 { margin-left: 0; } *:where(.iw-vue-app > div) .offset-md-1 { margin-left: 8.3333333333%; } *:where(.iw-vue-app > div) .offset-md-2 { margin-left: 16.6666666667%; } *:where(.iw-vue-app > div) .offset-md-3 { margin-left: 25%; } *:where(.iw-vue-app > div) .offset-md-4 { margin-left: 33.3333333333%; } *:where(.iw-vue-app > div) .offset-md-5 { margin-left: 41.6666666667%; } *:where(.iw-vue-app > div) .offset-md-6 { margin-left: 50%; } *:where(.iw-vue-app > div) .offset-md-7 { margin-left: 58.3333333333%; } *:where(.iw-vue-app > div) .offset-md-8 { margin-left: 66.6666666667%; } *:where(.iw-vue-app > div) .offset-md-9 { margin-left: 75%; } *:where(.iw-vue-app > div) .offset-md-10 { margin-left: 83.3333333333%; } *:where(.iw-vue-app > div) .offset-md-11 { margin-left: 91.6666666667%; } *:where(.iw-vue-app > div) .g-md-0, *:where(.iw-vue-app > div) .gx-md-0 { --gutter-x: 0; } *:where(.iw-vue-app > div) .g-md-0, *:where(.iw-vue-app > div) .gy-md-0 { --gutter-y: 0; } *:where(.iw-vue-app > div) .g-md-1, *:where(.iw-vue-app > div) .gx-md-1 { --gutter-x: 0.5rem; } *:where(.iw-vue-app > div) .g-md-1, *:where(.iw-vue-app > div) .gy-md-1 { --gutter-y: 0.5rem; } *:where(.iw-vue-app > div) .g-md-2, *:where(.iw-vue-app > div) .gx-md-2 { --gutter-x: 1rem; } *:where(.iw-vue-app > div) .g-md-2, *:where(.iw-vue-app > div) .gy-md-2 { --gutter-y: 1rem; } *:where(.iw-vue-app > div) .g-md-3, *:where(.iw-vue-app > div) .gx-md-3 { --gutter-x: 1.5rem; } *:where(.iw-vue-app > div) .g-md-3, *:where(.iw-vue-app > div) .gy-md-3 { --gutter-y: 1.5rem; } *:where(.iw-vue-app > div) .g-md-4, *:where(.iw-vue-app > div) .gx-md-4 { --gutter-x: 2rem; } *:where(.iw-vue-app > div) .g-md-4, *:where(.iw-vue-app > div) .gy-md-4 { --gutter-y: 2rem; } *:where(.iw-vue-app > div) .g-md-5, *:where(.iw-vue-app > div) .gx-md-5 { --gutter-x: 3rem; } *:where(.iw-vue-app > div) .g-md-5, *:where(.iw-vue-app > div) .gy-md-5 { --gutter-y: 3rem; } } *:where(.iw-vue-app > div) { /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ } *:where(.iw-vue-app > div) .clearfix::after { display: block; clear: both; content: ""; } *:where(.iw-vue-app > div) .visually-hidden, *:where(.iw-vue-app > div) .visually-hidden-focusable:not(:focus):not(:focus-within) { 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; } *:where(.iw-vue-app > div) .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } *:where(.iw-vue-app > div) .ratio { position: relative; width: 100%; } *:where(.iw-vue-app > div) .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } *:where(.iw-vue-app > div) .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } *:where(.iw-vue-app > div) .ratio-1x1 { --aspect-ratio: 100%; } *:where(.iw-vue-app > div) .ratio-4x3 { --aspect-ratio: 75%; } *:where(.iw-vue-app > div) .ratio-16x9 { --aspect-ratio: 56.25%; } *:where(.iw-vue-app > div) .ratio-21x9 { --aspect-ratio: 42.8571428571%; } *:where(.iw-vue-app > div) .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: var(--index-floating); } *:where(.iw-vue-app > div) .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: var(--index-floating); } *:where(.iw-vue-app > div) .sticky-top { position: sticky; top: 0; z-index: var(--index-floating); } *:where(.iw-vue-app > div) .sticky-bottom { position: sticky; bottom: 0; z-index: var(--index-floating); } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .sticky-sm-top { position: sticky; top: 0; z-index: var(--index-floating); } *:where(.iw-vue-app > div) .sticky-sm-bottom { position: sticky; bottom: 0; z-index: var(--index-floating); } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .sticky-md-top { position: sticky; top: 0; z-index: var(--index-floating); } *:where(.iw-vue-app > div) .sticky-md-bottom { position: sticky; bottom: 0; z-index: var(--index-floating); } } *:where(.iw-vue-app > div) :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid):not(iam-table):not(.table__wrapper) { padding-inline: var(--mh-padding-inline, 0); margin-inline: calc(var(--mh-padding-inline, 0) * -1); } *:where(.iw-vue-app > div) :is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg, .mh-fluid)::before { top: calc(100% - 1.5rem); bottom: 0; left: 0; right: 0; height: 1.5rem; position: sticky; display: block; background: linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%); z-index: 2; margin-bottom: -1.5rem; } *:where(.iw-vue-app > div) :is(.mh-sm, .mh-md, .mh-lg, .mh-fluid) { overflow: auto; overscroll-behavior: contain; } *:where(.iw-vue-app > div) :is(.mh-sm, .mh-md, .mh-lg, .mh-fluid)::before { content: ""; } *:where(.iw-vue-app > div) .mh-sm { max-height: calc(12.5rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-md { max-height: calc(25rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-lg { max-height: calc(37.5rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-fluid { max-height: 100%; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) :is(.mh-sm-sm, .mh-sm-md, .mh-sm-lg) { overflow: auto; overscroll-behavior: contain; } *:where(.iw-vue-app > div) :is(.mh-sm-sm, .mh-sm-md, .mh-sm-lg)::before { content: ""; } *:where(.iw-vue-app > div) .mh-sm-sm { max-height: calc(12.5rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-sm-md { max-height: calc(25rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-sm-lg { max-height: calc(37.5rem - var(--mh-modifier, 0rem)); } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) :is(.mh-md-sm, .mh-md-md, .mh-md-lg) { overflow: auto; overscroll-behavior: contain; } *:where(.iw-vue-app > div) :is(.mh-md-sm, .mh-md-md, .mh-md-lg)::before { content: ""; } *:where(.iw-vue-app > div) .mh-md-sm { max-height: calc(12.5rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-md-md { max-height: calc(25rem - var(--mh-modifier, 0rem)); } *:where(.iw-vue-app > div) .mh-md-lg { max-height: calc(37.5rem - var(--mh-modifier, 0rem)); } } @media (scripting: enabled) { *:where(.iw-vue-app > div) .js-show { display: none !important; } } @media (scripting: none) { *:where(.iw-vue-app > div) .js-hide { display: none !important; } } *:where(.iw-vue-app > div) .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: hidden; overflow: hidden; } *:where(.iw-vue-app > div) .line-clamp--2 { -webkit-line-clamp: 2; } *:where(.iw-vue-app > div) .line-clamp--3 { -webkit-line-clamp: 3; } *:where(.iw-vue-app > div) .line-clamp--4 { -webkit-line-clamp: 4; } *:where(.iw-vue-app > div) .line-clamp--5 { -webkit-line-clamp: 5; } *:where(.iw-vue-app > div) .align-baseline { vertical-align: baseline !important; } *:where(.iw-vue-app > div) .align-top { vertical-align: top !important; } *:where(.iw-vue-app > div) .align-middle { vertical-align: middle !important; } *:where(.iw-vue-app > div) .align-bottom { vertical-align: bottom !important; } *:where(.iw-vue-app > div) .align-text-bottom { vertical-align: text-bottom !important; } *:where(.iw-vue-app > div) .align-text-top { vertical-align: text-top !important; } *:where(.iw-vue-app > div) .opacity-0 { opacity: 0 !important; } *:where(.iw-vue-app > div) .opacity-25 { opacity: 0.25 !important; } *:where(.iw-vue-app > div) .opacity-50 { opacity: 0.5 !important; } *:where(.iw-vue-app > div) .opacity-75 { opacity: 0.75 !important; } *:where(.iw-vue-app > div) .opacity-100 { opacity: 1 !important; } *:where(.iw-vue-app > div) .overflow-auto { overflow: auto !important; } *:where(.iw-vue-app > div) .overflow-hidden { overflow: hidden !important; } *:where(.iw-vue-app > div) .overflow-visible { overflow: visible !important; } *:where(.iw-vue-app > div) .overflow-scroll { overflow: scroll !important; } *:where(.iw-vue-app > div) .d-inline { display: inline !important; } *:where(.iw-vue-app > div) .d-inline-block { display: inline-block !important; } *:where(.iw-vue-app > div) .d-block { display: block !important; } *:where(.iw-vue-app > div) .d-grid { display: grid !important; } *:where(.iw-vue-app > div) .d-table { display: table !important; } *:where(.iw-vue-app > div) .d-table-row { display: table-row !important; } *:where(.iw-vue-app > div) .d-table-cell { display: table-cell !important; } *:where(.iw-vue-app > div) .d-flex { display: flex !important; } *:where(.iw-vue-app > div) .d-inline-flex { display: inline-flex !important; } *:where(.iw-vue-app > div) .d-none { display: none !important; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .d-sm-inline { display: inline !important; } *:where(.iw-vue-app > div) .d-sm-inline-block { display: inline-block !important; } *:where(.iw-vue-app > div) .d-sm-block { display: block !important; } *:where(.iw-vue-app > div) .d-sm-grid { display: grid !important; } *:where(.iw-vue-app > div) .d-sm-table { display: table !important; } *:where(.iw-vue-app > div) .d-sm-table-row { display: table-row !important; } *:where(.iw-vue-app > div) .d-sm-table-cell { display: table-cell !important; } *:where(.iw-vue-app > div) .d-sm-flex { display: flex !important; } *:where(.iw-vue-app > div) .d-sm-inline-flex { display: inline-flex !important; } *:where(.iw-vue-app > div) .d-sm-none { display: none !important; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .d-md-inline { display: inline !important; } *:where(.iw-vue-app > div) .d-md-inline-block { display: inline-block !important; } *:where(.iw-vue-app > div) .d-md-block { display: block !important; } *:where(.iw-vue-app > div) .d-md-grid { display: grid !important; } *:where(.iw-vue-app > div) .d-md-table { display: table !important; } *:where(.iw-vue-app > div) .d-md-table-row { display: table-row !important; } *:where(.iw-vue-app > div) .d-md-table-cell { display: table-cell !important; } *:where(.iw-vue-app > div) .d-md-flex { display: flex !important; } *:where(.iw-vue-app > div) .d-md-inline-flex { display: inline-flex !important; } *:where(.iw-vue-app > div) .d-md-none { display: none !important; } } *:where(.iw-vue-app > div) .position-static { position: static !important; } *:where(.iw-vue-app > div) .position-relative { position: relative !important; } *:where(.iw-vue-app > div) .position-absolute { position: absolute !important; } *:where(.iw-vue-app > div) .position-fixed { position: fixed !important; } *:where(.iw-vue-app > div) .position-sticky { position: sticky !important; } *:where(.iw-vue-app > div) .top-0 { top: 0 !important; } *:where(.iw-vue-app > div) .top-50 { top: 50% !important; } *:where(.iw-vue-app > div) .top-100 { top: 100% !important; } *:where(.iw-vue-app > div) .bottom-0 { bottom: 0 !important; } *:where(.iw-vue-app > div) .bottom-50 { bottom: 50% !important; } *:where(.iw-vue-app > div) .bottom-100 { bottom: 100% !important; } *:where(.iw-vue-app > div) .start-0 { left: 0 !important; } *:where(.iw-vue-app > div) .start-50 { left: 50% !important; } *:where(.iw-vue-app > div) .start-100 { left: 100% !important; } *:where(.iw-vue-app > div) .end-0 { right: 0 !important; } *:where(.iw-vue-app > div) .end-50 { right: 50% !important; } *:where(.iw-vue-app > div) .end-100 { right: 100% !important; } *:where(.iw-vue-app > div) .translate-middle { transform: translate(-50%, -50%) !important; } *:where(.iw-vue-app > div) .translate-middle-x { transform: translateX(-50%) !important; } *:where(.iw-vue-app > div) .translate-middle-y { transform: translateY(-50%) !important; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .position-sm-static { position: static !important; } *:where(.iw-vue-app > div) .position-sm-relative { position: relative !important; } *:where(.iw-vue-app > div) .position-sm-absolute { position: absolute !important; } *:where(.iw-vue-app > div) .position-sm-fixed { position: fixed !important; } *:where(.iw-vue-app > div) .position-sm-sticky { position: sticky !important; } *:where(.iw-vue-app > div) .top-sm-0 { top: 0 !important; } *:where(.iw-vue-app > div) .top-sm-50 { top: 50% !important; } *:where(.iw-vue-app > div) .top-sm-100 { top: 100% !important; } *:where(.iw-vue-app > div) .bottom-sm-0 { bottom: 0 !important; } *:where(.iw-vue-app > div) .bottom-sm-50 { bottom: 50% !important; } *:where(.iw-vue-app > div) .bottom-sm-100 { bottom: 100% !important; } *:where(.iw-vue-app > div) .start-sm-0 { left: 0 !important; } *:where(.iw-vue-app > div) .start-sm-50 { left: 50% !important; } *:where(.iw-vue-app > div) .start-sm-100 { left: 100% !important; } *:where(.iw-vue-app > div) .end-sm-0 { right: 0 !important; } *:where(.iw-vue-app > div) .end-sm-50 { right: 50% !important; } *:where(.iw-vue-app > div) .end-sm-100 { right: 100% !important; } *:where(.iw-vue-app > div) .translate-sm-middle { transform: translate(-50%, -50%) !important; } *:where(.iw-vue-app > div) .translate-sm-middle-x { transform: translateX(-50%) !important; } *:where(.iw-vue-app > div) .translate-sm-middle-y { transform: translateY(-50%) !important; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .position-md-static { position: static !important; } *:where(.iw-vue-app > div) .position-md-relative { position: relative !important; } *:where(.iw-vue-app > div) .position-md-absolute { position: absolute !important; } *:where(.iw-vue-app > div) .position-md-fixed { position: fixed !important; } *:where(.iw-vue-app > div) .position-md-sticky { position: sticky !important; } *:where(.iw-vue-app > div) .top-md-0 { top: 0 !important; } *:where(.iw-vue-app > div) .top-md-50 { top: 50% !important; } *:where(.iw-vue-app > div) .top-md-100 { top: 100% !important; } *:where(.iw-vue-app > div) .bottom-md-0 { bottom: 0 !important; } *:where(.iw-vue-app > div) .bottom-md-50 { bottom: 50% !important; } *:where(.iw-vue-app > div) .bottom-md-100 { bottom: 100% !important; } *:where(.iw-vue-app > div) .start-md-0 { left: 0 !important; } *:where(.iw-vue-app > div) .start-md-50 { left: 50% !important; } *:where(.iw-vue-app > div) .start-md-100 { left: 100% !important; } *:where(.iw-vue-app > div) .end-md-0 { right: 0 !important; } *:where(.iw-vue-app > div) .end-md-50 { right: 50% !important; } *:where(.iw-vue-app > div) .end-md-100 { right: 100% !important; } *:where(.iw-vue-app > div) .translate-md-middle { transform: translate(-50%, -50%) !important; } *:where(.iw-vue-app > div) .translate-md-middle-x { transform: translateX(-50%) !important; } *:where(.iw-vue-app > div) .translate-md-middle-y { transform: translateY(-50%) !important; } } *:where(.iw-vue-app > div) .border { border: var(--border-width) var(--border-style) var(--border-color) !important; } *:where(.iw-vue-app > div) .border-0 { border: 0 !important; } *:where(.iw-vue-app > div) .border-top { border-top: var(--border-width) var(--border-style) var(--border-color) !important; } *:where(.iw-vue-app > div) .border-top-0 { border-top: 0 !important; } *:where(.iw-vue-app > div) .border-end { border-right: var(--border-width) var(--border-style) var(--border-color) !important; } *:where(.iw-vue-app > div) .border-end-0 { border-right: 0 !important; } *:where(.iw-vue-app > div) .border-bottom { border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; } *:where(.iw-vue-app > div) .border-bottom-0 { border-bottom: 0 !important; } *:where(.iw-vue-app > div) .border-start { border-left: var(--border-width) var(--border-style) var(--border-color) !important; } *:where(.iw-vue-app > div) .border-start-0 { border-left: 0 !important; } *:where(.iw-vue-app > div) .border-1 { --border-width: 1px; } *:where(.iw-vue-app > div) .border-2 { --border-width: 2px; } *:where(.iw-vue-app > div) .border-3 { --border-width: 3px; } *:where(.iw-vue-app > div) .border-4 { --border-width: 4px; } *:where(.iw-vue-app > div) .border-5 { --border-width: 5px; } *:where(.iw-vue-app > div) .border-opacity-10 { --border-opacity: 0.1; } *:where(.iw-vue-app > div) .border-opacity-25 { --border-opacity: 0.25; } *:where(.iw-vue-app > div) .border-opacity-50 { --border-opacity: 0.5; } *:where(.iw-vue-app > div) .border-opacity-75 { --border-opacity: 0.75; } *:where(.iw-vue-app > div) .border-opacity-100 { --border-opacity: 1; } *:where(.iw-vue-app > div) .w-25 { width: 25% !important; } *:where(.iw-vue-app > div) .w-50 { width: 50% !important; } *:where(.iw-vue-app > div) .w-75 { width: 75% !important; } *:where(.iw-vue-app > div) .w-100 { width: 100% !important; } *:where(.iw-vue-app > div) .w-auto { width: auto !important; } *:where(.iw-vue-app > div) .mw-100 { max-width: 100% !important; } *:where(.iw-vue-app > div) .mw-fit-content { max-width: fit-content !important; } *:where(.iw-vue-app > div) .mw-content { max-width: var(--content-max-width) !important; } *:where(.iw-vue-app > div) .vw-100 { width: 100vw !important; } *:where(.iw-vue-app > div) .min-vw-100 { min-width: 100vw !important; } *:where(.iw-vue-app > div) .h-25 { height: 25% !important; } *:where(.iw-vue-app > div) .h-50 { height: 50% !important; } *:where(.iw-vue-app > div) .h-75 { height: 75% !important; } *:where(.iw-vue-app > div) .h-100 { height: 100% !important; } *:where(.iw-vue-app > div) .h-auto { height: auto !important; } *:where(.iw-vue-app > div) .mh-100 { max-height: 100% !important; } *:where(.iw-vue-app > div) .vh-100 { height: 100vh !important; } *:where(.iw-vue-app > div) .min-vh-100 { min-height: 100vh !important; } *:where(.iw-vue-app > div) .min-100 { min-width: 100% !important; } *:where(.iw-vue-app > div) .min-fit-content { min-width: fit-content !important; } *:where(.iw-vue-app > div) .object-cover { object-fit: cover !important; } *:where(.iw-vue-app > div) .object-contain { object-fit: contain !important; } *:where(.iw-vue-app > div) .flex-fill { flex: 1 1 auto !important; } *:where(.iw-vue-app > div) .flex-row { flex-direction: row !important; } *:where(.iw-vue-app > div) .flex-column { flex-direction: column !important; } *:where(.iw-vue-app > div) .flex-row-reverse { flex-direction: row-reverse !important; } *:where(.iw-vue-app > div) .flex-column-reverse { flex-direction: column-reverse !important; } *:where(.iw-vue-app > div) .flex-grow-0 { flex-grow: 0 !important; } *:where(.iw-vue-app > div) .flex-grow-1 { flex-grow: 1 !important; } *:where(.iw-vue-app > div) .flex-shrink-0 { flex-shrink: 0 !important; } *:where(.iw-vue-app > div) .flex-shrink-1 { flex-shrink: 1 !important; } *:where(.iw-vue-app > div) .flex-wrap { flex-wrap: wrap !important; } *:where(.iw-vue-app > div) .flex-nowrap { flex-wrap: nowrap !important; } *:where(.iw-vue-app > div) .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } *:where(.iw-vue-app > div) .justify-content-start { justify-content: flex-start !important; } *:where(.iw-vue-app > div) .justify-content-end { justify-content: flex-end !important; } *:where(.iw-vue-app > div) .justify-content-center { justify-content: center !important; } *:where(.iw-vue-app > div) .justify-content-between { justify-content: space-between !important; } *:where(.iw-vue-app > div) .justify-content-around { justify-content: space-around !important; } *:where(.iw-vue-app > div) .justify-content-evenly { justify-content: space-evenly !important; } *:where(.iw-vue-app > div) .align-items-start { align-items: flex-start !important; } *:where(.iw-vue-app > div) .align-items-end { align-items: flex-end !important; } *:where(.iw-vue-app > div) .align-items-center { align-items: center !important; } *:where(.iw-vue-app > div) .align-items-baseline { align-items: baseline !important; } *:where(.iw-vue-app > div) .align-items-stretch { align-items: stretch !important; } *:where(.iw-vue-app > div) .align-content-start { align-content: flex-start !important; } *:where(.iw-vue-app > div) .align-content-end { align-content: flex-end !important; } *:where(.iw-vue-app > div) .align-content-center { align-content: center !important; } *:where(.iw-vue-app > div) .align-content-between { align-content: space-between !important; } *:where(.iw-vue-app > div) .align-content-around { align-content: space-around !important; } *:where(.iw-vue-app > div) .align-content-stretch { align-content: stretch !important; } *:where(.iw-vue-app > div) .align-self-auto { align-self: auto !important; } *:where(.iw-vue-app > div) .align-self-start { align-self: flex-start !important; } *:where(.iw-vue-app > div) .align-self-end { align-self: flex-end !important; } *:where(.iw-vue-app > div) .align-self-center { align-self: center !important; } *:where(.iw-vue-app > div) .align-self-baseline { align-self: baseline !important; } *:where(.iw-vue-app > div) .align-self-stretch { align-self: stretch !important; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .flex-sm-fill { flex: 1 1 auto !important; } *:where(.iw-vue-app > div) .flex-sm-row { flex-direction: row !important; } *:where(.iw-vue-app > div) .flex-sm-column { flex-direction: column !important; } *:where(.iw-vue-app > div) .flex-sm-row-reverse { flex-direction: row-reverse !important; } *:where(.iw-vue-app > div) .flex-sm-column-reverse { flex-direction: column-reverse !important; } *:where(.iw-vue-app > div) .flex-sm-grow-0 { flex-grow: 0 !important; } *:where(.iw-vue-app > div) .flex-sm-grow-1 { flex-grow: 1 !important; } *:where(.iw-vue-app > div) .flex-sm-shrink-0 { flex-shrink: 0 !important; } *:where(.iw-vue-app > div) .flex-sm-shrink-1 { flex-shrink: 1 !important; } *:where(.iw-vue-app > div) .flex-sm-wrap { flex-wrap: wrap !important; } *:where(.iw-vue-app > div) .flex-sm-nowrap { flex-wrap: nowrap !important; } *:where(.iw-vue-app > div) .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } *:where(.iw-vue-app > div) .justify-content-sm-start { justify-content: flex-start !important; } *:where(.iw-vue-app > div) .justify-content-sm-end { justify-content: flex-end !important; } *:where(.iw-vue-app > div) .justify-content-sm-center { justify-content: center !important; } *:where(.iw-vue-app > div) .justify-content-sm-between { justify-content: space-between !important; } *:where(.iw-vue-app > div) .justify-content-sm-around { justify-content: space-around !important; } *:where(.iw-vue-app > div) .justify-content-sm-evenly { justify-content: space-evenly !important; } *:where(.iw-vue-app > div) .align-items-sm-start { align-items: flex-start !important; } *:where(.iw-vue-app > div) .align-items-sm-end { align-items: flex-end !important; } *:where(.iw-vue-app > div) .align-items-sm-center { align-items: center !important; } *:where(.iw-vue-app > div) .align-items-sm-baseline { align-items: baseline !important; } *:where(.iw-vue-app > div) .align-items-sm-stretch { align-items: stretch !important; } *:where(.iw-vue-app > div) .align-content-sm-start { align-content: flex-start !important; } *:where(.iw-vue-app > div) .align-content-sm-end { align-content: flex-end !important; } *:where(.iw-vue-app > div) .align-content-sm-center { align-content: center !important; } *:where(.iw-vue-app > div) .align-content-sm-between { align-content: space-between !important; } *:where(.iw-vue-app > div) .align-content-sm-around { align-content: space-around !important; } *:where(.iw-vue-app > div) .align-content-sm-stretch { align-content: stretch !important; } *:where(.iw-vue-app > div) .align-self-sm-auto { align-self: auto !important; } *:where(.iw-vue-app > div) .align-self-sm-start { align-self: flex-start !important; } *:where(.iw-vue-app > div) .align-self-sm-end { align-self: flex-end !important; } *:where(.iw-vue-app > div) .align-self-sm-center { align-self: center !important; } *:where(.iw-vue-app > div) .align-self-sm-baseline { align-self: baseline !important; } *:where(.iw-vue-app > div) .align-self-sm-stretch { align-self: stretch !important; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .flex-md-fill { flex: 1 1 auto !important; } *:where(.iw-vue-app > div) .flex-md-row { flex-direction: row !important; } *:where(.iw-vue-app > div) .flex-md-column { flex-direction: column !important; } *:where(.iw-vue-app > div) .flex-md-row-reverse { flex-direction: row-reverse !important; } *:where(.iw-vue-app > div) .flex-md-column-reverse { flex-direction: column-reverse !important; } *:where(.iw-vue-app > div) .flex-md-grow-0 { flex-grow: 0 !important; } *:where(.iw-vue-app > div) .flex-md-grow-1 { flex-grow: 1 !important; } *:where(.iw-vue-app > div) .flex-md-shrink-0 { flex-shrink: 0 !important; } *:where(.iw-vue-app > div) .flex-md-shrink-1 { flex-shrink: 1 !important; } *:where(.iw-vue-app > div) .flex-md-wrap { flex-wrap: wrap !important; } *:where(.iw-vue-app > div) .flex-md-nowrap { flex-wrap: nowrap !important; } *:where(.iw-vue-app > div) .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } *:where(.iw-vue-app > div) .justify-content-md-start { justify-content: flex-start !important; } *:where(.iw-vue-app > div) .justify-content-md-end { justify-content: flex-end !important; } *:where(.iw-vue-app > div) .justify-content-md-center { justify-content: center !important; } *:where(.iw-vue-app > div) .justify-content-md-between { justify-content: space-between !important; } *:where(.iw-vue-app > div) .justify-content-md-around { justify-content: space-around !important; } *:where(.iw-vue-app > div) .justify-content-md-evenly { justify-content: space-evenly !important; } *:where(.iw-vue-app > div) .align-items-md-start { align-items: flex-start !important; } *:where(.iw-vue-app > div) .align-items-md-end { align-items: flex-end !important; } *:where(.iw-vue-app > div) .align-items-md-center { align-items: center !important; } *:where(.iw-vue-app > div) .align-items-md-baseline { align-items: baseline !important; } *:where(.iw-vue-app > div) .align-items-md-stretch { align-items: stretch !important; } *:where(.iw-vue-app > div) .align-content-md-start { align-content: flex-start !important; } *:where(.iw-vue-app > div) .align-content-md-end { align-content: flex-end !important; } *:where(.iw-vue-app > div) .align-content-md-center { align-content: center !important; } *:where(.iw-vue-app > div) .align-content-md-between { align-content: space-between !important; } *:where(.iw-vue-app > div) .align-content-md-around { align-content: space-around !important; } *:where(.iw-vue-app > div) .align-content-md-stretch { align-content: stretch !important; } *:where(.iw-vue-app > div) .align-self-md-auto { align-self: auto !important; } *:where(.iw-vue-app > div) .align-self-md-start { align-self: flex-start !important; } *:where(.iw-vue-app > div) .align-self-md-end { align-self: flex-end !important; } *:where(.iw-vue-app > div) .align-self-md-center { align-self: center !important; } *:where(.iw-vue-app > div) .align-self-md-baseline { align-self: baseline !important; } *:where(.iw-vue-app > div) .align-self-md-stretch { align-self: stretch !important; } } *:where(.iw-vue-app > div) .order-first { order: -1 !important; } *:where(.iw-vue-app > div) .order-0 { order: 0 !important; } *:where(.iw-vue-app > div) .order-1 { order: 1 !important; } *:where(.iw-vue-app > div) .order-2 { order: 2 !important; } *:where(.iw-vue-app > div) .order-3 { order: 3 !important; } *:where(.iw-vue-app > div) .order-4 { order: 4 !important; } *:where(.iw-vue-app > div) .order-5 { order: 5 !important; } *:where(.iw-vue-app > div) .order-last { order: 6 !important; } @media screen and (min-width: 36em) { *:where(.iw-vue-app > div) .order-sm-first { order: -1 !important; } *:where(.iw-vue-app > div) .order-sm-0 { order: 0 !important; } *:where(.iw-vue-app > div) .order-sm-1 { order: 1 !important; } *:where(.iw-vue-app > div) .order-sm-2 { order: 2 !important; } *:where(.iw-vue-app > div) .order-sm-3 { order: 3 !important; } *:where(.iw-vue-app > div) .order-sm-4 { order: 4 !important; } *:where(.iw-vue-app > div) .order-sm-5 { order: 5 !important; } *:where(.iw-vue-app > div) .order-sm-last { order: 6 !important; } } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div) .order-md-first { order: -1 !important; } *:where(.iw-vue-app > div) .order-md-0 { order: 0 !important; } *:where(.iw-vue-app > div) .order-md-1 { order: 1 !important; } *:where(.iw-vue-app > div) .order-md-2 { order: 2 !important; } *:where(.iw-vue-app > div) .order-md-3 { order: 3 !important; } *:where(.iw-vue-app > div) .order-md-4 { order: 4 !important; } *:where(.iw-vue-app > div) .order-md-5 { order: 5 !important; } *:where(.iw-vue-app > div) .order-md-last { order: 6 !important; } } *:where(.iw-vue-app > div) .m-0 { margin: 0 !important; } *:where(.iw-vue-app > div) .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } *:where(.iw-vue-app > div) .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } *:where(.iw-vue-app > div) .mt-0 { margin-top: 0 !important; } *:where(.iw-vue-app > div) .me-0 { margin-right: 0 !important; } *:where(.iw-vue-app > div) .mb-0 { margin-bottom: 0 !important; } *:where(.iw-vue-app > div) .ms-0 { margin-left: 0 !important; } *:where(.iw-vue-app > div) .m-1 { margin: 0.5rem !important; } *:where(.iw-vue-app > div) .mx-1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } *:where(.iw-vue-app > div) .my-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } *:where(.iw-vue-app > div) .mt-1 { margin-top: 0.5rem !important; } *:where(.iw-vue-app > div) .me-1 { margin-right: 0.5rem !important; } *:where(.iw-vue-app > div) .mb-1 { margin-bottom: 0.5rem !important; } *:where(.iw-vue-app > div) .ms-1 { margin-left: 0.5rem !important; } *:where(.iw-vue-app > div) .m-2 { margin: 1rem !important; } *:where(.iw-vue-app > div) .mx-2 { margin-left: 1rem !important; margin-right: 1rem !important; } *:where(.iw-vue-app > div) .my-2 { margin-top: 1rem !important; margin-bottom: 1rem !important; } *:where(.iw-vue-app > div) .mt-2 { margin-top: 1rem !important; } *:where(.iw-vue-app > div) .me-2 { margin-right: 1rem !important; } *:where(.iw-vue-app > div) .mb-2 { margin-bottom: 1rem !important; } *:where(.iw-vue-app > div) .ms-2 { margin-left: 1rem !important; } *:where(.iw-vue-app > div) .m-3 { margin: 1.5rem !important; } *:where(.iw-vue-app > div) .mx-3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } *:where(.iw-vue-app > div) .my-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } *:where(.iw-vue-app > div) .mt-3 { margin-top: 1.5rem !important; } *:where(.iw-vue-app > div) .me-3 { margin-right: 1.5rem !important; } *:where(.iw-vue-app > div) .mb-3 { margin-bottom: 1.5rem !important; } *:where(.iw-vue-app > div) .ms-3 { margin-left: 1.5rem !important; } *:where(.iw-vue-app > div) .m-4 { margin: 2rem !important; } *:where(.iw-vue-app > div) .mx-4 { margin-left: 2rem !important; margin-right: 2rem !important; } *:where(.iw-vue-app > div) .my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } *:where(.iw-vue-app > div) .mt-4 { margin-top: 2rem !important; } *:where(.iw-vue-app > div) .me-4 { margin-right: 2rem !important; } *:where(.iw-vue-app > div) .mb-4 { margin-bottom: 2rem !important; } *:where(.iw-vue-app > div) .ms-4 { margin-left: 2rem !important; } *:where(.iw-vue-app > div) .m-5 { margin: 3rem !important; } *:where(.iw-vue-app > div) .mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; } *:where(.iw-vue-app > div) .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } *:where(.iw-vue-app > div) .mt-5 { margin-top: 3rem !important; } *:where(.iw-vue-app > div) .me-5 { margin-right: 3rem !important; } *:where(.iw-vue-app > div) .mb-5 { margin-bottom: 3rem !important; } *:where(.iw-vue-app > div) .ms-5 { margin-left: 3rem !important; } *:where(.iw-vue-app > div) .m-auto { margin: auto !important; } *:where(.iw-vue-app > div) .mx-auto { margin-right: auto !important; margin-left: auto !important; } *:where(.iw-vue-app > div) .my-auto { margin-top: auto !important; margin-bottom: auto !important; } *:where(.iw-vue-app > div) .mt-auto { margin-top: auto !important; } *:where(.iw-vue-app > div) .me-auto { margin-right: auto !important; } *:where(.iw-vue-app > div) .mb-auto { margin-bottom: auto !important; } *:where(.iw-vue-app > div) .ms-auto { margin-left: auto !important; } *:where(.iw-vue-app > div) .p-0 { padding: 0 !important; } *:where(.iw-vue-app > div) .px-0 { padding-left: 0 !important; padding-right: 0 !important; } *:where(.iw-vue-app > div) .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } *:where(.iw-vue-app > div) .pt-0 { padding-top: 0 !important; } *:where(.iw-vue-app > div) .pe-0 { padding-right: 0 !important; } *:where(.iw-vue-app > div) .pb-0 { padding-bottom: 0 !important; } *:where(.iw-vue-app > div) .ps-0 { padding-left: 0 !important; } *:where(.iw-vue-app > div) .p-1 { padding: 0.5rem !important; } *:where(.iw-vue-app > div) .px-1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } *:where(.iw-vue-app > div) .py-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } *:where(.iw-vue-app > div) .pt-1 { padding-top: 0.5rem !important; } *:where(.iw-vue-app > div) .pe-1 { padding-right: 0.5rem !important; } *:where(.iw-vue-app > div) .pb-1 { padding-bottom: 0.5rem !important; } *:where(.iw-vue-app > div) .ps-1 { padding-left: 0.5rem !important; } *:where(.iw-vue-app > div) .p-2 { padding: 1rem !important; } *:where(.iw-vue-app > div) .px-2 { padding-left: 1rem !important; padding-right: 1rem !important; } *:where(.iw-vue-app > div) .py-2 { padding-top: 1rem !important; padding-bottom: 1rem !important; } *:where(.iw-vue-app > div) .pt-2 { padding-top: 1rem !important; } *:where(.iw-vue-app > div) .pe-2 { padding-right: 1rem !important; } *:where(.iw-vue-app > div) .pb-2 { padding-bottom: 1rem !important; } *:where(.iw-vue-app > div) .ps-2 { padding-left: 1rem !important; } *:where(.iw-vue-app > div) .p-3 { padding: 1.5rem !important; } *:where(.iw-vue-app > div) .px-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } *:where(.iw-vue-app > div) .py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } *:where(.iw-vue-app > div) .pt-3 { padding-top: 1.5rem !important; } *:where(.iw-vue-app > div) .pe-3 { padding-right: 1.5rem !important; } *:where(.iw-vue-app > div) .pb-3 { padding-bottom: 1.5rem !important; } *:where(.iw-vue-app > div) .ps-3 { padding-left: 1.5rem !important; } *:where(.iw-vue-app > div) .p-4 { padding: 2rem !important; } *:where(.iw-vue-app > div) .px-4 { padding-left: 2rem !important; padding-right: 2rem !important; } *:where(.iw-vue-app > div) .py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } *:where(.iw-vue-app > div) .pt-4 { padding-top: 2rem !important; } *:where(.iw-vue-app > div) .pe-4 { padding-right: 2rem !important; } *:where(.iw-vue-app > div) .pb-4 { padding-bottom: 2rem !important; } *:where(.iw-vue-app > div) .ps-4 { padding-left: 2rem !important; } *:where(.iw-vue-app > div) .p-5 { padding: 3rem !important; } *:where(.iw-vue-app > div) .px-5 { padding-left: 3rem !important; padding-right: 3rem !important; } *:where(.iw-vue-app > div) .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } *:where(.iw-vue-app > div) .pt-5 { padding-top: 3rem !important; } *:where(.iw-vue-app > div) .pe-5 { padding-right: 3rem !important; } *:where(.iw-vue-app > div) .pb-5 { padding-bottom: 3rem !important; } *:where(.iw-vue-app > div) .ps-5 { padding-left: 3rem !important; } *:where(.iw-vue-app > div) .gap-0 { gap: 0 !important; } *:where(.iw-vue-app > div) .gap-1 { gap: 0.5rem !important; } *:where(.iw-vue-app > div) .gap-2 { gap: 1rem !important; } *:where(.iw-vue-app > div) .gap-3 { gap: 1.5rem !important; } *:where(.iw-vue-app > div) .gap-4 { gap: 2rem !important; } *:where(.iw-vue-app > div) .gap-5 { gap: 3rem !important; } *:where(.iw-vue-app > div) .font-monospace { font-family: var(--font-monospace) !important; } *:where(.iw-vue-app > div) .font-body { font-family: var(--font-body) !important; } *:where(.iw-vue-app > div) .fs-1 { font-size: rfs-fluid-value(2.5rem) !important; } *:where(.iw-vue-app > div) .fs-2 { font-size: rfs-fluid-value(2rem) !important; } *:where(.iw-vue-app > div) .fs-3 { font-size: rfs-fluid-value(1.75rem) !important; } *:where(.iw-vue-app > div) .fs-4 { font-size: rfs-fluid-value(1.5rem) !important; } *:where(.iw-vue-app > div) .fs-5 { font-size: rfs-fluid-value(1.25rem) !important; } *:where(.iw-vue-app > div) .fs-6 { font-size: rfs-fluid-value(1rem) !important; } *:where(.iw-vue-app > div) .fst-italic { font-style: italic !important; } *:where(.iw-vue-app > div) .fst-normal { font-style: normal !important; } *:where(.iw-vue-app > div) .fw-light { font-weight: 300 !important; } *:where(.iw-vue-app > div) .fw-lighter { font-weight: lighter !important; } *:where(.iw-vue-app > div) .fw-normal { font-weight: 400 !important; } *:where(.iw-vue-app > div) .fw-bold { font-weight: 700 !important; } *:where(.iw-vue-app > div) .fw-semibold { font-weight: 600 !important; } *:where(.iw-vue-app > div) .fw-bolder { font-weight: bolder !important; } *:where(.iw-vue-app > div) .lh-0 { line-height: 0 !important; } *:where(.iw-vue-app > div) .lh-1 { line-height: 1 !important; } *:where(.iw-vue-app > div) .text-start { text-align: left !important; } *:where(.iw-vue-app > div) .text-end { text-align: right !important; } *:where(.iw-vue-app > div) .text-center { text-align: center !important; } *:where(.iw-vue-app > div) .text-decoration-none { text-decoration: none !important; } *:where(.iw-vue-app > div) .text-decoration-underline { text-decoration: underline !important; } *:where(.iw-vue-app > div) .text-decoration-line-through { text-decoration: line-through !important; } *:where(.iw-vue-app > div) .text-lowercase { text-transform: lowercase !important; } *:where(.iw-vue-app > div) .text-uppercase { text-transform: uppercase !important; } *:where(.iw-vue-app > div) .text-capitalize { text-transform: capitalize !important; } *:where(.iw-vue-app > div) .text-wrap { white-space: normal !important; } *:where(.iw-vue-app > div) .text-nowrap { white-space: nowrap !important; } *:where(.iw-vue-app > div) .text-break { word-wrap: break-word !important; word-break: break-word !important; } *:where(.iw-vue-app > div) .text-primary { --text-opacity: 1; color: var(--colour-primary) !important; } *:where(.iw-vue-app > div) .bg-primary { --bg-opacity: 1; --bg-colour: var(--colour-primary) !important; background-color: var(--colour-primary) !important; } *:where(.iw-vue-app > div) .colour-primary { --colour: var(--colour-primary) !important; } *:where(.iw-vue-app > div) .text-secondary { --text-opacity: 1; color: var(--colour-secondary) !important; } *:where(.iw-vue-app > div) .bg-secondary { --bg-opacity: 1; --bg-colour: var(--colour-secondary) !important; background-color: var(--colour-secondary) !important; } *:where(.iw-vue-app > div) .colour-secondary { --colour: var(--colour-secondary) !important; } *:where(.iw-vue-app > div) .text-info { --text-opacity: 1; color: var(--colour-info) !important; } *:where(.iw-vue-app > div) .bg-info { --bg-opacity: 1; --bg-colour: var(--colour-info) !important; background-color: var(--colour-info) !important; } *:where(.iw-vue-app > div) .colour-info { --colour: var(--colour-info) !important; } *:where(.iw-vue-app > div) .text-warning { --text-opacity: 1; color: var(--colour-warning) !important; } *:where(.iw-vue-app > div) .bg-warning { --bg-opacity: 1; --bg-colour: var(--colour-warning) !important; background-color: var(--colour-warning) !important; } *:where(.iw-vue-app > div) .colour-warning { --colour: var(--colour-warning) !important; } *:where(.iw-vue-app > div) .text-success { --text-opacity: 1; color: var(--colour-success) !important; } *:where(.iw-vue-app > div) .bg-success { --bg-opacity: 1; --bg-colour: var(--colour-success) !important; background-color: var(--colour-success) !important; } *:where(.iw-vue-app > div) .colour-success { --colour: var(--colour-success) !important; } *:where(.iw-vue-app > div) .text-complete { --text-opacity: 1; color: var(--colour-complete) !important; } *:where(.iw-vue-app > div) .bg-complete { --bg-opacity: 1; --bg-colour: var(--colour-complete) !important; background-color: var(--colour-complete) !important; } *:where(.iw-vue-app > div) .colour-complete { --colour: var(--colour-complete) !important; } *:where(.iw-vue-app > div) .text-danger { --text-opacity: 1; color: var(--colour-danger) !important; } *:where(.iw-vue-app > div) .bg-danger { --bg-opacity: 1; --bg-colour: var(--colour-danger) !important; background-color: var(--colour-danger) !important; } *:where(.iw-vue-app > div) .colour-danger { --colour: var(--colour-danger) !important; } *:where(.iw-vue-app > div) .text-dark { --text-opacity: 1; color: var(--colour-dark) !important; } *:where(.iw-vue-app > div) .bg-dark { --bg-opacity: 1; --bg-colour: var(--colour-dark) !important; background-color: var(--colour-dark) !important; } *:where(.iw-vue-app > div) .colour-dark { --colour: var(--colour-dark) !important; } *:where(.iw-vue-app > div) .text-light { --text-opacity: 1; color: var(--colour-light) !important; } *:where(.iw-vue-app > div) .bg-light { --bg-opacity: 1; --bg-colour: var(--colour-light) !important; background-color: var(--colour-light) !important; } *:where(.iw-vue-app > div) .colour-light { --colour: var(--colour-light) !important; } *:where(.iw-vue-app > div) .text-canvas { --text-opacity: 1; color: var(--colour-canvas) !important; } *:where(.iw-vue-app > div) .bg-canvas { --bg-opacity: 1; --bg-colour: var(--colour-canvas) !important; background-color: var(--colour-canvas) !important; } *:where(.iw-vue-app > div) .colour-canvas { --colour: var(--colour-canvas) !important; } *:where(.iw-vue-app > div) .text-white { --text-opacity: 1; color: var(--colour-white) !important; } *:where(.iw-vue-app > div) .bg-white { --bg-opacity: 1; --bg-colour: var(--colour-white) !important; background-color: var(--colour-white) !important; } *:where(.iw-vue-app > div) .colour-white { --colour: var(--colour-white) !important; } *:where(.iw-vue-app > div) .bg-gradient { background-image: var(--gradient) !important; } *:where(.iw-vue-app > div) .gradient-success { --gradient-direction: 180deg; background-image: linear-gradient(var(--gradient-direction), var(--colour-success-theme) 0, transparent 100%) !important; } *:where(.iw-vue-app > div) .gradient-primary { --gradient-direction: 180deg; background-image: linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important; } *:where(.iw-vue-app > div) .gradient-info { --gradient-direction: 180deg; background-image: linear-gradient(var(--gradient-direction), var(--colour-info-theme) 0, transparent 100%) !important; } *:where(.iw-vue-app > div) .gradient-direction-left { --gradient-direction: 90deg; } *:where(.iw-vue-app > div) .gradient-direction-angle { --gradient-direction: 135deg; } *:where(.iw-vue-app > div) .wider-colour-1 { --wider-colour: var(--wider-colour-1); --wider-colour-hover: var(--wider-colour-1-hover); --wider-colour-active: var(--wider-colour-1-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-2 { --wider-colour: var(--wider-colour-2); --wider-colour-hover: var(--wider-colour-2-hover); --wider-colour-active: var(--wider-colour-2-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-3 { --wider-colour: var(--wider-colour-3); --wider-colour-hover: var(--wider-colour-3-hover); --wider-colour-active: var(--wider-colour-3-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-4 { --wider-colour: var(--wider-colour-4); --wider-colour-hover: var(--wider-colour-4-hover); --wider-colour-active: var(--wider-colour-4-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-5 { --wider-colour: var(--wider-colour-5); --wider-colour-hover: var(--wider-colour-5-hover); --wider-colour-active: var(--wider-colour-5-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-6 { --wider-colour: var(--wider-colour-6); --wider-colour-hover: var(--wider-colour-6-hover); --wider-colour-active: var(--wider-colour-6-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-7 { --wider-colour: var(--wider-colour-7); --wider-colour-hover: var(--wider-colour-7-hover); --wider-colour-active: var(--wider-colour-7-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-8 { --wider-colour: var(--wider-colour-8); --wider-colour-hover: var(--wider-colour-8-hover); --wider-colour-active: var(--wider-colour-8-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-9 { --wider-colour: var(--wider-colour-9); --wider-colour-hover: var(--wider-colour-9-hover); --wider-colour-active: var(--wider-colour-9-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-10 { --wider-colour: var(--wider-colour-10); --wider-colour-hover: var(--wider-colour-10-hover); --wider-colour-active: var(--wider-colour-10-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-11 { --wider-colour: var(--wider-colour-11); --wider-colour-hover: var(--wider-colour-11-hover); --wider-colour-active: var(--wider-colour-11-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-12 { --wider-colour: var(--wider-colour-12); --wider-colour-hover: var(--wider-colour-12-hover); --wider-colour-active: var(--wider-colour-12-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-13 { --wider-colour: var(--wider-colour-13); --wider-colour-hover: var(--wider-colour-13-hover); --wider-colour-active: var(--wider-colour-13-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-14 { --wider-colour: var(--wider-colour-14); --wider-colour-hover: var(--wider-colour-14-hover); --wider-colour-active: var(--wider-colour-14-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-15 { --wider-colour: var(--wider-colour-15); --wider-colour-hover: var(--wider-colour-15-hover); --wider-colour-active: var(--wider-colour-15-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-16 { --wider-colour: var(--wider-colour-16); --wider-colour-hover: var(--wider-colour-16-hover); --wider-colour-active: var(--wider-colour-16-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-17 { --wider-colour: var(--wider-colour-17); --wider-colour-hover: var(--wider-colour-17-hover); --wider-colour-active: var(--wider-colour-17-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-18 { --wider-colour: var(--wider-colour-18); --wider-colour-hover: var(--wider-colour-18-hover); --wider-colour-active: var(--wider-colour-18-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-19 { --wider-colour: var(--wider-colour-19); --wider-colour-hover: var(--wider-colour-19-hover); --wider-colour-active: var(--wider-colour-19-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-20 { --wider-colour: var(--wider-colour-20); --wider-colour-hover: var(--wider-colour-20-hover); --wider-colour-active: var(--wider-colour-20-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-21 { --wider-colour: var(--wider-colour-21); --wider-colour-hover: var(--wider-colour-21-hover); --wider-colour-active: var(--wider-colour-21-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-22 { --wider-colour: var(--wider-colour-22); --wider-colour-hover: var(--wider-colour-22-hover); --wider-colour-active: var(--wider-colour-22-active); color: #262626 !important; } *:where(.iw-vue-app > div) .wider-colour-23 { --wider-colour: var(--wider-colour-23); --wider-colour-hover: var(--wider-colour-23-hover); --wider-colour-active: var(--wider-colour-23-active); color: #262626 !important; } *:where(.iw-vue-app > div) .pe-none { pointer-events: none !important; } *:where(.iw-vue-app > div) .pe-auto { pointer-events: auto !important; } *:where(.iw-vue-app > div) .rounded { border-radius: var(--border-radius) !important; } *:where(.iw-vue-app > div) .rounded-0 { border-radius: 0 !important; } *:where(.iw-vue-app > div) .rounded-1 { border-radius: var(--border-radius-sm) !important; } *:where(.iw-vue-app > div) .rounded-2 { border-radius: var(--border-radius) !important; } *:where(.iw-vue-app > div) .rounded-3 { border-radius: var(--border-radius-lg) !important; } *:where(.iw-vue-app > div) .rounded-4 { border-radius: var(--border-radius-xl) !important; } *:where(.iw-vue-app > div) .rounded-5 { border-radius: var(--border-radius-2xl) !important; } *:where(.iw-vue-app > div) .rounded-circle { border-radius: 50% !important; } *:where(.iw-vue-app > div) .rounded-pill { border-radius: var(--border-radius-pill) !important; } *:where(.iw-vue-app > div) .rounded-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } *:where(.iw-vue-app > div) .rounded-end { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } *:where(.iw-vue-app > div) .rounded-bottom { border-bottom-right-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } *:where(.iw-vue-app > div) .rounded-start { border-bottom-left-radius: var(--border-radius) !important; border-top-left-radius: var(--border-radius) !important; } *:where(.iw-vue-app > div) .visible { visibility: visible !important; } *:where(.iw-vue-app > div) .invisible { visibility: hidden !important; } *:where(.iw-vue-app > div) *:not(.row) > main { display: block; padding: var(--container-padding); } @media screen and (min-width: 62em) { *:where(.iw-vue-app > div).presentation-styles *:not(.row) > main { padding-inline: 0 !important; } *:where(.iw-vue-app > div):not(.presentation-styles) *:not(.row) > main, *:where(.iw-vue-app > div) *:not(.row) > main.no-menu { padding-inline: max(var(--padding-inline), (100% - var(--container-max-width)) / 2 + var(--padding-inline)) !important; } } *:where(.iw-vue-app > div) #inlineEdit::part(btns), *:where(.iw-vue-app > div) #inlineEdit::part(status) { display: none; } *:where(.iw-vue-app > div) #inlineEdit [data-count] { display: none; } *:where(.iw-vue-app > div) .btn-secondary:hover { border-color: var(--colour-primary) !important; } *:where(.iw-vue-app > div) .btn-secondary:active { background-color: var(--colour-primary) !important; border-color: var(--colour-primary) !important; } *:where(.iw-vue-app > div) table thead tr th, *:where(.iw-vue-app > div) table tbody tr td { border-left: none !important; } *:where(.iw-vue-app > div) .admin-panel__heading > .btn-action { margin-block: -0.5rem; } .italic { font-style: italic; } .bold { font-weight: bold; } *:where(.iw-vue-app) .admin-panel > :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4):first-child { max-width: calc(var(--padding-x) + var(--padding-x) + 100%) !important; } iam-nav::part(btn-menu) { display: none; } :is(.prefix, .suffix):has(select) { pointer-events: all !important; } iam-card { --colour-heading: var(--colour-primary-theme); --colour-link: var(--colour-primary-theme); --colour-primary: var(--colour-primary-theme); } *:where(.iw-vue-app > div) .row [class*=col]:has(label:first-child:last-child .card:defined:first-child:last-child, button:first-child:last-child .card:defined:first-child:last-child, a:first-child:last-child .card:defined:first-child:last-child) { display: block !important; } iam-carousel > *:has(iam-card) { display: flex; } /* *:where(.iw-vue-app > div) :is(label, a, button):first-child:last-child:has(.card:defined:first-child:last-child), *:where(.iw-vue-app > div) [class*='col'] > .card:defined:first-child:last-child { background: #fff !important; } */ .toggle { padding-left: 3.25rem !important; } .toggle:before { border-radius: 2rem !important; background-color: var(--colour-canvas) !important; border: 2px solid var(--colour-heading) !important; transition: 0.4s !important; width: 2.5rem !important; } label.toggle:has(input[type=checkbox]:not([disabled]):checked):before { background: var(--colour-primary-theme) !important; } .toggle:after { position: absolute !important; content: "" !important; top: 0.5rem !important; height: 1em !important; width: 1em !important; left: 0.25em !important; background-color: var(--colour-heading) !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; margin: 0.25em; border-radius: 0.5em; } label.toggle:has(input[type=checkbox]:not([disabled]):checked):after { background: var(--colour-primary-theme) !important; background-color: white !important; -webkit-transform: translateX(1rem) !important; -ms-transform: translateX(1rem) !important; transform: translateX(1rem) !important; } .switch-container { min-height: 20px; padding-bottom: 1rem; } .switch-container .switch-text { color: var(--font-heading) !important; font-weight: bold !important; } .switch-container .switch-text, .switch-container .switch { line-height: 20px; vertical-align: middle; } /* The switch - the box around the slider */ .switch { position: relative !important; display: inline-block !important; width: 44px !important; height: 26px !important; margin-right: 0.6rem !important; } /* Hide default HTML checkbox */ .switch input { opacity: 0 !important; width: 0 !important; height: 0 !important; } .switch::before { border: none !important; } /* The slider */ .slider { position: absolute !important; cursor: pointer !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #ccc !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; margin-top: 0 !important; } .slider:before { position: absolute !important; content: "" !important; height: 18px !important; width: 18px !important; left: 2px !important; bottom: 2px !important; background-color: var(--colour-heading) !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; } input:checked + .slider { background-color: var(--colour-heading) !important; } input:focus + .slider { box-shadow: 0 0 1px var(--colour-heading) !important; } input:checked + .slider:before { background-color: white !important; -webkit-transform: translateX(19px) !important; -ms-transform: translateX(19px) !important; transform: translateX(19px) !important; } /* Rounded sliders */ .slider.round { border-radius: 34px !important; background-color: white !important; border: 2px solid var(--colour-heading) !important; } .slider.round:before { border-radius: 50% !important; } .page-links { min-height: fit-content !important; } .page-links ul { list-style: none; padding-left: 0; } .page-links li { position: relative; border-right: 4px solid transparent; } .page-links li button:has(.fa-trash) { position: absolute; top: 50%; right: 0.5rem; transform: translate(0, -50%); } .page-links li button:has(:is(.fa-eye, .fa-eye-slash)) { position: absolute; top: 50%; right: 1.6rem; transform: translate(0, -50%); background: transparent; } .page-links li .fa-check-circle { position: absolute; top: 50%; right: 0.5rem; transform: translate(0, -50%); margin: 0; } .page-links li span.fa-check { position: absolute; top: 50%; right: 2.5rem; transform: translate(0, -50%); } .page-links li a { display: block; text-decoration: none; padding: 1rem; border-bottom: 1px solid var(--colour-border); } .page-links li:hover { background-color: var(--colour-light); } .page-links li:has([aria-current=page]) { background-color: var(--colour-light); border-right: 4px solid var(--colour-menu-accent); } .notification__holder { padding-inline: 2rem; } .notification__holder iam-notification.bg-info { background: var(--colour-info); } .notification__holder iam-notification.bg-success { background: var(--colour-success) !important; color: var(--colour-primary) !important; } .notification__holder iam-notification.bg-danger { background: var(--colour-danger); } .notification__holder iam-notification.bg-warning { background: var(--colour-warning); } .notification__holder iam-notification.d-none { display: none !important; } .add-page { display: none; } #edit-pages .row.page:has([value=introduction]) label:has(> input[readonly]):after { display: block !important; right: auto; text-align: center; left: calc(100% + 4rem); } #edit-pages .row.page:has([value=introduction]) .page__btns { opacity: 0; pointer-events: none; } #edit-pages .row.page:has([value=introduction]) + .row.page .page__btns .fa-square-up { opacity: 0.5; pointer-events: none; } #edit-pages label:has(> input[readonly]):after { display: none; } #edit-pages .row.page:last-of-type .page__btns .fa-square-down, #edit-pages .page__btns .disabled { opacity: 0.5; pointer-events: none; } .save-status:empty { display: none; } .inline-main .sections .section:first-child .section-settings > .settings-actions button:first-child, .admin-main #page-title-holder + .section .section-settings > .settings-actions button:first-child { pointer-events: none; opacity: 0.5; } .inline-main .sections .section:last-child .section-settings > .settings-actions button:nth-child(2), .section:has(+ #add-section-holder) .section-settings > .settings-actions button:nth-child(2) { pointer-events: none; opacity: 0.5; } .section .component:first-child .settings button:first-child, .section hr:first-child + .component .settings > .settings-actions button:first-child { pointer-events: none; opacity: 0.5; } .section .component:has(+ #add-component-holder) .settings button:nth-child(2), .section .ComponentsArea .component:last-child .settings > .settings-actions button:nth-child(2) { pointer-events: none; opacity: 0.5; } .section-settings { text-align: right; white-space: nowrap; padding-right: 1rem; margin-bottom: -3.5rem; margin-top: 2rem; } .section-settings > * { text-align: left; } .component-settings { text-align: right; white-space: nowrap; padding-right: 1rem; margin-bottom: -1.5rem; margin-top: 2rem; } .admin-item-list .admin-item:first-child .settings-inner button:first-child { pointer-events: none; opacity: 0.5; } .admin-item-list .admin-item:last-child .settings-inner button:nth-child(2) { pointer-events: none; opacity: 0.5; } #inlineEdit .preview { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; padding-bottom: 0; } .tox-tinymce { margin-bottom: 2rem; } .tox-editor-header { box-shadow: none; } main.empty { display: flex; height: calc(100vh - 5.5rem); } html { --colour-menu-accent: var(--colour-info); } html:has(main.inline-main) .inline-main { padding-left: 6rem; padding-right: 6rem; } html:has(main.inline-main) .inline-main { padding-left: 6rem; padding-right: 6rem; } html:has(.presentation-styles) { overscroll-behavior: none; } .presentation-styles { overflow-x: hidden; } .presentation-styles, html:has(main.inline-main) .inline-main { --colour-menu-accent: var(--colour-secondary); } .presentation-styles .btn-primary, .presentation-styles .btn.selected, .presentation-styles .btn[data-new-index], html:has(main.inline-main) .inline-main .btn-primary, html:has(main.inline-main) .inline-main .btn.selected, html:has(main.inline-main) .inline-main .btn[data-new-index] { --colour-btn-bg: var(--colour-secondary); --colour-btn-border: var(--colour-secondary); --colour-btn: var(--colour-btn-computed, white); --colour-btn-hover: var(--colour-secondary); } .presentation-styles .drop-index, html:has(main.inline-main) .inline-main .drop-index { --colour-btn-bg: var(--colour-secondary); } .text-center p { margin-inline: auto; } .container.notification__holder { max-width: 100% !important; } .text-sm .btn { font-size: 1rem !important; } .btn-primary:hover, .btn-primary:focus { border-color: var(--colour-btn-bg); } .btn-primary:not(:disabled):not(.disabled):active { color: var(--colour-primary); background-color: var(--colour-btn-bg); border-color: var(--colour-btn-bg); } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active { border-color: var(--colour-primary); background-color: var(--colour-primary); } .btn-action i[class*=fa-] { margin-right: 0.5rem; } /* The switch - the box around the slider */ .switch { position: relative !important; display: inline-block !important; width: 44px !important; height: 26px !important; margin-right: 0.6rem !important; } /* Hide default HTML checkbox */ .switch input { opacity: 0 !important; width: 0 !important; height: 0 !important; } .switch::before { border: none !important; } .switch-container { min-height: 20px; padding-bottom: 1rem; } .switch-container .switch-text { color: var(--font-heading) !important; font-weight: bold !important; } .switch-container .switch-text, .switch-container .switch { line-height: 20px; vertical-align: middle; } .toggle { padding-left: 3.25rem !important; } .toggle:before { border-radius: 2rem !important; background-color: var(--colour-canvas) !important; border: 2px solid var(--colour-heading) !important; transition: 0.4s !important; width: 2.5rem !important; } label.toggle:has(input[type=checkbox]:not([disabled]):checked):before { background: var(--colour-primary-theme) !important; } .toggle:after { position: absolute !important; content: "" !important; top: 0.5rem !important; height: 1em !important; width: 1em !important; left: 0.25em !important; background-color: var(--colour-heading) !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; margin: 0.25em; border-radius: 0.5em; } label.toggle:has(input[type=checkbox]:not([disabled]):checked):after { background: var(--colour-primary-theme) !important; background-color: white !important; -webkit-transform: translateX(1rem) !important; -ms-transform: translateX(1rem) !important; transform: translateX(1rem) !important; } /* The slider */ .slider { position: absolute !important; cursor: pointer !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #ccc !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; margin-top: 0 !important; } .slider:before { position: absolute !important; content: "" !important; height: 18px !important; width: 18px !important; left: 2px !important; bottom: 2px !important; background-color: var(--colour-heading) !important; -webkit-transition: 0.4s !important; transition: 0.4s !important; } input:checked + .slider { background-color: var(--colour-heading) !important; } input:focus + .slider { box-shadow: 0 0 1px var(--colour-heading) !important; } input:checked + .slider:before { background-color: white !important; -webkit-transform: translateX(19px) !important; -ms-transform: translateX(19px) !important; transform: translateX(19px) !important; } /* Rounded sliders */ .slider.round { border-radius: 34px !important; background-color: white !important; border: 2px solid var(--colour-heading) !important; } .slider.round:before { border-radius: 50% !important; } .dialog__wrapper > dialog[open] .btn-action { color: var(--colour-primary) !important; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button, *:not(.dialog__wrapper) > dialog[open] > button:first-child { text-indent: 2rem; } *:not(.dialog__wrapper) > dialog[open] > form:first-child button:after, *:not(.dialog__wrapper) > dialog[open] > button:first-child:after { background: black; } .admin-panel:has(.dialog__wrapper) { overflow: visible; } .row-grid { text-align: left !important; } .row-grid .col-12 { padding-left: 4.5rem; position: relative; } .row-grid strong { padding-top: 0.25rem; display: block; } .row-grid i { position: absolute; top: 0; left: 0; text-align: center; background-color: var(--colour-secondary); color: var(--colour-btn-computed, white); --compact-size: 3rem; padding: 0 !important; margin-bottom: 0.5rem; text-align: center; width: calc(var(--compact-size)); min-width: calc(var(--compact-size)); max-width: calc(var(--compact-size)); height: calc(var(--compact-size)) !important; min-height: calc(var(--compact-size)) !important; max-height: calc(var(--compact-size)) !important; line-height: calc(var(--compact-size)) !important; border-radius: 50%; } .section .col-sm-6.has-content .row-grid .col-12 { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } @keyframes loading { to { transform: rotate(360deg); } } .widget { position: relative; } .widget .loading-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 9999; display: flex; justify-content: center; align-items: center; z-index: 999; } .widget .loading-container #overlay { width: 100px; height: 100px; border-radius: 50%; border: 10px solid #ddd; border-top-color: orange; animation: loading 1s linear infinite; } .user-tag { background: var(--wider-colour-3); border: none !important; border-radius: 1rem; color: #262626 !important; display: inline-block; font-size: 1rem; line-height: 1.625rem; margin: 0; margin-bottom: 1rem; margin-right: 0.375rem; max-width: fit-content; padding: 0 1rem; position: relative; text-align: center; white-space: nowrap; } .user-tag.active { background: var(--wider-colour-3-active); color: #262626 !important; } .tag.active:after { content: ""; } [data-replace-title] iam-fileupload::part(title) { display: none; } .clickable-action, .clickable-action > * { cursor: pointer; } .breadcrumb li { display: inline; } iam-fileupload::part(files) { overflow: hidden; } .rating + .tooltip { z-index: 100; } .btn-group-flex { display: flex; flex-direction: row; column-gap: 1rem; flex-wrap: wrap; } .btn-group-flex .btn-primary { order: 1; } .btn-group-flex .btn-secondary { order: 2; } @media screen and (min-width: 36em) { .btn-group-flex .btn-primary { order: 2; } .btn-group-flex .btn-secondary { order: 1; } } @media screen and (min-width: 36em) { .btn-group-flex { flex-wrap: nowrap; } } .btn-group-flex > * { margin-inline: 0 !important; min-width: unset; display: flex; flex-grow: 1; flex-basis: 50%; max-width: none; text-align: center !important; flex-shrink: 1; padding-inline: 1rem; justify-content: center; } #map, #map-container { width: 100%; max-width: 600px; margin-bottom: 2%; aspect-ratio: 4/3; padding: 0.5rem; min-height: 450px; } #map.full-width-map, #map-container.full-width-map { max-width: 100%; aspect-ratio: 4/1.5; } .inline-main .sections .section:not(:hover, :focus-within) > .section-settings, .inline-main .ComponentsArea .component:not(:hover, :focus-within) > .settings { display: none; } .inline-main .sections .section:has(> .section-settings) { position: relative; } .inline-main .sections .section:has(> .section-settings):is(:hover, :focus-within) { outline: 1px dashed black; padding-top: 0; z-index: 9; } .inline-main .section:not(:has(.component)) { min-height: 5rem; background: rgba(var(--colour-overlay, 252, 252, 252), var(--opacity-overlay, 0.9)); position: relative; } .inline-main .section:not(:has(.component)):not(:hover, :focus-within):before { content: "Empty"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: fit-content; font-weight: bold; } .inline-main .ComponentsArea .component { position: relative; } .inline-main .ComponentsArea .component:is(:hover, :focus-within) { outline: 1px dashed black; } .actions-menu { display: flex; align-items: center; justify-content: center; } .actions-menu > span { display: inline-block; vertical-align: middle; line-height: normal; width: 10px; height: 25px; background-image: radial-gradient(circle, #999999 2px, transparent 3px); background-size: 100% 33.33%; } .inline-pages { position: fixed; top: 50%; left: 1rem; z-index: 9999; transform: translate(0, -50%); display: flex; flex-direction: column; height: 70vh; align-items: center; margin-top: 2.5rem; } .inline-pages .page-title, .inline-pages .page-links { position: absolute; left: calc(100% + 1rem); z-index: 9999; display: none; } .inline-pages .page-links { top: 50%; transform: translate(0, -50%); height: 100%; width: 15rem; overflow-x: scroll; } .inline-pages .page-title { top: 0; width: min(70vw, 25rem); } .inline-pages .page-title input { width: 100%; } .inline-pages .add-page { display: none; } .inline-pages .page-links > :is(.dialog__wrapper, .btn) { display: none; } .inline-pages[data-status=pages] .page-links { display: block; } .inline-pages[data-status=title] .page-title { display: block; } .inline-pages .btn-compact { margin: 0 !important; } .iw-vue-app > div:has(.inline-main), .iw-vue-app > div:has(.inline-main) > div { min-height: 100vh; } .iw-vue-app > div:has(.inline-main) > div > div:first-child { background: white; position: fixed; width: 100%; z-index: 99; } .iw-vue-app > div:has(.inline-main) > div > div:first-child .preview { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; padding-bottom: 0; } .inline-main { position: relative; padding-bottom: 5rem; position: relative; padding-top: calc(47px + 5rem); min-height: 100vh; } .inline-main > img:first-child { position: fixed; inset: 0; object-fit: cover; object-position: top; grid-column: unset; margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; z-index: -1; pointer-events: none; user-select: none; background-attachment: fixed; top: 0; height: 100vh; } .inline-main .section { position: relative; } .inline-main .has-content, .inline-main .section:hover .empty-content, .inline-main .add-section-container { background: rgba(var(--colour-overlay, 252, 252, 252), var(--opacity-overlay, 0.9)); } .iw-vue-app .notification-stack { position: fixed; bottom: 0; right: 1rem; width: 100%; max-width: 50rem; z-index: 999; } .inline-main .settings, .inline-main .section-settings { text-align: right; white-space: nowrap; margin-top: 0; position: absolute; max-height: 45px; min-height: 45px; right: 0; background: rgba(252, 252, 252, 0.9); } .inline-main .settings button, .inline-main .section-settings button { margin-bottom: 0; } .inline-main .settings { padding-right: 0rem; top: 0; z-index: 2; } .inline-main .section-settings { padding-right: 1rem; margin-bottom: 0rem; top: -46px; z-index: 1; } .section:not(:hover, :focus-within) .new-button-container { display: none; } .presentation-styles > div:has(main) { display: grid !important; } .live-side-menu-content { display: none; } .live-side-menu.show-menu .live-side-menu-content { display: block; } .live-side-menu > .container > button { z-index: 101; } .live-side-menu.show-menu > .container > button { position: absolute; right: 2.5rem; } .live-side-menu.show-menu > .container > button:before { content: "\f00d"; } .iw-vue-app > div:has(.live-side-menu.show-menu) .instruct-us-btn { display: none !important; } .live-side-menu.show-menu { position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh; z-index: 101; background: white; padding-top: 1.5rem; } .live-side-menu.show-menu .container { min-height: 100vh; } .live-side-menu.show-menu .live-side-menu-content { min-height: calc(100vh - 8rem); display: flex; flex-direction: column; } .live-side-menu.show-menu .live-side-menu-content ul + ul { margin-top: auto; } .live-side-menu-content ul { list-style: none; padding: 0; } .live-side-menu-content ul + ul li { line-height: 2rem; font-weight: bold; color: var(--colour-heading); } .live-side-menu-content ul + ul li a:not(:hover, :focus-within) { text-decoration: none; } .live-side-menu-content ul + ul li i { color: var(--colour-menu-accent); min-width: 1.5rem !important; display: inline-block !important; } .main-content-container { position: relative; display: flex !important; } .main-content-container :is(h1, .h1) { padding-bottom: 2rem !important; } @media screen and (min-width: 36em) { .main-content-container :is(h1, .h1) { padding-bottom: 2rem !important; } } .main-content-container :is(h2, .h2), .main-content-container :is(h3, .h3) { padding-bottom: 1.5rem; } @media screen and (min-width: 36em) { .main-content-container :is(h2, .h2), .main-content-container :is(h3, .h3) { padding-bottom: 1.5rem; } } html:has(main.live-side-menu) { min-height: calc(100vh - 2.5rem); } html:has(main.inline-main) .inline-main { padding-top: 7.4rem; } .live-main > .sections { margin: 2rem 0; } .live-main, .inline-main { position: relative; min-height: 100vh; } .live-main > .sections .section, .inline-main > .sections .section { position: relative; z-index: 1; } .live-main > .sections .section > img:first-child, .inline-main > .sections .section > img:first-child { position: absolute; inset: 0; object-fit: cover; object-position: top; grid-column: unset; margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; z-index: 1; pointer-events: none; user-select: none; background-attachment: fixed; } .live-main > .sections .section > div:not(.settings), .inline-main > .sections .section > div:not(.settings) { position: relative; } @media screen and (min-width: 62em) { .live-main > .sections .section > div:not(.settings), .inline-main > .sections .section > div:not(.settings) { margin: 0 4rem; } } .live-main > .sections .section > div:not(.settings), .inline-main > .sections .section > div:not(.settings) { z-index: 4; } .live-main > .sections, .inline-main > .sections { max-width: -webkit-fill-available; } .live-main, .inline-main { color: var(--colour-body); } .live-main > img:first-child, .inline-main > img:first-child { position: fixed; inset: 0; object-fit: cover; object-position: top; grid-column: unset; margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; z-index: 1; pointer-events: none; user-select: none; background-attachment: fixed; border-bottom: 0.5rem solid var(--colour-secondary); } .live-main > .sections, .inline-main > .sections { z-index: 2; } .live-main .has-content, .inline-main .has-content { background: rgba(var(--colour-overlay, 252, 252, 252), var(--opacity-overlay, 0.9)); } .live-main, .inline-main { /* Stop the double up of background colours on service content in the tabs */ } .live-main details .sections .has-content, .inline-main details .sections .has-content { background: transparent; } .live-main iam-tabs.coloured-background details, .inline-main iam-tabs.coloured-background details { background: rgba(var(--colour-overlay, 252, 252, 252), var(--opacity-overlay, 0.9)); } .live-main .admin-panel, .inline-main .admin-panel { --colour-body: black !important; color: black !important; } @media screen and (max-width: 36em) { .row { --gutter-x: 0.5rem; } .live-main { padding: 0 1rem 1rem 1rem !important; } .component-container { padding: 1rem 0.5rem; } } @media screen and (min-width: 62em) { html:has(main.live-main) .live-main { overflow-x: hidden; } html:has(main.live-side-menu) { overflow: hidden; } .iw-vue-app > div:has(.live-side-menu) > div { display: grid; grid-template-columns: 18rem auto; grid-template-rows: 0 auto; grid-template-areas: "side header" "side main"; min-height: 100vh; gap: 0; --container-padding-x-md: 2rem; --container-padding: var(--container-padding-top) var(--container-padding-x-md) var(--container-padding-bottom) var(--container-padding-x-md); } .live-side-menu { background: #fff; grid-area: side; max-height: 100vh; -webkit-box-shadow: 4px 0px 8px -4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 0px 8px -4px rgba(0, 0, 0, 0.4); box-shadow: 4px 0px 8px -4px rgba(0, 0, 0, 0.4); z-index: 99; overflow: auto; } .live-side-menu > .container { padding-inline: 1rem; min-height: 100%; display: flex; flex-direction: column; padding-top: 1rem; } .live-side-menu > .container > button { display: none; } .live-side-menu > .container .live-side-menu-content { position: static; display: contents; } .live-side-menu > .container .live-side-menu-content ul + ul { margin-top: auto; } .menu--header, .header { grid-area: header; max-height: 6rem; } .live-main { overflow: auto; min-height: 100vh; } .live-main.no-menu > img:first-child { top: 0; left: 0; width: 100%; height: 100%; } .live-main:not(.no-menu) > img:first-child { top: 0; left: 18rem; width: calc(100% - 18rem); height: 100%; } .live-main:not(.no-menu) .sections > .section:first-of-type { padding-top: 6rem !important; } .live-main:not(.no-menu) .sections ~ .sections, .live-main:not(.no-menu) details .sections { padding-top: 0 !important; } .iw-vue-app > div:has(.live-side-menu) .live-main { grid-area: main; min-height: 100vh; max-height: 100vh; } } iam-tabs::part(tab-link) { color: var(--colour-heading); } iam-tabs::part(tab-links) { margin: 0; } /*TODO: verify why tabs__dropdown appeared on Design System * Components usage: Administration; TabbedComponents; GoogleMaps */ .admin-tabs .tabs__dropdown, .mapTabs.admin-panel .tabs__dropdown, .tabbedComponents .tabs__dropdown { display: none !important; } iam-fileupload:is([disabled=true])::part(button), iam-fileupload:is([disabled=true])::part(files) { pointer-events: none; opacity: 0.5; cursor: not-allowed; } iam-fileupload::part(file__remove) { padding: 0; } /* Overwrites dialog styling to MA's default, which on iOS 16 is being overwritten by browser defaults class that doesn't work: *:where(.iw-vue-app > div) dialog[open] */ *:where(.iw-vue-app > div) dialog[open] { display: flex; flex-direction: column; } .tooltip { opacity: 1; z-index: 0; } .tooltip:hover { z-index: 2; } .tooltip:after { content: "\f05a"; font-weight: 900; } .tooltip:after { color: var(--tooltip-colour, var(--colour-white)); } .tooltip--info:after { color: var(--colour-info); } .tooltip .tooltip__content { white-space: normal; height: 0; pointer-events: none; } .tooltip:hover .tooltip__content { height: auto; pointer-events: all; } .fa-spinner { animation: loading 1s linear infinite; } @keyframes loading { to { transform: rotate(360deg); } } /* Fade Animations */ .animate-fade-in { animation: fadeIn var(--animation-duration, 1s) ease-in-out forwards; } /* Slide In Animations */ .animate-slide-in-left { animation: slideInLeft var(--animation-duration, 1s) ease-out forwards; } .animate-slide-in-right { animation: slideInRight var(--animation-duration, 1s) ease-out forwards; } .animate-slide-in-top { animation: slideInTop var(--animation-duration, 1s) ease-out forwards; } .animate-slide-in-bottom { animation: slideInBottom var(--animation-duration, 1s) ease-out forwards; } .animate-repeat { animation-iteration-count: infinite !important; } /* Keyframe Definitions */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes slideInLeft { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideInTop { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideInBottom { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideOutLeft { from { transform: translateX(0); opacity: 1; } to { transform: translateX(-100%); opacity: 0; } } @keyframes slideOutRight { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } } @keyframes slideOutTop { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-100%); opacity: 0; } } @keyframes slideOutBottom { from { transform: translateY(0); opacity: 1; } to { transform: translateY(100%); opacity: 0; } } [id^=component-].btn.selected { background-color: var(--customised-colour-hover, var(--colour-btn-bg)) !important; } [id^=component-].btn.btn-primary:hover, [id^=component-].btn.btn-primary:focus { background-color: var(--customised-colour-hover, inherit) !important; } [id^=component-].btn.answer-option { background-color: transparent !important; } [id^=component-].btn.btn-secondary:hover, [id^=component-].btn.btn-secondary:focus { background-color: var(--customised-colour-hover, var(--colour-btn-secondary-bg-hover)) !important; } [id^=contact-us--customised].btn.selected { background-color: var(--customised-colour-hover, var(--colour-btn-bg)) !important; } [id^=contact-us--customised].btn.btn-primary:hover, [id^=contact-us--customised].btn.btn-primary:focus { background-color: var(--customised-colour-hover, inherit) !important; } .cc-bg .btn:not(.selected):not(:focus):not(:focus-within):not(:hover) { background-color: #fff; } .cc-bg .btn.selected { background: var(--colour-btn-bg); color: var(--colour-btn); border: 2px solid var(--colour-btn-bg); } .cc-bg .btn.selected:hover, .cc-bg .btn.selected:focus { background: var(--colour-btn-bg); color: var(--colour-btn); border: 2px solid var(--colour-btn-bg) !important; filter: opacity(90%); } /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ body:has(.template--form) { background-color: #e9f9fd; } .template--form { --input-max-width: 28.125rem; --select-max-width: 31.25rem; } @supports selector(:has(*)) { .template--form label:has(> :is(.suffix, .prefix)) { --input-max-width: 31.25rem; max-width: var(--input-max-width); } .template--form div:has(> :is(.suffix, .prefix)) { --input-max-width: 31.25rem; max-width: var(--input-max-width); } } .template--form :is(h2, .h2) { font-size: round(var(--body-fs, 1rem) * pow(var(--type-scale), 3), 0.25rem); line-height: round(up, 1em * var(--type-scale), 0.25rem); padding-bottom: round(up, 1em * var(--type-scale), 0.25rem); max-width: var(--content-max-width); } .template--form { background-color: #e9f9fd; } .template--form .form-panel { display: block; padding: 2rem; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11); background-color: var(--colour-canvas-2); margin-bottom: 1.5rem; outline: var(--contrast-outline-width, 0px) solid var(--colour-primary); width: 100%; } @media screen and (min-width: 36em) { .template--form .form-panel { max-width: calc(100% - 5rem); margin-inline: auto; } } @media screen and (min-width: 62em) { .template--form .form-panel { max-width: 57.75rem; border-radius: 0.5rem; padding-inline: 5.875rem; padding-block: 2.5rem; margin-bottom: 2rem; } } .template--form .form-panel > *:last-child { margin-bottom: 0 !important; } @media screen and (min-width: 62em) { .template--form .container--form { padding-inline: 0; max-width: 57.75rem !important; } } .template--form [data-loading] { opacity: 0.5; }.card[data-v-3c4653f9] { --img-height: 10rem; } .suffix.fa-calendar[data-v-3c4653f9] { position: absolute; right: 0; pointer-events: none; }hr[data-v-b954222f] { border-top: 1px solid #797979; } .grid-container[data-v-b954222f] { display: grid; grid-template-columns: repeat(3, 1fr); } .intro[data-v-b954222f], .questions[data-v-b954222f] { grid-column: 1/span 2; } .actions[data-v-b954222f] { grid-column: 3; } .footer-actions[data-v-b954222f] { grid-column: 1/-1; display: grid; grid-template-columns: 2fr 1fr; } .footer-actions button[data-v-b954222f] { grid-column: 2; }.service-input-container[data-v-64e32d28] { max-width: var(--input-max-width, 50rem); } .admin-panel.col-md-6[data-v-64e32d28] { max-width: 100%; } dialog[open][data-v-64e32d28]:is(.dialog--transactional, .dialog--acknowledgement):before { display: none !important; } .service__container iam-record-card:hover { outline: 0; } .settings[data-v-41856839] { margin-inline-end: -1rem; } hr + .widget > .settings > .settings-actions > button[data-v-41856839]:not(.background-options):first-child, .widget:last-child > .settings > .settings-actions > button[data-v-41856839]:last-child { opacity: 0.5; pointer-events: none; } :where(.iw-vue-app > div) input:is([type='radio'], [type='checkbox']) + label[data-v-72643ca8]:not(:has(> iam-card)) { padding-left: 0; } :where(.iw-vue-app > div) input:is([type='radio'], [type='checkbox']) + label[data-v-72643ca8]:not(:has(> iam-card)):before,:where(.iw-vue-app > div) input:is([type='radio'], [type='checkbox']):checked + label[data-v-72643ca8]:after { display: none; } :where(.iw-vue-app > div) input:is([type='radio']):checked + label .btn[data-v-72643ca8] { border-color: var(--colour-info); } :where(.iw-vue-app > div) input:is([type='radio'], [name='alignment']):disabled + label[data-v-72643ca8] { pointer-events: none; cursor: not-allowed; } .align-right[data-v-72643ca8] { justify-self: right; } .align-centre[data-v-72643ca8] { justify-self: center; } .align-justified[data-v-72643ca8] { max-width: none; text-align: center; } .selected-icon[data-v-4c1c5642] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; } .selected-image[data-v-4c1c5642] { outline: solid 3px var(--color-info); } #galleryModal .carousel__item.image__wrapper img[data-v-c2aabc67] { object-fit: contain !important; } .gallery-image-container[data-v-c2aabc67] { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: calc(100% - 32px); padding-bottom: 1rem; } .gallery-image-container img[data-v-c2aabc67] { max-height: 100%; } .no-images-placeholder[data-v-c2aabc67] { font-size: 1.25rem; } .loading-wrapper[data-v-c2aabc67] { height: 10rem; } .thumbnails[data-v-c2aabc67]::part(controls) { max-height: 200px; overflow-y: auto; } .gallery-cta-wrapper[data-v-c2aabc67] { min-height: 2.5rem; } iam-record-card[data-v-c2aabc67]::part(body), iam-record-card[data-v-c2aabc67]::part(details) { background: #fff !important; color: black !important; } [data-v-c2aabc67]:root { --img-height: 12rem; --card-right-padding: 1rem; --colour-check-bg: #fff; --wider-colour: #b2e2f6; } .mh-lg[data-v-c2aabc67] { border: none !important; } .top-pagination[data-v-c2aabc67] { margin-top: -2rem; padding-bottom: 1rem; } .gallery-link a[data-v-c2aabc67] { font-size: 0.875rem; font-weight: 400; cursor: pointer; } .reposition[data-v-c2aabc67] { margin: -1rem 0 0 -11rem; } @media (max-width: 1024px) { .reposition[data-v-c2aabc67] { left: 100% !important; } } .truncate-text[data-v-c2aabc67] { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .btn-input[data-v-c2aabc67] { display: block; width: 100%; padding: var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem); font-size: var(--input-fs, 1rem); line-height: var(--input-lh, 1.25rem); color: var(--colour-body); background-color: var(--colour-canvas-2); background-clip: padding-box; border: 2px solid var(--colour-primary); appearance: none; border-radius: 0.5rem !important; margin-bottom: 1.5rem; min-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px); max-height: calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat, linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat; padding-right: calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important; box-shadow: inset -2px 0px 0px var(--colour-primary-theme); } #addProperty[data-v-c2aabc67] { max-width: 75%; width: 50rem; } .badge[data-v-c2aabc67] { cursor: default; } .badge.wider-colour-active[data-v-c2aabc67] { background-color: #ace5a0; } .badge.wider-colour-white[data-v-c2aabc67] { background-color: var(--colour-white); } .image-picker-btn[data-v-c2aabc67] { position: absolute; z-index: 1; top: 6rem; right: 8px; transition: background-color 0.1s ease, border-color 0.1s ease, color 0.1s ease; } .image-picker-btn[data-v-c2aabc67]:hover { background-color: transparent !important; border: 2px solid white !important; color: white !important; } iam-record-card .link[data-v-c2aabc67] { font-size: 0.875rem !important; } .price__wrapper:has(input:invalid) button[data-v-c2aabc67]:not(.btn-action), .price__wrapper:has(input:invalid) input[data-v-c2aabc67] { border-color: var(--colour-danger) !important; } .price__wrapper:has(input:invalid) .invalid-feedback[data-v-c2aabc67] { display: block; } :where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open][data-v-c2aabc67]:is(.dialog--transactional):before { display: none; } .loading-container[data-v-c2aabc67] { position: absolute; top: 0; left: 0; margin: -1rem -1.5rem; width: calc(100% + 3rem); height: calc(100% + 3rem); background-color: rgba(0, 0, 0, 0.3); z-index: 9999; display: flex; justify-content: center; align-items: center; z-index: 999; } #overlay[data-v-c2aabc67] { width: 100px; height: 100px; border-radius: 50%; border: 10px solid #ddd; border-top-color: orange; animation: loading 1s linear infinite; } .price__wrapper[data-v-c2aabc67] { max-width: 100%; } .price__wrapper > button[data-v-c2aabc67] { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .price__wrapper:has([open]) > button[data-v-c2aabc67] { padding-right: 0.75rem !important; } /* Disable outside modal click */ #floorPlanModal[data-v-c2aabc67]::backdrop, #galleryModal[data-v-c2aabc67]::backdrop { pointer-events: none; }.document-filename[data-v-660d84aa] { margin-bottom: 0.5rem !important; } .input-actions button[data-v-660d84aa] { margin: 0 0 0 0.5rem; min-width: fit-content !important; } tr[data-v-660d84aa]:has(.btn-compact) { height: 3.25rem; } tr[data-v-660d84aa]:has(td.selectrow) { position: relative; }td.selectrow:has(+ td.selectrow) { display: none; } td.selectrow { padding-left: 0.25rem !important; background: none !important; } tr:has(td.selectrow + td.selectrow) { --width-adjust: -5.5rem; } svg[data-v-71578fa4] { vertical-align: top; } .letter[data-v-71578fa4] { font-size: 40px; font-family: sans-serif; fill: #ffffff; font-weight: bold; } .letter > tspan[data-v-71578fa4] { stroke: #000000; } .current-potential-number[data-v-71578fa4] { font-size: 34px; font-weight: bold; font-family: sans-serif; fill: #fff; line-height: 50px; margin-top: 100px; stroke: #000; } .small-letter[data-v-71578fa4] { font-size: 19px; font-family: sans-serif; fill: #0b0c0c; font-weight: bold; text-align: center; } .small[data-v-71578fa4] { font-size: 15px; font-family: sans-serif; fill: #0b0c0c; line-height: 50px; margin-top: 100px; font-weight: bold; } .energy-band-a[data-v-71578fa4] { fill: #00c781; background: linear-gradient( 90deg, white 0%, rgb(0, 199, 129) 40%, rgb(0, 199, 129) 60%, white 100% ); } .energy-band-b[data-v-71578fa4] { fill: #19b459; background: linear-gradient( 90deg, white 0%, rgb(25, 180, 89) 40%, rgb(25, 180, 89) 60%, white 100% ); } .energy-band-c[data-v-71578fa4] { fill: #8dce46; background: linear-gradient( 90deg, white 0%, rgb(141, 206, 70) 40%, rgb(141, 206, 70) 60%, white 100% ); } .energy-band-d[data-v-71578fa4] { fill: #ffd500; background: linear-gradient( 90deg, white 0%, rgb(255, 213, 0) 40%, rgb(255, 213, 0) 60%, white 100% ); } .energy-band-e[data-v-71578fa4] { fill: #fcaa65; background: linear-gradient( 90deg, white 0%, rgb(252, 170, 101) 40%, rgb(252, 170, 101) 60%, white 100% ); } .energy-band-f[data-v-71578fa4] { fill: #ef8023; background: linear-gradient( 90deg, white 0%, rgb(239, 128, 35) 40%, rgb(239, 128, 35) 60%, white 100% ); } .energy-band-g[data-v-71578fa4] { fill: #e9153b; background: linear-gradient( 90deg, white 0%, rgb(233, 21, 59) 40%, rgb(233, 21, 59) 60%, white 100% ); } .environmental-band-a[data-v-71578fa4] { fill: #cde2f5; background: linear-gradient( 90deg, white 0%, rgb(205, 226, 245) 40%, rgb(205, 226, 245) 60%, white 100% ); } .environmental-band-b[data-v-71578fa4] { fill: #97c0ef; background: linear-gradient( 90deg, white 0%, rgb(151, 192, 239) 40%, rgb(151, 192, 239) 60%, white 100% ); } .environmental-band-c[data-v-71578fa4] { fill: #73a2d6; background: linear-gradient( 90deg, white 0%, rgb(115, 162, 214) 40%, rgb(115, 162, 214) 60%, white 100% ); } .environmental-band-d[data-v-71578fa4] { fill: #4e84c4; background: linear-gradient( 90deg, white 0%, rgb(78, 132, 196) 40%, rgb(78, 132, 196) 60%, white 100% ); } .environmental-band-e[data-v-71578fa4] { fill: #a8a8a8; background: linear-gradient( 90deg, white 0%, rgb(168, 168, 168) 40%, rgb(168, 168, 168) 60%, white 100% ); } .environmental-band-f[data-v-71578fa4] { fill: #868686; background: linear-gradient( 90deg, white 0%, rgb(134, 134, 134) 40%, rgb(134, 134, 134) 60%, white 100% ); } .environmental-band-g[data-v-71578fa4] { fill: #686868; background: linear-gradient( 90deg, white 0%, rgb(104, 104, 104) 40%, rgb(104, 104, 104) 60%, white 100% ); } .band-score[data-v-71578fa4] { opacity: 0.7; } .note-editor[data-v-71578fa4] { width: 100%; } .admin-panel[data-v-8a1865ee] { padding: 0.5rem; } .h4.component-title[data-v-145b176b] { margin-top: -3.5rem; } .icon-preview[data-v-145b176b] { background: white; border-radius: 0; border: 1px solid var(--colour-border); pointer-events: none; margin-top: 0.5rem; font-size: 3rem !important; --compact-size: 6rem; margin-bottom: 3rem !important; } dialog .btn-compact[data-v-145b176b] { font-size: 1.5rem !important; } .grid-item-edit[data-v-145b176b] { text-align: left !important; } .btn-compact.fa-kit[data-v-145b176b]:before { font-family: "Font Awesome Kit" !important; line-height: 1em; } p[data-v-145b176b] { max-width: 100%; }hr[data-v-a5a18c78] { border: 2px solid var(--colour-primary); border-radius: 5px; } .admin-panel hr[data-v-a5a18c78] { margin-bottom: 2rem; }.video-placeholder[data-v-8ae29494] { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 400px; border-radius: 0.2rem; box-shadow: 0.125rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.1); } .video-placeholder[data-v-8ae29494] > * { color: #9d9d9d !important; } .video-placeholder h3[data-v-8ae29494] { padding-top: 1rem; } .video-placeholder i[data-v-8ae29494] { font-size: 5rem; } .playback[data-v-8ae29494] { max-width: 100%; }.admin-panel[data-v-8f357dce] { white-space: break-spaces; } .google-map[data-v-8f357dce] { min-height: unset !important; } .items-list[data-v-8f357dce] { overflow-x: hidden; max-height: 760px; } .data-card { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.11); cursor: pointer; &--no-data { cursor: default; } &.active { border: 2px solid var(--colour-btn-border); } .card-detail { font-size: 0.75rem !important; p { padding: 0.1rem 0; font-size: 0.75rem !important; } } } .leaflet-control-zoom > a { margin: 0; } .leaflet-popup-content-wrapper { padding-right: 22px; } .leaflet-popup-close-button { margin: 10px 12px 0 0; &:after { background-color: transparent !important; } } .answer[data-v-e67b3e4d] { text-align: center; position: relative; } .answer[data-new-index][data-v-e67b3e4d] { border-color: var(--colour-secondary); } .answer[data-new-index][data-v-e67b3e4d]:before { content: attr(data-new-index); color: white; display: block; position: absolute; top: 0.5rem; left: 0.5rem; height: 1.5rem; width: 1.5rem; border-radius: 50%; background: var(--colour-secondary); } .answer[data-v-e67b3e4d]:not(.selected):not(:focus):not(:focus-within):not(:hover) { background-color: #fff; } .btn[data-new-index][data-v-e67b3e4d] { color: var(--colour-btn-bg); border: 2px solid var(--colour-btn-bg); } .btn[data-new-index][data-v-e67b3e4d]:hover, .btn[data-new-index][data-v-e67b3e4d]:focus { background: var(--colour-btn-bg); color: var(--colour-btn); border: 2px solid var(--colour-btn-bg) !important; filter: opacity(90%); }textarea[data-v-b2ba6f5b] { border-color: var(--colour-body) !important; color: #000 !important; } :where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open][data-v-f2ef0844]:is(.dialog--transactional):before { display: none; } .services-tabs .service-card[data-v-f2ef0844]:not(:has(iam-record-card)) { display: none; } .leaflet-control-zoom > a { margin: 0; } /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ [data-v-595d91bb]:root { --card-right-padding: 0.5rem; --wider-colour: var(--colour-success); } .badge[data-v-595d91bb] { background: var(--colour-success) !important; } .isHidden[data-v-595d91bb] { --colour-canvas-2: #e9e9e9; } .isHidden[data-v-595d91bb] { text-decoration: line-through; } .isHidden > span strong[data-v-595d91bb], .isHidden > span span[data-v-595d91bb]:not(.row) { text-decoration: none; display: inline-block !important; } .card > span[data-v-595d91bb] { display: flex !important; text-decoration: none; } .card > span strong[data-v-595d91bb], .card > span span[data-v-595d91bb]:not(.d-flex):not(.row) { display: inline-block !important; } .recommendation-card[data-v-595d91bb] { border-radius: 0.5rem; -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.11); color: black; position: relative; font-weight: bold; width: 100%; text-align: left; overflow: hidden; z-index: 0; background: var(--colour-canvas-2); outline: 2px solid var(--outline-colour, --colour-canvas-2); outline-offset: -2px; margin-bottom: 1rem; } .recommendation-card .text-primary[data-v-595d91bb] { color: black !important; } .recommendation-card__img[data-v-595d91bb] { min-height: 6rem; position: relative; } .recommendation-card__img img[data-v-595d91bb] { position: absolute; top: 0; left: 0; margin: -2px; width: calc(100% + 4px); height: calc(100% + 4px); object-fit: cover; } .recommendation-card__details[data-v-595d91bb] { padding-inline: 1rem; } .recommendation-card__prices[data-v-595d91bb] { font-family: var(--font-heading); color: var(--colour-primary); } .recommendation-card__img .badge[data-v-595d91bb] { background: var(--colour-success); position: absolute; top: 1rem; z-index: 9; left: 1rem; } @media screen and (min-width: 62em) { .recommendation-card__img[data-v-595d91bb] { min-height: 10rem; } .recommendation-card__details[data-v-595d91bb] { padding-inline-start: 1rem; padding-inline-end: 3rem; } .recommendation-card__prices [class*=col-][data-v-595d91bb] { white-space: nowrap; min-width: fit-content; width: fit-content; max-width: fit-content; } } .services-tabs[data-v-5f0f5fd3] { margin-top: -3rem; } .leaflet-control-zoom > a[data-v-5f0f5fd3] { margin: 0; } :where(.iw-vue-app > div) *:not(.dialog__wrapper) > dialog[open][data-v-5f0f5fd3]:is(.dialog--transactional):before { display: none; } /* Headings variables are setup this way so that we can export them into the vue documentation */ /* H2 */ /* @function breakpoint-max($name, $breakpoints: $grid-breakpoints) { $max: map.get($breakpoints, $name); @return if($max and $max > 0, $max - 0.02, null); } */ /* @mixin clearfix() { &::after { display: block; clear: both; content: ''; } } */ .testimonial[data-v-c876019f] { box-shadow: 0.125rem 0.1875rem 0.375rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; --testimonial-padding: 1rem; --testimonial-spacing: 2rem; --container-padding: 0; } @media screen and (min-width: 62em) { .testimonial[data-v-c876019f] { --testimonial-padding: 4rem; --testimonial-spacing: 2rem; } } .testimonial .row[data-v-c876019f] { margin: 0; } .testimonial .row[data-v-c876019f] > * { padding-inline: 0; } .testimonial__images[data-v-c876019f] { overflow: auto; scroll-snap-type: x mandatory; display: flex; user-select: none; touch-action: pan-x; height: 14.375rem; } @media screen and (min-width: 36em) { .testimonial__images[data-v-c876019f] { height: 21.25rem; } } @media screen and (min-width: 62em) { .testimonial__images[data-v-c876019f] { position: absolute; height: 100%; width: 100%; min-height: 100%; scroll-snap-type: y mandatory; flex-direction: column; touch-action: pan-y; z-index: 1; } } .testimonial__images img[data-v-c876019f] { scroll-snap-align: start; user-select: none; pointer-events: none; flex-shrink: 0; } .testimonial.testimonial--multi .testimonial__images[data-v-c876019f] { margin-bottom: 2.5rem; } @media screen and (min-width: 62em) { .testimonial.testimonial--multi .testimonial__images[data-v-c876019f] { margin-bottom: 0; } } .testimonial .testimonial__controls[data-v-c876019f] { display: none; } .testimonial.testimonial--multi .testimonial__controls[data-v-c876019f] { display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } @media screen and (min-width: 62em) { .testimonial.testimonial--multi .testimonial__controls[data-v-c876019f] { left: auto; bottom: auto; right: 1.5rem; top: calc(50% - 1.5rem); transform: scale(0.8) rotate(90deg) translate(0, -120%); transform-origin: center; z-index: 3; } } .testimonial.testimonial--multi .testimonial__controls .btn[data-v-c876019f]:before { content: "hello" !important; display: block !important; } .testimonial.testimonial--multi .testimonial__controls .btn[data-v-c876019f]:hover:not(:disabled) { background-color: white !important; } .testimonial.testimonial--multi .testimonial__controls .btn-next[data-v-c876019f]::before { content: "\f054" !important; } .testimonial.testimonial--multi .testimonial__controls .btn-prev[data-v-c876019f]::before { content: "\f053" !important; } .testimonial h2[data-v-c876019f] { padding: 2rem var(--testimonial-padding) 0 var(--testimonial-padding); } @media screen and (min-width: 36em) { .testimonial h2[data-v-c876019f] { padding-top: 3rem; } } @media screen and (min-width: 62em) { .testimonial h2[data-v-c876019f] { padding-top: 9rem; } } .testimonial__content[data-v-c876019f] { --display-none: none; margin: var(--testimonial-spacing) var(--testimonial-padding) var(--testimonial-spacing) var(--testimonial-padding); position: relative; z-index: 1; } .testimonial__content blockquote[data-v-c876019f] { padding: 0 !important; margin: 0 !important; font-size: 1rem; font-weight: bold; line-height: 1.6; color: var(--colour-heading); } .testimonial__content blockquote cite[data-v-c876019f] { padding-top: 1rem; color: var(--colour-body); display: block; } @media screen and (min-width: 62em) { .testimonial__content[data-v-c876019f] { --display-none: block; background: white; padding: 1rem; background: white; height: 100%; margin: 0 0 0 -1rem; border-top-left-radius: 1rem 50%; border-bottom-left-radius: 1rem 50%; } .testimonial__content blockquote[data-v-c876019f] { padding: 2rem 1rem 2rem 2rem !important; } .testimonial__content blockquote[data-v-c876019f]:not(.largest) { position: absolute; top: 0; } } .testimonial[data-show="1"] blockquote[data-v-c876019f]:not(:nth-child(1)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="2"] blockquote[data-v-c876019f]:not(:nth-child(2)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="3"] blockquote[data-v-c876019f]:not(:nth-child(3)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="4"] blockquote[data-v-c876019f]:not(:nth-child(4)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="5"] blockquote[data-v-c876019f]:not(:nth-child(5)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="6"] blockquote[data-v-c876019f]:not(:nth-child(6)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="7"] blockquote[data-v-c876019f]:not(:nth-child(7)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="8"] blockquote[data-v-c876019f]:not(:nth-child(8)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="9"] blockquote[data-v-c876019f]:not(:nth-child(9)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } .testimonial[data-show="10"] blockquote[data-v-c876019f]:not(:nth-child(10)) { display: var(--display-none); opacity: 0; user-select: none; pointer-events: none; } /* Hide scrollbar for Chrome, Safari and Opera */ .testimonial__images[data-v-c876019f]::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .testimonial__images[data-v-c876019f] { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }.testimonial-admin[data-v-2a2050f5] { border-radius: 0.25rem; } .testimonial-component-title[data-v-2a2050f5] { margin-top: -3rem; width: calc(100% - 8rem); color: var(--colour-heading) !important; }.testimonials-admin iam-fileupload { margin-top: 1rem; } .testimonials-admin iam-fileupload::part(title) { display: none !important; } .video-recorder video[data-v-47d027ad] { width: 100%; margin-bottom: 10px; } button[data-v-47d027ad] { margin-right: 10px; } .invalid[data-v-cd187bf3] { border-color: var(--colour-danger) !important; } .section { &.dropdown-menu--open { z-index: 2 !important; } } .dropdown-wrapper { position: relative; &.cc-bg { * > .btn.active { background-color: var(--colour-btn-secondary-bg-hover) !important; } } } .dropdown-menu { position: absolute; background: white; border: 2px solid var(--colour-btn-secondary-border); margin-top: 0.25rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 10; max-height: 160px; overflow-y: auto; padding: 0.25rem; } @supports selector(::-webkit-scrollbar) { .dropdown-menu { border-radius: 1.5rem; } .dropdown-menu::-webkit-scrollbar { width: 12px; background: transparent; } .dropdown-menu::-webkit-scrollbar-track { background: transparent; border-radius: 1.5rem; margin: 1rem 2rem; } .dropdown-menu::-webkit-scrollbar-thumb { background-color: var(--colour-btn-secondary-border); border-radius: 1.5rem; border: 2px solid white; } } .custom-html-preview.is-appraisal-edit[data-v-5de8a69b] * { pointer-events: none; }.adminImg { height: 6rem; width: 6rem; object-fit: contain; } .component { position: relative; } .tab-components { background-color: var(--colour-light); margin-inline: -1.5rem; padding-inline: 2.5rem; padding-top: 1rem; padding-bottom: 2rem; } .admin-panel-settings-container { display: flex; align-items: center; justify-content: center; } .values:first-child :is(.col-title, .tab-title) .settings button:first-child { pointer-events: none; opacity: 0.5; } .values:last-child :is(.col-title, .tab-title) .settings button:nth-child(2) { pointer-events: none; opacity: 0.5; } .component-container[data-v-15cd9906], .ComponentsArea[data-v-15cd9906] { padding: 1rem; } .component-container[data-v-15cd9906] { display: grid; position: relative; z-index: 0; } .component-container[data-v-15cd9906]:has(.row:empty) { padding: 0; } .menu--header[data-v-3eac0058] { z-index: 100; } .menu--header > div[data-v-3eac0058] { pointer-events: none; } .menu--header button[data-v-3eac0058] { pointer-events: initial; } .valuer-details[data-v-3eac0058] { position: sticky; bottom: 0; background: white; } .valuer-details > li[data-v-3eac0058] { position: relative; height: 2rem; overflow: hidden; margin-right: -1rem; } .valuer-details > li > span[data-v-3eac0058] { overflow-x: scroll; display: block; } .valuer-details > li[data-v-3eac0058]:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1rem; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 100%); z-index: 2; }h1[data-v-281c3fcb] { padding-bottom: 1rem !important; } .tabs__links__wrapper[data-v-281c3fcb] { margin-bottom: 0 !important; }.tabbed-add-component[data-v-281c3fcb] { z-index: 1; } details > .container[data-v-281c3fcb] { padding-top: 2rem; } h3[data-v-281c3fcb] { padding-bottom: 1rem; }