@font-face {
  font-family: "Phonic";
  font-style: normal;
  font-weight: 300;
  ascent-override: 80%;
  descent-override: 10%;
  src: url("../fonts/Phonic-Light.woff2?v=1") format("woff2"), url("../fonts/Phonic-Light.woff?v=1") format("woff");
}
@font-face {
  font-family: "Phonic";
  font-style: normal;
  font-weight: normal;
  ascent-override: 80%;
  descent-override: 10%;
  src: url("../fonts/Phonic-Regular.woff2?v=1") format("woff2"), url("../fonts/Phonic-Regular.woff?v=1") format("woff");
}
@font-face {
  font-family: "Phonic";
  font-style: italic;
  font-weight: normal;
  ascent-override: 80%;
  descent-override: 10%;
  src: url("../fonts/Phonic-RegularItalic.woff2?v=1") format("woff2"), url("../fonts/Phonic-RegularItalic.woff?v=1") format("woff");
}
@font-face {
  font-family: "Phonic";
  font-style: normal;
  font-weight: 500;
  ascent-override: 80%;
  descent-override: 10%;
  src: url("../fonts/Phonic-Medium.woff2?v=1") format("woff2"), url("../fonts/Phonic-Medium.woff?v=1") format("woff");
}
@font-face {
  font-family: "Site Icons";
  font-style: normal;
  font-weight: normal;
  ascent-override: 80%;
  descent-override: 10%;
  src: url("../fonts/icomoon.eot?v=2");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff?v=2") format("woff"), url("../fonts/icomoon.ttf?v=2") format("truetype"), url("../fonts/icomoon.svg?v=2") format("svg");
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

body,
input[type=submit],
input[type=button],
button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol,
ul {
  list-style: none;
}

a,
button {
  color: inherit;
}

a {
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=color],
input[type=submit],
input[type=button],
input[type=url],
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  border: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  line-height: 1rem;
  background: none;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=color],
input[type=url],
textarea,
select {
  width: 100%;
}

select::-ms-expand {
  display: none;
}

input[type=radio],
input[type=checkbox],
input[type=color],
input[type=submit],
input[type=button],
button,
select {
  cursor: pointer;
}

textarea {
  resize: none;
}

strong,
b {
  font-weight: 500;
}

em,
i {
  font-style: italic;
}

.flex-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.flex-container iframe,
.flex-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img,
object,
video,
audio {
  max-width: 100%;
}

img {
  height: auto;
  display: block;
}

.flex-container {
  padding-bottom: 56.25%;
}

.uppy-DragDrop-inner::before, .accordion__trigger::after, .multilevel-select__back-button::before, .multilevel-select__toggle::after, .steps-nav__step-title--completed::after, .notice-bar::before, .datepicker-trigger::after, .video-player__play-button::after,
.video-player__volume-button::after,
.video-player__fullscreen-button::after, .video-player__comment-timestamp::before, .checkboxes-dropdown__toggle::after, .inline-add-asset-button::after, .slideshow-modal__close-modal::before, .support-card__item-list-item--external .support-card__item-link::after, .support-card__item-list-item--arrow .support-card__item-link::after, .support-card__icon::before, .inline-thumbnail-upload__remove-file::before, .sort-button::after, .arrow-link::after, .sidebar-notification__pdf-attachment::before, .sidebar-notification__files-pending::before, .sidebar-notification__project-thumbnail--default::after, .directory-table__add-user::before, .directory-card__image--new::before, .notification__pdf-attachment::before, .notification__files-pending::before, .database-grid-card__like-button--liked::before, .database-grid-card__like-button--unliked::before, .database-grid-card__date::before, .tags__add-all-tags::after, .tags__remove-tag::before, .database-modal__close::before, .alert-banner__close::before, .checkbox[type=checkbox]::after, .back-to::before, .search-bar__filters-toggle::before, .search-bar__field::before,
.project-card__alerts::after, .project-card__favourite::after,
.project-card__comments::after,
.project-card__notifications::after, .favourite-project::after, .discussion-card__comment-count::before,
.discussion-card__attachment-count::before, .image-grid-card__fullscreen::after, .image-grid-card__set-as-thumbnail::before,
.image-grid-card__delete::before,
.image-grid-card__change-status::before, .image-grid-card__action-toggle::before, .image-grid-card__thumbnail-icon::before, .image-grid-card__comments::after, .image-grid-card--add-item::before, .project-details__external-link::after, .project-highlight-card__action::after, .rich-text-editor__timestamp::before,
.rich-text-editor__tour-comment::before, .rich-text-editor__bold::before,
.rich-text-editor__italic::before,
.rich-text-editor__list::before,
.rich-text-editor__link::before, .upload-modal__completed-row-icon::before, .upload-modal__remove-file::before, .upload-modal__format-button::before, .upload-modal__back::before, .upload-modal__close::before, .gallery-modal__create-tag-btn::after, .gallery-modal__comments-sort::after, .gallery-modal__close-modal::before, .gallery-modal__nav-prev::before,
.gallery-modal__nav-next::before, .user-event-card__photo--placeholder::after, .user-event-card__photo--event-pending::after, .simple-modal__close::before, .comment-form__error::before, .comment-form__remove-file::before, .comment-form__thumbnail--pdf::before, .comments-sort::after, .comments__file-attachment::before, .comments__files-pending::before, .comment__tour-comment::before,
.comment__timestamp::before, .revision-browser__asset-switch-button--next::before, .revision-browser__asset-switch-button--prev::before, .revision-browser__info-icon::before, .revision-browser__fullscreen-cursor::after, .breadcrumbs__item:not(:last-child)::after, .form__icon::after, .form__icon::before, .nav-sidebar__profile-options-icon::before, .nav-sidebar__search-icon::before, .nav-sidebar__toggle::before, .sidebar-wrapper__toggle::before, .form__success::before,
.success-message::before, .form__error::before,
.error-message::before, .profile-picture--default::after, .external::after, .icon::before,
.icon-end::after {
  font-family: "Site Icons";
  vertical-align: middle;
  speak: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon--tag::before,
.icon-end--tag::after {
  content: "\e900";
}

.steps-nav__step-title--completed::after, .checkbox[type=checkbox]::after, .upload-modal__completed-row-icon::before, .form__success::before,
.success-message::before, .icon--check::before,
.icon-end--check::after {
  content: "\e901";
}

.rich-text-editor__italic::before, .icon--italic::before,
.icon-end--italic::after {
  content: "\e902";
}

.rich-text-editor__bold::before, .icon--bold::before,
.icon-end--bold::after {
  content: "\e903";
}

.rich-text-editor__list::before, .icon--list::before,
.icon-end--list::after {
  content: "\e904";
}

.accordion__trigger::after, .multilevel-select__toggle::after, .datepicker-trigger::after, .checkboxes-dropdown__toggle::after, .breadcrumbs__item:not(:last-child)::after, .form__icon--down::after, .nav-sidebar__toggle::before, .icon--chevron-right::before,
.icon-end--chevron-right::after {
  content: "\e905";
}

.icon--eye::before,
.icon-end--eye::after {
  content: "\e906";
}

.database-grid-card__like-button--liked::before, .icon--heart::before,
.icon-end--heart::after {
  content: "\e907";
}

.notice-bar::before, .revision-browser__info-icon::before, .icon--info::before,
.icon-end--info::after {
  content: "\e908";
}

.upload-modal__back::before, .sidebar-wrapper__toggle::before, .icon--chevron-left::before,
.icon-end--chevron-left::after {
  content: "\e909";
}

.icon--help::before,
.icon-end--help::after {
  content: "\e90a";
}

.multilevel-select__back-button::before, .support-card__item-list-item--arrow .support-card__item-link::after, .sort-button::after, .arrow-link::after, .back-to::before, .project-highlight-card__action::after, .gallery-modal__comments-sort::after, .comments-sort::after, .icon--arrow-right::before,
.icon-end--arrow-right::after {
  content: "\e90b";
}

.image-grid-card__action-toggle::before, .icon--more-vertical::before,
.icon-end--more-vertical::after {
  content: "\e90c";
}

.icon--star::before,
.icon-end--star::after {
  content: "\e90d";
}

.icon--settings::before,
.icon-end--settings::after {
  content: "\e90e";
}

.project-card__comments::after, .discussion-card__comment-count::before, .image-grid-card__comments::after, .icon--message-circle::before,
.icon-end--message-circle::after {
  content: "\e90f";
}

.project-card__alerts::after, .icon--bell::before,
.icon-end--bell::after {
  content: "\e910";
}

.icon--clipboard-list::before,
.icon-end--clipboard-list::after {
  content: "\e911";
}

.icon--newspaper::before,
.icon-end--newspaper::after {
  content: "\e912";
}

.icon--layout-grid::before,
.icon-end--layout-grid::after {
  content: "\e913";
}

.sidebar-notification__project-thumbnail--default::after, .icon--briefcase::before,
.icon-end--briefcase::after {
  content: "\e914";
}

.icon--home::before,
.icon-end--home::after {
  content: "\e915";
}

.search-bar__field::before, .nav-sidebar__search-icon::before, .icon--search::before,
.icon-end--search::after {
  content: "\e916";
}

.icon--list--thing::before,
.icon-end--list--thing::after {
  content: "\e917";
}

.icon--check--thin::before,
.icon-end--check--thin::after {
  content: "\e918";
}

.icon--italic--thin::before,
.icon-end--italic--thin::after {
  content: "\e919";
}

.icon--bold--thin::before,
.icon-end--bold--thin::after {
  content: "\e91a";
}

.icon--tag--thin::before,
.icon-end--tag--thin::after {
  content: "\e91b";
}

.gallery-modal__nav-next::before, .revision-browser__asset-switch-button--next::before, .icon--chevron-right--thin::before,
.icon-end--chevron-right--thin::after {
  content: "\e91c";
}

.icon--eye--thin::before,
.icon-end--eye--thin::after {
  content: "\e91d";
}

.icon--heart--thin::before,
.icon-end--heart--thin::after {
  content: "\e91e";
}

.icon--info--thin::before,
.icon-end--info--thin::after {
  content: "\e91f";
}

.gallery-modal__nav-prev::before, .revision-browser__asset-switch-button--prev::before, .icon--chevron-left--thin::before,
.icon-end--chevron-left--thin::after {
  content: "\e920";
}

.icon--help--thin::before,
.icon-end--help--thin::after {
  content: "\e921";
}

.icon--arrow-right--thin::before,
.icon-end--arrow-right--thin::after {
  content: "\e922";
}

.nav-sidebar__profile-options-icon::before, .icon--more-vertical--thin::before,
.icon-end--more-vertical--thin::after {
  content: "\e923";
}

.icon--star--thin::before,
.icon-end--star--thin::after {
  content: "\e924";
}

.icon--settings--thin::before,
.icon-end--settings--thin::after {
  content: "\e925";
}

.icon--message-circle--thin::before,
.icon-end--message-circle--thin::after {
  content: "\e926";
}

.icon--bell--thin::before,
.icon-end--bell--thin::after {
  content: "\e927";
}

.icon--clipboard-list--thin::before,
.icon-end--clipboard-list--thin::after {
  content: "\e928";
}

.icon--newspaper--thin::before,
.icon-end--newspaper--thin::after {
  content: "\e929";
}

.icon--layout-grid--thin::before,
.icon-end--layout-grid--thin::after {
  content: "\e92a";
}

.icon--briefcase--thin::before,
.icon-end--briefcase--thin::after {
  content: "\e92b";
}

.icon--home--thin::before,
.icon-end--home--thin::after {
  content: "\e92c";
}

.icon--search--thin::before,
.icon-end--search--thin::after {
  content: "\e92d";
}

.slideshow-modal__close-modal::before, .gallery-modal__close-modal::before, .icon--close--thin::before,
.icon-end--close--thin::after {
  content: "\e92e";
}

.inline-thumbnail-upload__remove-file::before, .tags__remove-tag::before, .database-modal__close::before, .alert-banner__close::before, .upload-modal__remove-file::before, .upload-modal__close::before, .simple-modal__close::before, .comment-form__remove-file::before, .icon--close::before,
.icon-end--close::after {
  content: "\e92f";
}

.icon--delete::before,
.icon-end--delete::after {
  content: "\e930";
}

.revision-browser__fullscreen-cursor::after, .icon--fullscreen--thin::before,
.icon-end--fullscreen--thin::after {
  content: "\e931";
}

.video-player__fullscreen-button::after, .image-grid-card__fullscreen::after, .icon--fullscreen::before,
.icon-end--fullscreen::after {
  content: "\e932";
}

.comment-form__error::before, .form__error::before,
.error-message::before, .icon--warning::before,
.icon-end--warning::after {
  content: "\e933";
}

.upload-modal__format-button--virtual-tour::before, .icon--render--thin::before,
.icon-end--render--thin::after {
  content: "\e934";
}

.rich-text-editor__tour-comment::before, .comment__tour-comment::before, .icon--render::before,
.icon-end--render::after {
  content: "\e935";
}

.upload-modal__format-button--stills::before, .icon--image--thin::before,
.icon-end--image--thin::after {
  content: "\e936";
}

.image-grid-card__set-as-thumbnail::before, .icon--image::before,
.icon-end--image::after {
  content: "\e937";
}

.uppy-DragDrop-inner::before, .icon--upload--thin::before,
.icon-end--upload--thin::after {
  content: "\e938";
}

.icon--upload::before,
.icon-end--upload::after {
  content: "\e939";
}

.upload-modal__format-button--animations::before, .icon--video--thin::before,
.icon-end--video--thin::after {
  content: "\e93a";
}

.icon--video::before,
.icon-end--video::after {
  content: "\e93b";
}

.icon--click::before,
.icon-end--click::after {
  content: "\e93f";
}

.icon--keys::before,
.icon-end--keys::after {
  content: "\e940";
}

.icon--light::before,
.icon-end--light::after {
  content: "\e941";
}

.icon--drag::before,
.icon-end--drag::after {
  content: "\e942";
}

.icon--drag-m::before,
.icon-end--drag-m::after {
  content: "\e943";
}

.icon--tap::before,
.icon-end--tap::after {
  content: "\e944";
}

.sidebar-notification__files-pending::before, .notification__files-pending::before, .discussion-card__attachment-count::before, .comment-form__thumbnail--pdf::before, .comments__files-pending::before, .icon--document::before,
.icon-end--document::after {
  content: "\e93c";
}

.icon--document--thin::before,
.icon-end--document--thin::after {
  content: "\e93d";
}

.sidebar-notification__pdf-attachment::before, .notification__pdf-attachment::before, .comments__file-attachment::before, .icon--download::before,
.icon-end--download::after {
  content: "\e945";
}

.icon--download--thin::before,
.icon-end--download--thin::after {
  content: "\e93e";
}

.user-event-card__photo--placeholder::after, .profile-picture--default::after, .icon--user::before,
.icon-end--user::after {
  content: "\e947";
}

.user-event-card__photo--event-pending::after, .icon--user-x::before,
.icon-end--user-x::after {
  content: "\e948";
}

.icon--star-filled::before,
.icon-end--star-filled::after {
  content: "\e946";
}

.icon--logout::before,
.icon-end--logout::after {
  content: "\e94a";
}

.icon--logout--thin::before,
.icon-end--logout--thin::after {
  content: "\e949";
}

.upload-modal__format-button--draft::before, .icon--draft--thin::before,
.icon-end--draft--thin::after {
  content: "\e94b";
}

.icon--minimise::before,
.icon-end--minimise::after {
  content: "\e94c";
}

.icon--minimise--thin::before,
.icon-end--minimise--thin::after {
  content: "\e94d";
}

.rich-text-editor__link::before, .icon--link::before,
.icon-end--link::after {
  content: "\e94e";
}

.inline-add-asset-button::after, .directory-table__add-user::before, .tags__add-all-tags::after, .gallery-modal__create-tag-btn::after, .icon--add::before,
.icon-end--add::after {
  content: "\e94f";
}

.directory-card__image--new::before, .image-grid-card--add-item::before, .icon--add--thin::before,
.icon-end--add--thin::after {
  content: "\e950";
}

.icon--thumbs-up::before,
.icon-end--thumbs-up::after {
  content: "\e951";
}

.database-grid-card__date::before, .icon--calendar::before,
.icon-end--calendar::after {
  content: "\e952";
}

.icon--calendar--thin::before,
.icon-end--calendar--thin::after {
  content: "\e953";
}

.database-grid-card__like-button--unliked::before, .icon--heart-outline::before,
.icon-end--heart-outline::after {
  content: "\e954";
}

.icon--heart-outline--thin::before,
.icon-end--heart-outline--thin::after {
  content: "\e955";
}

.image-grid-card__delete::before, .icon--trash::before,
.icon-end--trash::after {
  content: "\e956";
}

.icon--trash--thin::before,
.icon-end--trash--thin::after {
  content: "\e957";
}

.image-grid-card__thumbnail-icon::before, .icon--thumbnail::before,
.icon-end--thumbnail::after {
  content: "\e958";
}

.icon--thumbnail--thin::before,
.icon-end--thumbnail--thin::after {
  content: "\e959";
}

.support-card__icon--avatar::before, .icon--avatar--thin::before,
.icon-end--avatar--thin::after {
  content: "\e95a";
}

.icon--avatar::before,
.icon-end--avatar::after {
  content: "\e95b";
}

.support-card__icon--student-cap::before, .icon--student-cap--thin::before,
.icon-end--student-cap--thin::after {
  content: "\e95c";
}

.icon--student-cap::before,
.icon-end--student-cap::after {
  content: "\e95d";
}

.support-card__icon--book::before, .icon--book--thin::before,
.icon-end--book--thin::after {
  content: "\e95e";
}

.icon--book::before,
.icon-end--book::after {
  content: "\e95f";
}

.support-card__icon--hand-with-coins::before, .icon--hand-with-coins--thin::before,
.icon-end--hand-with-coins--thin::after {
  content: "\e960";
}

.icon--hand-with-coins::before,
.icon-end--hand-with-coins::after {
  content: "\e961";
}

.icon--user-outline--thin::before,
.icon-end--user-outline--thin::after {
  content: "\e962";
}

.icon--user-outline::before,
.icon-end--user-outline::after {
  content: "\e963";
}

.project-card__favourite::after, .favourite-project::after, .icon--pin::before,
.icon-end--pin::after {
  content: "\e964";
}

.project-card__favourite--selected::after, .favourite-project--selected::after, .icon--pin-filled::before,
.icon-end--pin-filled::after {
  content: "\e965";
}

.support-card__icon--slides::before, .icon--slides--thin::before,
.icon-end--slides--thin::after {
  content: "\e966";
}

.support-card__icon--images::before, .icon--images--thin::before,
.icon-end--images--thin::after {
  content: "\e967";
}

.icon--images::before,
.icon-end--images::after {
  content: "\e968";
}

.icon--slides::before,
.icon-end--slides::after {
  content: "\e969";
}

.support-card__icon--sparkle::before, .icon--sparkle--thin::before,
.icon-end--sparkle--thin::after {
  content: "\e96a";
}

.icon--sparkle::before,
.icon-end--sparkle::after {
  content: "\e96b";
}

.project-details__external-link::after, .external::after, .icon--external-link--thin::before,
.icon-end--external-link--thin::after {
  content: "\e96c";
}

.support-card__item-list-item--external .support-card__item-link::after, .icon--external-link::before,
.icon-end--external-link::after {
  content: "\e96d";
}

.search-bar__filters-toggle::before, .icon--filter::before,
.icon-end--filter::after {
  content: "\e96e";
}

.icon--filter--thin::before,
.icon-end--filter--thin::after {
  content: "\e96f";
}

.icon--clock--thin::before,
.icon-end--clock--thin::after {
  content: "\e970";
}

.video-player__comment-timestamp::before, .rich-text-editor__timestamp::before, .comment__timestamp::before, .icon--clock::before,
.icon-end--clock::after {
  content: "\e971";
}

.icon--status--thin::before,
.icon-end--status--thin::after {
  content: "\e972";
}

.image-grid-card__change-status::before, .icon--status::before,
.icon-end--status::after {
  content: "\e973";
}

.video-player__volume-button--not-muted::after, .icon--volume::before,
.icon-end--volume::after {
  content: "\e974";
}

.icon--mute--thin::before,
.icon-end--mute--thin::after {
  content: "\e975";
}

.video-player__volume-button--muted::after, .icon--mute::before,
.icon-end--mute::after {
  content: "\e976";
}

.icon--pause--thin::before,
.icon-end--pause--thin::after {
  content: "\e977";
}

.video-player__play-button--playing::after, .icon--pause::before,
.icon-end--pause::after {
  content: "\e978";
}

.icon--play--thin::before,
.icon-end--play--thin::after {
  content: "\e979";
}

.video-player__play-button--paused::after, .icon--play::before,
.icon-end--play::after {
  content: "\e97a";
}

.icon--volume--thin::before,
.icon-end--volume--thin::after {
  content: "\e97b";
}

.icon--history--thin::before,
.icon-end--history--thin::after {
  content: "\e97c";
}

.icon--history::before,
.icon-end--history::after {
  content: "\e97d";
}

.upload-modal__format-button--vignettes::before, .icon--vignette--thin::before,
.icon-end--vignette--thin::after {
  content: "\e97e";
}

.upload-modal__format-button--virtual-explore-tour::before, .icon--render-url::before,
.icon-end--render-url::after {
  content: "\e97f";
}

.upload-modal__format-button--virtual-video-tour::before, .icon--render-mp4::before,
.icon-end--render-mp4::after {
  content: "\e980";
}

.upload-modal__format-button--film::before, .icon--film--thin::before,
.icon-end--film--thin::after {
  content: "\e982";
}

.upload-modal__format-button--cinemagraphs::before, .icon--cinemagraph--thin::before,
.icon-end--cinemagraph--thin::after {
  content: "\e983";
}

[todo] {
  position: relative;
}
[todo]:before {
  font-size: 11px;
  font-weight: 500;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  content: "TODO " attr(todo);
  color: #fff;
  background-color: #f35100;
  border: 2px dashed rgba(255, 255, 255, 0.2);
  z-index: 999;
  padding: 2px;
}

.a1-12 {
  width: 8.3333333333%;
}

.a2-12 {
  width: 16.6666666667%;
}

.a3-12 {
  width: 25%;
}

.a4-12 {
  width: 33.3333333333%;
}

.a5-12 {
  width: 41.6666666667%;
}

.a6-12 {
  width: 50%;
}

.a7-12 {
  width: 58.3333333333%;
}

.a8-12 {
  width: 66.6666666667%;
}

.a9-12 {
  width: 75%;
}

.a10-12 {
  width: 83.3333333333%;
}

.a11-12 {
  width: 91.6666666667%;
}

.a12-12 {
  width: 100%;
}

.a1-15 {
  width: 6.6666666667%;
}

.a2-15 {
  width: 13.3333333333%;
}

.a3-15 {
  width: 20%;
}

.a4-15 {
  width: 26.6666666667%;
}

.a5-15 {
  width: 33.3333333333%;
}

.a6-15 {
  width: 40%;
}

.a7-15 {
  width: 46.6666666667%;
}

.a8-15 {
  width: 53.3333333333%;
}

.a9-15 {
  width: 60%;
}

.a10-15 {
  width: 66.6666666667%;
}

.a11-15 {
  width: 73.3333333333%;
}

.a12-15 {
  width: 80%;
}

.a13-15 {
  width: 86.6666666667%;
}

.a14-15 {
  width: 93.3333333333%;
}

.a15-15 {
  width: 100%;
}

@media only screen and (max-width: 1279px) {
  .c1-12 {
    width: 8.3333333333%;
  }
  .c2-12 {
    width: 16.6666666667%;
  }
  .c3-12 {
    width: 25%;
  }
  .c4-12 {
    width: 33.3333333333%;
  }
  .c5-12 {
    width: 41.6666666667%;
  }
  .c6-12 {
    width: 50%;
  }
  .c7-12 {
    width: 58.3333333333%;
  }
  .c8-12 {
    width: 66.6666666667%;
  }
  .c9-12 {
    width: 75%;
  }
  .c10-12 {
    width: 83.3333333333%;
  }
  .c11-12 {
    width: 91.6666666667%;
  }
  .c12-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 1099px) {
  .d1-6 {
    width: 16.6666666667%;
  }
  .d2-6 {
    width: 33.3333333333%;
  }
  .d3-6 {
    width: 50%;
  }
  .d4-6 {
    width: 66.6666666667%;
  }
  .d5-6 {
    width: 83.3333333333%;
  }
  .d6-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 979px) {
  .e1-6 {
    width: 16.6666666667%;
  }
  .e2-6 {
    width: 33.3333333333%;
  }
  .e3-6 {
    width: 50%;
  }
  .e4-6 {
    width: 66.6666666667%;
  }
  .e5-6 {
    width: 83.3333333333%;
  }
  .e6-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 799px) {
  .f1-6 {
    width: 16.6666666667%;
  }
  .f2-6 {
    width: 33.3333333333%;
  }
  .f3-6 {
    width: 50%;
  }
  .f4-6 {
    width: 66.6666666667%;
  }
  .f5-6 {
    width: 83.3333333333%;
  }
  .f6-6 {
    width: 100%;
  }
}
.page {
  max-height: 100vh;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-top: 2rem;
  scroll-behavior: smooth;
  scrollbar-width: none;
  width: 100%;
}
.page::-webkit-scrollbar {
  display: none;
}
.page--no-padding {
  padding: 0;
}

.container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 3rem;
}
.container--full-bleed {
  padding: 0;
}
.container.login-page__content {
  padding: 0 2.5rem;
}
@media only screen and (max-width: 1099px) {
  .container {
    padding: 0 2rem;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.flex--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex--wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.flex--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex--align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex--align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex--align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex--justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex--justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex--gap-small {
  gap: 0.25rem;
}
.flex--gap-medium {
  gap: 0.5rem;
}
.flex--gap-large {
  gap: 1rem;
}
.flex--gap-larger {
  gap: 1.5rem;
}
.flex--gap-extra-large {
  gap: 2rem;
}
.flex--column-gap-large {
  gap: 1rem;
}
.flex--row-gap-medium {
  row-gap: 0.5rem;
}
.flex--grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid {
  margin-left: -0.5rem;
}

.grid__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0.5rem;
}

.invisible {
  left: -999rem;
  position: absolute;
}

.relative {
  position: relative;
}

.full-width {
  width: 100%;
}

.pre-wrap {
  white-space: pre-wrap;
}

.mb-2 {
  margin-bottom: 0.125rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

.mb-56 {
  margin-bottom: 3.5rem;
}

.mb-64 {
  margin-bottom: 4rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mt-32 {
  margin-top: 2rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mt-minus-16 {
  margin-top: -1rem;
}

.mr-16 {
  margin-right: 1rem;
}

.ml-16 {
  margin-left: 1rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.h1,
.project-title,
.typeset h2,
.video-player__comment-body h2,
.rich-text-editor h2 {
  font-size: 3rem;
  line-height: 1.167;
  color: #1d2121;
  font-weight: 300;
}

.h2,
.typeset h3,
.video-player__comment-body h3,
.rich-text-editor h3 {
  font-size: 2.5rem;
  line-height: 1.35;
  color: #1d2121;
  margin-bottom: 0.6rem;
}

.h3,
.steps__step-title {
  font-size: 2rem;
  line-height: 1.35;
  color: #1d2121;
  margin-bottom: 0.6rem;
}

.h4 {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #1d2121;
  margin-bottom: 0.6rem;
}
.h4--mb-0 {
  margin-bottom: 0;
}
.h4--mb-16 {
  margin-bottom: 1rem;
}
.h4--b {
  font-weight: 500;
}

.h5 {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #1d2121;
  margin-bottom: 1rem;
}
.h5--b {
  font-weight: 500;
}
.h5--mb-4 {
  margin-bottom: 0.25rem;
}

.secondary {
  color: #1d2121;
}

.p,
.typeset p,
.typeset ul,
.typeset ol,
.typeset img,
.video-player__comment-body p,
.rich-text-editor p,
.video-player__comment-body ul,
.rich-text-editor ul,
.video-player__comment-body ol,
.rich-text-editor ol,
.video-player__comment-body img,
.rich-text-editor img {
  display: block;
  margin: 0 0 1rem;
}
.p--small {
  font-size: 0.875rem;
  line-height: 1.43;
}
.p--tiny {
  font-size: 0.75rem;
  line-height: 1.333;
}
.p--light {
  color: #1d2121;
}
.p:last-of-type,
.typeset p:last-of-type,
.typeset ul:last-of-type,
.typeset ol:last-of-type,
.typeset img:last-of-type,
.video-player__comment-body p:last-of-type,
.rich-text-editor p:last-of-type,
.video-player__comment-body ul:last-of-type,
.rich-text-editor ul:last-of-type,
.video-player__comment-body ol:last-of-type,
.rich-text-editor ol:last-of-type,
.video-player__comment-body img:last-of-type,
.rich-text-editor img:last-of-type {
  margin-bottom: 0;
}

.a,
.directory-card__email,
.upload-modal__add-submission-button,
.typeset a,
.video-player__comment-body a,
.rich-text-editor a {
  color: #1d2121;
  font-weight: 500;
  text-decoration: underline;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
.a--fw-400 {
  font-weight: 400;
}
.a--no-underline,
.upload-modal__add-submission-button {
  text-decoration: none;
}
.a--small {
  font-size: 0.875rem;
  line-height: 1.43;
}
.a:hover, .a:focus,
.directory-card__email:hover,
.upload-modal__add-submission-button:hover,
.typeset a:hover,
.video-player__comment-body a:hover,
.rich-text-editor a:hover,
.directory-card__email:focus,
.upload-modal__add-submission-button:focus,
.typeset a:focus,
.video-player__comment-body a:focus,
.rich-text-editor a:focus {
  color: #4a4d4c;
}

.iota {
  font-size: 0.875rem;
  line-height: 1.43;
}

.kappa {
  font-size: 0.75rem;
  line-height: 1.333;
}

.b {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

.u {
  text-decoration: underline;
}

.align-right {
  text-align: end;
}

.error {
  color: #E80000;
}

.green {
  color: #348600;
}

.typeset ul,
.video-player__comment-body ul,
.rich-text-editor ul, .typeset ol,
.video-player__comment-body ol,
.rich-text-editor ol, .ul, .ol {
  padding-left: 1.2rem;
}

.support-card__item-list-item, .typeset ul li,
.video-player__comment-body ul li,
.rich-text-editor ul li, .typeset ol li,
.video-player__comment-body ol li,
.rich-text-editor ol li, .ul li, .ol li {
  margin-bottom: 0.6rem;
}

.typeset ul li,
.video-player__comment-body ul li,
.rich-text-editor ul li, .ul li {
  list-style: disc outside;
}

.typeset ol li,
.video-player__comment-body ol li,
.rich-text-editor ol li, .ol li {
  list-style: decimal outside;
}

.asset-sidebar .typeset a,
.asset-sidebar .video-player__comment-body a,
.asset-sidebar .rich-text-editor a {
  color: #fff;
}
.typeset--small {
  font-size: 0.875rem;
  line-height: 1.43;
}
.typeset--tiny,
.video-player__comment-body {
  font-size: 0.75rem;
  line-height: 1.333;
}

html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body,
input,
textarea,
button {
  font-family: "Phonic";
}

input,
textarea,
button,
body {
  font-size: 1rem;
  line-height: 1.5;
}

body {
  background-color: #f1eee9;
  color: #4a4d4c;
  max-height: 100vh;
}

#app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%;
}

#modal {
  z-index: 99;
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100vh;
  overflow: hidden;
  width: 100%;
}

.skip-to-content {
  left: -999rem;
  position: absolute;
  top: 0;
  z-index: 99;
}
.skip-to-content:focus {
  left: 0;
}

.database-grid-card__image--default, .project-card__image--default, .discussion-card__thumbnail-image--default, .submission-card__image--default, .image-grid-card__image--default, .project-highlight-card__image--default, .revision-browser__option--default {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e0dbd2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.database-grid-card__image--default::after, .project-card__image--default::after, .discussion-card__thumbnail-image--default::after, .submission-card__image--default::after, .image-grid-card__image--default::after, .project-highlight-card__image--default::after, .revision-browser__option--default::after {
  background-image: url("../img/boundary-logo-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  max-height: 1.75rem;
  max-width: 90%;
  width: 100%;
}

.fade-enter-active {
  -webkit-transition: opacity 0.5s ease 0.2s;
  transition: opacity 0.5s ease 0.2s;
}

.fade-leave-active {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.image-fade-enter-active,
.image-fade-leave-active {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.image-fade-leave-active {
  position: absolute;
}

.fade-enter-from,
.fade-leave-to,
.image-fade-enter-from,
.image-fade-leave-to {
  opacity: 0;
}

.list-container {
  position: relative;
}

.list-move,
.list-enter-active,
.list-leave-active {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
}

.list-enter-from {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.grid-move,
.grid-enter-active,
.grid-leave-active {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.grid-enter-from,
.grid-leave-to {
  opacity: 0;
}

.grid-enter-from {
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  z-index: 2;
}

.grid-leave-to {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 1;
}

.grid-leave-active {
  position: absolute;
  z-index: 1;
}

.sidebar-enter-active,
.sidebar-leave-active {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.sidebar-enter-from,
.sidebar-leave-to {
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
}

.banner-enter-active,
.banner-leave-active {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.banner-leave-active {
  position: absolute;
}

.banner-enter-from {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.banner-leave-to {
  opacity: 0;
}

.divider,
.support-card__quick-links,
.revision-browser__published-toggle,
.revision-browser__feature-in-database:not(.revision-browser__options-wrapper--hide-options .revision-browser__feature-in-database) {
  border-color: rgba(29, 33, 33, 0.15);
}
.divider--top {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 1rem;
}
.divider--bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 1rem;
}
.divider--left,
.support-card__quick-links,
.revision-browser__published-toggle,
.revision-browser__feature-in-database:not(.revision-browser__options-wrapper--hide-options .revision-browser__feature-in-database) {
  border-left-style: solid;
  border-left-width: 1px;
  padding-left: 1rem;
}
.divider--right {
  border-right-style: solid;
  border-right-width: 1px;
  padding-right: 1rem;
}
.divider--stretch.divider--right, .divider--stretch.divider--left {
  height: 100%;
}
.divider--stretch.divider--top, .divider--stretch.divider--bottom {
  width: 100%;
}

.profile-picture {
  aspect-ratio: 1/1;
  border-radius: 4px;
  height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-picture--default {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e0dbd2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profile-picture--default::after {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #fff;
}
.profile-picture--lg {
  height: 6rem;
}
.profile-picture--sm {
  height: 2rem;
}
.profile-picture--xs {
  height: 1.75rem;
}
.profile-picture--auto {
  height: auto;
  width: 100%;
}
.profile-picture--rounded {
  border-radius: 50%;
}
.profile-picture--border {
  border-color: inherit;
  border-style: solid;
  border-width: 2px;
}

.form__error,
.error-message {
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
  background-color: #FFF7F7;
  border-radius: 4px;
  color: #E80000;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.35rem 0.5rem;
}
.form__success,
.success-message {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #7eb55b;
  border-radius: 4px;
  color: #1d2121;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.35rem 0.5rem;
}
.page-loader-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.page-loader-wrapper--small {
  height: 8rem;
}
.page-loader-wrapper--smaller {
  height: 3rem;
}

.page-loader {
  height: 4rem;
  width: 4rem;
}
.page-loader-wrapper--smaller .page-loader {
  height: 2rem;
  width: 2rem;
}

.button,
.uppy-DragDrop-browse,
.edit-filters,
.database-modal__cancel,
.database-modal__confirm,
.search-bar__filters-toggle,
.upload-modal__format-button,
.gallery-modal__button,
.comment-form__submit,
.revision-browser__approve-button,
.revision-browser__download-button,
.form__file-browse {
  font-size: 0.875rem;
  line-height: 1.43;
  border: 1px solid #1d2121;
  border-radius: 24px;
  color: #1d2121;
  font-weight: 500;
  padding: 0.4375rem 1.25rem;
  -webkit-transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.button--selected, .button:hover, .button:focus,
.uppy-DragDrop-browse:hover,
.edit-filters:hover,
.database-modal__cancel:hover,
.database-modal__confirm:hover,
.search-bar__filters-toggle:hover,
.upload-modal__format-button:hover,
.gallery-modal__button:hover,
.comment-form__submit:hover,
.revision-browser__approve-button:hover,
.revision-browser__download-button:hover,
.form__file-browse:hover,
.uppy-DragDrop-browse:focus,
.edit-filters:focus,
.database-modal__cancel:focus,
.database-modal__confirm:focus,
.search-bar__filters-toggle:focus,
.upload-modal__format-button:focus,
.gallery-modal__button:focus,
.comment-form__submit:focus,
.revision-browser__approve-button:focus,
.revision-browser__download-button:focus,
.form__file-browse:focus {
  background-color: #1d2121;
  border-color: #1d2121;
  color: #fff;
}
.button:disabled,
.uppy-DragDrop-browse:disabled,
.edit-filters:disabled,
.database-modal__cancel:disabled,
.database-modal__confirm:disabled,
.search-bar__filters-toggle:disabled,
.upload-modal__format-button:disabled,
.gallery-modal__button:disabled,
.comment-form__submit:disabled,
.revision-browser__approve-button:disabled,
.revision-browser__download-button:disabled,
.form__file-browse:disabled {
  background-color: transparent;
  border-color: #e5e3e2;
  color: #76797a;
  cursor: default;
  pointer-events: none;
}
.button--borderless,
.search-bar__filters-toggle {
  border: 0;
}
.button--fill,
.uppy-DragDrop-browse,
.database-modal__confirm,
.gallery-modal__button:not(.gallery-modal__button--invert),
.comment-form--alt .comment-form__submit,
.revision-browser__approve-button,
.revision-browser__download-button {
  background-color: #1d2121;
  border-color: #1d2121;
  color: #fff;
}
.button--fill--selected, .button--fill:hover, .button--fill:focus,
.uppy-DragDrop-browse:hover,
.database-modal__confirm:hover,
.gallery-modal__button:hover:not(.gallery-modal__button--invert),
.comment-form--alt .comment-form__submit:hover,
.revision-browser__approve-button:hover,
.revision-browser__download-button:hover,
.uppy-DragDrop-browse:focus,
.database-modal__confirm:focus,
.gallery-modal__button:focus:not(.gallery-modal__button--invert),
.comment-form--alt .comment-form__submit:focus,
.revision-browser__approve-button:focus,
.revision-browser__download-button:focus {
  background-color: #4a4d4c;
  border-color: #4a4d4c;
  color: #fff;
}
.button--fill:disabled,
.uppy-DragDrop-browse:disabled,
.database-modal__confirm:disabled,
.gallery-modal__button:disabled:not(.gallery-modal__button--invert),
.comment-form--alt .comment-form__submit:disabled,
.revision-browser__approve-button:disabled,
.revision-browser__download-button:disabled {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
  color: #76797a;
}
.button--fill-invert,
.comment-form__submit {
  background-color: #fff;
  border-color: #fff;
  color: #1d2121;
}
.button--fill-invert--selected, .button--fill-invert:hover, .button--fill-invert:focus,
.comment-form__submit:hover,
.comment-form__submit:focus {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
  color: #1d2121;
}
.button--fill-invert:disabled,
.comment-form__submit:disabled {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
  color: #76797a;
}
.button--invert {
  border-color: #fff;
  color: #fff;
}
.button--invert--selected, .button--invert:hover, .button--invert:focus {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
  color: #1d2121;
}
.button--invert:disabled {
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.button--fill-danger {
  background-color: #E80000;
  border-color: #E80000;
  color: #fff;
}
.button--fill-danger--selected, .button--fill-danger:hover, .button--fill-danger:focus {
  background-color: #ff4949;
  border-color: #ff4949;
  color: #fff;
}
.button--fill-danger:disabled {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
  color: #76797a;
}
.button--icon::before {
  margin-right: 0.5rem;
}
.button--loading,
.comment-form__submit--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.5;
  pointer-events: none;
}
.button--loading::before,
.comment-form__submit--loading::before {
  background-image: url("../img/tail-spin-dark.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 1.25rem;
  margin-right: 0.5rem;
  width: 1.25rem;
}
.button--loading:hover::before, .button--loading:focus::before,
.comment-form__submit--loading:hover::before,
.comment-form__submit--loading:focus::before {
  background-image: url("../img/tail-spin.svg");
}
.button--loading.button--fill::before, .button--loading.button--fill-danger::before,
.button--fill.comment-form__submit--loading::before,
.button--fill-danger.comment-form__submit--loading::before {
  background-image: url("../img/tail-spin.svg");
}
.button--loading.button--fill:disabled::before, .button--loading.button--fill-danger:disabled::before,
.button--fill.comment-form__submit--loading:disabled::before,
.button--fill-danger.comment-form__submit--loading:disabled::before {
  background-image: url("../img/tail-spin-dark.svg");
}
.button--loading.button--stretch,
.button--stretch.comment-form__submit--loading {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button--loading.button--small::before,
.button--small.comment-form__submit--loading::before {
  height: 1rem;
  margin-right: 0.25rem;
  width: 1rem;
}
.button--loading.button--smaller::before,
.button--smaller.comment-form__submit--loading::before {
  height: 0.85rem;
  margin-right: 0.25rem;
  width: 0.85rem;
}
.button--stretch {
  width: 100%;
}
.button--large {
  font-size: 1rem;
  line-height: 1.5;
}
.button--small,
.edit-filters,
.search-bar__filters-toggle,
.revision-browser__approve-button,
.revision-browser__download-button {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 0.25rem 0.75rem;
}
.button--smaller {
  font-size: 0.75rem;
  line-height: 1.333;
  padding: 0.25rem 0.75rem;
}
.button--smallest {
  font-size: 0.75rem;
  line-height: 1.333;
  padding: 0 0.25rem;
}
.button--narrow {
  padding: 0.25rem 0.5rem;
}
.button--no-p,
.search-bar__filters-toggle {
  padding: 0;
}
.button--squared {
  border-radius: 4px;
}

.sidebar-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100vh;
  padding: 0.25rem 0.25rem 0.25rem 0;
  position: relative;
  -webkit-transition: width 0.25s ease-in;
  transition: width 0.25s ease-in;
  width: 2.75rem;
}
.sidebar-wrapper--expand {
  width: 20.5rem;
}
.sidebar-wrapper:empty {
  padding: 0;
  width: 0;
}

.sidebar-wrapper__toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e5e3e2;
  border: 1px solid #e5e3e2;
  border-radius: 4px 0 0 4px;
  color: #1d2121;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -1rem;
  position: absolute;
  top: 1.8rem;
  width: 1rem;
}
.sidebar-wrapper--expand .sidebar-wrapper__toggle {
  background-color: transparent;
  border-color: #929696;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.sidebar-wrapper--expand .sidebar-wrapper__toggle::before {
  color: #929696;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.asset-sidebar {
  background-color: #1d2121;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 0.25rem;
  position: relative;
}

.asset-sidebar__tabs {
  margin-top: 4.5rem;
}

.asset-sidebar__tab {
  font-size: 1.25rem;
  line-height: 1.4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2e3232;
  border-radius: 4px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.25rem;
  width: 2rem;
}
.asset-sidebar__tab--active {
  background: #fff;
  color: #1d2121;
}
.asset-sidebar__tab--history {
  font-size: 1rem;
}

.asset-sidebar__tab-icon {
  line-height: 1;
}

.asset-sidebar__content-wrapper {
  height: 100%;
  position: relative;
  width: 0;
}
.sidebar-wrapper--expand .asset-sidebar__content-wrapper {
  width: 100%;
}

.asset-sidebar__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-overflow-style: none;
  overflow-y: scroll;
  padding-top: 1rem;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
  width: 16.25rem;
}
.asset-sidebar__content::-webkit-scrollbar {
  display: none;
}
.asset-sidebar__content::after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1d2121));
  background: linear-gradient(transparent, #1d2121);
  bottom: 0;
  content: "";
  display: block;
  height: 7rem;
  left: 0;
  pointer-events: none;
  position: sticky;
  width: 100%;
}
.sidebar-wrapper--expand .asset-sidebar__content:not(.asset-sidebar__content--loading) {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.asset-sidebar__content--loading {
  opacity: 0.4;
}
.asset-sidebar__content--loading::after {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 4rem;
  left: 50%;
  position: absolute;
  top: 8rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4rem;
}

.asset-sidebar__sub-title {
  font-size: 0.875rem;
  line-height: 1.43;
}

.asset-sidebar__sub-sub-title {
  font-size: 0.75rem;
  line-height: 1.333;
}

.asset-sidebar__approvals-heading,
.asset-sidebar__approvals-sub-heading,
.asset-sidebar__comments-heading,
.asset-sidebar__history-heading {
  margin-bottom: 1rem;
}

.asset-sidebar__comments-heading {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-sidebar-wrapper {
  position: relative;
}
.nav-sidebar-wrapper--hidden {
  display: none;
}

.nav-sidebar {
  font-size: 0.875rem;
  line-height: 1.43;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  padding: 2rem 0 0;
  -webkit-transition: width 0.25s ease-in, padding 0.25s ease-in;
  transition: width 0.25s ease-in, padding 0.25s ease-in;
  width: 4rem;
}
.nav-sidebar--expand {
  width: 16rem;
}

.nav-sidebar__toggle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e5e3e2;
  border: 1px solid #e5e3e2;
  border-radius: 0 4px 4px 0;
  color: #1d2121;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: -1rem;
  top: 2rem;
  width: 1rem;
  z-index: 1;
}
.nav-sidebar-wrapper--expand .nav-sidebar__toggle {
  background-color: transparent;
  border-radius: 4px 0 0 4px;
  border-right: 0;
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
}
.nav-sidebar-wrapper--expand .nav-sidebar__toggle::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.nav-sidebar__logo-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 1.5rem;
  margin-bottom: 2rem;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
.nav-sidebar--expand .nav-sidebar__logo-container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.nav-sidebar__logo,
.nav-sidebar__mini-logo {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 1.5rem;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s;
}

.nav-sidebar__logo {
  background-image: url("../img/logo.svg");
  left: 0.5rem;
  opacity: 0;
  width: 13rem;
  z-index: 1;
}
.nav-sidebar--expand .nav-sidebar__logo {
  opacity: 1;
  z-index: 2;
}

.nav-sidebar__mini-logo {
  background-image: url("../img/mini-logo.svg");
  background-position: 50% 50%;
  left: 0;
  opacity: 1;
  width: 100%;
  z-index: 2;
}
.nav-sidebar--expand .nav-sidebar__mini-logo {
  opacity: 0;
  z-index: 1;
}

.nav-sidebar__search {
  margin-bottom: 2rem;
  padding: 0 0.5rem;
  position: relative;
}

.nav-sidebar__search-input[type=text] {
  font-size: 0.875rem;
  line-height: 1.43;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0.625rem 0.875rem 0.625rem 3.2rem;
  pointer-events: none;
}
.nav-sidebar--expand .nav-sidebar__search-input[type=text] {
  border-color: #e5e3e2;
  pointer-events: auto;
}

.nav-sidebar__search-icon {
  left: 1.5rem;
  position: absolute;
  top: 0.5rem;
}
.nav-sidebar__search-icon::before {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #76797a;
}

.nav-sidebar__nav {
  color: #76797a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: hidden;
}

.nav-sidebar__main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.5rem 0.5rem;
  row-gap: 0.25rem;
}
.nav-sidebar__main-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.25rem;
}

.nav-sidebar__nav-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #76797a;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5625rem 0.775rem;
  position: relative;
  text-wrap: no-wrap;
  -webkit-transition: color 0.15s ease-in, background-color 0.15s ease-in;
  transition: color 0.15s ease-in, background-color 0.15s ease-in;
  width: 100%;
}
.nav-sidebar__nav-item:hover:not(.nav-sidebar__nav-item--active), .nav-sidebar__nav-item:focus:not(.nav-sidebar__nav-item--active) {
  background-color: #f1f1f1;
  color: #1d2121;
}
.nav-sidebar__nav-item--active {
  background-color: #1d2121;
  color: #fff;
}

button.nav-sidebar__nav-item {
  font-size: 0.875rem;
  line-height: 1.43;
}

.nav-sidebar__nav-item-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-sidebar__nav-item-text {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.nav-sidebar--expand .nav-sidebar__nav-item-text {
  opacity: 1;
}

.nav-sidebar__nav-item-icon {
  font-size: 1.25rem;
  line-height: 1;
}

.nav-sidebar__nav-item-notifications {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d2121;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
  -webkit-transition: color 0.15s ease-in, background-color 0.15s ease-in;
  transition: color 0.15s ease-in, background-color 0.15s ease-in;
  width: 1.25rem;
}
.nav-sidebar__nav-item--active .nav-sidebar__nav-item-notifications {
  background-color: #fff;
  color: #1d2121;
}
.nav-sidebar__nav-item-notifications:not(.nav-sidebar-wrapper--expand .nav-sidebar__nav-item-notifications) {
  font-size: 0.625rem;
  line-height: 1.3;
  height: 1rem;
  position: absolute;
  right: 0.5rem;
  top: 0.35rem;
  width: 1rem;
}

.nav-sidebar__sub-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #e5e3e2;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  width: 15rem;
}

.nav-sidebar__profile-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.nav-sidebar--expand .nav-sidebar__profile-info {
  opacity: 1;
}

.nav-sidebar__profile-name {
  color: #1d2121;
}

.nav-sidebar__profile-role {
  font-size: 0.75rem;
  line-height: 1.333;
  color: rgba(29, 33, 33, 0.8);
}

.nav-sidebar__profile-options {
  position: relative;
}

.nav-sidebar__profile-options-icon::before {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #1d2121;
}

.nav-sidebar__profile-logout {
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  bottom: 1.75rem;
  left: 15rem;
  position: absolute;
}
.nav-sidebar__profile-logout a {
  cursor: pointer;
  display: block;
  padding: 0.5rem;
  white-space: nowrap;
}
.nav-sidebar__profile-logout:hover, .nav-sidebar__profile-logout:focus {
  background-color: #1d2121;
  color: #fff;
}

.form__select, textarea.form__input, .form__input[type=text], .form__input[type=email], .form__input[type=password], .form__input[type=tel], .form__input[type=number], .form__input[type=url] {
  font-size: 0.875rem;
  line-height: 1.43;
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  color: #1d2121;
  max-width: 15rem;
  padding: 0.5625rem 0.875rem;
}
.form__set--error .form__select, .form__set--error textarea.form__input, .form__set--error .form__input[type=text], .form__set--error .form__input[type=email], .form__set--error .form__input[type=password], .form__set--error .form__input[type=tel], .form__set--error .form__input[type=number], .form__set--error .form__input[type=url] {
  border-color: #E80000;
}
.form__select:disabled, textarea.form__input:disabled, .form__input[type=text]:disabled, .form__input[type=email]:disabled, .form__input[type=password]:disabled, .form__input[type=tel]:disabled, .form__input[type=number]:disabled, .form__input[type=url]:disabled {
  opacity: 0.8;
  pointer-events: none;
}
textarea.form__input.form__input--short, .form__input[type=text].form__input--short, .form__input[type=email].form__input--short, .form__input[type=password].form__input--short, .form__input[type=tel].form__input--short, .form__input[type=number].form__input--short, .form__input[type=url].form__input--short {
  max-width: 4rem;
}
.form__select--stretch, textarea.form__input.form__input--stretch, .form__input[type=text].form__input--stretch, .form__input[type=email].form__input--stretch, .form__input[type=password].form__input--stretch, .form__input[type=tel].form__input--stretch, .form__input[type=number].form__input--stretch, .form__input[type=url].form__input--stretch {
  max-width: 100%;
}
.form__input[type=text].form__input--med, .form__input[type=email].form__input--med, .form__input[type=password].form__input--med, .form__input[type=tel].form__input--med, .form__input[type=number].form__input--med, .form__input[type=url].form__input--med {
  width: 5rem;
}
.form--fixed-fields .form__select, .form--fixed-fields textarea.form__input, .form--fixed-fields .form__input[type=text], .form--fixed-fields .form__input[type=email], .form--fixed-fields .form__input[type=password], .form--fixed-fields .form__input[type=tel], .form--fixed-fields .form__input[type=number], .form--fixed-fields .form__input[type=url] {
  max-width: 100%;
}
.form__set--sidebar .form__input[type=text], .form__set--sidebar .form__input[type=email], .form__set--sidebar .form__input[type=password], .form__set--sidebar .form__input[type=tel], .form__set--sidebar .form__input[type=number], .form__set--sidebar .form__input[type=url] {
  background-color: #1d2121;
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.form__input[type=text].form__input--thin, .form__input[type=email].form__input--thin, .form__input[type=password].form__input--thin, .form__input[type=tel].form__input--thin, .form__input[type=number].form__input--thin, .form__input[type=url].form__input--thin {
  padding: 0.3125rem 0.875rem;
}

.form__set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
}
.form__set--no-margin {
  margin-bottom: 0;
}
.form--fixed-fields .form__set {
  margin-bottom: 1.5rem;
  max-width: 21.5rem;
}
.form__set--fixed-wide {
  max-width: 29.75rem;
}
.form--fixed-fields .form__set--fixed-wide {
  max-width: 29.75rem;
}
.form__set--prefix {
  -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;
  gap: 0.25rem;
}
.form__set--wrap {
  background: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 0.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
}
.form__set .button--small {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.form__label {
  font-size: 1rem;
  line-height: 1.5;
  color: #1d2121;
  display: inline-block;
  margin-bottom: 0.25rem;
}
.form__label--large {
  font-size: 1rem;
  line-height: 1.5;
}
.form__label--small {
  font-size: 0.875rem;
  line-height: 1.43;
}
.form__label--emphasised {
  color: #1a1a1a;
}
.form__label--filter {
  font-size: 0.875rem;
  line-height: 1.43;
  margin-bottom: 0;
}
.form__label--jump-to {
  font-size: 0.75rem;
  line-height: 1.333;
  margin-bottom: 0.5rem;
}
.form__set--sidebar .form__label {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #fff;
}
.form__label + .form__sub-label,
.form__label + .form__character-limit {
  margin-top: -0.25rem;
}

.form__sub-label,
.form__character-limit {
  font-size: 0.75rem;
  line-height: 1.333;
  color: #1d2121;
  margin-bottom: 0.25rem;
}

.form__input[type=text].form__input--error, .form__input[type=email].form__input--error, .form__input[type=password].form__input--error, .form__input[type=tel].form__input--error, .form__input[type=number].form__input--error, .form__input[type=url].form__input--error {
  border-color: #E80000;
}
.form__input[type=text].form__input--error + .form__error, .form__input[type=email].form__input--error + .form__error, .form__input[type=password].form__input--error + .form__error, .form__input[type=tel].form__input--error + .form__error, .form__input[type=number].form__input--error + .form__error, .form__input[type=url].form__input--error + .form__error {
  margin-top: 0.5rem;
}
.form__input[type=text].form__input--lowercase, .form__input[type=email].form__input--lowercase, .form__input[type=password].form__input--lowercase, .form__input[type=tel].form__input--lowercase, .form__input[type=number].form__input--lowercase, .form__input[type=url].form__input--lowercase {
  text-transform: lowercase;
}
.form__input[type=text]::-webkit-input-placeholder, .form__input[type=email]::-webkit-input-placeholder, .form__input[type=password]::-webkit-input-placeholder, .form__input[type=tel]::-webkit-input-placeholder, .form__input[type=number]::-webkit-input-placeholder, .form__input[type=url]::-webkit-input-placeholder {
  color: #1d2121;
}
.form__input[type=text]::-moz-placeholder, .form__input[type=email]::-moz-placeholder, .form__input[type=password]::-moz-placeholder, .form__input[type=tel]::-moz-placeholder, .form__input[type=number]::-moz-placeholder, .form__input[type=url]::-moz-placeholder {
  color: #1d2121;
}
.form__input[type=text]:-ms-input-placeholder, .form__input[type=email]:-ms-input-placeholder, .form__input[type=password]:-ms-input-placeholder, .form__input[type=tel]:-ms-input-placeholder, .form__input[type=number]:-ms-input-placeholder, .form__input[type=url]:-ms-input-placeholder {
  color: #1d2121;
}
.form__input[type=text]::-ms-input-placeholder, .form__input[type=email]::-ms-input-placeholder, .form__input[type=password]::-ms-input-placeholder, .form__input[type=tel]::-ms-input-placeholder, .form__input[type=number]::-ms-input-placeholder, .form__input[type=url]::-ms-input-placeholder {
  color: #1d2121;
}
.form__input[type=text]::placeholder, .form__input[type=email]::placeholder, .form__input[type=password]::placeholder, .form__input[type=tel]::placeholder, .form__input[type=number]::placeholder, .form__input[type=url]::placeholder {
  color: #1d2121;
}
.form__input.form__input--simple-number {
  -moz-appearance: textfield;
}
.form__input.form__input--simple-number::-webkit-outer-spin-button, .form__input.form__input--simple-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form__input-wrapper + .form__error {
  margin-top: 0.5rem;
}

textarea.form__input + .form__error {
  margin-top: 0.5rem;
}

.form__select {
  font-family: "Phonic";
  height: 100%;
  padding-right: 2rem;
}
.form__select--error {
  border-color: #E80000;
}
.form__select--small {
  font-size: 0.75rem;
  line-height: 1.333;
}

.form__icon {
  position: relative;
}
.form__icon::after, .form__icon::before {
  pointer-events: none;
  position: absolute;
  top: 12px;
}
.form__icon::after {
  right: 0.5rem;
}
.form__icon::before {
  left: 1rem;
}
.form__icon--down::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.form__input-with-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.form__input-with-remove :first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form__file-container {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__file-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 5px solid #1a1a1a;
  border-image-repeat: round;
  border-image-slice: 9;
  border-image-source: url("../img/dashed-border.png");
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 0;
  position: relative;
  width: 100%;
}
.form__file-button .form__file-input {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.form__file-icon {
  font-size: 1.5rem;
  line-height: 1.3;
}

.form__file-instruction {
  display: block;
  padding-top: 0.25rem;
  text-align: center;
}

.form__file-browse {
  margin-top: 1rem;
}

.form__selected-file {
  height: 8rem;
  width: auto;
}
.form__selected-file img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.form__selected-file-name {
  margin-bottom: 0.5rem;
}

.form__radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  line-height: 1;
}
.form__radio + .form__radio {
  margin-top: 0.5rem;
}
.form__radio input[type=radio] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #1a1a1a;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 0.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  width: 0.875rem;
}
.form__radio input[type=radio]:checked::after {
  background-color: #1a1a1a;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.5rem;
  width: 0.5rem;
}
.form__radio--small {
  font-size: 0.75rem;
  line-height: 1.333;
}
.form__radio--small input[type=radio]:checked::after {
  left: 0.125rem;
  top: 0.125rem;
}
.form__radio--inline + .form__radio {
  margin-top: 0;
}

.form__copy-value {
  font-size: 0.75rem;
  line-height: 1.333;
  margin-top: 0.5rem;
  position: absolute;
  text-decoration: underline;
}

.breadcrumbs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5rem;
}

.breadcrumbs__item {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumbs__item:not(:last-child) {
  margin-right: 0.5rem;
}
.breadcrumbs__item:not(:last-child)::after {
  font-size: 0.75rem;
  line-height: 1.333;
  color: #4a4d4c;
  margin-left: 0.5rem;
}

.breadcrumbs__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(29, 33, 33, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.breadcrumbs__label .icon::before {
  font-size: 0.875rem;
  margin-right: 0.5rem;
}
.breadcrumbs__label--link {
  color: #1d2121;
}

.breadcrumbs__link {
  font-weight: 500;
}

.revision-browser {
  height: 90vh;
  width: 100%;
}

.revision-browser__header {
  overflow: hidden;
  padding-bottom: 2rem;
  width: 100%;
}

.revision-browser__title-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.revision-browser__toolbar {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.revision-browser__pips-container {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.revision-browser__options-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}

.revision-browser__revision-pips,
.revision-browser__option-pips {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.revision-browser__option-pips {
  margin-right: 1rem;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.revision-browser__options-wrapper--hide-options .revision-browser__option-pips {
  margin-right: 0;
  opacity: 0;
  pointer-events: none;
  width: 0;
}

.revision-browser__published-toggle {
  color: #1d2121;
  margin-left: 1rem;
}

.revision-browser__pips-label {
  font-size: 0.75rem;
  line-height: 1.333;
  color: #76797a;
  width: 3.5rem;
}

.revision-browser__revision-pip,
.revision-browser__option-pip {
  font-size: 0.875rem;
  line-height: 1.43;
}
.revision-browser__revision-pip:not(:last-child),
.revision-browser__option-pip:not(:last-child) {
  padding-right: 0.125rem;
}
.revision-browser__revision-pip span,
.revision-browser__option-pip span {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #1a1a1a;
  padding: 0.125rem 0.5rem;
  -webkit-transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.revision-browser__revision-pip--stage-a span, .revision-browser__revision-pip--stage-b span, .revision-browser__revision-pip--stage-c span, .revision-browser__revision-pip--stage-final span, .revision-browser__revision-pip--unapproved span {
  border-width: 2px;
}
.revision-browser__revision-pip--stage-a.revision-browser__revision-pip--selected span, .revision-browser__revision-pip--stage-b.revision-browser__revision-pip--selected span, .revision-browser__revision-pip--stage-c.revision-browser__revision-pip--selected span, .revision-browser__revision-pip--stage-final.revision-browser__revision-pip--selected span, .revision-browser__revision-pip--unapproved.revision-browser__revision-pip--selected span {
  padding-left: 1rem;
  padding-right: 1rem;
}
.revision-browser__revision-pip--stage-a span {
  background-color: #ef9a2e;
  border-color: #ef9a2e;
}
.revision-browser__revision-pip--stage-a.revision-browser__revision-pip--active span, .revision-browser__revision-pip--stage-a:hover span, .revision-browser__revision-pip--stage-a:focus span {
  border-color: #DB400B;
}
.revision-browser__revision-pip--stage-b span {
  background-color: #66a1d9;
  border-color: #66a1d9;
}
.revision-browser__revision-pip--stage-b.revision-browser__revision-pip--active span, .revision-browser__revision-pip--stage-b:hover span, .revision-browser__revision-pip--stage-b:focus span {
  border-color: #154CB3;
}
.revision-browser__revision-pip--stage-c span {
  background-color: #7eb55b;
  border-color: #7eb55b;
}
.revision-browser__revision-pip--stage-c.revision-browser__revision-pip--active span, .revision-browser__revision-pip--stage-c:hover span, .revision-browser__revision-pip--stage-c:focus span {
  border-color: #196F14;
}
.revision-browser__revision-pip--future-stage {
  cursor: default;
}
.revision-browser__revision-pip--future-stage span {
  background-color: transparent;
  border-color: #1d2121;
  padding-bottom: 0.175rem;
  padding-top: 0.175rem;
}
.revision-browser__revision-pip--unapproved span {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
}
.revision-browser__revision-pip--unapproved.revision-browser__revision-pip--active span, .revision-browser__revision-pip--unapproved:hover span, .revision-browser__revision-pip--unapproved:focus span {
  border-color: #76797a;
}
.revision-browser__revision-pip--stage-final span:first-child {
  background-color: #66a1d9;
  border-bottom-right-radius: 0;
  border-color: #66a1d9;
  border-right: 0;
  border-top-right-radius: 0;
}
.revision-browser__revision-pip--stage-final span:last-child {
  background-color: #7eb55b;
  border-bottom-left-radius: 0;
  border-color: #7eb55b;
  border-left: 0;
  border-top-left-radius: 0;
}
.revision-browser__revision-pip--stage-final.revision-browser__revision-pip--active span:first-child, .revision-browser__revision-pip--stage-final:hover span:first-child, .revision-browser__revision-pip--stage-final:focus span:first-child {
  border-color: #154CB3;
}
.revision-browser__revision-pip--stage-final.revision-browser__revision-pip--active span:last-child, .revision-browser__revision-pip--stage-final:hover span:last-child, .revision-browser__revision-pip--stage-final:focus span:last-child {
  border-color: #196F14;
}
.revision-browser__revision-pip--stage-final.revision-browser__revision-pip--selected span:last-child {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.revision-browser__option-pip span {
  background-color: #929696;
  border-color: #929696;
  border-width: 2px;
}
.revision-browser__option-pip--active span, .revision-browser__option-pip:hover span, .revision-browser__option-pip:focus span {
  border-color: #1d2121;
}
.revision-browser__option-pip--selected span {
  padding-left: 1rem;
  padding-right: 1rem;
}
.revision-browser__option-pip--approved span {
  background-color: #1d2121;
  border-color: #1d2121;
  color: #fff;
}
.revision-browser__option-pip--unapproved {
  opacity: 0.5;
}

.revision-browser__revision {
  height: 75%;
  max-width: 100%;
  position: relative;
}
.revision-browser__revision--with-banner {
  height: 65%;
}

.revision-browser__option {
  display: block;
  max-height: 100%;
}
.revision-browser__option--image:hover {
  cursor: none;
}
.revision-browser__option--default {
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.revision-browser__fullscreen-cursor {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1a1a1a;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -1rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: -1rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  width: 2rem;
}
.revision-browser__fullscreen-cursor::after {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #fff;
}
.revision-browser__fullscreen-cursor--show {
  opacity: 1;
}

.revision-browser__info {
  margin-left: 1rem;
  position: relative;
}

.revision-browser__info-icon::before {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #1d2121;
}

.revision-browser__info-text {
  background-color: #1d2121;
  border-radius: 4px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  color: #fff;
  left: 1.5rem;
  opacity: 0;
  padding: 0.5rem 1rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  width: 6rem;
  z-index: 2;
}
.revision-browser__info-text--reveal {
  opacity: 1;
  pointer-events: all;
}

.revision-browser__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.revision-browser__approve-button-wrapper {
  position: relative;
}
.revision-browser__approve-button-wrapper--show-permission-warning:hover .revision-browser__permission-warning, .revision-browser__approve-button-wrapper--show-permission-warning:focus .revision-browser__permission-warning {
  opacity: 1;
}

.revision-browser__permission-warning {
  background-color: #1d2121;
  border-radius: 4px;
  -webkit-box-shadow: rgba(67, 71, 75, 0.2) 0 8px 24px;
          box-shadow: rgba(67, 71, 75, 0.2) 0 8px 24px;
  color: #fff;
  opacity: 0;
  padding: 0.5rem 1rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  width: 12rem;
  z-index: 2;
}

.revision-browser__approve-button--approved,
.revision-browser__download-button--approved {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.revision-browser__approve-button--approved:hover, .revision-browser__approve-button--approved:focus,
.revision-browser__download-button--approved:hover,
.revision-browser__download-button--approved:focus {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.revision-browser__approve-button--approved:disabled,
.revision-browser__download-button--approved:disabled {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.revision-browser__approve-button--loading,
.revision-browser__download-button--loading {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.8;
  pointer-events: none;
}
.revision-browser__approve-button--loading::before,
.revision-browser__download-button--loading::before {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}

.revision-browser__asset-switch {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.revision-browser__asset-switch-controls {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.revision-browser__asset-switch-button {
  cursor: pointer;
  display: block;
}
.revision-browser__asset-switch-button--next::before, .revision-browser__asset-switch-button--prev::before {
  font-size: 1.5rem;
  line-height: 1.3;
}
.revision-browser__asset-switch-button--disabled {
  opacity: 0.3;
  pointer-events: none;
}

.revision-browser__approval-banner-wrapper {
  position: relative;
  z-index: 1;
}

.revision-browser__approval-banner {
  background-color: #e5e3e2;
  border: 1px solid #76797a;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1a1a1a;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  text-align: center;
  width: 100%;
}
.revision-browser__approval-banner--approved {
  background-color: #7eb55b;
  border: 1px solid #196F14;
  color: #1d2121;
}

.thumbnail-image {
  border-radius: 4px;
}
.thumbnail-image--default {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

.comments {
  width: 100%;
}

.comments__comment {
  background-color: #2e3232;
  border: 1px solid #e0dbd2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  padding: 1rem;
}
.comments__comment:not(:last-child) {
  margin-bottom: 0.25rem;
}
.comments--discussion .comments__comment {
  background-color: transparent;
  border: 0;
  padding: 0 0 2.5rem;
}
.comments--discussion .comments__comment:not(:last-child) {
  border-bottom: 1px solid #e0dbd2;
  margin-bottom: 2.5rem;
}

.comments__comment-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.comments__profile-picture-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.comments__comment-metadata {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
}

.comments__comment-time {
  font-size: 0.75rem;
  line-height: 1.333;
}
.comments--discussion .comments__comment-time {
  color: rgba(29, 33, 33, 0.7);
}

.comment__tour-comment,
.comment__timestamp {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #929696;
  border-radius: 64px;
  color: #1d2121;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  line-height: 1;
  margin-top: 0.75rem;
  padding: 3px 6px;
}
.comments__comment-name {
  color: #fff;
}
.comments--discussion .comments__comment-name {
  color: #1a1a1a;
}

.comments__comment-content {
  color: #e5e3e2;
}
.comments__comment-content--empty-discussion, .comments--discussion .comments__comment-content {
  color: #1a1a1a;
}

.comments__files-pending {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #e5e3e2;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.comments--discussion .comments__files-pending {
  color: #1a1a1a;
}

.comments__image-attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2px;
  margin-top: 1rem;
}

.comments__image-attachment-thumbnail {
  border: 2px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}
.comments__image-attachment-thumbnail:hover, .comments__image-attachment-thumbnail:focus {
  border-color: #e5e3e2;
}

.comments__image-attachment {
  aspect-ratio: 1/1;
  cursor: pointer;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.comments__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 1rem;
}

.comments__file-attachment {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  margin-top: -1px;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.comments__file-attachment::before {
  font-size: 0.875rem;
  line-height: 1.43;
}
.comments__file-attachment--loading::before {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
}
.comments--discussion .comments__file-attachment--loading::before {
  background-image: url("../img/tail-spin-dark.svg");
}

.comments-sort {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comments-sort::after {
  font-size: 0.875rem;
  line-height: 1.43;
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.comments-sort--asc::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@-webkit-keyframes border-pulsate {
  0% {
    border-color: #4a4d4c;
  }
  50% {
    border-color: #fff;
  }
  100% {
    border-color: #4a4d4c;
  }
}

@keyframes border-pulsate {
  0% {
    border-color: #4a4d4c;
  }
  50% {
    border-color: #fff;
  }
  100% {
    border-color: #4a4d4c;
  }
}
.comment-form {
  border: 1px solid #4a4d4c;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 2rem;
  padding: 1rem;
}
.comment-form--alt {
  background-color: #fff;
  border-color: #e5e3e2;
  color: #1d2121;
}
.comment-form--no-border {
  border: 0;
}
.comment-form--focused {
  -webkit-animation: border-pulsate 1.5s infinite;
          animation: border-pulsate 1.5s infinite;
}

.comment-form__submit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.comment-form__submit {
  font-size: 0.875rem;
  line-height: 1.43;
}
.comment-form__drag-drop {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
}

.comment-form__files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
}

.comment-form__file {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-form__file:first-child {
  margin-top: 1rem;
}

.comment-form__thumbnail {
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 2rem;
}
.comment-form__thumbnail--pdf {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comment-form__thumbnail--pdf::before {
  font-size: 2rem;
  line-height: 1.35;
}

.comment-form__filename {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comment-form__remove-file {
  padding: 0.2rem;
}
.comment-form__error {
  font-size: 0.875rem;
  line-height: 1.43;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-form__error::before {
  margin-right: 0.25rem;
  padding-top: 0.2rem;
}

.simple-modal-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(26, 26, 26, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.simple-modal {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 30rem;
  padding: 1.5rem;
  position: relative;
  width: 100%;
}

.simple-modal__close {
  position: absolute;
  right: 1.75rem;
  top: 1.5rem;
  z-index: 1;
}
.simple-modal__close::before {
  font-size: 1.5rem;
  color: #1d2121;
}

.simple-modal__content {
  max-height: 100%;
  overflow-y: auto;
  position: relative;
}
.simple-modal__content--stretch {
  width: 100%;
}

.simple-modal__heading {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  padding-right: 4rem;
}

.simple-modal__buttons {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1rem;
}

.user-event-card {
  border: 1px solid #4a4d4c;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.25rem;
  padding: 1rem;
  row-gap: 1rem;
  width: 100%;
}

.user-event-card__title {
  font-size: 0.875rem;
  line-height: 1.43;
}

.user-event-card__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user-event-card__photo {
  border-radius: 4px;
  height: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 3rem;
}
.user-event-card__photo--placeholder, .user-event-card__photo--event-pending {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  color: #929696;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-event-card__photo--placeholder::after, .user-event-card__photo--event-pending::after {
  font-size: 1.25rem;
  line-height: 1.4;
}
.user-event-card__name {
  font-size: 0.875rem;
  line-height: 1.43;
}

.user-event-card__event {
  font-size: 0.75rem;
  line-height: 1.333;
}
.user-event-card__event--pending {
  font-size: 0.875rem;
  line-height: 1.43;
}

.modal-container > .gallery-modal-wrapper:first-child {
  background: rgba(26, 26, 26, 0.7);
}

.gallery-modal-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.gallery-modal {
  background-color: #f1eee9;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 95vh;
  overflow: hidden;
  width: 95vw;
}

.gallery-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem 2rem;
  position: relative;
  row-gap: 1rem;
  width: 100%;
}

.gallery-modal__count {
  width: 1.5rem;
}

.gallery-modal__nav-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery-modal__nav-prev,
.gallery-modal__nav-next {
  font-size: 1.5rem;
  line-height: 1.3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery-modal__nav-prev--disabled,
.gallery-modal__nav-next--disabled {
  opacity: 0.2;
  pointer-events: none;
}

.gallery-modal__details {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery-modal__details-bullet::before {
  background: #e0dbd2;
  border-radius: 0.25rem;
  content: "";
  display: inline-block;
  height: 0.25rem;
  margin: 0 0.25rem;
  vertical-align: middle;
  width: 0.25rem;
}

.gallery-modal__buttons {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gallery-modal__links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -1rem;
}

.gallery-modal__close-modal {
  font-size: 1.5rem;
  line-height: 1;
  margin-left: auto;
}
.gallery-modal__close-modal--has-links {
  margin-left: 0;
}

.gallery-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow-y: hidden;
}

.gallery-modal__content-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 0;
}
.gallery-modal__content--show-sidebar .gallery-modal__content-wrapper {
  padding: 2rem;
}
.gallery-modal__content-wrapper--full-resolution {
  display: block;
  overflow: hidden;
}

.gallery-modal__image {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gallery-modal__image--full-resolution {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  height: 100%;
  -o-object-fit: none;
     object-fit: none;
  width: 100%;
}

.gallery-modal__video {
  max-height: 100%;
  max-width: 100%;
}

.gallery-modal__explore {
  border: 0;
  height: 100%;
  width: 100%;
}

.gallery-modal__sidebar {
  background-color: #1d2121;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: calc(100% - 0.5rem);
  margin: 0.25rem 0.25rem 0.25rem 0;
  -ms-overflow-style: none;
  overflow-y: auto;
  padding: 1rem 0.25rem 0.25rem;
  position: relative;
  scrollbar-width: none;
  width: 16.25rem;
}
.gallery-modal__sidebar::-webkit-scrollbar {
  display: none;
}

.gallery-modal__sidebar-content {
  position: relative;
}
.gallery-modal__sidebar-content--loading {
  opacity: 0.4;
}
.gallery-modal__sidebar-content--loading::after {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 4rem;
  left: 50%;
  position: absolute;
  top: 8rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4rem;
}

.gallery-modal__sidebar-heading,
.gallery-modal__comments-heading {
  margin-bottom: 1rem;
  padding: 0 1rem;
}

.gallery-modal__comments-heading {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gallery-modal__comments-sort {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gallery-modal__comments-sort::after {
  font-size: 0.875rem;
  line-height: 1.43;
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.gallery-modal__comments-sort--asc::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.gallery-modal__sidebar-block {
  margin: 0 1rem 1rem;
}
.gallery-modal__sidebar-block--separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 1.5rem;
}

.gallery-modal__create-tag-btn {
  font-size: 0.75rem;
  line-height: 1.333;
}
.upload-modal-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(26, 26, 26, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  width: 100%;
  z-index: 99;
}
.upload-modal-wrapper--show {
  opacity: 1;
  pointer-events: all;
}

.upload-modal {
  background-color: #fff;
  border-radius: 4px;
  height: calc(100% - 8rem);
  position: relative;
  width: 80%;
}
.upload-modal--stage-selection {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  max-height: calc(100% - 8rem);
  max-width: 50%;
  width: auto;
}
@media only screen and (max-width: 649px) {
  .upload-modal {
    height: calc(100% - 4rem);
    width: 90%;
  }
}

.upload-modal__close {
  padding: 1rem;
  position: absolute;
  right: 0.5rem;
  top: 0.25rem;
  z-index: 99;
}
.upload-modal__close::before {
  color: #1d2121;
}

.upload-modal__back {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1.75rem;
}
.upload-modal__back::before {
  font-size: 1.25rem;
  line-height: 1.4;
  left: -1.5rem;
  margin-right: 0.25rem;
  position: absolute;
}

.upload-modal__format-selection {
  -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: 1rem;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.upload-modal__format-selection-title {
  font-size: 2rem;
  line-height: 1.35;
}

.upload-modal__format-selection-subtitle {
  color: #76797a;
  margin-bottom: 1rem;
}

.upload-modal__format-buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.upload-modal__format-button {
  font-size: 1.25rem;
  line-height: 1.4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-color: #e5e3e2;
  border-radius: 4px;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 10rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10rem;
}
.upload-modal__format-button::before {
  font-size: 3rem;
  line-height: 1.167;
}
.upload-modal__inner {
  -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;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.upload-modal__header {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: #fff;
  border-bottom: 1px solid #e5e3e2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4.5rem 2.5rem 2.5rem;
  width: 100%;
}
.upload-modal__header--less-padding {
  padding-top: 2.5rem;
}

.upload-modal__title-heading p {
  color: #1d2121;
}

.upload-modal__title {
  font-size: 1.5rem;
  line-height: 1.3;
}
.upload-modal--stage-selection .upload-modal__title {
  margin-bottom: 1rem;
  padding-right: 4rem;
}

.upload-modal__add-submission-button {
  font-size: 0.75rem;
  line-height: 1.333;
  display: inline-block;
}

.upload-modal__progress-wrapper {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40%;
}

.upload-modal__progress-bar {
  background: #e5e3e2;
  height: 3px;
  width: 100%;
}

.upload-modal__upload-status {
  margin-bottom: 0.5rem;
}

.upload-modal__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
  width: 100%;
}
.upload-modal__content::-webkit-scrollbar {
  display: none;
}
.upload-modal--stage-selection .upload-modal__content {
  padding: 1.5rem;
}

.upload-modal__buttons {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.upload-modal__complete-message {
  -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;
  padding: 6rem 0;
}
.upload-modal__complete-message p {
  font-size: 2rem;
  line-height: 1.35;
  margin-bottom: 1rem;
  max-width: 65%;
  text-align: center;
}

.upload-modal__drag-drop {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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%;
  padding: 3rem 2.5rem;
  position: relative;
  row-gap: 2rem;
}
.upload-modal__drag-drop div:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.upload-modal__files {
  border-collapse: separate;
  border-spacing: 2rem;
  padding-bottom: 6rem;
}
.upload-modal__files th {
  text-align: left;
}
.upload-modal__files td {
  vertical-align: middle;
}

.upload-modal__submit-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #e5e3e2;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  left: 0;
  padding: 1rem 2.5rem;
  position: absolute;
  width: 100%;
}

.upload-modal__errors {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.upload-modal__errors .form__error:first-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.upload-modal__submission-select {
  position: relative;
}

.upload-modal__create-submission-modal {
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  margin-right: 1rem;
  min-width: 12.5rem;
  padding: 1rem;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 1;
}

.upload-modal__create-submission-title {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.upload-modal__remove-file {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1a1a1a;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  width: 1.5rem;
}
.upload-modal__remove-file::before {
  color: #fff;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.upload-modal__remove-file:hover, .upload-modal__remove-file:focus {
  background-color: rgba(26, 26, 26, 0.7);
}

.upload-modal__completed-row-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d2121;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  width: 1.5rem;
}
.upload-modal__completed-row-icon::before {
  color: #fff;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

.upload-modal__filename {
  overflow-wrap: anywhere;
}

.iframe-container {
  position: relative;
}
.iframe-container iframe {
  aspect-ratio: 16/9;
  border: 0;
  display: block;
  height: auto;
  width: 100%;
}

.rich-text-editor {
  font-size: 0.875rem;
  line-height: 1.43;
  color: inherit;
  margin-bottom: 1rem;
}

.rich-text-editor__menu {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

.rich-text-editor__bold,
.rich-text-editor__italic,
.rich-text-editor__list,
.rich-text-editor__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid transparent;
  color: inherit;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0.25rem;
}
.rich-text-editor__bold--active,
.rich-text-editor__italic--active,
.rich-text-editor__list--active,
.rich-text-editor__link--active {
  border-color: #fff;
}

.rich-text-editor__content .ProseMirror:focus {
  outline: none;
}
.rich-text-editor__content .ProseMirror[contenteditable=false] {
  opacity: 0.6;
}
.rich-text-editor__content .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  height: 0;
  opacity: 0.8;
  pointer-events: none;
}

.rich-text-editor__timestamp,
.rich-text-editor__tour-comment,
.rich-text-editor__remove-timestamp,
.rich-text-editor__remove-tour-comment {
  font-size: 0.75rem;
  line-height: 1.333;
}

.rich-text-editor__remove-timestamp,
.rich-text-editor__remove-tour-comment {
  display: inline;
  text-decoration: underline;
}

.rich-text-editor__timestamp,
.rich-text-editor__tour-comment {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #929696;
  border-radius: 64px;
  color: #1d2121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  line-height: 1;
  padding: 3px 6px;
}
.tab-navigation {
  background-color: #e0dbd2;
  border-radius: 100px;
  color: #1d2121;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1.5rem;
  padding: 2px;
}
.tab-navigation--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.tab-navigation--reduced-margin {
  margin-bottom: 1.25rem;
}
.tab-navigation--no-margin {
  margin-bottom: 0;
}
.tab-navigation--white-on-dark {
  background-color: #1d2121;
  color: #fff;
}

.tab-navigation__tab {
  border-radius: 100px;
  padding: 0.375rem 0.875rem;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.tab-navigation__tab--active {
  background-color: #fff;
}
.tab-navigation--white-on-dark .tab-navigation__tab--active {
  color: #1d2121;
}
.tab-navigation__tab--count {
  padding-right: 0.5rem;
}
.tab-navigation--slim .tab-navigation__tab {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 0.25rem 0.75rem;
}
.tab-navigation__tab button {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}

.tab-navigation__tab-count {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d2121;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
  width: 1.25rem;
}

.project-highlight-card {
  background-color: #fff;
  border-radius: 4px;
  display: block;
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}
.project-highlight-card--image {
  height: 50%;
  overflow: hidden;
}
.project-highlight-card--image:hover .project-highlight-card__image, .project-highlight-card--image:focus .project-highlight-card__image {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}

.project-highlight-card__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.project-highlight-card--image .project-highlight-card__image {
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
  -webkit-transition: -webkit-filter 0.2s ease-out;
  transition: -webkit-filter 0.2s ease-out;
  transition: filter 0.2s ease-out;
  transition: filter 0.2s ease-out, -webkit-filter 0.2s ease-out;
}

.project-highlight-card__text {
  padding: 2rem 2rem 1.5rem;
}
.project-highlight-card--image .project-highlight-card__text {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 3.5rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  max-width: calc(100% - 4rem);
  position: absolute;
  top: 0;
}

.project-highlight-card__title {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #1a1a1a;
  margin-bottom: 1rem;
  text-align: left;
}
.project-highlight-card--image .project-highlight-card__title {
  color: #fff;
}

.project-highlight-card__action {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.project-highlight-card__action::after {
  font-size: 1rem;
  line-height: 1.5;
}

.project-details {
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.75rem;
}
.project-details--team {
  row-gap: 0.5rem;
}

.project-details__item--image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.project-details__item-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.project-details__item-header {
  font-size: 0.75rem;
  line-height: 1.333;
  color: rgba(26, 26, 26, 0.6);
}

.project-details__item-content {
  font-size: 0.875rem;
  line-height: 1.43;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.project-details__item-content--status {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.project-details__link {
  font-size: 0.875rem;
  line-height: 1.43;
  text-decoration: underline;
}

.project-details__status {
  background-color: #a2a2a0;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.75rem;
  width: 0.75rem;
}
.project-details__status--light-green {
  background-color: #9ed975;
}
.project-details__status--yellow {
  background-color: #fdd530;
}
.project-details__status--green {
  background-color: #26a901;
}
.project-details__status--red {
  background-color: #e14837;
}
.project-details__status--blue {
  background-color: #4089e5;
}

.project-details__external-link::after {
  font-size: 1.25rem;
}

.project-title {
  margin-bottom: 0;
}

.image-grid-card {
  border-radius: 4px;
  color: #1d2121;
  display: block;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.image-grid-card:not(.image-grid-card--shadowless):hover, .image-grid-card:not(.image-grid-card--shadowless):focus {
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.image-grid-card--submission {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem;
}
.image-grid-card--add-item {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 500;
  padding: 1.875rem 0;
  width: 100%;
}
.image-grid-card--add-item::before {
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.image-grid-card--click {
  cursor: pointer;
}

.image-grid-card__image-wrapper {
  position: relative;
}
.image-grid-card--greyed-out .image-grid-card__image-wrapper::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

.image-grid-card__image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.image-grid-card__image--default {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-grid-card--submission .image-grid-card__image {
  aspect-ratio: 203/135;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 33%;
}
.image-grid-card--greyed-out .image-grid-card__image {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@media only screen and (max-width: 1279px) {
  .image-grid-card--submission .image-grid-card__image {
    width: 50%;
  }
}
@media only screen and (max-width: 1099px) {
  .image-grid-card--submission .image-grid-card__image {
    width: 33%;
  }
}
@media only screen and (max-width: 979px) {
  .image-grid-card--submission .image-grid-card__image {
    width: 50%;
  }
}

.image-grid-card__info {
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.image-grid-card__info--with-revision {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.image-grid-card--submission .image-grid-card__info {
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  padding: 1.5rem;
}

.image-grid-card__title {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500;
}
.image-grid-card__title--small {
  font-size: 0.875rem;
  line-height: 1.43;
}

.image-grid-card__details-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.image-grid-card__info--with-revision .image-grid-card__details-container {
  padding-bottom: 0.25rem;
}

.image-grid-card__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.image-grid-card__details-icons {
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-grid-card__comments,
.image-grid-card__stage {
  border-radius: 4px;
}

.image-grid-card__stage {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1a1a1a;
  font-weight: 500;
  padding: 0.125rem 0.4375rem;
}
.image-grid-card__stage--stage-a {
  background-color: #ef9a2e;
  border-color: #ef9a2e;
}
.image-grid-card__stage--stage-b {
  background-color: #66a1d9;
  border-color: #66a1d9;
}
.image-grid-card__stage--stage-c, .image-grid-card__stage--final {
  background-color: #7eb55b;
  border-color: #7eb55b;
}
.image-grid-card__stage--unapproved {
  background-color: #e5e3e2;
  border-color: #e5e3e2;
}
.image-grid-card__stage--approved-option {
  background-color: #1d2121;
  border-color: #1d2121;
  color: #fff;
}

.image-grid-card__comments {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #929696;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem;
  position: relative;
  width: 1rem;
}
.image-grid-card__comment-count {
  font-size: 0.625rem;
  line-height: 1.3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1a1a1a;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 14px;
  z-index: 1;
}

.image-grid-card__action-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.15rem;
  position: relative;
}

.image-grid-card__thumbnail-icon {
  color: #929696;
  margin-right: 0.35rem;
}
.image-grid-card__asset-status {
  font-size: 0.75rem;
  line-height: 1.333;
  line-height: 2;
}

.image-grid-card__action-tooltip {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  left: 1rem;
  padding: 0.25rem;
  position: absolute;
  top: 0;
  z-index: 1;
}
.image-grid-card__action-tooltip button:not(:last-child) {
  margin-bottom: 0.15rem;
}
.image-grid-card__action-tooltip--mirrored {
  left: auto;
  right: 1rem;
}

.image-grid-card__set-as-thumbnail,
.image-grid-card__delete,
.image-grid-card__change-status {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  text-wrap: nowrap;
  width: 100%;
}
.image-grid-card__set-as-thumbnail::before,
.image-grid-card__delete::before,
.image-grid-card__change-status::before {
  margin-right: 0.25rem;
}
.image-grid-card__set-as-thumbnail:focus, .image-grid-card__set-as-thumbnail:hover,
.image-grid-card__delete:focus,
.image-grid-card__delete:hover,
.image-grid-card__change-status:focus,
.image-grid-card__change-status:hover {
  background-color: #e5e3e2;
}

.image-grid-card__set-as-thumbnail--loading::before {
  background-image: url("../img/tail-spin-dark.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 0.875rem;
  width: 0.875rem;
}

.image-grid-card__change-status::before {
  font-size: 0.625rem;
  line-height: 1.3;
}

.image-grid-card__delete {
  color: #E80000;
}
.image-grid-card__fullscreen {
  color: #fff;
  display: block;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
}
.image-grid-card__fullscreen::after {
  font-size: 1.25rem;
  line-height: 1.4;
}
.image-grid-card--submission .image-grid-card__fullscreen {
  display: none;
}

.image-grid-card__checkbox {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  cursor: pointer;
  height: 1rem;
  left: 0.5rem;
  margin: 0 0.5rem 0 0;
  position: absolute;
  top: 0.5rem;
  width: 1rem;
}
.image-grid-card__checkbox::before {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2.5px;
  content: "";
  height: calc(1rem - 2px);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease, background-color 0.2s ease;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  width: calc(1rem - 2px);
}
.image-grid-card__checkbox:hover::before {
  opacity: 1;
}
.image-grid-card__checkbox--checked::before {
  background-color: #fff;
  opacity: 1;
}
.image-grid-card--submission .image-grid-card__checkbox {
  left: 0.75rem;
  top: 0.75rem;
}

.submission-card {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: #fff;
  border-radius: 4px;
  color: #1d2121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  text-align: start;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  width: 100%;
}
.submission-card:hover, .submission-card:focus {
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
@media only screen and (max-width: 799px) {
  .submission-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}

.submission-card__image {
  aspect-ratio: 203/135;
  border-radius: 4px;
  height: 8.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 799px) {
  .submission-card__image--default {
    height: 8.5rem;
  }
}
@media only screen and (max-width: 799px) {
  .submission-card__image {
    height: auto;
  }
}

.submission-card__content {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 1rem;
}
@media only screen and (max-width: 1099px) {
  .submission-card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.submission-card__info {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media only screen and (max-width: 1099px) {
  .submission-card__info {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

.submission-card__title {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.submission-card__description {
  font-size: 0.875rem;
  line-height: 1.43;
}

.submission-card__actions {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 0 0.6875rem 0.5rem 0;
}

.submission-card__action {
  font-size: 0.875rem;
  line-height: 1.43;
  font-weight: 500;
  text-decoration: underline;
}

.discussion-card {
  font-size: 0.875rem;
  line-height: 1.43;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1d2121;
  cursor: pointer;
  margin-bottom: 0.5rem;
  padding: 1.5rem;
  -webkit-transition: -webkit-box-shadow 0.5s ease;
  transition: -webkit-box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
  width: 100%;
}
.discussion-card:hover, .discussion-card:focus {
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

.discussion-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
}

.discussion-card__title-wrapper {
  display: inline;
}

.discussion-card__title {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #1a1a1a;
  display: inline;
  font-weight: 500;
  margin-right: 1rem;
  vertical-align: middle;
}

.discussion-card__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.discussion-card__comment-details {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1rem;
  vertical-align: middle;
}

.discussion-card__type-badge {
  font-size: 0.75rem;
  line-height: 1.333;
  border-radius: 2px;
  color: #fff;
  padding: 0.15rem 0.4rem;
  text-transform: capitalize;
}
.discussion-card__type-badge--discussion {
  background-color: #4a4d4c;
}
.discussion-card__type-badge--asset {
  background-color: #4a4d4c;
}

.discussion-card__comment-count,
.discussion-card__attachment-count {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1d2121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35rem;
}
.discussion-card__asset-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.discussion-card__thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 5rem;
  margin-bottom: 1rem;
}

.discussion-card__thumbnail-image {
  border-radius: 2px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.discussion-card__thumbnail-image--default {
  aspect-ratio: 16/9;
}

.discussion-card__comment-profile-pictures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.125rem;
}

.discussion-card__last-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.discussion-card__last-comment-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.discussion-card__last-comment-content {
  max-width: 80%;
  min-width: 0;
}

.discussion-card__last-comment-heading {
  color: #1a1a1a;
}

.discussion-card__last-comment-body * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-grid-header {
  margin-bottom: 2rem;
}

.favourite-project {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d2121;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 2.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.25rem;
}
.favourite-project::after {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #fff;
}
.favourite-project--loading::after {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
}
.favourite-project--toggled {
  -webkit-animation: pulse 2s;
          animation: pulse 2s;
  -webkit-box-shadow: 0 0 0 0 rgb(0, 0, 0);
          box-shadow: 0 0 0 0 rgb(0, 0, 0);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.project-card {
  aspect-ratio: 183/230;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  position: relative;
}
.project-card::after {
  background-color: rgba(26, 26, 26, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.project-card:hover .project-card__image, .project-card:focus .project-card__image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.project-card:hover::after, .project-card:focus::after {
  opacity: 0;
}
@media only screen and (max-width: 799px) {
  .project-card {
    aspect-ratio: 4/3;
  }
}

.project-card__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  width: 100%;
}
.project-card__title {
  font-size: 1.25rem;
  line-height: 1.4;
  bottom: 1rem;
  color: #fff;
  font-weight: 500;
  left: 1rem;
  position: absolute;
  width: calc(100% - 2rem);
  z-index: 2;
}

.project-card__favourite,
.project-card__comments,
.project-card__notifications {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  width: 1.5rem;
}
.project-card__favourite::after,
.project-card__comments::after,
.project-card__notifications::after {
  font-size: 0.875rem;
  line-height: 1.43;
  line-height: 1;
}
.project-card__favourite:hover, .project-card__favourite:focus,
.project-card__comments:hover,
.project-card__comments:focus,
.project-card__notifications:hover,
.project-card__notifications:focus {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.project-card__favourite {
  background-color: rgba(29, 33, 33, 0.5);
  left: 1rem;
  position: absolute;
  top: 1rem;
  z-index: 2;
}
.project-card__favourite::after {
  color: #fff;
}
.project-card__favourite--loading::after {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  height: 1rem;
  width: 1rem;
}
.project-card__favourite--toggled {
  -webkit-animation: pulse 2s;
          animation: pulse 2s;
  -webkit-box-shadow: 0 0 0 0 rgb(0, 0, 0);
          box-shadow: 0 0 0 0 rgb(0, 0, 0);
}

.project-card__notifications {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 2;
}

.project-card__comments,
.project-card__alerts {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 1.5rem;
}
.project-card__comments::after,
.project-card__alerts::after {
  color: #1a1a1a;
}

.project-card__notifications-count {
  font-size: 0.625rem;
  line-height: 1.3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1a1a1a;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  width: 0.875rem;
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.search-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.search-bar__field {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.search-bar__field::before {
  font-size: 1.25rem;
  color: #1d2121;
  cursor: pointer;
  margin-right: 0.5rem;
}
.search-bar--sidebar .search-bar__field::before {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar__field input[type=text] {
  font-size: 0.875rem;
  line-height: 1.43;
  display: block;
  font-weight: 500;
  line-height: 1.25;
  outline: none;
  text-decoration: none;
}
.search-bar--sidebar .search-bar__field input[type=text] {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar__field input[type=text].search__input--fw-400 {
  font-weight: 400;
}
.search-bar__field input::-webkit-input-placeholder {
  color: #1d2121;
}
.search-bar--sidebar .search-bar__field input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar__field input::-moz-placeholder {
  color: #1d2121;
}
.search-bar--sidebar .search-bar__field input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar__field input:-ms-input-placeholder {
  color: #1d2121;
}
.search-bar--sidebar .search-bar__field input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar__field input::-webkit-input-placeholder {
  color: #1d2121;
}
.search-bar__field input::-moz-placeholder {
  color: #1d2121;
}
.search-bar__field input:-ms-input-placeholder {
  color: #1d2121;
}
.search-bar__field input::-ms-input-placeholder {
  color: #1d2121;
}
.search-bar__field input::placeholder {
  color: #1d2121;
}
.search-bar--sidebar .search-bar__field input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar--sidebar .search-bar__field input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar--sidebar .search-bar__field input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar--sidebar .search-bar__field input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.search-bar--sidebar .search-bar__field input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.search-bar__filters-toggle-wrapper {
  width: calc(20% - 2rem);
}

.search-bar__filters-toggle::before {
  font-size: 1.25rem;
  cursor: pointer;
  margin-right: 0.5rem;
}
.search-bar__filters-toggle:hover, .search-bar__filters-toggle:focus {
  background-color: transparent;
  border-color: transparent;
  color: #1d2121;
}

.search-bar__count {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1d2121;
}

.back-to {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1d2121;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.back-to::before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.checkbox[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 1px solid #1a1a1a;
  border-radius: 2px;
  font: inherit;
  height: 1rem;
  margin: 0 0.5rem 0 0;
  position: relative;
  width: 1rem;
}
.checkbox[type=checkbox]::before {
  background-color: rgba(26, 26, 26, 0.1);
  border-radius: 1px;
  content: "";
  height: calc(1rem - 2px);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease, background-color 0.2s ease;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  width: calc(1rem - 2px);
}
.checkbox[type=checkbox]::after {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 0.875rem;
  left: 0;
  line-height: 1;
  padding-top: 1px;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.checkbox[type=checkbox]:hover::before {
  opacity: 1;
}
.checkbox[type=checkbox]:checked::before {
  background-color: #1a1a1a;
  opacity: 1;
}
.checkbox[type=checkbox]:checked::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.checkbox--invert[type=checkbox] {
  border-color: #fff;
}
.checkbox--invert[type=checkbox]::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.checkbox--invert[type=checkbox]:checked::before {
  background-color: #fff;
}

.checkbox-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0.25rem;
}
.form__set .checkbox-wrapper {
  margin-bottom: 0.5rem;
}
.checkbox-wrapper .checkbox[type=checkbox] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.alert-banner {
  background-color: #1d2121;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 1rem;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
  width: 100%;
  z-index: 2;
}
.alert-banner--reveal {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.alert-banner__content {
  color: #fff;
  text-align: center;
}

.alert-banner__close {
  color: #fff;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.login-page-wrapper {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.login-page {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  max-height: 100vh;
  min-height: 100vh;
  overflow: auto;
  width: 100%;
}

.login-page__background-video,
.login-page__background-image {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.login-page__logo {
  background-image: url("../img/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 1.5rem;
  margin-bottom: 1.5rem;
  width: 202px;
}

.login-page__content-inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100vh;
  padding: 2rem 0;
}

.login-page__login-form {
  background-color: #fff;
  border-radius: 4px;
  color: #4a4d4c;
  padding: 2.5rem;
}
@media only screen and (max-width: 799px) {
  .login-page__login-form {
    margin-top: 4rem;
  }
}

.lightswitch {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lightswitch--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.lightswitch--justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.lightswitch__input {
  display: inline-block;
  height: 1rem;
  position: relative;
  width: 1.75rem;
}
.lightswitch__input input[type=checkbox] {
  height: 0;
  opacity: 0;
  width: 0;
}
.lightswitch__input input[type=checkbox]:checked + .lightswitch__toggle {
  background-color: #1d2121;
}
.lightswitch__input input[type=checkbox]:checked + .lightswitch__toggle::before {
  -webkit-transform: translateX(calc(1rem - 4px));
          transform: translateX(calc(1rem - 4px));
}
.lightswitch__input input[type=checkbox]:hover + .lightswitch__toggle {
  background-color: #1d2121;
}

.lightswitch__toggle {
  background-color: #e0dbd2;
  border-radius: 0.5rem;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.lightswitch__toggle::before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  height: calc(1rem - 4px);
  left: 2px;
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: calc(1rem - 4px);
}

.database-modal-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(26, 26, 26, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.database-modal {
  background-color: #fff;
  border-radius: 4px;
  max-width: 50%;
  padding: 1.5rem;
  position: relative;
}
@media only screen and (max-width: 1449px) {
  .database-modal {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1099px) {
  .database-modal {
    max-width: 75%;
  }
}
@media only screen and (max-width: 979px) {
  .database-modal {
    max-width: 90%;
  }
}
.database-modal--narrow {
  max-width: 26rem;
}

.database-modal__close {
  position: absolute;
  right: 1.75rem;
  top: 1.5rem;
  z-index: 1;
}
.database-modal__close::before {
  color: #1d2121;
}

.database-modal__content {
  max-height: 100%;
  overflow-y: auto;
  position: relative;
}
.database-modal__content--stretch {
  width: 100%;
}
.database-modal__content--loading {
  opacity: 0.6;
}
.database-modal__content--loading::after {
  background-image: url("../img/tail-spin-dark.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 4rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 4rem;
}

.database-modal__heading {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  padding-right: 4rem;
}

.database-modal__sub-heading {
  margin-bottom: 0.5rem;
  opacity: 0.7;
}

.database-modal__text {
  margin-bottom: 2.5rem;
}

.database-modal__image {
  margin-bottom: 0.5rem;
}

.database-modal__buttons {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3rem;
}

.tags-container {
  position: relative;
}

.tags {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}
.tags--align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tags--overflow-scroll {
  max-height: 12rem;
  min-height: 3rem;
  overflow: auto;
}
.tags--overflow-scroll.tags--overflowing {
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  padding: 0.5rem;
}
.tags-container--sidebar .tags--overflow-scroll.tags--overflowing {
  border-color: rgba(255, 255, 255, 0.15);
}
.tags--loading::after {
  background-image: url("../img/tail-spin-dark.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 2.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.5rem;
}

.tags__tag {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #929696;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  padding: 0.0625rem 0.3125rem;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.tags-container--sidebar .tags__tag {
  background-color: #929696;
  border-color: #929696;
  color: #1d2121;
}
.tags__tag button {
  font-size: 0.75rem;
  line-height: 1.333;
}
.tags__tag--selectable {
  cursor: pointer;
}
.tags__tag--selectable:hover, .tags__tag--selectable:focus {
  background-color: #1d2121;
  color: #fff;
}
.tags-container--sidebar .tags__tag--selectable:hover, .tags-container--sidebar .tags__tag--selectable:focus {
  background-color: #fff;
  border-color: #fff;
  color: #1d2121;
}
.tags__tag--selected {
  background-color: #1d2121;
  color: #fff;
  padding: 0.125rem 0.25rem 0.125rem 0.3125rem;
}
.tags--search .tags__tag {
  color: #1d2121;
}
.tags-container--sidebar .tags--search .tags__tag {
  color: #fff;
  padding: 0 0.375rem;
}
.tags--search .tags__tag:not(.tags__tag--show-all) {
  background-color: #f1f1f1;
  border: 1px solid #929696;
}
.tags-container--sidebar .tags--search .tags__tag:not(.tags__tag--show-all) {
  background-color: #929696;
  border-color: #929696;
  color: #1d2121;
}
.tags--loading .tags__tag {
  opacity: 0;
}
.tags__tag--show-all {
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
}
.tags--inverted .tags__tag {
  background-color: #fff;
  color: #1a1a1a;
}

.tags__add-all-tags,
.tags__remove-tag {
  line-height: 0;
  margin-left: 0.125rem;
}

.tags__none-found {
  font-size: 0.75rem;
  line-height: 1.333;
}

.results-grid {
  position: relative;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
}
.results-grid--loading {
  opacity: 0.8;
}

.database-grid-card {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin-bottom: 0.5rem;
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.database-grid-card:hover, .database-grid-card:focus {
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

.database-grid-card__info {
  background-color: #fff;
  padding: 0.75rem;
}

.database-grid-card__date {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(29, 33, 33, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
}
.database-grid-card__title {
  font-size: 1rem;
  line-height: 1.5;
  color: #1d2121;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.database-grid-card__image--default {
  aspect-ratio: 4/3;
}

.database-grid-card__like-button {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(29, 33, 33, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
}
.database-grid-card__like-button:hover::before, .database-grid-card__like-button:focus::before {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.database-grid-card__like-button::before {
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.database-grid-card__like-button--unliked::before {
  margin-top: 1px;
}
.database-grid-card__like-button--liked::before {
  margin-top: 1px;
}
.database-grid-card__like-button--loading::before {
  background-image: url("../img/tail-spin-dark.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 0.75rem;
  width: 0.75rem;
}
.database-grid-card__like-button--pill {
  border: 1px solid #1d2121;
  border-radius: 999px;
  padding: 0.25rem 0.5rem;
}
.database-grid-card__like-button--pill::before {
  font-size: 1rem;
}

.notification-wrapper:not(:last-child) {
  margin-bottom: 0.5rem;
}

.notification {
  background-color: #fff;
  border: 2px solid #1d2121;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem;
}
.notification--read {
  border: 0;
}

.notification__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.notification__main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.notification__label {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1d2121;
  margin-bottom: 1.5rem;
  width: 100%;
}

.notification__heading {
  font-weight: 500;
}

.notification__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 1.5rem;
}

.notification__body {
  font-size: 0.875rem;
  line-height: 1.43;
}
.notification__body a:not(.notification__body a.notification__pdf-attachment) {
  color: #4a4d4c;
  text-decoration: underline;
}

.notification__comment-content {
  color: #1d2121;
  margin-bottom: 1rem;
}

.notification__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.notification__image {
  border-radius: 4px;
  height: 6rem;
  width: 6rem;
}

.notification__aside {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.notification__timestamp {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1d2121;
}

.notification__files-pending {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1a1a1a;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.notification__image-attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2px;
}

.notification__image-attachment-thumbnail {
  border: 2px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}

.notification__image-attachment {
  aspect-ratio: 1/1;
  cursor: pointer;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.notification__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.notification__thumbnail {
  aspect-ratio: 1/1;
  border-radius: 4px;
  height: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.notification__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
}

.notification__pdf-attachment {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.notification__pdf-attachment::before {
  font-size: 0.875rem;
  line-height: 1.43;
}

.discussion-header {
  margin-bottom: 2rem;
}

.discussion-header__title {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #1d2121;
  margin-bottom: 0.5rem;
}

.discussion-header__info {
  font-size: 0.875rem;
  line-height: 1.43;
}

.directory-card {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  width: 100%;
}

.directory-card__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.directory-card__image--new {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6rem;
}
.directory-card__image--new::before {
  font-size: 3rem;
  line-height: 1.167;
}

.directory-card__info {
  min-width: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.directory-card__title {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1d2121;
  font-weight: 500;
  margin-bottom: 0;
}

.directory-card__role {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1d2121;
  margin-bottom: 0.5rem;
}

.directory-card__email {
  font-size: 0.75rem;
  line-height: 1.333;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.directory-table table {
  font-size: 0.75rem;
  line-height: 1.333;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}
.directory-table table th,
.directory-table table td {
  padding: 1rem;
  text-align: left;
}
.directory-table table th {
  vertical-align: bottom;
}
.directory-table table thead th {
  padding: 0 1rem;
}

.directory-table__row {
  background-color: #fff;
  border-radius: 4px;
}
.directory-table__row td:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.directory-table__row td:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.directory-table__notifications-on,
.directory-table__notifications-off {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.directory-table__notifications-on::after,
.directory-table__notifications-off::after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.5rem;
  margin-left: 0.25rem;
  width: 0.5rem;
}

.directory-table__notifications-on::after {
  background-color: #7eb55b;
  margin-left: 0.3rem;
}

.directory-table__notifications-off::after {
  background-color: #E80000;
}

.directory-table__add-user {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  padding: 0.75rem 1rem;
  width: 100%;
}
.directory-table__add-user::before {
  font-size: 1rem;
  line-height: 1.5;
  margin-right: 1rem;
}

.notification-settings__header th {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #76797a;
  margin-bottom: 0.5rem;
}

.notification-settings__row td {
  border-bottom: 1px solid #e5e3e2;
  padding: 1rem 0 1rem 1rem;
}
.notification-settings__row td:first-child {
  padding: 1rem 1rem 1rem 0;
}

.load-more-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}
.load-more-trigger::after {
  background-image: url("../img/tail-spin-dark.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 4rem;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 4rem;
}

.home-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

.home-header__welcome {
  font-size: 0.875rem;
  line-height: 1.43;
  color: rgba(29, 33, 33, 0.8);
}

.activity-sidebar {
  background-color: #1d2121;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  height: 100%;
  overflow: hidden;
  padding: 0.25rem;
  position: relative;
}

.activity-sidebar__content-wrapper {
  height: 100%;
  position: relative;
  width: 0;
}
.sidebar-wrapper--expand .activity-sidebar__content-wrapper {
  width: 100%;
}

.activity-sidebar__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0 1.25rem;
}

.activity-sidebar__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-overflow-style: none;
  overflow-y: scroll;
  padding-top: 0.75rem;
  position: absolute;
  scrollbar-width: none;
  top: 0;
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
  width: 100%;
}
.activity-sidebar__content::-webkit-scrollbar {
  display: none;
}
.sidebar-wrapper--expand .activity-sidebar__content:not(.activity-sidebar__content--loading) {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.activity-sidebar__content--loading {
  opacity: 0.4;
}
.activity-sidebar__content--loading::after {
  background-image: url("../img/tail-spin.svg");
  background-size: contain;
  content: "";
  display: block;
  height: 4rem;
  left: 50%;
  position: absolute;
  top: 8rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4rem;
}

.activity-sidebar__no-content {
  padding: 0 1.5rem;
}

.sidebar-notification-wrapper:not(:last-child) {
  margin-bottom: 0.25rem;
}

.sidebar-notification {
  background-color: #2e3232;
  border: 1px solid #4a4d4c;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: 1rem;
  width: 100%;
}

.sidebar-notification__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.sidebar-notification__title {
  width: 100%;
}
.sidebar-notification__title h2 {
  font-weight: 500;
}

.sidebar-notification__activity-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 2.5rem;
  margin-right: 0.75rem;
  position: relative;
  width: 2.5rem;
}

.sidebar-notification__project-thumbnail {
  aspect-ratio: 1/1;
  border-radius: 4px;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar-notification__project-thumbnail--default {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e0dbd2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sidebar-notification__project-thumbnail--default::after {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #fff;
}

.sidebar-notification__profile-image {
  border-color: #2e3232;
  bottom: -40%;
  position: absolute;
  right: -40%;
}

.sidebar-notification__label {
  font-size: 0.75rem;
  line-height: 1.333;
  color: rgba(255, 255, 255, 0.8);
}

.sidebar-notification__body {
  font-size: 0.875rem;
  line-height: 1.43;
}
.sidebar-notification__body a:not(.sidebar-notification__body a.sidebar-notification__pdf-attachment) {
  text-decoration: underline;
}

.sidebar-notification__comment-content {
  color: #fff;
}

.sidebar-notification__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.sidebar-notification__image {
  border-radius: 4px;
  height: 6rem;
  width: 6rem;
}

.sidebar-notification__timestamp {
  font-size: 0.75rem;
  line-height: 1.333;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sidebar-notification__files-pending {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.sidebar-notification__image-attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2px;
  margin-top: 2rem;
}

.sidebar-notification__image-attachment-thumbnail {
  border: 2px solid transparent;
  border-radius: 2px;
  overflow: hidden;
  -webkit-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}

.sidebar-notification__image-attachment {
  aspect-ratio: 1/1;
  cursor: pointer;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.sidebar-notification__thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.sidebar-notification__thumbnail {
  aspect-ratio: 1/1;
  border-radius: 4px;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.sidebar-notification__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
}

.sidebar-notification__pdf-attachment {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.sidebar-notification__pdf-attachment::before {
  font-size: 0.875rem;
  line-height: 1.43;
}

.arrow-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.arrow-link::after {
  margin-left: 0.25rem;
}

.notifications-total {
  font-size: 1.25rem;
  line-height: 1.4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1d2121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notifications-total::before {
  background-color: #1d2121;
  border-radius: 0.5rem;
  content: "";
  display: block;
  height: 0.5rem;
  margin-right: 1rem;
  width: 0.5rem;
}
.notifications-total--loading {
  opacity: 0;
}

.sort-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.sort-button::after {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.sort-button--asc::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.sort-button--desc::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sort-button--selected .sort-button__label {
  text-decoration: underline;
}

.inline-thumbnail-upload__file {
  font-size: 0.875rem;
  line-height: 1.43;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-thumbnail-upload__thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 4rem;
}

.inline-thumbnail-upload__filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inline-thumbnail-upload__remove-file {
  padding: 0.2rem;
}
.inline-thumbnail-upload__remove-file--disabled {
  display: none;
}

.quick-links-container {
  margin-left: 2.75rem;
  max-height: 100vh;
  -ms-overflow-style: none;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  width: 100%;
}
@media only screen and (max-width: 1099px) {
  .quick-links-container {
    margin-left: 0;
  }
}
.quick-links-container::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 800px) {
  .quick-links-container {
    overflow-y: scroll;
    position: sticky;
    top: 0;
  }
}

.quick-link,
.support-card__quick-link {
  height: 2.5rem;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.support-card {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #1d2121;
  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%;
  padding: 1.25rem;
}

.support-card__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
  width: 100%;
}

.support-card__icon {
  font-size: 2.5rem;
  line-height: 1.35;
  line-height: 1;
  margin-bottom: 2rem;
}
.support-card__header .support-card__icon {
  margin-bottom: 0;
}
.support-card__icon::before {
  display: block;
}
.support-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.support-card__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.support-card__summary--half-width {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 50%;
}

.support-card__heading {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.support-card__item-list {
  border-left: 2px solid rgba(29, 33, 33, 0.2);
  padding-left: 1rem;
}
.support-card__item-list--sub {
  margin-top: 0.5rem;
}

.support-card__item-list-item {
  font-size: 0.875rem;
  line-height: 1.43;
  margin-bottom: 0.35rem;
}
.support-card__item-list-item:first-child {
  margin-top: 0.25rem;
}

.support-card__item-link {
  font-size: 0.875rem;
  line-height: 1.43;
  text-align: start;
}
.support-card__item-link > span {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.2s ease;
  transition: text-decoration-color 0.2s ease;
}
.support-card__item-list-item--arrow .support-card__item-link::after {
  margin-left: 0.25rem;
}
.support-card__item-list-item--external .support-card__item-link::after {
  margin-left: 0.25rem;
}

.support-card__quick-links-heading {
  font-size: 0.875rem;
  line-height: 1.43;
  margin-bottom: 0.75rem;
}

.support-card__quick-links {
  margin-left: calc(1rem - 1px);
}

.support-card__quick-link {
  margin-bottom: 1rem;
  max-height: 1.75rem;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.support-card__quick-link:hover, .support-card__quick-link:focus {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.my-boundary-content-block {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0.5rem;
  padding: 2rem;
}

.my-boundary-content-block__heading {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 1rem;
}

.my-boundary-content-block__text *:last-child {
  margin-bottom: 0;
}

.modal-container > .slideshow-modal-wrapper:first-child {
  background: rgba(26, 26, 26, 0.7);
}

.slideshow-modal-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.slideshow-modal {
  background-color: #e5e3e2;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 95vh;
  overflow: hidden;
  width: 95vw;
}

.slideshow-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem 4rem 1.5rem 2rem;
  position: relative;
  row-gap: 1rem;
  width: 100%;
}

.slideshow-modal__close-modal {
  font-size: 1.5rem;
  line-height: 1.3;
  position: absolute;
  right: 2rem;
  top: 1.25rem;
}
.slideshow-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow-y: hidden;
}

.slideshow-modal__content-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 0;
}
.slideshow-modal__content--show-sidebar .slideshow-modal__content-wrapper {
  padding: 2rem;
}

.slideshow-modal__slideshow {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.inline-add-asset-text {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #1d2121;
  font-weight: 500;
}

.inline-add-asset-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1d2121;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1rem;
}
.inline-add-asset-button::after {
  display: block;
  padding-top: 2.5px;
}

.checkboxes-dropdown {
  display: inline-block;
  min-width: 10rem;
  position: relative;
}
.checkboxes-dropdown--stretch {
  width: 100%;
}

.checkboxes-dropdown__toggle {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.3125rem 0.625rem 0.3125rem 0.875rem;
  width: 100%;
}
.checkboxes-dropdown__toggle::after {
  font-size: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.checkboxes-dropdown--expand .checkboxes-dropdown__toggle {
  border-bottom: 1px solid transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.checkboxes-dropdown--expand .checkboxes-dropdown__toggle::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.form__set .checkboxes-dropdown__toggle {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 0.5625rem 0.625rem 0.5625rem 0.875rem;
}
.form__set .checkboxes-dropdown__toggle .checkboxes-dropdown__count {
  font-size: 0.75rem;
  line-height: 1.333;
}

.checkboxes-dropdown__toggle-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
}

.checkboxes-dropdown__count {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d2121;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
  height: 1.125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.625rem;
  width: 1.125rem;
}

.checkboxes-dropdown__content {
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-width: 1px;
  border-color: #e5e3e2;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 5;
}
.checkboxes-dropdown--expand .checkboxes-dropdown__content {
  display: block;
}

.checkboxes-dropdown__search,
.checkboxes-dropdown__options-list {
  font-size: 0.75rem;
  line-height: 1.333;
  padding: 0.625rem 0.875rem;
}

.checkboxes-dropdown__search[type=text] {
  font-size: 0.75rem;
  line-height: 1.333;
  border-bottom: 1px solid #e5e3e2;
}

.checkboxes-dropdown__options-list {
  max-height: 15rem;
  overflow: auto;
}
.form__set .checkboxes-dropdown__options-list {
  font-size: 0.875rem;
  line-height: 1.43;
}

.checkboxes-dropdown__option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0.5rem;
}
.checkboxes-dropdown__option .checkbox[type=checkbox] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.checkboxes-dropdown__button {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 0.5rem;
  text-align: left;
  -webkit-transition: background 0.15s ease, color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease;
  width: 100%;
}
.checkboxes-dropdown__button--selected {
  background: #1d2121;
  color: #fff;
}
.checkboxes-dropdown__button:hover, .checkboxes-dropdown__button:focus {
  background: #f1f1f1;
  color: #1d2121;
}

.filters {
  font-size: 0.75rem;
  line-height: 1.333;
  background-color: #fff;
  border-radius: 4px;
}

.filters__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.filters__column {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
  width: calc(45% - 0.5px);
}
.filters__column:first-of-type {
  border-right: 1px solid #f1eee9;
  padding-right: calc(1rem - 1px);
  width: calc(55% - 0.5px);
}
.filters__column--space-between {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1099px) {
  .filters__column {
    padding: 1rem;
    width: 100%;
  }
  .filters__column:first-of-type {
    border-bottom: 1px solid #f1eee9;
    border-right: 0;
    width: 100%;
  }
}

.project-overview-grid {
  aspect-ratio: 16/9;
}
@media only screen and (max-width: 1099px) {
  .project-overview-grid {
    aspect-ratio: auto;
  }
}

.project-overview-grid__column {
  height: 100%;
  margin-bottom: 0.5rem;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
}
.project-overview-grid__column::-webkit-scrollbar {
  display: none;
}

.project-overview-grid__image-card-container {
  height: 100%;
}

.video-player__interface {
  background-color: #1d2121;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
}

.video-player__progress-bar-wrapper {
  position: relative;
  width: 100%;
}

.video-player__progress-bar {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #929696;
  cursor: pointer;
  height: 6px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-player__progress-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: 6px;
  width: 1px;
}

.video-player__progress {
  background-color: #1a1a1a;
  height: 6px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 0;
}

.video-player__comment-timeline {
  height: 30px;
  position: relative;
  top: 6px;
}

.video-player__comment-container {
  left: 0;
  position: absolute;
  top: 6px;
}

.video-player__comment-pip {
  background-color: #1d2121;
  border: 5px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  outline: 1px solid #1d2121;
  position: absolute;
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
  -webkit-transition: border-width 0.25s ease;
  transition: border-width 0.25s ease;
  width: 12px;
}
.video-player__comment-pip:hover, .video-player__comment-pip:focus {
  border-width: 3px;
  z-index: 99;
}

.video-player__comment {
  font-size: 0.75rem;
  line-height: 1.333;
  background: rgba(26, 26, 26, 0.8);
  border-radius: 4px;
  bottom: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  max-width: 350px;
  opacity: 0;
  padding: 1rem;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.video-player__comment-container--show-comment .video-player__comment {
  opacity: 1;
}

.video-player__comment-header {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.5rem;
}

.video-player__comment-times {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.video-player__comment-timestamp {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  line-height: 1;
  margin-top: -3px;
  padding: 3px 4px 3px 3px;
}
.video-player__comment-body {
  color: rgba(255, 255, 255, 0.8);
}

.video-player__controls {
  border-top: 1px solid #1d2121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem;
}

.video-player__controls-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.video-player__play-button,
.video-player__volume-button,
.video-player__fullscreen-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.video-player__play-button::after,
.video-player__volume-button::after,
.video-player__fullscreen-button::after {
  color: #fff;
}

.video-player__volume-controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1rem;
  overflow: hidden;
  padding-right: 1rem;
  -webkit-transition: max-width 0.4s;
  transition: max-width 0.4s;
  width: auto;
}

.video-player__volume-button {
  padding-right: 0.5rem;
}
.video-player__volume-bar-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.video-player__volume-bar {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #929696;
  border-radius: 16px;
  cursor: pointer;
  height: 3px;
  margin: 0;
  width: 5rem;
}
.video-player__volume-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  background-color: #fff;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.video-player__volume-level {
  background-color: #fff;
  border-radius: 16px;
  height: 3px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.approval-thumbnail-image {
  margin-bottom: 0.5rem;
  max-width: 16rem;
  width: 50%;
}

.datepicker-trigger {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.625rem 0.875rem;
  width: 100%;
}
.datepicker-trigger::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 1rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.datepicker-trigger--expand::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.datepicker-trigger__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
}

.notice-bar {
  background: #f8f1e7;
  border: 1px solid #ab5f00;
  border-radius: 0.25rem;
  color: #ab5f00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding: 1rem;
}
.notice-bar.notice-bar--header {
  font-size: 0.875rem;
  line-height: 1.43;
  margin-left: auto;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.notice-bar.notice-bar--header::before {
  font-size: 1.25rem;
}
.notice-bar::before {
  font-size: 1.75rem;
}

.new-project-by-api {
  background: #fff;
  border-radius: 0.25rem;
  color: #1d2121;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
}

.new-project-by-api__form {
  max-width: 420px;
  width: 100%;
}

.steps-nav {
  font-size: 0.75rem;
  line-height: 1.333;
  color: #1d2121;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 2.5rem;
}
.steps-nav--scope {
  grid-template-columns: repeat(3, 1fr);
}

.steps-nav__step {
  border-top: 3px solid #e0dbd2;
  padding-top: 0.5rem;
}
.steps-nav__step--active {
  border-color: #1d2121;
}

.steps-nav__step-title {
  color: rgba(29, 33, 33, 0.8);
}
.steps-nav__step-title--completed::after {
  font-size: 1rem;
  margin-left: 2px;
}

.steps__step {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.steps__step--active, .steps__step--completed {
  margin-bottom: 4rem;
}

.steps__step-number {
  font-size: 1.5rem;
  line-height: 1.3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e0dbd2;
  border-radius: 0.25rem;
  color: #76797a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
}
.steps__step--active .steps__step-number {
  background: #1d2121;
  color: #fff;
}

.steps__step-title-wrapper {
  width: calc(100% - 4.5rem);
}
.steps__step--completed .steps__step-title-wrapper {
  width: calc(100% - 9.25rem);
}

.steps__step-title {
  margin-bottom: 0;
  margin-top: 0.125rem;
}
.steps__step--completed .steps__step-title {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.125rem;
  margin-top: 0;
}

.steps__step-form {
  width: 100%;
}

.steps__step-summary {
  font-weight: 500;
}
.steps__step-summary li {
  margin-bottom: 0.125rem;
}

.project-deliverable {
  background: #fff;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.project-deliverable--transparent {
  background-color: transparent;
  padding: 0;
}
.project-deliverable ul {
  border-bottom: 1px solid #e5e3e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1rem;
}
.project-deliverable ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.project-deliverable__label {
  color: rgba(26, 26, 26, 0.7);
}

.project-deliverable__content {
  color: #1a1a1a;
}
.project-deliverable__content--minus {
  color: #E80000;
}

.project-deliverable__description {
  margin-top: 0.75rem;
}

.multilevel-select__toggle {
  font-size: 0.75rem;
  line-height: 1.333;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-radius: 4px;
  color: #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.3125rem 0.625rem 0.3125rem 0.875rem;
  width: 100%;
}
.multilevel-select__toggle::after {
  font-size: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.multilevel-select--expand .multilevel-select__toggle {
  border-bottom: 1px solid transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.multilevel-select--expand .multilevel-select__toggle::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.form__set .multilevel-select__toggle {
  font-size: 0.875rem;
  line-height: 1.43;
  padding: 0.5625rem 0.625rem 0.5625rem 0.875rem;
}
.form__set .multilevel-select__toggle .multilevel-select__count {
  font-size: 0.75rem;
  line-height: 1.333;
}

.multilevel-select__toggle-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
}

.multilevel-select__content {
  display: none;
  position: relative;
}
.multilevel-select--expand .multilevel-select__content {
  display: block;
}

.multilevel-select__top-select,
.multilevel-select__child-select--visible {
  background-color: #fff;
  border: 1px solid #e5e3e2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  left: 0;
  padding: 12px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.multilevel-select__top-select li,
.multilevel-select__child-select--visible li {
  margin-bottom: 4px;
}
.multilevel-select__top-select li:last-of-type,
.multilevel-select__child-select--visible li:last-of-type {
  margin-bottom: 0;
}
.multilevel-select__top-select button,
.multilevel-select__child-select--visible button {
  font-size: 0.875rem;
  line-height: 1.43;
}
.multilevel-select__top-select--hidden {
  display: none;
}

.multilevel-select__child-select {
  display: none;
}
.multilevel-select__child-select--visible {
  display: block;
}
.multilevel-select__child-select--visible li {
  margin-bottom: 4px;
}
.multilevel-select__child-select--visible li:last-of-type {
  margin-bottom: 0;
}
.multilevel-select__child-select--visible li.multilevel-select__back-buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 10px;
}
.multilevel-select__child-select--visible button {
  font-size: 0.875rem;
  line-height: 1.43;
}

.multilevel-select__back-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.multilevel-select__back-button::before {
  font-size: 1rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.multilevel-select__back-button:not(:last-of-type)::after {
  content: "/";
  margin-left: 2px;
}

.multilevel-select__add-location {
  margin-top: 10px;
}

.project-review {
  background-color: #fff;
  border-radius: 0.25rem;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
  padding: 2rem 2.5rem;
}

.project-review__total {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.project-review__total-amount {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.project-review__total-amount--minus {
  color: #E80000;
}

.project-scope-grid__row {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
}

.project-scope-grid__col {
  grid-column-end: span 1;
  text-align: start;
}
.project-scope-grid__col--2 {
  grid-column-end: span 2;
}
.project-scope-grid__col--3 {
  grid-column-end: span 3;
}
.project-scope-grid__col--5 {
  grid-column-end: span 5;
}
.project-scope-grid__col--full-width {
  grid-column: 1/-1;
}

.project-scope-grid__heading {
  font-size: 0.875rem;
  line-height: 1.43;
  color: rgba(26, 26, 26, 0.7);
  padding: 0.5rem 1rem;
}

.project-scope-grid__content {
  color: #1a1a1a;
  padding: 1rem;
}
.project-scope-grid__row--compact .project-scope-grid__content {
  padding: 0.15rem 1rem;
}
.project-scope-grid__row--compact:last-of-type .project-scope-grid__content {
  padding: 0.15rem 1rem 1rem;
}

.accordion {
  background: #fff;
  border-radius: 4px;
}

.accordion__trigger {
  position: relative;
  width: 100%;
}
.accordion__trigger::after {
  font-size: 1.25rem;
  line-height: 1.4;
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.accordion--expanded .accordion__trigger::after {
  right: 0.75rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.accordion__content {
  display: none;
  padding-top: 0.5rem;
  position: relative;
}
.accordion__content::before {
  background-color: #e5e3e2;
  content: "";
  display: block;
  height: 1px;
  left: 1rem;
  position: absolute;
  top: 0;
  width: calc(100% - 2rem);
}
.accordion--expanded .accordion__content {
  display: block;
}

.clickup-embed {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease 0.5s;
  transition: opacity 0.2s ease 0.5s;
}
.clickup-embed--hidden {
  opacity: 0;
}

.dp--main {
  --dp-font-family: $font-primary;
  --dp-input-padding: 0.4rem 0.2rem;
  --dp-cell-padding: 0.15rem 0.75rem;
  --dp-cell-size: 1.75rem;
  --dp-menu-padding: 1rem;
  --dp-border-radius: 8px;
  position: relative;
}
.dp--main:has(.dp--active)::after {
  background-color: #1d2121;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.75rem;
  position: absolute;
  right: -0.25rem;
  top: -0.25rem;
  width: 0.75rem;
}

.dp--theme-light {
  --dp-primary-color: #1d2121;
  --dp-range-between-dates-background-color: #2e3232;
  --dp-range-between-border-color: #2e3232;
}

.dp--input {
  font-size: 0.75rem;
  line-height: 1.333;
  border-radius: 4px;
  padding: 0.625rem 2rem 0.625rem 0.875rem;
}

.dp--clear-btn {
  display: none;
}

.dp--menu {
  border: 0;
  -webkit-box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
}
.dp--menu:focus, .dp--menu:active {
  border: 0;
}

.dp--menu-inner {
  min-width: 23.5rem;
}

.dp--calendar-header {
  font-weight: 400;
}

.dp--month-year-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5rem;
}

.dp--month-year-select {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.dp--year-select {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.dp--month-year-select-base {
  font-weight: 500;
  padding: 0 0.5rem;
}
.dp--month-year-select-base:first-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dp--month-year-select-base:last-child {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.dp--calendar:not([role=rowgroup]) {
  border: 1px solid #e5e3e2;
  border-radius: 4px;
}

.dp--calendar-header-item {
  padding-top: 0.5rem;
}

.dp--calendar-header-separator {
  height: 0;
}

.dp--calendar-item {
  width: 14.285%;
}
.dp--calendar-item:first-child .dp--cell-inner.dp--range-between, .dp--calendar-item:first-child .dp--cell-inner.dp--range-border-end:not(.dp--range-border-start) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.dp--calendar-item:last-child .dp--cell-inner.dp--range-between, .dp--calendar-item:last-child .dp--cell-inner.dp--range-border-start:not(.dp--range-border-end) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.dp--cell-inner {
  width: 100%;
}
.dp--cell-inner.dp--range-between {
  color: #fff;
}
.dp--cell-inner.dp--range-border-start.dp--range-border-end {
  border-radius: var(--dp-cell-border-radius);
}

.dp--today {
  border: 0;
}

.dp--date-hoverable:hover {
  background: #e5e3e2;
  color: #1d2121;
}

.dp--inner-nav:hover, .dp--inner-nav:focus {
  color: #1d2121;
}

/**
* General Uppy styles that apply to everything inside the .uppy-Root container
*/
.uppy-Root {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-family: "Phonic";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  line-height: 1;
  position: relative;
  text-align: left;
}

[dir=rtl] .uppy-Root,
.uppy-Root[dir=rtl] {
  text-align: right;
}

.uppy-Root *,
.uppy-Root *::before,
.uppy-Root *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.uppy-Root [hidden] {
  display: none;
}

.uppy-u-reset {
  -webkit-appearance: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background: none;
  border: 0;
  border: medium none currentColor;
  border-collapse: separate;
  -o-border-image: none;
     border-image: none;
  border-radius: 0;
  border-spacing: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  clear: none;
  color: inherit;
  cursor: auto;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: inherit;
  font-size: inherit;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
  left: auto;
  letter-spacing: normal;
  line-height: 1;
  list-style: none;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: medium none invert;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  -webkit-transform: none;
          transform: none;
  -webkit-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
  -webkit-transform-style: flat;
          transform-style: flat;
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  z-index: auto;
}

[dir=rtl] .uppy-u-reset {
  text-align: right;
}

.uppy-c-textInput {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
}

.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px;
}

.uppy-c-textInput:focus {
  border-color: rgba(34, 117, 215, 0.6);
  -webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15);
          box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15);
  outline: none;
}

[data-uppy-theme=dark] .uppy-c-textInput {
  background-color: #333;
  border-color: #333;
  color: #eaeaea;
}

[data-uppy-theme=dark] .uppy-c-textInput:focus {
  border-color: #525252;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.uppy-c-icon {
  display: inline-block;
  fill: currentColor;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}

.uppy-c-btn {
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

[dir=rtl] .uppy-c-btn {
  text-align: center;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.uppy-c-btn::-moz-focus-inner {
  border: 0;
}

.uppy-c-btn-primary {
  background-color: #2275d7;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 10px 18px;
}

.uppy-c-btn-primary:hover {
  background-color: #1b5dab;
}

.uppy-c-btn-primary:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4);
          box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4);
  outline: none;
}

.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px;
}

[data-uppy-theme=dark] .uppy-c-btn-primary {
  color: #eaeaea;
}

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
          box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}

.uppy-c-btn-link {
  background-color: transparent;
  border-radius: 4px;
  color: #525252;
  font-size: 14px;
  line-height: 1;
  padding: 10px 15px;
}

.uppy-c-btn-link:hover {
  color: #333;
}

.uppy-c-btn-link:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
          box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
  outline: none;
}

.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px;
}

[data-uppy-theme=dark] .uppy-c-btn-link {
  color: #eaeaea;
}

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  outline: none;
}

[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
  border: 0;
}

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
          box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}

[data-uppy-theme=dark] .uppy-c-btn-link:hover {
  color: #939393;
}

.uppy-c-btn--small {
  border-radius: 2px;
  font-size: 0.9em;
  padding: 7px 16px;
}

.uppy-size--md .uppy-c-btn--small {
  border-radius: 2px;
  padding: 8px 10px;
}

.uppy-DragDrop-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Phonic";
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
}
.comment-form .uppy-DragDrop-container {
  background-color: transparent;
  color: white;
  opacity: 0.8;
}
.comment-form--alt .uppy-DragDrop-container {
  color: #1d2121;
}

.uppy-DragDrop-container::-moz-focus-inner {
  border: 0;
}

.uppy-DragDrop-container:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4);
          box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4);
  outline: none;
}

.uppy-DragDrop-inner {
  line-height: 1.4;
  margin: 0;
  padding: 30px 20px;
  position: relative;
  text-align: center;
}
.comment-form .uppy-DragDrop-inner {
  padding: 0.75rem 1rem;
}
.inline-thumbnail-upload .uppy-DragDrop-inner {
  -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;
  padding: 4px 8px;
}
.inline-thumbnail-upload .uppy-DragDrop-inner::before {
  font-size: 1.25rem;
  line-height: 1.4;
  position: static;
  top: 0;
  width: auto;
}
.uppy-DragDrop-inner::before {
  font-size: 3rem;
  line-height: 1.167;
  left: 0;
  position: absolute;
  top: 2rem;
  width: 100%;
}
.comment-form .uppy-DragDrop-inner::before {
  display: none;
}

.uppy-DragDrop-arrow {
  height: 60px;
  margin-bottom: 17px;
  visibility: hidden;
  width: 60px;
}
.comment-form .uppy-DragDrop-arrow, .inline-thumbnail-upload .uppy-DragDrop-arrow {
  display: none;
}

.uppy-DragDrop--isDragDropSupported {
  border: 8px solid black;
  border-image-repeat: round;
  border-image-slice: 8;
  border-image-source: url("../img/dashed-border.png");
}
.comment-form .uppy-DragDrop--isDragDropSupported, .inline-thumbnail-upload .uppy-DragDrop--isDragDropSupported {
  border-image-slice: 1.5;
  border-width: 1px;
}
.inline-thumbnail-upload--error .uppy-DragDrop--isDragDropSupported {
  border-image-source: url("../img/dashed-border-red.png");
}

.uppy-DragDrop--isDraggingOver:not(.comment-form .uppy-DragDrop--isDraggingOver) {
  background: #eaeaea;
  border: 2px dashed #2275d7;
}
.comment-form .uppy-DragDrop--isDraggingOver {
  opacity: 1;
}

.uppy-DragDrop--isDraggingOver .uppy-DragDrop-arrow {
  fill: #939393;
}

.uppy-DragDrop-label {
  font-size: 1.25rem;
  line-height: 1.4;
  -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;
  row-gap: 1.5rem;
}
.comment-form .uppy-DragDrop-label {
  font-size: 0.75rem;
  line-height: 1.333;
}
.inline-thumbnail-upload .uppy-DragDrop-label {
  font-size: 0.875rem;
  line-height: 1.43;
}

.uppy-DragDrop-browse {
  margin-bottom: 1.5rem;
}

.uppy-DragDrop-note {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #adadad;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.uppy-DragDrop-note::after {
  color: black;
  content: "INT01 Living Room Shot_B3_4.jpg";
}
.upload-modal__content--video .uppy-DragDrop-note::after {
  content: "INT01 Living Room Shot_B3.mp4";
}
.draft-form .uppy-DragDrop-note::after {
  content: "Draft_01.jpg";
}
.comment-form .uppy-DragDrop-note::after, .inline-thumbnail-upload .uppy-DragDrop-note::after {
  display: none;
}

.uppy-ProgressBar-inner {
  background-color: #66a1d9;
  height: 3px;
}

.uppy-ProgressBar-percentage {
  display: none;
}

.uppy-StatusBar-statusIndicator,
.uppy-StatusBar-spinner {
  display: none;
}