/*! Bodleian EE v1.0.2 | (c) 2025 Simon Minter | MIT License |  */
@charset "UTF-8";
/* CSS RESET: ref. https://piccalil.li/blog/a-more-modern-css-reset/ */
/* Box sizing rules */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* Prevent font size inflation */
html {
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	        text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
	margin-bottom: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
	list-style: none;
}

/* Set core body defaults */
body {
	line-height: 1.5;
	min-height: 100vh;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
	line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
	text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	color: currentcolor;
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
	display: block;
	max-width: 100%;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
	min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
	scroll-margin-block: 5ex;
}

:root {
	/* Spacers */
	--db-spacer-4: 4px;
	--db-spacer-8: 8px;
	--db-spacer-12: 12px;
	--db-spacer-16: 16px;
	--db-spacer-20: 20px;
	--db-spacer-24: 24px;
	--db-spacer-28: 28px;
	--db-spacer-32: 32px;
	--db-spacer-36: 36px;
	--db-spacer-40: 40px;
	--db-spacer-44: 44px;
	--db-spacer-48: 48px;
	--db-spacer-52: 52px;
	--db-spacer-56: 56px;
	--db-spacer-60: 60px;
	--db-spacer-64: 64px;
	--db-spacer-68: 68px;
	--db-spacer-72: 72px;
	--db-spacer-76: 76px;
	--db-spacer-80: 80px;
	--db-spacer-84: 84px;
	--db-spacer-88: 88px;
	--db-spacer-92: 92px;
	--db-spacer-96: 96px;
	/* Type sizes */
	/* https://utopia.fyi/type/calculator?c=320,14,1.2,1100,15,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
	/* Step -2: 9.7222px → 10.4167px */
	--db-font-size-minus-2: clamp(0.6076rem, 0.5898rem + 0.089vw, 0.651rem);
	/* Step -1: 11.6667px → 12.5px */
	--db-font-size-minus-1: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	/* Step 0: 14px → 15px */
	--db-font-size-0: clamp(0.875rem, 0.8494rem + 0.1282vw, 0.9375rem);
	/* Step 1: 16.8px → 18px */
	--db-font-size-1: clamp(1.05rem, 1.0192rem + 0.1538vw, 1.125rem);
	/* Step 2: 20.16px → 21.6px */
	--db-font-size-2: clamp(1.26rem, 1.2231rem + 0.1846vw, 1.35rem);
	/* Step 3: 24.192px → 25.92px */
	--db-font-size-3: clamp(1.512rem, 1.4677rem + 0.2215vw, 1.62rem);
	/* Step 4: 29.0304px → 31.104px */
	--db-font-size-4: clamp(1.8144rem, 1.7612rem + 0.2658vw, 1.944rem);
	/* Step 5: 34.8365px → 37.3248px */
	--db-font-size-5: clamp(2.1773rem, 2.1135rem + 0.319vw, 2.3328rem);
	/* Colours */
	--db-colour-black: hsl(0, 0%, 0%);
	--db-colour-blue: #03558c;
	--db-colour-blue-light: #4e88ae;
	--db-colour-charcoal: hsl(0, 0%, 23%);
	--db-colour-green: hsl(154, 13%, 62%);
	--db-colour-green-dark: hsl(169, 10%, 44%);
	--db-colour-grey-light: hsl(0, 0%, 89%);
	--db-colour-highlight: hsla(187, 100%, 67%, 0.25);
	--db-colour-highlight-active: hsla(187, 100%, 67%, 0.5);
	--db-colour-highlight-chosen: hsla(187, 100%, 67%, 0.65);
	--db-colour-highlight-dormant: hsla(187, 100%, 67%, 0);
	--db-colour-warning: hsl(1, 100%, 28%);
	--db-colour-white: hsl(0, 0%, 100%);
	/* Max content width */
	--db-max-content-width: 1348px;
}

body {
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0;
	text-rendering: optimizelegibility;
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

body {
	font-family: Noto Sans, sans-serif;
}
body em,
body i {
	font-style: italic;
}
body strong,
body b {
	font-weight: 700;
}

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

.db-footer {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-size: 20px;
	font-size: var(--db-spacer-20);
}

.db-footer__top {
	background-color: hsl(169, 10%, 44%);
	background-color: var(--db-colour-green-dark);
	padding: 44px 20px 96px 20px;
	padding: var(--db-spacer-44) var(--db-spacer-20) var(--db-spacer-96) var(--db-spacer-20);
}

.db-footer__top__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 16px;
	gap: var(--db-spacer-16);
}

.db-footer__bottom {
	background-color: hsl(0, 0%, 23%);
	background-color: var(--db-colour-charcoal);
	font-size: clamp(0.875rem, 0.8494rem + 0.1282vw, 0.9375rem);
	font-size: var(--db-font-size-0);
	padding: 16px 20px;
	padding: var(--db-spacer-16) var(--db-spacer-20);
	text-align: center;
}

.db-footer__logo-and-address p {
	margin-top: 8px;
	margin-top: var(--db-spacer-8);
}
.db-footer__logo-and-address svg {
	height: auto;
	width: 117px;
}

.db-footer__navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}
.db-footer__navigation a {
	-webkit-text-decoration: none;
	text-decoration: none;
}
.db-footer__navigation a:active, .db-footer__navigation a:focus, .db-footer__navigation a:hover {
	color: hsl(0, 0%, 89%);
	color: var(--db-colour-grey-light);
}

@media (min-width: 1024px) {
	.db-footer__top__inner {
		display: -ms-grid;
		display: grid;
		grid-gap: 24px;
		grid-gap: var(--db-spacer-24);
		gap: 24px;
		gap: var(--db-spacer-24);
		-ms-grid-columns: 5fr var(--db-spacer-24) 2fr var(--db-spacer-24) 2fr var(--db-spacer-24) 4fr;
		grid-template-columns: 5fr 2fr 2fr 4fr;
		margin: 0 auto;
		max-width: 1348px;
		max-width: var(--db-max-content-width);
	}
}
.db-header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: hsl(154, 13%, 62%);
	background-color: var(--db-colour-green);
	-webkit-box-shadow: 0 1px 3px hsla(0, 0%, 4%, 0.1);
	        box-shadow: 0 1px 3px hsla(0, 0%, 4%, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 24px;
	gap: var(--db-spacer-24);
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-height: 105px;
}

.db-header__logo {
	margin: 0;
	padding: 24px;
	padding: var(--db-spacer-24);
}
.db-header__logo svg {
	height: auto;
	max-width: 223px;
	width: 100%;
}

.db-header__right {
	display: none;
}

.db-header__mobile-nav-toggle {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: transparent;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 10px;
	height: 40px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 24px 0 0;
	margin: 0 var(--db-spacer-24) 0 0;
	padding: 0;
	width: 40px;
}
.db-header__mobile-nav-toggle .db-header__mobile-nav-toggle__line {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	height: 3px;
	width: 40px;
}

@media (min-width: 1024px) {
	.db-header {
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
	.db-header__right {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: hsl(0, 0%, 100%);
		background-color: var(--db-colour-white);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
	.db-header__mobile-nav-toggle {
		display: none;
	}
	.db-header__navigation {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		height: 100%;
		list-style: none;
		margin: 0;
		padding: 0 0 0 96px;
		padding: 0 0 0 var(--db-spacer-96);
	}
	.db-header__navigation__item {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
	}
	.db-header__navigation__item a {
		color: hsl(169, 10%, 44%);
		color: var(--db-colour-green-dark);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 18.62px;
		font-weight: 600;
		height: 100%;
		letter-spacing: 1.12px;
		padding: 0 1.5rem;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		justify-items: center;
		place-items: center;
		-webkit-text-decoration: none;
		text-decoration: none;
		text-transform: uppercase;
	}
	.db-header__navigation__item a:active, .db-header__navigation__item a:focus, .db-header__navigation__item a:hover {
		color: hsl(0, 0%, 0%);
		color: var(--db-colour-black);
	}
	.db-header__navigation__item.db-header__navigation__item--has-children a {
		position: relative;
	}
	.db-header__navigation__item.db-header__navigation__item--has-children a::after {
		border: 3px solid hsl(169, 10%, 44%);
		border: 3px solid var(--db-colour-green-dark);
		border-radius: 2px;
		border-right: 0;
		border-top: 0;
		content: " ";
		display: block;
		height: 0.625em;
		margin-top: -0.4375em;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transform-origin: center;
		        transform-origin: center;
		width: 0.625em;
	}
	.db-header__login {
		margin: 0 20px 0 0;
		margin: 0 var(--db-spacer-20) 0 0;
		padding: 0;
	}
	.db-header__login .fa {
		margin-right: 8px;
		margin-right: var(--db-spacer-8);
	}
	.db-header__login a {
		color: hsl(0, 0%, 23%);
		color: var(--db-colour-charcoal);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 18.62px;
		height: 100%;
		padding: 0 1.5rem;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		justify-items: center;
		place-items: center;
		-webkit-text-decoration: none;
		text-decoration: none;
	}
	.db-header__login a:active, .db-header__login a:focus, .db-header__login a:hover {
		color: hsl(169, 10%, 44%);
		color: var(--db-colour-green-dark);
	}
	.db-header__university-logo {
		margin: 0 48px 0 0;
		margin: 0 var(--db-spacer-48) 0 0;
		padding: 0;
	}
	.db-header__university-logo svg {
		height: auto;
		width: 70px;
	}
}
.db-object-viewer-page-layout {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 105px calc(100dvh - 105px) auto;
	grid-template-rows: 105px calc(100dvh - 105px) auto;
}

.db-object-viewer {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr);
}

.db-object-viewer__top {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 24px;
	gap: var(--db-spacer-24);
	padding: 16px 12px 20px 12px;
	padding: var(--db-spacer-16) var(--db-spacer-12) var(--db-spacer-20) var(--db-spacer-12);
}

.db-object-viewer__top__title {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	gap: var(--db-spacer-24);
}

.db-object-viewer__top__logo {
	height: auto;
	width: 48px;
	width: var(--db-spacer-48);
}

.db-object-viewer__title {
	color: hsl(0, 0%, 23%);
	color: var(--db-colour-charcoal);
	font-size: clamp(1.26rem, 1.2231rem + 0.1846vw, 1.35rem);
	font-size: var(--db-font-size-2);
	font-weight: 600;
}

.db-object-viewer__display-switcher {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 16px;
	gap: var(--db-spacer-16);
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-object-viewer__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.db-object-viewer__bottom__first__container,
.db-object-viewer__bottom__second__container,
.db-object-viewer__bottom__third__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	max-width: 100%;
	position: relative;
}

.db-object-viewer__bottom__first__container {
	width: 350px;
}

.db-object-viewer__bottom__first,
.db-object-viewer__bottom__second,
.db-object-viewer__bottom__third {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	position: relative;
}

.db-object-viewer__pane-hidden {
	display: none;
}

.db-object-viewer__bottom__first {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	overflow-y: auto;
}

.db-object-viewer__bottom__first__top {
	background-color: hsl(0, 0%, 23%);
	background-color: var(--db-colour-charcoal);
	padding: 12px;
	padding: var(--db-spacer-12);
}
.db-object-viewer__bottom__first__top p {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
}

.db-object-viewer__bottom__second {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	display: -ms-grid;
	display: grid;
	height: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	justify-items: center;
	place-items: center;
	position: relative;
}
.db-object-viewer__bottom__second img {
	height: 100%;
	left: 0;
	-o-object-fit: contain;
	   object-fit: contain;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.db-object-viewer__bottom__second .svg-holder {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	z-index: 2;
}
.db-object-viewer__bottom__second svg .transcriptionarea {
	fill: hsla(187, 100%, 67%, 0);
	fill: var(--db-colour-highlight-dormant);
	-webkit-transition: fill 0.15s ease-in-out;
	transition: fill 0.15s ease-in-out;
}
.db-object-viewer__bottom__second svg .transcriptionarea:hover, .db-object-viewer__bottom__second svg .transcriptionarea.ds-selected, .db-object-viewer__bottom__second svg .transcriptionarea.transcriptionareahover {
	cursor: pointer;
	fill: hsla(187, 100%, 67%, 0.5);
	fill: var(--db-colour-highlight-active);
}
.db-object-viewer__bottom__second svg .transcriptionarea.transcriptionareachosen {
	fill: hsla(187, 100%, 67%, 0.65);
	fill: var(--db-colour-highlight-chosen);
}
.db-object-viewer__bottom__second svg .faketranscriptionareaforsearchedfortext {
	fill: yellow;
	opacity: 0;
	pointer-events: none;
}
.db-object-viewer__bottom__second svg .faketranscriptionareaforsearchedfortext.faketranscriptionareaforsearchedfortext--active {
	opacity: 0.5;
}
.db-object-viewer__bottom__second.db-object-viewer__bottom__second--text-area-highlight-mode-active {
	outline: 4px solid hsla(187, 100%, 67%, 0.65);
	outline: 4px solid var(--db-colour-highlight-chosen);
	outline-offset: -4px;
}
.db-object-viewer__bottom__second.db-object-viewer__bottom__second--text-area-highlight-mode-active svg .transcriptionarea {
	stroke: hsl(0, 0%, 0%);
	stroke: var(--db-colour-black);
	stroke-width: 2px;
}

.db-object-viewer__surface-navigation__first,
.db-object-viewer__surface-navigation__prev,
.db-object-viewer__surface-navigation__next,
.db-object-viewer__surface-navigation__last {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
}

.db-object-viewer__bottom__second__top {
	background-color: hsl(0, 0%, 23%);
	background-color: var(--db-colour-charcoal);
	padding: 12px;
	padding: var(--db-spacer-12);
}
.db-object-viewer__bottom__second__top ul {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
	gap: 8px;
	gap: var(--db-spacer-8);
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-object-viewer__bottom__third__centre {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow-x: hidden;
	overscroll-behavior-y: none;
	position: relative;
	width: 100%;
}

.db-object-viewer__bottom__third__bottom {
	border-top: 1px solid hsl(0, 0%, 23%);
	border-top: 1px solid var(--db-colour-charcoal);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.db-object-viewer__bottom__third__bottom .db-object-viewer__download a {
	background-color: var(--db-object-viewer-info-panel-theme-colour-light);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: block;
	padding: 12px;
	padding: var(--db-spacer-12);
	-webkit-text-decoration: none;
	text-decoration: none;
}
.db-object-viewer__bottom__third__bottom .db-object-viewer__download a:active, .db-object-viewer__bottom__third__bottom .db-object-viewer__download a:focus, .db-object-viewer__bottom__third__bottom .db-object-viewer__download a:hover {
	background-color: var(--db-object-viewer-info-panel-theme-colour);
}
.db-object-viewer__bottom__third__bottom ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 8px;
	gap: var(--db-spacer-8);
	list-style: none;
	margin: 0;
	padding: 12px;
	padding: var(--db-spacer-12);
}
.db-object-viewer__bottom__third__bottom ul a {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
}
.db-object-viewer__bottom__third__bottom ul a:active, .db-object-viewer__bottom__third__bottom ul a:focus, .db-object-viewer__bottom__third__bottom ul a:hover {
	background-color: var(--db-object-viewer-info-panel-theme-colour);
}

.db-object-viewer__bottom__third__top {
	background-color: var(--db-object-viewer-info-panel-theme-colour);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	gap: 8px;
	gap: var(--db-spacer-8);
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 4px;
	padding: var(--db-spacer-4);
}
.db-object-viewer__bottom__third__top ul {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
	gap: 8px;
	gap: var(--db-spacer-8);
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-object-viewer__full-transcription-panel__search {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	border: 1px solid hsl(0, 0%, 0%);
	border: 1px solid var(--db-colour-black);
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 8px;
	gap: var(--db-spacer-8);
	margin: 0;
}

.db-object-viewer__transcription-search {
	background: none;
	border: none;
	font-size: clamp(0.875rem, 0.8494rem + 0.1282vw, 0.9375rem);
	font-size: var(--db-font-size-0);
	padding: 8px 12px;
	padding: var(--db-spacer-8) var(--db-spacer-12);
	width: 100%;
}
.db-object-viewer__transcription-search.db-object-viewer__transcription-search--hidden {
	display: none;
}

.db-object-viewer__transcription-search__button {
	background-color: transparent;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	background-size: var(--db-spacer-24);
	border: none;
	cursor: pointer;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 0;
	margin: 0;
	min-width: 36px;
	min-width: var(--db-spacer-36);
	padding: 0;
}

.db-object-viewer__mobile-pane-toggle {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	border-radius: 100%;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	color: hsl(0, 0%, 0%);
	color: var(--db-colour-black);
	cursor: pointer;
	display: -ms-grid;
	display: grid;
	height: 24px;
	height: var(--db-spacer-24);
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	justify-items: center;
	place-items: center;
	position: absolute;
	right: 24px;
	right: var(--db-spacer-24);
	top: 64px;
	top: var(--db-spacer-64);
	width: 24px;
	width: var(--db-spacer-24);
	z-index: 1;
}

.db-object-viewer__object-view__text,
.db-object-viewer__transcription-view__text {
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: block;
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
	padding: 8px;
	padding: var(--db-spacer-8);
	-webkit-text-decoration: none;
	text-decoration: none;
}
.db-object-viewer__object-view__text.db-object-viewer__object-view__link--active, .db-object-viewer__object-view__text.db-object-viewer__transcription-view__link--active,
.db-object-viewer__transcription-view__text.db-object-viewer__object-view__link--active,
.db-object-viewer__transcription-view__text.db-object-viewer__transcription-view__link--active {
	background-color: var(--db-object-viewer-info-panel-theme-colour-light);
}

.db-object-viewer__bottom__third__centre:not(.db-object-viewer__bottom__third--transcription-view) {
	padding: 24px;
	padding: var(--db-spacer-24);
}

.db-object-viewer__bottom__third--transcription-view {
	background-color: hsl(0, 0%, 89%);
	background-color: var(--db-colour-grey-light);
	max-width: 100%;
	position: relative;
}

.db-object-viewer__info-panel {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	overflow-y: auto;
	overscroll-behavior-y: none;
}
.db-object-viewer__info-panel.db-object-viewer__info-panel--active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.db-object-viewer__info-panel.db-object-viewer__info-panel--object-view {
	--db-object-viewer-info-panel-theme-colour: var(--db-colour-green-dark);
	--db-object-viewer-info-panel-theme-colour-light: var(--db-colour-green);
}
.db-object-viewer__info-panel.db-object-viewer__info-panel--transcription-view {
	--db-object-viewer-info-panel-theme-colour: var(--db-colour-blue);
	--db-object-viewer-info-panel-theme-colour-light: var(--db-colour-blue-light);
}

.db-object-viewer__object-tools__link {
	background-color: var(--db-object-viewer-info-panel-theme-colour-light);
	color: hsl(0, 0%, 0%);
	color: var(--db-colour-black);
	display: block;
	padding: 8px 12px;
	padding: var(--db-spacer-8) var(--db-spacer-12);
	-webkit-text-decoration: none;
	text-decoration: none;
}

.db-object-viewer__thumbnails {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 24px;
	gap: var(--db-spacer-24);
	padding: 24px;
	padding: var(--db-spacer-24);
}

.db-object-viewer__thumbnail {
	cursor: pointer;
}
.db-object-viewer__thumbnail.db-object-viewer__thumbnail--active {
	cursor: auto;
}
.db-object-viewer__thumbnail.db-object-viewer__thumbnail--active .db-object-viewer__thumbnail__image {
	border-color: hsl(0, 0%, 100%);
	border-color: var(--db-colour-white);
}
.db-object-viewer__thumbnail.db-object-viewer__thumbnail--active .db-object-viewer__thumbnail__transcription-indicator {
	cursor: auto;
}

.db-object-viewer__thumbnail__image {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	aspect-ratio: 133/168;
	border: 2px solid hsl(169, 10%, 44%);
	border: 2px solid var(--db-colour-green-dark);
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
}
.db-object-viewer__thumbnail__image img {
	-o-object-fit: contain;
	   object-fit: contain;
}

.db-object-viewer__thumbnail__label {
	padding: 0 8px;
	padding: 0 var(--db-spacer-8);
}
.db-object-viewer__thumbnail__label p {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	font-size: clamp(0.6076rem, 0.5898rem + 0.089vw, 0.651rem);
	font-size: var(--db-font-size-minus-2);
	font-weight: 700;
}

.db-object-viewer__thumbnail__transcription-indicator {
	background-color: #4e88ae;
	background-color: var(--db-colour-blue-light);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	cursor: pointer;
	font-size: clamp(0.6076rem, 0.5898rem + 0.089vw, 0.651rem);
	font-size: var(--db-font-size-minus-2);
	font-weight: 700;
	left: 0;
	padding: 2px 4px 4px 4px;
	padding: 2px var(--db-spacer-4) var(--db-spacer-4) var(--db-spacer-4);
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.db-object-viewer-button {
	background: transparent;
	border: 1px solid hsl(0, 0%, 0%);
	border: 1px solid var(--db-colour-black);
	border-radius: 24px;
	border-radius: var(--db-spacer-24);
	color: hsl(0, 0%, 0%);
	color: var(--db-colour-black);
	cursor: pointer;
	display: inline-block;
	font-size: clamp(0.875rem, 0.8494rem + 0.1282vw, 0.9375rem);
	font-size: var(--db-font-size-0);
	margin: 0;
	padding: 7px 12px 9px 12px;
	padding: calc(8px - 1px) 12px calc(8px + 1px) 12px;
	padding: calc(var(--db-spacer-8) - 1px) var(--db-spacer-12) calc(var(--db-spacer-8) + 1px) var(--db-spacer-12);
	-webkit-text-decoration: none;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.db-object-viewer-button.db-object-viewer-button--active {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	cursor: auto;
}
.db-object-viewer-button.db-object-viewer-button--disabled {
	border-style: dashed;
	opacity: 0.3;
	pointer-events: none;
}
.db-object-viewer-button.db-object-viewer-button--square {
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
}
.db-object-viewer-button.db-object-viewer-button--large {
	padding: 7px 12px 9px 12px;
	padding: calc(8px - 1px) 12px calc(8px + 1px) 12px;
	padding: calc(var(--db-spacer-8) - 1px) var(--db-spacer-12) calc(var(--db-spacer-8) + 1px) var(--db-spacer-12);
}
.db-object-viewer-button.db-object-viewer-button--small {
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
	padding: 3px 8px 5px 8px;
	padding: calc(4px - 1px) 8px calc(4px + 1px) 8px;
	padding: calc(var(--db-spacer-4) - 1px) var(--db-spacer-8) calc(var(--db-spacer-4) + 1px) var(--db-spacer-8);
}
.db-object-viewer-button.db-object-viewer-button--white {
	border-color: hsl(0, 0%, 100%);
	border-color: var(--db-colour-white);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
}

.db-object-viewer__transcriptions-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.db-object-viewer__full-transcription-panel__transcription-warning-wrapper {
	background-color: hsl(1, 100%, 28%);
	background-color: var(--db-colour-warning);
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: inline-block;
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
	padding: 4px 8px;
	padding: var(--db-spacer-4) var(--db-spacer-8);
}

.db-object-viewer__full-transcription-panel {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	left: 0;
	overflow-y: scroll;
	overscroll-behavior-x: none;
	position: absolute;
	top: 0;
	width: 100%;
}
.db-object-viewer__full-transcription-panel.db-object-viewer__full-transcription-panel--active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.db-object-viewer__full-transcription-panel.db-object-viewer__full-transcription-panel--search .db-object-viewer__full-transcription-panel__meta {
	padding: 12px;
	padding: var(--db-spacer-12);
}
.db-object-viewer__full-transcription-panel.db-object-viewer__full-transcription-panel--search .db-object-viewer__full-transcription-panel__content {
	width: 100%;
}

.db-object-viewer__full-transcription-panel__content {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	font-size: clamp(0.875rem, 0.8494rem + 0.1282vw, 0.9375rem);
	font-size: var(--db-font-size-0);
	padding: 12px;
	padding: var(--db-spacer-12);
}

.db-object-viewer__full-transcription-panel__content--text-wrap-disabled {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.db-object-viewer__full-transcription-panel__content--size-minus-2 {
	font-size: clamp(0.6076rem, 0.5898rem + 0.089vw, 0.651rem);
	font-size: var(--db-font-size-minus-2);
}

.db-object-viewer__full-transcription-panel__content--size-minus-1 {
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
}

.db-object-viewer__full-transcription-panel__content--size-0 {
	font-size: clamp(0.875rem, 0.8494rem + 0.1282vw, 0.9375rem);
	font-size: var(--db-font-size-0);
}

.db-object-viewer__full-transcription-panel__content--size-1 {
	font-size: clamp(1.05rem, 1.0192rem + 0.1538vw, 1.125rem);
	font-size: var(--db-font-size-1);
}

.db-object-viewer__full-transcription-panel__content--size-2 {
	font-size: clamp(1.26rem, 1.2231rem + 0.1846vw, 1.35rem);
	font-size: var(--db-font-size-2);
}

.db-object-viewer__full-transcription-panel__meta {
	background-color: hsl(0, 0%, 89%);
	background-color: var(--db-colour-grey-light);
	border-bottom: 1px solid hsl(0, 0%, 0%);
	border-bottom: 1px solid var(--db-colour-black);
	left: 0;
	position: sticky;
	width: 100%;
}

.db-object-viewer__full-transcription-panel__meta__type {
	background-color: hsl(0, 0%, 23%);
	background-color: var(--db-colour-charcoal);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 16px;
	gap: var(--db-spacer-16);
}

.db-object-viewer__full-transcription-panel__meta__versions:not(:empty) {
	padding: 12px;
	padding: var(--db-spacer-12);
}

.db-object-viewer__full-transcription-panel__meta__type:not(:empty) {
	padding: 12px;
	padding: var(--db-spacer-12);
}

.db-object-viewer__full-transcription-panel__subinformation {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	border-top: 1px solid hsl(0, 0%, 0%);
	border-top: 1px solid var(--db-colour-black);
	bottom: 0;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 var(--db-spacer-12) rgba(0, 0, 0, 0.25);
	        box-shadow: 0 0 var(--db-spacer-12) rgba(0, 0, 0, 0.25);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	gap: var(--db-spacer-8);
	left: 0;
	margin-top: auto;
	max-height: 75%;
	padding: 12px;
	padding: var(--db-spacer-12);
	pointer-events: none;
	position: sticky;
	visibility: hidden;
	width: 100%;
}

.db-object-viewer__full-transcription-panel__subinformation:not(:empty) {
	pointer-events: auto;
	visibility: visible;
}

.db-object-viewer__full-transcription-panel__subinformation__content {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	overflow-y: auto;
}

.db-object-viewer__full-transcription-panel__subinformation__close {
	background-color: transparent;
	border: none;
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
	cursor: pointer;
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 0;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
	width: 32px;
}
.db-object-viewer__full-transcription-panel__subinformation__close:active, .db-object-viewer__full-transcription-panel__subinformation__close:focus, .db-object-viewer__full-transcription-panel__subinformation__close:hover {
	background-color: hsl(0, 0%, 89%);
	background-color: var(--db-colour-grey-light);
}
.db-object-viewer__full-transcription-panel__subinformation__close::after {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	content: "";
	display: block;
	height: 20px;
	left: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	        transform: translateY(-50%) rotate(-45deg);
	width: 1px;
}
.db-object-viewer__full-transcription-panel__subinformation__close::before {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	content: "";
	display: block;
	height: 20px;
	left: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
	width: 1px;
}

.db-object-viewer__full-transcription-panel__meta__navigation {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	font-size: var(--db-font-size-base);
	gap: 8px;
	gap: var(--db-spacer-8);
}

.db-object-viewer__full-transcription-panel__meta__navigation__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 8px;
	gap: var(--db-spacer-8);
	list-style: none;
	margin: 0;
	padding: 0;
}
.db-object-viewer__full-transcription-panel__meta__navigation__buttons button.db-object-viewer-button--active {
	background-color: var(--db-object-viewer-info-panel-theme-colour);
}

.db-object-viewer__full-transcription-panel__transcription-version-button {
	white-space: nowrap;
}

.db-object-viewer__full-transcription-panel__transcription-type {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	gap: var(--db-spacer-8);
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-object-viewer__full-transcription-panel__transcription-type-tag {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	display: inline-block;
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
	margin: 0;
	position: relative;
}

.db-object-viewer__footnote-number {
	background-color: hsl(0, 0%, 89%);
	background-color: var(--db-colour-grey-light);
	border: none;
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
	color: hsl(0, 0%, 0%);
	color: var(--db-colour-black);
	cursor: pointer;
	font-size: clamp(0.6076rem, 0.5898rem + 0.089vw, 0.651rem);
	font-size: var(--db-font-size-minus-2);
	margin-left: 2px;
	padding: 2px 4px;
	-webkit-transition: all ease-in-out 0.1s;
	transition: all ease-in-out 0.1s;
	vertical-align: super;
}
.db-object-viewer__footnote-number:active, .db-object-viewer__footnote-number:hover, .db-object-viewer__footnote-number.db-object-viewer__footnote-number--active {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
}

.db-object-viewer__full-transcription-panel__content [data-highlight=true] {
	background-color: hsla(187, 100%, 67%, 0.25);
	background-color: var(--db-colour-highlight);
	cursor: pointer;
	-webkit-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}
.db-object-viewer__full-transcription-panel__content [data-highlight=true]:hover {
	background-color: hsla(187, 100%, 67%, 0.5);
	background-color: var(--db-colour-highlight-active);
}
.db-object-viewer__full-transcription-panel__content [data-highlight=true].transcriptionareachosen {
	background-color: hsla(187, 100%, 67%, 0.65);
	background-color: var(--db-colour-highlight-chosen);
}

.db-object-viewer__full-transcription-panel__content [data-searched-for=true] {
	background-color: yellow;
}

.db-object-viewer__full-transcription-panel--search__widget {
	position: sticky;
	top: 0;
}

.db-object-viewer__full-transcription-panel__search-results {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 12px;
	gap: var(--db-spacer-12);
	list-style: none;
	margin: 0;
	padding: 0;
}

.db-object-viewer__full-transcription-panel__search-results__count {
	background-color: hsl(0, 0%, 23%);
	background-color: var(--db-colour-charcoal);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 16px;
	gap: var(--db-spacer-16);
	padding: 8px 16px;
	padding: var(--db-spacer-8) var(--db-spacer-16);
}
.db-object-viewer__full-transcription-panel__search-results__count p {
	color: hsl(0, 0%, 100%);
	color: var(--db-colour-white);
	font-size: clamp(0.7292rem, 0.7078rem + 0.1068vw, 0.7813rem);
	font-size: var(--db-font-size-minus-1);
}

.db-object-viewer__full-transcription-panel__search-results-item {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	border: 1px solid hsl(0, 0%, 89%);
	border: 1px solid var(--db-colour-grey-light);
	border-radius: 4px;
	border-radius: var(--db-spacer-4);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 12px;
	gap: var(--db-spacer-12);
	padding: 12px;
	padding: var(--db-spacer-12);
	text-align: left;
	-webkit-transition: all ease-in-out 0.1s;
	transition: all ease-in-out 0.1s;
	width: 100%;
}
.db-object-viewer__full-transcription-panel__search-results-item:active, .db-object-viewer__full-transcription-panel__search-results-item:focus, .db-object-viewer__full-transcription-panel__search-results-item:hover {
	background-color: hsl(0, 0%, 89%);
	background-color: var(--db-colour-grey-light);
}
.db-object-viewer__full-transcription-panel__search-results-item > * {
	pointer-events: none;
}
.db-object-viewer__full-transcription-panel__search-results-item img {
	height: auto;
	max-width: 60px;
}

.db-object-viewer__full-transcription-panel__search-results-item__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 8px;
	gap: var(--db-spacer-8);
}

.db-object-viewer__show-text-areas-toggle {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	border: 1px solid hsl(0, 0%, 0%);
	border: 1px solid var(--db-colour-black);
	border-radius: 20px;
	border-radius: var(--db-spacer-20);
	bottom: 20px;
	bottom: var(--db-spacer-20);
	color: hsl(0, 0%, 0%);
	color: var(--db-colour-black);
	cursor: pointer;
	display: none;
	font-size: 0;
	height: 40px;
	height: var(--db-spacer-40);
	position: absolute;
	right: 20px;
	right: var(--db-spacer-20);
	width: 40px;
	width: var(--db-spacer-40);
}
.db-object-viewer__show-text-areas-toggle svg {
	height: auto;
	pointer-events: none;
	width: 20px;
	width: var(--db-spacer-20);
}
.db-object-viewer__show-text-areas-toggle:hover {
	background-color: hsla(187, 100%, 67%, 0.65);
	background-color: var(--db-colour-highlight-chosen);
	border-color: hsl(0, 0%, 100%);
	border-color: var(--db-colour-white);
}
.db-object-viewer__show-text-areas-toggle:hover svg path {
	fill: hsl(0, 0%, 100%);
	fill: var(--db-colour-white);
}
.db-object-viewer__show-text-areas-toggle.db-object-viewer__show-text-areas-toggle--visible {
	display: inline-block;
	z-index: 3;
}
.db-object-viewer__show-text-areas-toggle.db-object-viewer__show-text-areas-toggle--active {
	background-color: hsla(187, 100%, 67%, 0.65);
	background-color: var(--db-colour-highlight-chosen);
}
.db-object-viewer__show-text-areas-toggle.db-object-viewer__show-text-areas-toggle--active svg path {
	fill: hsl(0, 0%, 100%);
	fill: var(--db-colour-white);
}

.db-object-viewer__full-transcription-user-controls {
	background-color: var(--db-object-viewer-info-panel-theme-colour-light);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 12px;
	gap: var(--db-spacer-12);
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	left: 0;
	padding: 12px;
	padding: var(--db-spacer-12);
	position: sticky;
	top: 0;
	width: 100%;
}

.db-object-viewer__full-transcription-user-controls__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 12px;
	gap: var(--db-spacer-12);
	list-style: none;
	margin: 0;
	padding: 0;
}
.db-object-viewer__full-transcription-user-controls__list li {
	display: inline-block;
}

.db-object-viewer__full-transcription-user-controls__list__item {
	background-color: hsl(0, 0%, 100%);
	background-color: var(--db-colour-white);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	background-size: var(--db-spacer-20);
	border: 1px solid hsl(0, 0%, 100%);
	border: 1px solid var(--db-colour-white);
	border-radius: 28px;
	border-radius: var(--db-spacer-28);
	cursor: pointer;
	font-size: 0;
	height: 28px;
	height: var(--db-spacer-28);
	-webkit-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	width: 28px;
	width: var(--db-spacer-28);
}
.db-object-viewer__full-transcription-user-controls__list__item:hover {
	background-color: hsla(187, 100%, 67%, 0.5);
	background-color: var(--db-colour-highlight-active);
}

.db-object-viewer__full-transcription-user-controls__list__increase-text-size {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 176C258.7 176 248 186.7 248 200L248 248L200 248C186.7 248 176 258.7 176 272C176 285.3 186.7 296 200 296L248 296L248 344C248 357.3 258.7 368 272 368C285.3 368 296 357.3 296 344L296 296L344 296C357.3 296 368 285.3 368 272C368 258.7 357.3 248 344 248L296 248L296 200C296 186.7 285.3 176 272 176z"/></svg>');
}

.db-object-viewer__full-transcription-user-controls__list__decrease-text-size {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM200 248C186.7 248 176 258.7 176 272C176 285.3 186.7 296 200 296L344 296C357.3 296 368 285.3 368 272C368 258.7 357.3 248 344 248L200 248z"/></svg>');
}

.db-object-viewer__full-transcription-user-controls__list__toggle-text-wrap {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M136 64C113.9 64 96 81.9 96 104L96 160C96 177.7 110.3 192 128 192C145.7 192 160 177.7 160 160L160 128L288 128L288 288L256 288C238.3 288 224 302.3 224 320C224 337.7 238.3 352 256 352L384 352C401.7 352 416 337.7 416 320C416 302.3 401.7 288 384 288L352 288L352 128L480 128L480 160C480 177.7 494.3 192 512 192C529.7 192 544 177.7 544 160L544 104C544 81.9 526.1 64 504 64L136 64zM214.6 470.6C227.1 458.1 227.1 437.8 214.6 425.3C202.1 412.8 181.8 412.8 169.3 425.3L105.3 489.3C92.8 501.8 92.8 522.1 105.3 534.6L169.3 598.6C181.8 611.1 202.1 611.1 214.6 598.6C227.1 586.1 227.1 565.8 214.6 553.3L205.2 543.9L434.7 543.9L425.3 553.3C412.8 565.8 412.8 586.1 425.3 598.6C437.8 611.1 458.1 611.1 470.6 598.6L534.6 534.6C547.1 522.1 547.1 501.8 534.6 489.3L470.6 425.3C458.1 412.8 437.8 412.8 425.3 425.3C412.8 437.8 412.8 458.1 425.3 470.6L434.7 480L205.2 480L214.6 470.6z"/></svg>');
}
.db-object-viewer__full-transcription-user-controls__list__toggle-text-wrap.db-object-viewer__full-transcription-panel__content--text-wrap-disabled {
	background-color: hsla(187, 100%, 67%, 0.5);
	background-color: var(--db-colour-highlight-active);
}

.gutter {
	background-color: hsl(0, 0%, 0%);
	background-color: var(--db-colour-black);
	border-left: 1px solid hsl(0, 0%, 100%);
	border-left: 1px solid var(--db-colour-white);
	border-right: 1px solid hsl(0, 0%, 100%);
	border-right: 1px solid var(--db-colour-white);
}
.gutter:hover {
	cursor: col-resize;
}

@media (min-width: 768px) {
	.db-object-viewer {
		width: 100%;
	}
	.db-object-viewer__top {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 4px 12px;
		padding: var(--db-spacer-4) var(--db-spacer-12);
	}
	.db-object-viewer__mobile-pane-toggle {
		display: none;
	}
	.db-object-viewer__bottom {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.db-object-viewer__bottom__first__container,
	.db-object-viewer__bottom__third__container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.db-object-viewer__bottom__third__centre {
		overflow-y: auto;
	}
}