.browse.full-width {
   padding-top: 2rem;
   padding-bottom: 2rem;
}
.browse .header-sub-links-container {
    margin-bottom: 2rem;
}
.browse .browse-header-container {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   margin-bottom: 2rem;
}
.browse h1 {
   font-weight: 500;
   font-size: var(--text-3xl);
   color: var(--base-emphasis);
}
.browse .browse-sub-links-container {
   display: flex;
   flex-wrap: wrap;
   padding-top: 1.5rem;
}
.browse .browse-sub-links-container li:not(:last-of-type)::after {
   content: '|';
   padding: 0 1rem;
   color: var(--base-mute)
}
.browse .browse-sub-link {
   color: var(--base-emphasis);
   text-decoration: none;
   text-shadow: none;
   font-family: var(--emphasis-font);
}
.browse .browse-sub-link:hover {
   text-shadow: 0 0 1px var(--base-emphasis);
}
.browse-sub-link-count {
   color: var(--base-mute);
   font-size: var(--text-base);
   font-family: var(--body-font);
}
.browse .browse-options {
   display: flex;
   gap: 1rem;
}
.browse .label-select-container {
    display: flex;
    flex-direction: column;
}
.browse .label-select-container label {
    padding-bottom: .5rem;
    color: var(--base-emphasis);
}
.browse .browse-options select {
   width: calc(50% - .5rem);
   height: 2.5rem;
   padding: 0 .5rem;
   background-color :var(--base-02);
   color: var(--base-emphasis);
   border: 1px solid var(--border-color);
   border-radius: .5rem;
}
.browse .film-gallery-container {
   display: flex;
   flex-wrap: wrap;
   gap: .75rem;
}
.browse .film-container {
   width: calc(50% - .375rem);
}
.browse .pagination {
   display: flex;
   justify-content: center;

}
.browse .pagination-link {
   display: flex;
   flex-wrap: wrap;
   width: 2rem;
   height: 2rem;
   justify-content: center;
   align-content: center;
   background-color: none;
   text-shadow: 0 0 0 none;
}
.browse .pagination-link:hover {
   background-color: var(--dark-01);
   text-shadow: 0 0 1px var(--base-emphasis);
}
.browse .pagination-link.is-active {
   background-color: var(--dark-01);
   text-shadow: 0 0 1px var(--base-emphasis);
   cursor: default;
}
.browse .pagination-link.disabled {
   cursor: not-allowed;
}
.browse .pagination-link.disabled:hover {
   background-color: var(--base-02);
}

@media only screen and (min-width: 360px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 500px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 640px) {
   .browse .film-container {
      width: calc((100% - 1.5rem) / 3);
   }
 }
 
 @media only screen and (min-width: 768px) {
   .browse .browse-header-container {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
   }
   .browse .browse-options {
      flex: 0 0 auto;
   }
.browse .label-select-container {
    min-width: 10rem;
}
 }
 
 @media only screen and (min-width: 1024px) {
    .browse .header-sub-links-container {
        min-height: 70px;
        width: calc(100% - 23rem);
        display: flex;
        justify-content: end;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .browse .browse-header-container {
        position: absolute;
        top: -2rem;
        right: 0;
        transform: translateY(-100%);
    }
   .browse .film-gallery-container {
      gap: 1.5rem;
   }
    .browse .widgetPlaceHolder {
        position: relative;
    }
   .browse .film-container {
      width: calc((100% - 4.5rem) / 4);
   }
 }
 
 @media only screen and (min-width: 1280px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 1536px) {
   /* CSS rules */
 }