'); container: ask-container / inline-size; display: grid; gap: 3rem 1rem; grid-template-columns: repeat(2, 1fr); margin-block-start: 3rem; } .ask-container.loading::before { align-items: center; content: var(--spinner); display: flex; filter: opacity(0.5); grid-column: 1 / -1; justify-content: center; } .ask-container .error { color: rgb(247, 33, 20); font-weight: 700; grid-column: 1 / -1; text-align: center; } .ask-container .ask-miso__form { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 1rem; color: rgb(35, 31, 32); display: flex; flex-wrap: wrap; gap: 1rem; grid-column: 1 / -1; margin: auto; order: -1; width: min(100%, 800px); } .ask-container .ask-miso__form label { display: grid; flex: 100 1 0%; font-size: 1.2rem; font-weight: 600; margin: 0px; position: relative; } .ask-container .ask-miso__form label span { inset: 0px; position: absolute; z-index: -1; } .ask-container .ask-miso__form label input { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: 1rem; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-color: inherit; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: none; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: text; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: 0px; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: none; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 1ch; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } .ask-container .ask-miso__form label input::placeholder { opacity: 0.5; } .ask-container .ask-miso__form button { background-color: rgb(222, 19, 1); border: none; border-radius: 0.5rem; color: rgb(255, 255, 255); cursor: pointer; flex: 1 0 max-content; font-size: 1rem; margin: 1ch; padding: 1ch 2ch; } .ask-container .ask-miso__form button:hover { background-color: rgb(171, 15, 1); } .ask-container .response { text-wrap: pretty; grid-column: 1 / -1; } .ask-container .response h1, .ask-container .response h2, .ask-container .response h3, .ask-container .response h4, .ask-container .response h5, .ask-container .response h6, .ask-container .response p { margin-bottom: 20px; } .ask-container .response .source-citation { letter-spacing: 0.25ch; } .ask-container .response .source-citation + .source-citation { margin-inline-start: 0.5ch; } .ask-container .feedback { display: none; } .ask-container .response[data-stage="Finished"] + .feedback { align-items: center; display: flex; gap: 1rem; grid-column: 1 / -1; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs { align-items: center; display: flex; gap: 0.75rem; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button { background: none; border: none; color: inherit; cursor: pointer; margin: 0px; outline: none; padding: 0px; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button svg { fill: currentcolor; height: 1.2rem; width: 1.2rem; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button:active, .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button:focus, .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button:hover { color: rgb(195, 195, 195); } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button.active { color: rgb(222, 19, 1); } @container ask-container (width < 600px) { .ask-container .follow-up-questions, .ask-container .sources { grid-column: 1 / -1; } } .ask-container .sources { order: 2; } .ask-container .sources h3:empty { display: none; } .ask-container .sources ol { counter-reset: test 0; display: flex; flex-direction: column; font-size: 90%; gap: 1rem; list-style: none; margin: 0px; padding: 0px; } .ask-container .sources ol li { counter-increment: test 1; } .ask-container .sources ol li:target { animation: 0.5s ease-in-out 0s 3 normal none running colour-splash-target; } .ask-container .sources ol li.active { animation: 0.5s ease-in-out 0s 3 normal none running colour-splash; } .ask-container .sources ol li time { color: rgb(51, 51, 51); display: block; font-weight: 900; margin-block: 0.5ch; } .ask-container .sources ol li cite { display: block; } .ask-container .sources ol li::before { content: "[" counter(test) "]"; display: inline-block; font-weight: 700; letter-spacing: 0.25ch; margin-inline-end: 0.5ch; } .ask-container .follow-up-questions h3:empty { display: none; } .ask-container .follow-up-questions ul { display: flex; flex-direction: column; gap: 1ch; list-style: none; padding: 0px; } .ask-container .follow-up-questions ul li { color: rgb(222, 19, 1); cursor: pointer; } .ask-container .follow-up-questions ul li:active, .ask-container .follow-up-questions ul li:focus, .ask-container .follow-up-questions ul li:hover { color: rgb(171, 15, 1); } .ask-container .example-questions { grid-column: 1 / -1; order: 100; } .ask-container .example-questions:has(> ul:empty), .ask-container .example-questions > h3:empty { display: none; } .ask-container .example-questions h3 { color: rgb(147, 149, 152); line-height: 1.75; margin-block: 0px 1.5em; text-align: center; text-decoration: underline 2px; text-underline-offset: 0.5em; } .ask-container .example-questions ul { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(max(200px, 50% - 1rem), 1fr)); margin: 0px; padding: 0px; } .ask-container .example-questions ul .example-question { align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 0.5rem; color: rgb(0, 0, 0); cursor: pointer; display: flex; gap: 1rem; list-style: none; padding: 1ch 2ch; transition: background-color 0.2s ease-in-out 0s; } .ask-container .example-questions ul .example-question:active, .ask-container .example-questions ul .example-question:focus, .ask-container .example-questions ul .example-question:hover { background-color: rgb(236, 228, 215); } @keyframes colour-splash { 50% { background-color: rgb(255, 255, 0); } 0% { background-color: rgba(0, 0, 0, 0); } } @keyframes colour-splash-target { 50% { background-color: rgb(255, 255, 0); } 0% { background-color: rgba(0, 0, 0, 0); } } miso-explore:not([status*="nonempty"]) { display: none; } miso-explore[status*="nonempty"] { --box-colour: #f1f7fe; --box-colour-hover: #d9e9fc; } miso-explore[status*="nonempty"] h3 { color: inherit; font-weight: 700; margin-bottom: 0.5em; margin-top: 0px; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list { display: flex; flex-direction: column; gap: 1rem; list-style: none; margin: 0px; padding: 0px; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li { background-color: var(--box-colour); border-radius: 0.5rem; color: inherit; cursor: pointer; padding: 1ch 2ch; transition: background-color 0.2s ease-in-out 0s; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li a { align-items: center; color: inherit; display: flex; line-height: 1.4; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li:active, miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li:focus, miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li:hover { background-color: var(--box-colour-hover); color: inherit; } .ask-container .response { --border-colour: oklch(from currentcolor calc(l * 3.5) c h); } .ask-container .response table { width: 100%; } .ask-container .response table tr :is(td, th) { font-weight: 400; padding: 1ex min(1.5vw, 1rem); } .ask-container .response table thead tr { background: rgb(222, 19, 1); color: rgb(255, 255, 255); } .ask-container .response table tbody tr:nth-child(2n-1) { background: oklch(from var(--background-colour) calc(l / 1.03) c h); } .ask-container .response table:not(:last-child) { margin-block-end: 2rem; } '); container: ask-container / inline-size; display: grid; gap: 3rem 1rem; grid-template-columns: repeat(2, 1fr); margin-block-start: 3rem; } .ask-container.loading::before { align-items: center; content: var(--spinner); display: flex; filter: opacity(0.5); grid-column: 1 / -1; justify-content: center; } .ask-container .error { color: rgb(247, 33, 20); font-weight: 700; grid-column: 1 / -1; text-align: center; } .ask-container .ask-miso__form { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 1rem; color: rgb(35, 31, 32); display: flex; flex-wrap: wrap; gap: 1rem; grid-column: 1 / -1; margin: auto; order: -1; width: min(100%, 800px); } .ask-container .ask-miso__form label { display: grid; flex: 100 1 0%; font-size: 1.2rem; font-weight: 600; margin: 0px; position: relative; } .ask-container .ask-miso__form label span { inset: 0px; position: absolute; z-index: -1; } .ask-container .ask-miso__form label input { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; appearance: unset; color: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: 1rem; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-color: inherit; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: none; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: text; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: 0px; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: none; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 1ch; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } .ask-container .ask-miso__form label input::placeholder { opacity: 0.5; } .ask-container .ask-miso__form button { background-color: rgb(222, 19, 1); border: none; border-radius: 0.5rem; color: rgb(255, 255, 255); cursor: pointer; flex: 1 0 max-content; font-size: 1rem; margin: 1ch; padding: 1ch 2ch; } .ask-container .ask-miso__form button:hover { background-color: rgb(171, 15, 1); } .ask-container .response { text-wrap: pretty; grid-column: 1 / -1; } .ask-container .response h1, .ask-container .response h2, .ask-container .response h3, .ask-container .response h4, .ask-container .response h5, .ask-container .response h6, .ask-container .response p { margin-bottom: 20px; } .ask-container .response .source-citation { letter-spacing: 0.25ch; } .ask-container .response .source-citation + .source-citation { margin-inline-start: 0.5ch; } .ask-container .feedback { display: none; } .ask-container .response[data-stage="Finished"] + .feedback { align-items: center; display: flex; gap: 1rem; grid-column: 1 / -1; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs { align-items: center; display: flex; gap: 0.75rem; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button { background: none; border: none; color: inherit; cursor: pointer; margin: 0px; outline: none; padding: 0px; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button svg { fill: currentcolor; height: 1.2rem; width: 1.2rem; } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button:active, .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button:focus, .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button:hover { color: rgb(195, 195, 195); } .ask-container .response[data-stage="Finished"] + .feedback .feedback__thumbs button.active { color: rgb(222, 19, 1); } @container ask-container (width < 600px) { .ask-container .follow-up-questions, .ask-container .sources { grid-column: 1 / -1; } } .ask-container .sources { order: 2; } .ask-container .sources h3:empty { display: none; } .ask-container .sources ol { counter-reset: test 0; display: flex; flex-direction: column; font-size: 90%; gap: 1rem; list-style: none; margin: 0px; padding: 0px; } .ask-container .sources ol li { counter-increment: test 1; } .ask-container .sources ol li:target { animation: 0.5s ease-in-out 0s 3 normal none running colour-splash-target; } .ask-container .sources ol li.active { animation: 0.5s ease-in-out 0s 3 normal none running colour-splash; } .ask-container .sources ol li time { color: rgb(51, 51, 51); display: block; font-weight: 900; margin-block: 0.5ch; } .ask-container .sources ol li cite { display: block; } .ask-container .sources ol li::before { content: "[" counter(test) "]"; display: inline-block; font-weight: 700; letter-spacing: 0.25ch; margin-inline-end: 0.5ch; } .ask-container .follow-up-questions h3:empty { display: none; } .ask-container .follow-up-questions ul { display: flex; flex-direction: column; gap: 1ch; list-style: none; padding: 0px; } .ask-container .follow-up-questions ul li { color: rgb(222, 19, 1); cursor: pointer; } .ask-container .follow-up-questions ul li:active, .ask-container .follow-up-questions ul li:focus, .ask-container .follow-up-questions ul li:hover { color: rgb(171, 15, 1); } .ask-container .example-questions { grid-column: 1 / -1; order: 100; } .ask-container .example-questions:has(> ul:empty), .ask-container .example-questions > h3:empty { display: none; } .ask-container .example-questions h3 { color: rgb(147, 149, 152); line-height: 1.75; margin-block: 0px 1.5em; text-align: center; text-decoration: underline 2px; text-underline-offset: 0.5em; } .ask-container .example-questions ul { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(max(200px, 50% - 1rem), 1fr)); margin: 0px; padding: 0px; } .ask-container .example-questions ul .example-question { align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 0.5rem; color: rgb(0, 0, 0); cursor: pointer; display: flex; gap: 1rem; list-style: none; padding: 1ch 2ch; transition: background-color 0.2s ease-in-out 0s; } .ask-container .example-questions ul .example-question:active, .ask-container .example-questions ul .example-question:focus, .ask-container .example-questions ul .example-question:hover { background-color: rgb(236, 228, 215); } @keyframes colour-splash { 50% { background-color: rgb(255, 255, 0); } 0% { background-color: rgba(0, 0, 0, 0); } } @keyframes colour-splash-target { 50% { background-color: rgb(255, 255, 0); } 0% { background-color: rgba(0, 0, 0, 0); } } miso-explore:not([status*="nonempty"]) { display: none; } miso-explore[status*="nonempty"] { --box-colour: #f1f7fe; --box-colour-hover: #d9e9fc; } miso-explore[status*="nonempty"] h3 { color: inherit; font-weight: 700; margin-bottom: 0.5em; margin-top: 0px; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list { display: flex; flex-direction: column; gap: 1rem; list-style: none; margin: 0px; padding: 0px; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li { background-color: var(--box-colour); border-radius: 0.5rem; color: inherit; cursor: pointer; padding: 1ch 2ch; transition: background-color 0.2s ease-in-out 0s; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li a { align-items: center; color: inherit; display: flex; line-height: 1.4; } miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li:active, miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li:focus, miso-explore[status*="nonempty"] .miso-list.ready .miso-list__list li:hover { background-color: var(--box-colour-hover); color: inherit; } .ask-container .response { --border-colour: oklch(from currentcolor calc(l * 3.5) c h); } .ask-container .response table { width: 100%; } .ask-container .response table tr :is(td, th) { font-weight: 400; padding: 1ex min(1.5vw, 1rem); } .ask-container .response table thead tr { background: rgb(222, 19, 1); color: rgb(255, 255, 255); } .ask-container .response table tbody tr:nth-child(2n-1) { background: oklch(from var(--background-colour) calc(l / 1.03) c h); } .ask-container .response table:not(:last-child) { margin-block-end: 2rem; } a#hotSpotLeft, a#hotSpotRight { height: 100% !important; } .body-wrap.takeover.wallpaper { background-color: unset !important; } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); } :root { --swiper-theme-color: #007aff; } :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .swiper { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { border-radius: 50%; border-top: 4px solid rgba(0, 0, 0, 0); box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50% center; width: 42px; z-index: 10; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .swiper-virtual .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; left: 0px; pointer-events: none; position: absolute; top: 0px; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { height: var(--swiper-virtual-size); width: 1px; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: calc(0px - var(--swiper-navigation-size)/2); position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/44*27); z-index: 10; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { height: 100%; object-fit: contain; transform-origin: center center; width: 100%; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: normal; letter-spacing: 0px; line-height: 1; text-transform: none !important; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset,10px); } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transform: translateZ(0px); transition: opacity 0.3s ease 0s; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); left: 0px; top: var(--swiper-pagination-top,auto); width: 100%; } .swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color,#000); border-radius: var(--swiper-pagination-bullet-border-radius,50%); display: inline-block; height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); } button.swiper-pagination-bullet { appearance: none; border: none; box-shadow: none; margin: 0px; padding: 0px; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color,var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity,1); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { left: var(--swiper-pagination-left,auto); right: var(--swiper-pagination-right,8px); top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, left 0.2s ease 0s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,#00000040); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); height: 100%; left: 0px; position: absolute; top: 0px; transform: scale(0); transform-origin: left top; width: 100%; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; width: 100%; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { height: 100%; left: 0px; top: 0px; width: var(--swiper-pagination-progressbar-size,4px); } .swiper-pagination-lock { display: none; } .swiper-scrollbar { background: var(--swiper-scrollbar-bg-color,#0000001a); border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; touch-action: none; } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: var(--swiper-scrollbar-bottom,4px); height: var(--swiper-scrollbar-size,4px); left: var(--swiper-scrollbar-sides-offset,1%); position: absolute; top: var(--swiper-scrollbar-top,auto); width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); z-index: 50; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); left: var(--swiper-scrollbar-left,auto); position: absolute; right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); width: var(--swiper-scrollbar-size,4px); z-index: 50; } .swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color,#00000080); border-radius: var(--swiper-scrollbar-border-radius,10px); height: 100%; left: 0px; position: relative; top: 0px; width: 100%; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100%; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-height: 100%; max-width: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { left: 0px; opacity: 0; pointer-events: none; position: absolute; top: 0px; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { margin: 0px auto; transition-timing-function: ease-out; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { backface-visibility: hidden; height: 100%; pointer-events: none; transform-origin: 0px 0px; visibility: hidden; width: 100%; z-index: 1; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { bottom: 0px; height: 100%; left: 0px; opacity: 0.6; position: absolute; width: 100%; z-index: 0; } .swiper-cube .swiper-cube-shadow::before { background: rgb(0, 0, 0); inset: 0px; content: ""; filter: blur(50px); position: absolute; } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; } .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { backface-visibility: hidden; pointer-events: none; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { backface-visibility: hidden; overflow: hidden; transform-origin: center bottom; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } [href="https://ourgoldguy.com/contact/"] img, a[href^="https://tracker.loropartners.com/"] { display: none !important; } .tp-backdrop { display: none; position: fixed; inset: 0px; background: rgb(18, 18, 20); z-index: 300000; opacity: 0; transition: opacity 0.25s linear 0s; } .tp-backdrop.tp-active { opacity: 0.9; } .tp-modal .tp-close.tp-square { background: rgb(204, 204, 204); border-radius: 0px; border: 0px; top: 0px; right: -40px; } .tp-modal .tp-close { pointer-events: none; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 7.208l-.706-.708-2.798 2.798L7.207 6.5l-.707.707 2.798 2.799L6.503 12.8l.707.707 2.796-2.795 2.792 2.792.707-.707-2.792-2.792 2.798-2.798z' fill='%23000' fill-opacity='.4'/%3E%3C/svg%3E") center center no-repeat rgb(255, 255, 255); border: none; box-shadow: rgba(28, 37, 68, 0.15) 0px 0px 10px; outline: none; z-index: 300100; border-radius: 40px; opacity: 0; cursor: pointer; appearance: none; transform: scale(1); } .tp-modal .tp-modal-title { position: absolute; padding: 3px; top: 5px; left: -200em; } .tp-modal .tp-close:hover, .tp-modal .tp-close:focus { box-shadow: rgba(28, 37, 68, 0.15) 0px 0px 10px 2px; } .tp-modal .tp-close:focus { border: 1px solid; } .tp-modal .tp-close.tp-active { display: block; opacity: 1; pointer-events: auto; } .tp-modal .tp-iframe-wrapper[dir="rtl"] .tp-close { right: initial; left: -20px; } .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close { top: 0px; right: 0px; width: 64px; height: 64px; box-shadow: none; outline: none; border-radius: 0px; border-left: 1px solid rgba(15, 15, 21, 0.2); background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath d='M3 3L13 13M13 3L3 13' stroke='%230F0F15' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center center no-repeat; } .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active { opacity: 0.3; } .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:hover, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus-visible { border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid rgba(15, 15, 21, 0.06); opacity: 1; box-shadow: none; } .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus-visible::after { content: ""; width: 24px; height: 24px; border-radius: 4px; border: 1px solid rgb(59, 103, 178); position: absolute; top: 19px; left: 18px; display: inline-block; } .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close { right: auto; left: 0px; border-left: none; border-right: 1px solid rgba(15, 15, 21, 0.2); } .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close:hover, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close:focus { border-left: none; border-right: 1px solid rgba(15, 15, 21, 0.06); } .tp-modal { z-index: 300050; } @media screen and (max-width: 650px) { .tp-modal .tp-close { right: 0px; } .tp-modal .tp-iframe-wrapper[dir="rtl"] .tp-close { right: initial; left: 0px; } } .tp-modal .tp-iframe-wrapper.tp-curtain { width: 600px; height: 480px; } .tp-modal-open { height: 100vh; overflow: hidden !important; } .tp-modal-open.tp-modal-resizing { } .tp-modal-close { overflow: auto; } .tp-iframe-wrapper { position: relative; margin: 50px auto; box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px; } .tp-iframe-wrapper.no-shadow { box-shadow: unset; } .tp-modal { overflow-x: hidden; display: none; position: fixed; inset: 0px; transform: translateZ(0px); overflow-y: scroll !important; } .tp-modal .tp-message { font-family: "Graphik Web Regular", Helvetica, Arial, sans-serif; padding: 10px; } .tp-modal .tp-btn-container { padding-left: 10px; padding-bottom: 10px; } .tp-cxense-placeholder-modal { width: 100%; background-color: rgb(255, 255, 255); max-width: 912px; display: block; overflow: hidden; height: auto; opacity: 1; } .tp-widget-placeholder > div::after { display: block; content: ""; clear: both; } .tp-btn { text-decoration: none; cursor: pointer; padding: 0px 18px; line-height: 40px; border-collapse: separate; border-radius: 4px; text-align: center; vertical-align: middle; display: inline-block; color: rgb(255, 255, 255); border: none; box-shadow: rgba(216, 218, 221, 0) 0px -1px inset; background: center bottom rgb(56, 120, 216); text-shadow: none; font-family: "Graphik Web Regular", Helvetica, Arial, sans-serif; white-space: nowrap; outline: 0px; } .tp-please-wait.tp-active { display: block; opacity: 0.9; transition: opacity 0.25s linear 0s; } .tp-please-wait { position: absolute; top: 0px; left: 0px; background-color: rgb(153, 153, 153); opacity: 0; width: 100%; height: 100%; display: none; text-align: center; color: rgb(255, 255, 255); font-weight: lighter; font-family: "Open Sans", sans-serif; font-size: 15px; } .tp-please-wait.tp-overlap { position: fixed; z-index: 300150; } .tp-please-wait.tp-local-overlap { position: absolute; } .tp-please-wait > .tp-icon { width: 80px; height: 80px; margin: 100px auto 20px; } .pn-spinner { color: gray; display: inline-block; position: relative; width: 80px; height: 80px; } .pn-spinner div { transform-origin: 40px 40px; animation: 1.2s linear 0s infinite normal none running pn-spinner; } .pn-spinner div::after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: rgb(255, 255, 255); } .pn-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .pn-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .pn-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .pn-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .pn-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .pn-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .pn-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .pn-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .pn-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .pn-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .pn-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .pn-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes pn-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .tp-please-wait > .tp-icon.tp-centered { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .tp-iframe-wrapper.no-width .tp-close, .tp-iframe-wrapper.no-height .tp-close, .tp-modal.no-width .tp-close, .tp-modal.no-height .tp-close { display: none; } .tp-banner { position: fixed; bottom: 0px; left: 0px; width: 100%; } .tp-banner > .tp-container-inner, .tp-banner > .tp-container-inner > iframe { width: inherit !important; } .tp-modal-overscroll-prevented { overscroll-behavior: contain; width: 100%; overflow-x: unset; overflow-y: scroll; } .tp-scroll-prevented { height: 100vh; overflow: hidden; touch-action: none; } .tp-body-scroll-prevented { touch-action: none; } .piano-widget-container-fade { opacity: 0; animation: 0.5s ease-in-out 0s 1 normal none running piano-widget-fade; } @keyframes piano-widget-fade { 0% { opacity: 1; } 100% { opacity: 0; } } .cky-overlay { background: rgb(0, 0, 0); opacity: 0.4; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999999; } .cky-hide { display: none; } .cky-btn-revisit-wrapper { display: flex; align-items: center; justify-content: center; background: rgb(0, 86, 167); width: 45px; height: 45px; border-radius: 50%; position: fixed; z-index: 999999; cursor: pointer; } .cky-revisit-bottom-left { bottom: 15px; left: 15px; } .cky-revisit-bottom-right { bottom: 15px; right: 15px; } .cky-btn-revisit-wrapper .cky-btn-revisit { display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; position: relative; margin: 0px; padding: 0px; } .cky-btn-revisit-wrapper .cky-btn-revisit img { max-width: fit-content; margin: 0px; height: 30px; width: 30px; } .cky-revisit-bottom-left:hover::before { content: attr(data-tooltip); position: absolute; background: rgb(78, 75, 102); color: rgb(255, 255, 255); left: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px; } .cky-revisit-bottom-left:hover::after { position: absolute; content: ""; border-width: 5px 5px 5px 0px; border-style: solid; border-color: rgba(255, 255, 255, 0) rgb(78, 75, 102) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-image: initial; left: calc(100% + 2px); } .cky-revisit-bottom-right:hover::before { content: attr(data-tooltip); position: absolute; background: rgb(78, 75, 102); color: rgb(255, 255, 255); right: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px; } .cky-revisit-bottom-right:hover::after { position: absolute; content: ""; border-width: 5px 0px 5px 5px; border-style: solid; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(78, 75, 102); border-image: initial; right: calc(100% + 2px); } .cky-revisit-hide { display: none; } .cky-consent-container { position: fixed; width: 440px; box-sizing: border-box; z-index: 9999999; border-radius: 6px; } .cky-consent-container .cky-consent-bar { background: rgb(255, 255, 255); border: 1px solid; padding: 20px 26px; box-shadow: rgba(172, 171, 171, 0.3) 0px -1px 10px 0px; border-radius: 6px; } .cky-box-bottom-left { bottom: 40px; left: 40px; } .cky-box-bottom-right { bottom: 40px; right: 40px; } .cky-box-top-left { top: 40px; left: 40px; } .cky-box-top-right { top: 40px; right: 40px; } .cky-custom-brand-logo-wrapper .cky-custom-brand-logo { width: 100px; height: auto; margin: 0px 0px 12px; } .cky-notice .cky-title { color: rgb(33, 33, 33); font-weight: 700; font-size: 18px; line-height: 24px; margin: 0px 0px 12px; word-break: break-word; } .cky-notice-des *, .cky-preference-content-wrapper *, .cky-dma-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc * { font-size: 14px; } .cky-notice-des { color: rgb(33, 33, 33); font-size: 14px; line-height: 24px; font-weight: 400; } .cky-notice-des img { min-height: 25px; min-width: 25px; } .cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p { color: inherit; margin-top: 0px; word-break: break-word; } .cky-notice-des p:last-child, .cky-preference-content-wrapper p:last-child, .cky-cookie-des-table li div:last-child p:last-child, .cky-gpc-wrapper .cky-gpc-desc p:last-child { margin-bottom: 0px; } .cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy, .cky-notice-des a.cky-link-default, .cky-dma-content-wrapper a.cky-policy, .cky-dma-content-wrapper button.cky-policy { font-size: 14px; color: rgb(24, 99, 220); white-space: nowrap; cursor: pointer; background: rgba(255, 255, 255, 0); } .cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy, .cky-dma-content-wrapper a.cky-policy, .cky-dma-content-wrapper button.cky-policy { text-decoration: underline; border: 1px solid; } .cky-notice-des a.cky-link-default { text-decoration: underline; } .cky-notice-des button.cky-policy, .cky-dma-content-wrapper button.cky-policy { padding: 0px; } .cky-notice-des a.cky-policy:focus-visible, .cky-notice-des button.cky-policy:focus-visible, .cky-dma-content-wrapper a.cky-policy:focus-visible, .cky-dma-content-wrapper button.cky-policy:focus-visible, .cky-preference-content-wrapper .cky-show-desc-btn:focus-visible, .cky-accordion-header .cky-accordion-btn:focus-visible, .cky-preference-header .cky-btn-close:focus-visible, .cky-switch input[type="checkbox"]:focus-visible, .cky-footer-wrapper a:focus-visible, .cky-btn:focus-visible { outline: rgb(24, 99, 220) solid 2px; outline-offset: 2px; } .cky-btn:focus:not(:focus-visible), .cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible), .cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible), .cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible), .cky-preference-header .cky-btn-close:focus:not(:focus-visible), .cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible) { outline: 0px; } button.cky-show-desc-btn:not(:hover):not(:active) { color: rgb(24, 99, 220); background: rgba(255, 255, 255, 0); } button.cky-accordion-btn:not(:hover):not(:active), button.cky-banner-btn-close:not(:hover):not(:active), button.cky-btn-revisit:not(:hover):not(:active), button.cky-btn-close:not(:hover):not(:active) { background: rgba(255, 255, 255, 0); } .cky-consent-bar button:hover, .cky-modal.cky-modal-open button:hover, .cky-consent-bar button:focus, .cky-modal.cky-modal-open button:focus { text-decoration: none; } .cky-notice-btn-wrapper { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .cky-notice-btn-wrapper .cky-btn { text-shadow: none; box-shadow: none; } .cky-btn { flex: 1 1 auto; max-width: 100%; font-size: 14px; font-family: inherit; line-height: 24px; padding: 8px; font-weight: 500; border-radius: 2px; cursor: pointer; text-align: center; text-transform: none; min-height: 0px; overflow-wrap: break-word; } .cky-btn:hover { opacity: 0.8; } .cky-btn-customize { color: rgb(24, 99, 220); background: rgba(255, 255, 255, 0); border: 2px solid rgb(24, 99, 220); } .cky-btn-reject { color: rgb(24, 99, 220); background: rgba(255, 255, 255, 0); border: 2px solid rgb(24, 99, 220); } .cky-btn-accept { background: rgb(24, 99, 220); color: rgb(255, 255, 255); border: 2px solid rgb(24, 99, 220); } .cky-btn:last-child { margin-right: 0px; } @media (max-width: 576px) { .cky-box-bottom-left { bottom: 0px; left: 0px; } .cky-box-bottom-right { bottom: 0px; right: 0px; } .cky-box-top-left { top: 0px; left: 0px; } .cky-box-top-right { top: 0px; right: 0px; } } @media (max-width: 440px) { .cky-box-bottom-left, .cky-box-bottom-right, .cky-box-top-left, .cky-box-top-right { width: 100%; max-width: 100%; } .cky-consent-container .cky-consent-bar { padding: 20px 0px; } .cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper { padding: 0px 24px; } .cky-notice-des { max-height: 40vh; overflow-y: scroll; } .cky-notice-btn-wrapper { gap: 10px; flex-direction: column; } .cky-btn { width: 100%; } .cky-notice-btn-wrapper .cky-btn-customize { order: 2; } .cky-notice-btn-wrapper .cky-btn-reject { order: 3; } .cky-notice-btn-wrapper .cky-btn-accept { order: 1; } } @media (max-width: 352px) { .cky-notice .cky-title { font-size: 16px; } .cky-notice-des * { font-size: 12px; } .cky-notice-des, .cky-btn { font-size: 12px; } } .cky-modal.cky-modal-open { display: flex; visibility: visible; transform: translate(-50%, -50%); top: 50%; left: 50%; transition: all 1s ease 0s; max-height: 100%; } .cky-modal { box-shadow: rgba(0, 0, 0, 0.3) 0px 32px 68px; margin: 0px auto; position: fixed; max-width: 100%; background: rgb(255, 255, 255); top: 50%; box-sizing: border-box; border-radius: 6px; z-index: 999999999; color: rgb(33, 33, 33); transform: translate(-50%, 100%); visibility: hidden; transition: all 0s ease 0s; } .cky-preference-center { max-height: 79vh; width: 845px; overflow: hidden; flex: 1 1 0%; display: flex; flex-direction: column; border-radius: 6px; } @media (max-height: 576px) { .cky-preference-center { height: 100vh; overflow: auto; } .cky-preference-center .cky-preference-body-wrapper { overflow: unset; } } @media (max-height: 480px) { .cky-consent-container { max-height: 100vh; overflow-y: scroll; } .cky-notice-des { max-height: unset; overflow-y: unset; } } @media (min-width: 576px) and (max-height: 660px) { .cky-notice-des { max-height: 40vh; overflow-y: scroll; } } .cky-preference-header { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid; } .cky-preference-header .cky-preference-title { font-size: 18px; font-weight: 700; line-height: 24px; word-break: break-word; } .cky-preference-header .cky-btn-close { margin: 0px; cursor: pointer; vertical-align: middle; padding: 0px; background: none; border: none; width: 24px; height: 24px; min-height: 0px; line-height: 0; text-shadow: none; box-shadow: none; } .cky-preference-header .cky-btn-close img { margin: 0px; height: 10px; width: 10px; } .cky-preference-body-wrapper { padding: 0px 24px; flex: 1 1 0%; overflow: auto; box-sizing: border-box; } .cky-preference-content-wrapper, .cky-gpc-wrapper .cky-gpc-desc { font-size: 14px; line-height: 24px; font-weight: 400; padding: 12px 0px; } .cky-preference-content-wrapper img { min-height: 25px; min-width: 25px; } .cky-preference-content-wrapper .cky-show-desc-btn { font-size: 14px; font-family: inherit; color: rgb(24, 99, 220); text-decoration: none; line-height: 24px; padding: 0px; margin: 0px; white-space: nowrap; cursor: pointer; background: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); text-transform: none; min-height: 0px; text-shadow: none; box-shadow: none; } .cky-accordion-wrapper { margin-bottom: 10px; } .cky-accordion { border-bottom: 1px solid; } .cky-accordion:last-child { border-bottom: none; } .cky-accordion .cky-accordion-item { display: flex; margin-top: 10px; } .cky-accordion .cky-accordion-body { display: none; } .cky-accordion.cky-accordion-active .cky-accordion-body { display: block; padding: 0px 22px; margin-bottom: 16px; } .cky-accordion-header-wrapper { cursor: pointer; width: 100%; } .cky-accordion-item .cky-accordion-header { display: flex; justify-content: space-between; align-items: center; } .cky-accordion-header .cky-accordion-btn { font-size: 16px; font-family: inherit; color: rgb(33, 33, 33); line-height: 24px; background: none; border: none; font-weight: 700; padding: 0px; margin: 0px; cursor: pointer; text-transform: none; min-height: 0px; text-shadow: none; box-shadow: none; } .cky-accordion-header .cky-always-active { color: green; font-weight: 600; line-height: 24px; font-size: 14px; } .cky-accordion-header-des { font-size: 14px; line-height: 24px; margin: 10px 0px 16px; } .cky-accordion-chevron { margin-right: 22px; position: relative; cursor: pointer; } .cky-accordion-chevron-hide { display: none; } .cky-accordion .cky-accordion-chevron i::before { content: ""; position: absolute; border-right-width: 1.4px; border-right-style: solid; border-bottom-width: 1.4px; border-bottom-style: solid; border-color: inherit; height: 6px; width: 6px; transform: rotate(-45deg); transition: all 0.2s ease-in-out 0s; top: 8px; } .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before { transform: rotate(45deg); } .cky-audit-table { background: rgb(244, 244, 244); border-radius: 6px; } .cky-audit-table .cky-empty-cookies-text { color: inherit; font-size: 12px; line-height: 24px; margin: 0px; padding: 10px; word-break: break-word; } .cky-audit-table .cky-cookie-des-table { font-size: 12px; line-height: 24px; font-weight: 400; padding: 15px 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; margin: 0px; } .cky-audit-table .cky-cookie-des-table:last-child { border-bottom: none; } .cky-audit-table .cky-cookie-des-table li { list-style-type: none; display: flex; padding: 3px 0px; } .cky-audit-table .cky-cookie-des-table li:first-child { padding-top: 0px; } .cky-cookie-des-table li div:first-child { width: 100px; font-weight: 600; word-break: break-word; overflow-wrap: break-word; } .cky-cookie-des-table li div:last-child { flex: 1 1 0%; word-break: break-word; overflow-wrap: break-word; margin-left: 8px; } .cky-footer-shadow { display: block; width: 100%; height: 40px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); position: absolute; bottom: calc(100% - 1px); } .cky-footer-wrapper { position: relative; } .cky-prefrence-btn-wrapper { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 22px 24px; border-top: 1px solid; } .cky-prefrence-btn-wrapper .cky-btn { flex: 1 1 auto; max-width: 100%; text-shadow: none; box-shadow: none; } .cky-btn-preferences { color: rgb(24, 99, 220); background: rgba(255, 255, 255, 0); border: 2px solid rgb(24, 99, 220); } .cky-preference-header, .cky-preference-body-wrapper, .cky-accordion-wrapper, .cky-accordion, .cky-accordion-wrapper, .cky-footer-wrapper, .cky-prefrence-btn-wrapper { border-color: inherit; } .cky-preference-body-wrapper .cky-dma-content-wrapper { font-size: 14px; line-height: 24px; font-weight: 400; padding: 4px 0px 12px; } .cky-preference-body-wrapper .cky-dma-content-wrapper p { color: inherit; word-break: break-word; } .cky-preference-body-wrapper .cky-dma-content-wrapper p:first-child { margin-top: 0px; } .cky-preference-body-wrapper .cky-dma-content-wrapper p:last-child { margin-bottom: 0px; } .cky-preference-body-wrapper .cky-horizontal-separator { border-bottom-width: 1px; border-bottom-style: solid; border-color: inherit; } @media (max-width: 845px) { .cky-modal { max-width: calc(100% - 16px); } } @media (max-width: 576px) { .cky-modal { max-width: 100%; } .cky-preference-center { max-height: 100vh; } .cky-prefrence-btn-wrapper { flex-direction: column; gap: 10px; } .cky-accordion.cky-accordion-active .cky-accordion-body { padding-right: 0px; } .cky-prefrence-btn-wrapper .cky-btn { width: 100%; } .cky-prefrence-btn-wrapper .cky-btn-reject { order: 3; } .cky-prefrence-btn-wrapper .cky-btn-accept { order: 1; margin-top: 0px; } .cky-prefrence-btn-wrapper .cky-btn-preferences { order: 2; } } @media (max-width: 425px) { .cky-accordion-chevron { margin-right: 15px; } .cky-accordion.cky-accordion-active .cky-accordion-body { padding: 0px 15px; } } @media (max-width: 352px) { .cky-preference-header .cky-preference-title { font-size: 16px; } .cky-preference-header { padding: 16px 24px; } .cky-preference-content-wrapper *, .cky-accordion-header-des *, .cky-dma-content-wrapper * { font-size: 12px; } .cky-preference-content-wrapper, .cky-preference-body-wrapper .cky-dma-content-wrapper, .cky-preference-content-wrapper .cky-show-more, .cky-accordion-header .cky-always-active, .cky-accordion-header-des, .cky-preference-content-wrapper .cky-show-desc-btn, .cky-notice-des a.cky-policy, .cky-dma-content-wrapper a.cky-policy { font-size: 12px; } .cky-accordion-header .cky-accordion-btn { font-size: 14px; } } .cky-switch { display: flex; } .cky-switch input[type="checkbox"] { position: relative; width: 44px; height: 24px; margin: 0px; background: rgb(208, 213, 210); appearance: none; border-radius: 50px; cursor: pointer; outline: 0px; border: none; top: 0px; } .cky-switch input[type="checkbox"]:checked { background: rgb(24, 99, 220); } .cky-switch input[type="checkbox"]::before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; border-radius: 50%; background-color: rgb(255, 255, 255); transition: all 0.4s ease 0s; margin: 0px; } .cky-switch input[type="checkbox"]::after { display: none; } .cky-switch input[type="checkbox"]:checked::before { transform: translateX(20px); } @media (max-width: 425px) { .cky-switch input[type="checkbox"] { width: 38px; height: 21px; } .cky-switch input[type="checkbox"]::before { height: 17px; width: 17px; } .cky-switch input[type="checkbox"]:checked::before { transform: translateX(17px); } } .cky-consent-bar .cky-banner-btn-close { position: absolute; right: 9px; top: 5px; background: none; border: none; cursor: pointer; padding: 0px; margin: 0px; min-height: 0px; line-height: 0; height: 24px; width: 24px; text-shadow: none; box-shadow: none; } .cky-consent-bar .cky-banner-btn-close img { height: 9px; width: 9px; margin: 0px; } .cky-notice-group { font-size: 14px; line-height: 24px; font-weight: 400; color: rgb(33, 33, 33); } .cky-notice-btn-wrapper .cky-btn-do-not-sell { font-size: 14px; line-height: 24px; padding: 6px 0px; margin: 0px; font-weight: 500; border-radius: 2px; border: none rgba(255, 255, 255, 0); cursor: pointer; text-align: left; color: rgb(24, 99, 220); background: rgba(255, 255, 255, 0); box-shadow: none; text-shadow: none; word-break: break-word; text-decoration: underline; } .cky-consent-bar .cky-banner-btn-close:focus-visible, .cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible, .cky-opt-out-btn-wrapper .cky-btn:focus-visible, .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible { outline: rgb(24, 99, 220) solid 2px; outline-offset: 2px; } @media (max-width: 440px) { .cky-consent-container { width: 100%; } } @media (max-width: 352px) { .cky-notice-des a.cky-policy, .cky-notice-des a.cky-link-default, .cky-notice-btn-wrapper .cky-btn-do-not-sell { font-size: 12px; } } .cky-opt-out-wrapper { padding: 12px 0px; } .cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper { display: flex; align-items: center; } .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px 0px 0px 12px; cursor: pointer; word-break: break-word; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); width: 20px; height: 18.5px; margin: 0px; appearance: none; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 2px; cursor: pointer; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked { background-color: rgb(24, 99, 220); border: none; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after { left: 6px; bottom: 4px; width: 7px; height: 13px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 3px 3px 0px; border-radius: 2px; transform: rotate(45deg); content: ""; position: absolute; box-sizing: border-box; } .cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label, .cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox { cursor: no-drop; } .cky-gpc-wrapper { margin: 0px 0px 0px 32px; } .cky-footer-wrapper .cky-opt-out-btn-wrapper { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 22px 24px; } .cky-opt-out-btn-wrapper .cky-btn { flex: 1 1 auto; max-width: 100%; text-shadow: none; box-shadow: none; } .cky-opt-out-btn-wrapper .cky-btn-cancel { border: 1px solid rgb(222, 223, 224); background: rgba(255, 255, 255, 0); color: rgb(133, 133, 133); } .cky-opt-out-btn-wrapper .cky-btn-confirm { background: rgb(24, 99, 220); color: rgb(255, 255, 255); border: 1px solid rgb(24, 99, 220); } @media (max-width: 440px) { .cky-footer-wrapper .cky-opt-out-btn-wrapper { gap: 10px; } } @media (max-width: 352px) { .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label { font-size: 14px; } .cky-gpc-wrapper .cky-gpc-desc, .cky-gpc-wrapper .cky-gpc-desc * { font-size: 12px; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox { width: 16px; height: 16px; } .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after { left: 5px; bottom: 4px; width: 3px; height: 9px; } .cky-gpc-wrapper { margin: 0px 0px 0px 28px; } } .video-placeholder-youtube { background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; background-color: rgba(178, 176, 176, 0.35); position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%; } .video-placeholder-text-youtube { text-align: center; align-items: center; padding: 10px 16px; background-color: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); border: 1px solid; border-radius: 2px; cursor: pointer; } .video-placeholder-normal { background-image: url(""); background-size: 80px; background-position: center center; background-repeat: no-repeat; background-color: rgba(178, 176, 176, 0.35); position: relative; display: flex; align-items: flex-end; justify-content: center; max-width: 100%; } .video-placeholder-text-normal { align-items: center; padding: 10px 16px; text-align: center; border: 1px solid; border-radius: 2px; cursor: pointer; } .cky-rtl { direction: rtl; text-align: right; } .cky-rtl .cky-banner-btn-close { left: 9px; right: auto; } .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child { margin-right: 8px; } .cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child { margin-right: 0px; } .cky-rtl .cky-notice-btn-wrapper { margin-left: 0px; margin-right: 15px; } .cky-rtl .cky-prefrence-btn-wrapper .cky-btn { margin-right: 8px; } .cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child { margin-right: 0px; } .cky-rtl .cky-accordion .cky-accordion-chevron i::before { border-right: none; border-bottom: none; border-image: initial; border-left: 1.4px solid; border-top: 1.4px solid; left: 12px; } .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before { transform: rotate(-135deg); } @media (max-width: 768px) { .cky-rtl .cky-notice-btn-wrapper { margin-right: 0px; } } @media (max-width: 576px) { .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child { margin-right: 0px; } .cky-rtl .cky-prefrence-btn-wrapper .cky-btn { margin-right: 0px; } .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body { padding: 0px 22px 0px 0px; } } @media (max-width: 425px) { .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body { padding: 0px 15px 0px 0px; } } .cky-rtl .cky-opt-out-btn-wrapper .cky-btn { margin-right: 12px; } .cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child { margin-right: 0px; } .cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label { margin: 0px 12px 0px 0px; } @supports not (gap:10px) { .cky-btn { margin: 0px 8px 0px 0px; } @media (max-width: 440px) { .cky-notice-btn-wrapper { margin-top: 0px; } .cky-btn { margin: 10px 0px 0px; } .cky-notice-btn-wrapper .cky-btn-accept { margin-top: 16px; } } @media (max-width: 576px) { .cky-prefrence-btn-wrapper .cky-btn { margin: 10px 0px 0px; } } @media (max-width: 425px) { .cky-notice-btn-wrapper { margin-top: 0px; } } } a[href^="https://ads.betfair.com/redirect.aspx?"] { display: none !important; } .cls-1 { fill: rgb(228, 0, 59); } .cls-2 { fill: rgb(255, 255, 255); } (cache)Orrick is the new VC king – but nobody cares - The Lawyer | Legal insight, benchmarking data and jobs

Horizon daily newsletter UK Orrick Shoosmiths

Orrick is the new VC king – but nobody cares

May 22 2026

Written by

Ben Lucas

Tech Editor

A&O Shearman, Cleary, Milbank and Sidley triumph at the Women In Business Law Americas Awards

The A&O effect: Harvey’s boss says “no one responded until A&O did”

Weil Gotshal pays millions to protect client data from cyber criminals

US 50 in London 2026: Financial Results

The Nordic 50 2026

International revenue growth at the UK Top 50

A&O Shearman, Cleary, Milbank and Sidley triumph at the Women In Business Law Americas Awards

The A&O effect: Harvey’s boss says “no one responded until A&O did”

Weil Gotshal pays millions to protect client data from cyber criminals

US 50 in London 2026: Financial Results

The Nordic 50 2026

International revenue growth at the UK Top 50

Orrick is the new VC king – but nobody cares

Ben Lucas

Latest

A&O Shearman, Cleary, Milbank and Sidley triumph at the Women In Business Law Americas Awards

Barshay would be foolish to trash Paul Weiss’s litigation heritage

The A&O effect: Harvey’s boss says “no one responded until A&O did”

Weil Gotshal pays millions to protect client data from cyber criminals

Latham lures back tech M&A duo from MoFo

Market Data & Analysis

US 50 in London 2026: Financial Results

The Nordic 50 2026

International revenue growth at the UK Top 50

Class Actions in the UK

The Lawyer’s Innovation Map 2026