/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.featured-organizer-section__organizer-container {
  padding: 40px 0 0 0; }
  @media (min-width: 792px) and (max-width: 1080px) {
    .featured-organizer-section__organizer-container {
      padding: 40px 0 0 28px; } }

.featured-organizer-section__title-container {
  padding: 0; }
  @media (min-width: 1080px) {
    .featured-organizer-section__title-container {
      padding: 0 28px; } }

.featured-organizer-section__title {
  color: ui-purple;
  padding-bottom: 8px; }

.featured-organizer-section__subtitle {
  color: #6F7287; }

.featured-organizer-section__organizer-list-container {
  overflow-y: scroll;
  padding: 28px 0 40px 0; }
  @media (min-width: 1080px) {
    .featured-organizer-section__organizer-list-container {
      padding: 28px 28px 56px 32px; } }

.featured-organizer-section__organizer-list {
  display: flex;
  list-style: none; }
  .featured-organizer-section__organizer-list .list-item {
    padding-right: 28px; }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Animation Increment =========== */
/* ========== Timing =========== */
/* ========== Easing =========== */
/* ========== Base =========== */
/* ========== Colour =========== */
.collection-event--edit {
  display: flex;
  align-items: center; }

.collection-event__event-card-container {
  flex-grow: 1; }

.collection-event__event-card-container--unclickable {
  pointer-events: none; }

.collection-event__event-card-container--faded {
  opacity: 0.2;
  transition: all 400ms cubic-bezier(0.4, 0, 0.3, 1); }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.collection__event-card-group li:last-child {
  margin-bottom: 40px; }

/* EDS overrides */
.eds-event-card--consumer .eds-card--neutral:hover {
  box-shadow: unset !important; }

.event-card__container {
  padding-bottom: 96px; }
  @media (max-width: 960px) {
    .event-card__container {
      padding-bottom: 64px; } }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
.user-collection__browse-more-button-container {
  padding: 80px 0 100px 0; }

.events-section__desktop-container {
  padding: 0 16px; }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.user-collection__header-separator {
  height: 4px;
  width: 64px;
  background-color: #F05537; }

.user-collection__header-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  margin: auto;
  max-width: 1434px; }
  @media (min-width: 792px) {
    .user-collection__header-image-container {
      padding: 32px 24px; } }
  @media (min-width: 1152px) {
    .user-collection__header-image-container {
      padding: 32px 48px; } }

@media (min-width: 792px) {
  .user-collection__header--has-image {
    background: white;
    top: 0;
    z-index: 2;
    box-shadow: 0px 16px 64px -16px rgba(57, 54, 79, 0.1); } }

@media (min-width: 792px) {
  .user-collection__header {
    display: table;
    background: white;
    top: 0; } }

.user-collection__header-image-mask {
  width: 110%;
  filter: blur(50px);
  transform: scale(1.5); }
  @media (min-width: 792px) {
    .user-collection__header-image-mask {
      height: 384px; } }
  @media (min-width: 1152px) {
    .user-collection__header-image-mask {
      height: 416px; } }
  @media (min-width: 1272px) {
    .user-collection__header-image-mask {
      height: 540px; } }

.user-collection__header-image-mask-container {
  display: none; }
  @media (min-width: 792px) {
    .user-collection__header-image-mask-container {
      overflow: hidden;
      display: block;
      margin-bottom: -384px; } }
  @media (min-width: 1152px) {
    .user-collection__header-image-mask-container {
      height: 416px;
      margin-bottom: -416px; } }
  @media (min-width: 1272px) {
    .user-collection__header-image-mask-container {
      height: 540px;
      margin-bottom: -540px; } }

.user-collection__header-image-container-extra {
  z-index: 1;
  flex: 1;
  position: relative; }

.user-collection__header-image {
  width: 100%;
  display: block; }
  @media (min-width: 792px) {
    .user-collection__header-image {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 1;
      right: 32px;
      height: 384px;
      margin-left: -32px;
      width: calc(100% + 32px); } }
  @media (min-width: 1152px) {
    .user-collection__header-image {
      height: 416px; } }
  @media (min-width: 1272px) {
    .user-collection__header-image {
      height: 540px; } }

.user-collection__header-image-artist-attribution {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 16px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.45);
  line-height: 20px; }
  @media (min-width: 792px) {
    .user-collection__header-image-artist-attribution {
      height: 16px;
      line-height: 16px; } }

.user-collection__header--edit-mode {
  align-self: center; }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.collection-action-bar {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap; }

.collection-action-bar__btn {
  flex: 1; }

.collection-action-bar__link-back {
  display: flex;
  align-items: center; }

.share-view__loading-overlay {
  position: relative;
  height: 60px;
  width: 100%; }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
.user-collection__follow-btn {
  width: 100%;
  height: 44px; }

.user-collection__follow-btn-container {
  top: 0;
  z-index: 1;
  background: white;
  /* EDS Overrides */
  /* End EDS Overrides */ }
  @media (max-width: 660px) {
    .user-collection__follow-btn-container {
      padding-top: 16px;
      padding-bottom: 16px; } }
  .user-collection__follow-btn-container .eds-btn {
    display: block;
    width: 100%; }

.user-collection__follow-btn-has-followed {
  position: static; }

.user-collection__follow-btn-has-not-followed {
  position: sticky; }

/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Inputs =========== */
/* ========== Selection Controls =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
/* ========== Layout Peaks  =========== */
/* ========== Typography Font Sizes =========== */
/* ========== Typography Line Heights =========== */
/* ========== Typography Letter Spacings =========== */
/* ========== Responsive breakpoints UP ^^^^ =========== */
/* ========== Responsive breakpoints DOWN vvvv =========== */
/* ========== Responsive breakpoints ORIENTATION =========== */
@media (max-width: 792px) {
  .collection-page__container {
    margin-top: 48px; } }

.collection-image {
  height: 100%; }

.user-collection__events-section {
  padding: 32px 0 40px 0; }
  @media (min-width: 960px) {
    .user-collection__events-section {
      padding: 0 0 350px 0; } }

.user-collection__events-section--featured-organizers {
  padding: 32px 0 40px 0; }
  @media (min-width: 960px) {
    .user-collection__events-section--featured-organizers {
      padding: 0 0 16px 0; } }

@media (max-width: 792px) {
  .eds-structure__body,
  .eds-structure__main-mask {
    overflow: unset;
    max-width: 100%; } }

#user-collection__creator-image-container {
  position: absolute; }

.user-collection__creator-image {
  clip-path: url(#user-collection__creator-image-mask); }

.user-collection__creator {
  display: flex;
  align-items: center; }


/*# sourceMappingURL=1.033e49a00b0074125bfd.css.map*/