body{
  background-color: #eaeaea;
  padding:0;
  margin:0;
}
code{
  border: none;
}
.subheader{
  margin-top: 20px;
  margin-bottom: 20px;
}
.top-bar-title{
  font-family: 'Expletus Sans', cursive;
}
.top-bar-title a{
  color: #fff;
}
.top-bar{
  background-color: #333;
  border-bottom: #3C7BA2 4px solid;
}
.top-bar ul{
  background-color: #333;
}
.nav-wrapper{
  z-index: 100;
}
h1{
  font-size: 5.25rem;
}
h2{
  color: #555;
}
main header{
   
  width: 100%;
  
}
.slide{
  padding: 20px 0;
}
div.slide{
  position: relative;
  z-index: 2;
  box-shadow: 0px -2px 8px 3px rgba(0, 0, 0, 0.2);
}
header.slide{
  z-index: 1;
}
.panel{
  background-color: #eaeaea;
  border: 1px solid #d8d8d8;
}
main header .inside{
  margin: 0 auto;
  max-width: 980px;
  text-align: center;
  padding-top: 100px;
  z-index: 1;
}
main header .inside h1{
  margin: 0;
  color: #265069;
  font-family: 'Expletus Sans', cursive;
  font-weight: bold;
  text-shadow: 2px 2px 4px #335669;
  z-index: 1;
}
main.photos-gallery{
  background-color: #ddd;
}
.js main header .inside h1{
  position:fixed;
}
.gallery{
  padding: 10px;
  background: #fff center 0 no-repeat fixed;
}
.picture{
  overflow: hidden;
  position: relative;
  margin-top: -2px;
  display: inline-block;
}
.picture,
.picture img{
  margin: 0px;
  height: 100%;
}

.legend{
  padding: 5px;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  background-color: #333;
  top: 0px;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
}
.picture:hover .legend{
  opacity: 0.6;
}
img{
  max-width: 100%;
  max-height: 100%;
  transition: opacity 250ms;
}
.js img{
  max-height: 500px;
  opacity: 0.6;
}
.picture:hover{
  cursor: pointer;
}
.color1{
  background-color: #73626E;
}
.color2{
  background-color: #B38184;
}
.color3{
  background-color: #F0B49E;
}
.color4{
  background-color: #45ADA8;
}
.color5{
  background-color: #F7E4BE;
}
.color6{
  background-color: #E9D65C;
}
.color7{
  background-color: #E9B654;
}
.color8{
  background-color: #ACBB66;
}
.color9{
  background-color: #C1DAEE;
}
.color10{
  background-color: #92282F;
}
.picture1{
  width: 94px;
  height: 70px;
}
.picture2{
  width: 94px;
  height: 70px;
}
.picture3{
  width: 56px;
  height: 85px;
}
.picture4{
  width: 120px;
  height: 80px;
}
.picture5{
  width: 53px;
  height: 80px;
}
.picture6{
  width: 56px;
  height: 85px;
}
.picture7{
  width: 66px;
  height: 85px;
}
.picture8{
  width: 101px;
  height: 75px;
}
.picture9{
  width: 62px;
  height: 80px;
}
.picture10{
  width: 66px;
  height: 85px;
}
.picture11{
  width: 62px;
  height: 80px;
}
.picture12{
  width: 128px;
  height: 85px;
}
.picture13{
  width: 62px;
  height: 80px;
}
.picture14{
  width: 113px;
  height: 75px;
}
.picture15{
  width: 56px;
  height: 85px;
}
.picture16{
  width: 54px;
  height: 70px;
}
.picture17{
  width: 94px;
  height: 70px;
}


.loader-wrapper{
  position: absolute;
  top: calc(50vh - 28px);
  left: calc(50vw - 28px);
}

.loader {
  width: 56px;
  height: 56px;
  border: 2px solid rgba(0, 82, 236, 0.5);
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s ease-in-out infinite;
  top: 50%;
  margin: -28px auto 0;
}
.loader::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0052ec;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}


@tailwind base;@tailwind components;@tailwind utilities;@keyframes fadein {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes fadeout {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

@keyframes fave-starburst {
  0% {
      background-position: 0 0
  }

  to {
      background-position: -456px 0
  }
}

@keyframes fave-starburst-18px {
  0% {
      background-position: 0 0
  }

  to {
      background-position: -342px 0
  }
}

.fluid-avatar-editor-view {
  overflow: hidden;
  position: relative
}

.fluid-avatar-editor-view .avatar-background {
  background-size: 100%;
  cursor: pointer;
  cursor: grab;
  opacity: .4;
  position: absolute;
  transform: translateZ(0)
}

.fluid-avatar-editor-view .avatar-background.grabbing {
  cursor: pointer;
  cursor: grabbing
}

.fluid-avatar-editor-view .avatar-clip {
  border-radius: 50%;
  height: 400px;
  left: calc(50% - 200px);
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 200px);
  width: 400px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-avatar-editor-view .avatar-clip {
      height:200px;
      left: calc(50% - 100px);
      top: calc(50% - 100px);
      width: 200px
  }
}

.fluid-avatar-editor-view .avatar-image {
  background-size: 100%;
  position: absolute
}

.fluid-avatar-editor-view .controls-area {
  background-color: rgba(0,0,0,.6);
  border-radius: 3px;
  bottom: 30px;
  height: 48px;
  left: 50%;
  margin-left: -215px;
  opacity: 1;
  padding-top: 0;
  position: absolute;
  transition: opacity .25s ease-out;
  width: 430px;
  z-index: 1
}

.fluid-avatar-editor-view .controls-area.clickthrough {
  pointer-events: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-avatar-editor-view .controls-area {
      margin-left:0;
      transform: translateX(-50%);
      width: 300px
  }
}

.fluid-avatar-editor-view .zoom-controls {
  height: 15px;
  left: 34px;
  margin: 0 auto;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 16px;
  width: 360px
}

.fluid-avatar-editor-view .zoom-controls .zoom-handle {
  background-color: hsla(0,0%,100%,.95);
  border-radius: 18px;
  cursor: pointer;
  cursor: grab;
  height: 15px;
  left: 180px;
  pointer-events: auto;
  position: absolute;
  top: 0;
  transition: none;
  width: 15px;
  z-index: 1
}

.fluid-avatar-editor-view .zoom-controls .zoom-handle.dragging {
  cursor: pointer;
  cursor: grabbing
}

.fluid-avatar-editor-view .zoom-controls .zoom-guide {
  background-color: hsla(0,0%,100%,.5);
  border-radius: 6px;
  height: 4px;
  position: relative;
  top: 5px
}

.fluid-avatar-editor-view .zoom-controls .zoom-guide .low-quality-zone {
  background-color: rgba(0,0,0,.6);
  height: 4px;
  left: 0;
  position: absolute;
  top: 0
}

.fluid-avatar-editor-view .zoom-controls p {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  left: -24px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  text-shadow: 1px 1px 1px #000
}

.fluid-avatar-editor-view .zoom-controls p:nth-child(2) {
  left: auto;
  right: -24px
}

.fluid-avatar-editor-view .zoom-controls p.zoom-minus,.fluid-avatar-editor-view .zoom-controls p.zoom-plus {
  top: -1px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-avatar-editor-view .zoom-controls {
      width:230px
  }

  .fluid-avatar-editor-view .zoom-controls .zoom-handle {
      left: 50%
  }
}

@keyframes pinkBall {
  0% {
      z-index: 1
  }

  50% {
      transform: translateX(12px)
  }
}

@keyframes blueBall {
  50% {
      transform: translateX(-12px)
  }
}

.fluid .balls {
  display: inline-block;
  height: 12px;
  margin: 0 auto;
  position: relative;
  width: 24px
}

.fluid .balls.block {
  display: block
}

.fluid .balls:after,.fluid .balls:before {
  animation: pinkBall 1.6s ease-in-out infinite;
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  top: 0;
  width: 12px
}

.fluid .balls:before {
  background: #ff329c;
  left: 0
}

.fluid .balls:after {
  animation: blueBall 1.6s ease-in-out infinite;
  background: #0063dc;
  right: 0
}

.fluid .photo_container {
  display: inline-block;
  line-height: 0;
  position: relative
}

.fluid .photo_container .pc_link {
  background-image: url(https://combo.staticflickr.com/ap/build/images/video.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  filter: brightness(0) invert(1);
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 50px
}

.fluid .photo_container .pc_link img {
  display: none
}

.fluid .bbml_set h4 {
  color: #006dac;
  font-size: 16px;
  margin: 0
}

.fluid .bbml_set .SetCase {
  position: relative
}

.fluid .bbml_set .SetCase h4 {
  font-size: 14px;
  font-weight: 400;
  margin-top: -10px
}

.fluid .bbml_set .SetCase .setCommentLinkDiv {
  bottom: 10px;
  display: none;
  left: 5px;
  position: absolute
}

.fluid .bbml_set .SetCase .setCommentLinkDiv>img {
  display: none;
  margin: 0
}

.fluid .bbml_set .SetCase .setLink img {
  height: 80px;
  margin: 0;
  width: 80px
}

.fluid.disable-text-select {
  -webkit-touch-callout: none;
  user-select: none
}

.fluid .coverphoto {
  background-attachment: scroll;
  background-position: 50% 50%;
  background-size: 100%;
  height: 120px;
  padding-top: 130px;
  position: relative;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto {
      background-color:#000;
      background-repeat: no-repeat;
      background-size: cover;
      height: 130px;
      padding-top: 40px
  }
}

.fluid .coverphoto:hover .coverphoto-content .cover-photo-edit {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -43px -407px no-repeat;
  height: 38px;
  opacity: 1;
  width: 38px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .coverphoto:hover .coverphoto-content .cover-photo-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .coverphoto.editing {
  cursor: pointer;
  cursor: grab
}

.fluid .coverphoto.editing.grabbing {
  cursor: pointer;
  cursor: grabbing
}

.fluid .coverphoto.editing .editor-controls {
  bottom: 20px;
  display: block;
  left: 50%;
  min-width: 300px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  z-index: 51
}

.fluid .coverphoto.editing .editor-controls p {
  color: #fff
}

.fluid .coverphoto.editing .editor-controls button {
  pointer-events: auto
}

.fluid .coverphoto.editing .editor-controls button:first-of-type {
  margin-right: 20px
}

.fluid .coverphoto .balls,.fluid .coverphoto.editing .coverphoto-content,.fluid .coverphoto.saving.editing .editor-controls {
  display: none
}

.fluid .coverphoto.saving .balls {
  display: block;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  top: 50%;
  z-index: 51
}

.fluid .coverphoto .editor-controls {
  display: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto .coverphoto-content .cover-photo-edit {
      background:url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -43px -407px no-repeat;
      display: block;
      height: 38px;
      opacity: 1;
      right: 8px;
      top: -80px;
      width: 38px
  }
}

@media only screen and (max-width: 700px)and (orientation:portrait)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:700px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:1.5dppx),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:144dpi),only screen and (max-width:900px)and (orientation:landscape)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:900px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:1.5dppx),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:144dpi) {
  .fluid .coverphoto .coverphoto-content .cover-photo-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto .coverphoto-content .avatar .edit {
      align-items:center;
      display: flex;
      height: 56px;
      justify-content: center;
      padding: 0;
      width: 56px
  }
}

.fluid .coverphoto-gradient {
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.03) 8%,rgba(0,0,0,.11) 21%,rgba(0,0,0,.61) 78%,rgba(0,0,0,.7) 95%,rgba(0,0,0,.7));
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fluid .coverphoto-content {
  color: #fff;
  height: 120px;
  position: relative
}

.fluid .coverphoto-content .cover-photo-edit {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -43px -407px no-repeat;
  cursor: pointer;
  height: 38px;
  margin-left: 10px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -105px;
  transition: opacity .2s ease,width .2s ease;
  width: 38px;
  width: 0
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .coverphoto-content .cover-photo-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .cover-photo-edit {
      display:none;
      right: 8px
  }
}

.fluid .coverphoto-content .cover-photo-attribution {
  position: absolute;
  right: 130px
}

.fluid .coverphoto-content .cover-photo-attribution a {
  color: #fff
}

.fluid .coverphoto-content p {
  display: inline-block;
  font-weight: 300;
  line-height: 18px;
  margin: 0 30px 0 0;
  max-width: 250px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content p {
      margin-bottom:10px
  }

  .fluid .coverphoto-content p.subtitle {
      display: none
  }
}

.fluid .coverphoto-content p a {
  color: #fff
}

.fluid .coverphoto-content p em {
  margin: 0 10px
}

.fluid .coverphoto-content .avatar {
  float: left;
  margin: 0 15px 14px 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .avatar {
      float:none;
      height: 56px;
      left: 50%;
      margin: 0;
      position: absolute;
      top: -47px;
      transform: translate(-28px);
      width: 56px
  }
}

.fluid .coverphoto-content .avatar .edit {
  background-color: rgba(0,0,0,.6);
  border-radius: 100%;
  color: #fff;
  font-size: .8em;
  height: 65px;
  opacity: 0;
  padding-top: 35px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 0;
  transition: opacity .2s ease-out;
  width: 100px;
  z-index: 82
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .avatar .edit {
      display:none
  }
}

.fluid .coverphoto-content .avatar .edit .edit-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -43px -407px no-repeat;
  height: 38px;
  left: 50%;
  margin-left: -19px;
  position: absolute;
  width: 38px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .coverphoto-content .avatar .edit .edit-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .coverphoto-content .avatar:hover .edit {
  opacity: 1
}

.fluid .coverphoto-content .avatar .loading-overlay {
  background-color: #f3f5f6;
  border-radius: 50%;
  display: none;
  height: 100px;
  opacity: .9;
  width: 100px
}

.fluid .coverphoto-content .avatar .loading-overlay .balls {
  display: block;
  left: 38px;
  position: absolute;
  top: 44px
}

.fluid .coverphoto-content .avatar.loading .loading-overlay {
  display: block
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .avatar.loading .loading-overlay {
      align-items:center;
      display: flex;
      height: 56px;
      justify-content: center;
      width: 56px
  }

  .fluid .coverphoto-content .avatar.loading .loading-overlay .balls {
      left: 0;
      position: relative;
      top: 0
  }
}

.fluid .coverphoto-content .followers {
  margin-right: 0;
  max-width: 400px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .followers {
      max-width:100%;
      text-align: center;
      width: 100%
  }
}

.fluid .coverphoto-content .send-flickr-mail {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inherit;
  margin: 22px 0 0 10px;
  min-width: 50px;
  padding: 0 0 0 10px;
  width: 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .send-flickr-mail {
      display:none
  }
}

.fluid .coverphoto-content .send-flickr-mail svg {
  height: 28px;
  width: 28px
}

@keyframes bellshake {
  0% {
      transform: rotate(35deg)
  }

  12.5% {
      transform: rotate(-30deg)
  }

  25% {
      transform: rotate(25deg)
  }

  37.5% {
      transform: rotate(-20deg)
  }

  50% {
      transform: rotate(15deg)
  }

  62.5% {
      transform: rotate(-10deg)
  }

  75% {
      transform: rotate(5deg)
  }

  to {
      transform: rotate(0)
  }
}

.fluid .coverphoto-content .gift-pro-view {
  min-width: 60px
}

.fluid .coverphoto-content .gift-pro-view .gift-pro-container {
  display: block;
  flex: 1 1 auto
}

.fluid .coverphoto-content .gift-pro-view .gift-pro-container .gift-pro-link {
  align-items: center;
  display: flex;
  font-weight: 400;
  justify-content: flex-start
}

.fluid .coverphoto-content .gift-pro-view .gift-pro-container .gift-pro-link svg {
  flex: 0 0 auto;
  margin-right: 4px;
  position: relative;
  top: -2px
}

.fluid .coverphoto-content .gift-pro-view .gift-pro-container .gift-pro-link span {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .gift-pro-view {
      display:none
  }
}

.fluid .coverphoto-content .title-block-content {
  display: inline-block;
  width: calc(100% - 115px)
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .title-block-content {
      display:block;
      margin-left: 8px;
      margin-right: 8px;
      margin-top: 47px;
      text-align: center;
      width: calc(100% - 16px)
  }
}

.fluid .coverphoto-content .title-block-content .title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .title-block-content .title {
      align-items:center;
      display: flex;
      justify-content: center;
      padding: 20px 0 4px
  }
}

.fluid .coverphoto-content .title-block-content .title h1 {
  display: inline-block;
  line-height: 1em;
  margin: 21px 20px 13px 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .title-block-content .title h1 {
      display:block;
      font-size: 24px;
      margin: 0;
      overflow: hidden;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap
  }
}

.fluid .coverphoto-content .title-block-content .title .follow-view,.fluid .coverphoto-content .title-block-content .title .join-group-view {
  display: inline;
  flex: 0 0 auto
}

.fluid .coverphoto-content .title-block-content .title .follow-view button,.fluid .coverphoto-content .title-block-content .title .join-group-view button {
  margin-left: 0;
  margin-top: 22px
}

.fluid .coverphoto-content .title-block-content .title .follow-view .balls,.fluid .coverphoto-content .title-block-content .title .join-group-view .balls {
  margin-top: 30px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .title-block-content .title .follow-view,.fluid .coverphoto-content .title-block-content .title .join-group-view {
      display:block;
      flex: none;
      position: absolute;
      right: 8px;
      top: -100px
  }
}

.fluid .coverphoto-content .title-block-content .pro-badge-inline {
  border-radius: 4px;
  display: none;
  float: left;
  font-size: 14px;
  height: 19px;
  line-height: 19px;
  margin-left: 0;
  margin-right: 30px;
  width: 44px
}

.fluid .coverphoto-content .title-block-content .pro-badge-inline.in-meta {
  display: inline-block
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .title-block-content .pro-badge-inline {
      display:inline-block;
      float: none;
      margin-left: 10px;
      margin-right: 0;
      top: -5px
  }

  .fluid .coverphoto-content .title-block-content .pro-badge-inline.in-meta {
      display: none
  }
}

.fluid .coverphoto-content .title-block-content .pro-badge-new {
  display: none;
  margin-left: 2px;
  margin-right: 30px;
  position: relative;
  top: -1px
}

.fluid .coverphoto-content .title-block-content .pro-badge-new.in-meta {
  display: inline-block
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .title-block-content .pro-badge-new {
      display:inline-block;
      margin-left: 10px;
      margin-right: 0
  }

  .fluid .coverphoto-content .title-block-content .pro-badge-new.in-meta {
      display: none
  }
}

.fluid .coverphoto-content .metadata-flexer {
  align-items: center;
  display: flex;
  flex-direction: row
}

.fluid .coverphoto-content .metadata-flexer .subtitle {
  flex: 0 1 auto;
  min-width: 24px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto-content .metadata-flexer .group-statistics {
      width:100%
  }
}

.fluid .coverphoto-content .metadata-spacer.subtitle {
  flex: 1 0 75px;
  margin: 0;
  max-width: inherit
}

.fluid .coverphoto-content .metadata-item {
  flex-shrink: 0
}

.fluid .coverphoto-content .metadata-item:last-of-type {
  margin-right: 0
}

.fluid .coverphoto-content .metadata-item.truncate {
  flex-shrink: 1
}

.fluid .coverphoto-content .metadata-item.loc {
  min-width: 25px
}

@media only screen and (max-width: 1300px) {
  .fluid .coverphoto-content .metadata-item.loc {
      display:none
  }
}

@media only screen and (max-width: 1250px) {
  .fluid .coverphoto-content .metadata-item.joined {
      display:none
  }

  .fluid .coverphoto-content .metadata-item.photo-count {
      margin-right: 0
  }
}

@media only screen and (max-width: 1150px) {
  .fluid .coverphoto-content .metadata-item.photo-count {
      display:none
  }
}

.fluid .coverphoto-content .no-shrink {
  flex-shrink: 0
}

.fluid .coverphoto-content .metadata-content {
  display: inline-block
}

.fluid .coverphoto-content .metadata-content p:last-of-type {
  margin-right: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .fluid-group-coverphoto-view .coverphoto {
      height:145px
  }

  .fluid .fluid-group-coverphoto-view .coverphoto .coverphoto-content .cover-photo-edit {
      top: -40px
  }

  .fluid .fluid-group-coverphoto-view .coverphoto-content .group-statistics .followers {
      display: inline-block;
      float: none;
      margin-bottom: 0;
      width: auto
  }
}

.fluid .fluid-group-coverphoto-view .coverphoto-content .followers {
  text-align: center
}

@media only screen and (max-width: 1080px) {
  .fluid .fluid-group-coverphoto-view .coverphoto .coverphoto-content .metadata-item,.fluid .fluid-group-coverphoto-view .coverphoto .coverphoto-content .metadata-spacer {
      display:none
  }
}

@media (max-width: 700px) {
  .fluid .coverphoto .coverphoto-content .metadata-item {
      display:none
  }
}

.fluid .coverphoto.updates-flipped {
  padding-top: 130px;
  position: relative
}

.fluid .coverphoto.updates-flipped .attribution-button {
  align-items: center;
  bottom: 8px;
  color: #fff;
  cursor: pointer;
  display: block;
  display: flex;
  justify-content: center;
  opacity: .6;
  padding: 4px;
  position: absolute;
  right: 4px
}

.fluid .coverphoto.updates-flipped .attribution-button svg {
  display: block
}

.fluid .coverphoto.updates-flipped .coverphoto-content {
  align-items: flex-end;
  display: flex;
  height: auto
}

.fluid .coverphoto.updates-flipped .coverphoto-content p {
  margin: 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .avatar-container {
  flex: 0 0 auto
}

.fluid .coverphoto.updates-flipped .coverphoto-content .avatar-container .avatar {
  height: 100px;
  margin-right: 12px;
  width: 100px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .avatar-container .avatar .edit {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%
}

.fluid .coverphoto.updates-flipped .coverphoto-content .avatar-container .avatar .edit .edit-icon {
  left: auto;
  margin: 0;
  top: auto
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto.updates-flipped .coverphoto-content .avatar-container .avatar {
      left:auto;
      position: relative;
      top: auto;
      transform: none
  }
}

.fluid .coverphoto.updates-flipped .coverphoto-content h1 {
  max-width: 100%
}

.fluid .coverphoto.updates-flipped .coverphoto-content .info-container {
  flex: 1 1 auto;
  margin-bottom: 20px;
  min-width: 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .title-container {
  align-items: center;
  display: flex;
  margin-bottom: 8px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .title-container h1 {
  margin: 0 12px 0 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container {
  display: flex;
  justify-content: space-between
}

.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container .metadata-left {
  align-items: center;
  display: flex;
  min-width: 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container .metadata-right {
  align-items: center;
  display: flex
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions {
  display: flex;
  flex: 1 0 auto
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .context-menu-button,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .follow-flickr-user-button,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .following-flickr-user-button,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .join-button {
  flex: 0 0 auto;
  height: 36px;
  margin-left: 12px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .follow-flickr-user-button,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .following-flickr-user-button,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .join-button {
  padding: 0 12px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .context-menu-button {
  margin-left: 12px;
  padding: 0 8px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.joined-button .action-button-text.joined {
  display: inline
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.joined-button .action-button-text.leave,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.joined-button:hover .action-button-text.joined {
  display: none
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.following-flickr-user-button .action-button-text.following,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.joined-button:hover .action-button-text.leave {
  display: inline
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.following-flickr-user-button .action-button-text.unfollow,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.following-flickr-user-button:hover .action-button-text.following {
  display: none
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.following-flickr-user-button:hover .action-button-text.unfollow {
  display: inline
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button .loading-balls {
  display: none
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button .loading-balls .balls {
  display: block
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading {
  width: 80px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading .action-button-text,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading .action-button-text.following,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading .action-button-text.joined,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading .action-button-text.leave,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading .action-button-text.unfollow,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading:hover .action-button-text,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading:hover .action-button-text.following,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading:hover .action-button-text.joined,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading:hover .action-button-text.leave,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading:hover .action-button-text.unfollow {
  display: none
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .action-button.loading .loading-balls {
  display: block
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle {
  align-items: center;
  display: flex;
  min-width: 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view {
  align-items: center;
  display: flex
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view .gift-pro-container {
  display: block;
  width: 100%
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view .gift-pro-container .gift-pro-link {
  font-weight: 300
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .subtitle {
  margin-bottom: 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .pro-badge-new {
  margin-right: 12px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .subtitle {
  margin-right: 30px
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-stats {
  align-items: center;
  display: flex
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta {
  display: flex
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item {
  margin: 0
}

.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item:not(:first-child) {
  margin-left: 30px
}

@media only screen and (max-width: 1300px) {
  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item.loc {
      display:none
  }
}

@media only screen and (max-width: 1250px) {
  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item.joined {
      display:none
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item.photo-count {
      margin-right: 0
  }
}

@media only screen and (max-width: 1150px) {
  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item.photo-count {
      display:none
  }
}

.fluid .coverphoto.updates-flipped .coverphoto-content.desktop {
  display: flex
}

.fluid .coverphoto.updates-flipped .coverphoto-content.mobile {
  align-items: flex-start;
  display: none;
  flex-direction: column
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .coverphoto.updates-flipped .coverphoto-content.desktop {
      display:none
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content.mobile {
      align-items: stretch;
      display: flex
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .info-container {
      display: flex;
      flex-direction: column;
      margin: 16px 12px;
      position: relative
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions {
      position: absolute;
      right: 0
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle {
      margin-top: 4px
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view {
      display: none
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .subtitle {
      display: block;
      margin-left: 0
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-stats {
      margin-top: 16px
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-stats .followers,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-stats .group-statistics {
      align-items: center;
      display: flex;
      text-align: initial
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta {
      display: flex;
      margin-top: 8px
  }

  .fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item.joined,.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-additional-meta .metadata-item.photo-count {
      display: block
  }

  .fluid .coverphoto.updates-flipped {
      height: auto;
      padding: 0
  }

  .fluid .coverphoto.updates-flipped .coverphoto-gradient {
      background: initial;
      background-color: rgba(0,0,0,.4)
  }
}

.fluid .coverphoto.updates-flipped.editing .coverphoto-content.desktop,.fluid .coverphoto.updates-flipped.editing .coverphoto-content.mobile {
  display: none
}

.fluid .flickr-dots {
  box-sizing: border-box;
  font-size: 0;
  height: 12px;
  margin: 0 auto;
  position: relative;
  transform: translateZ(0);
  width: 24px
}

.fluid .flickr-dots.inline {
  display: inline-block;
  height: 6px;
  margin-bottom: 2px;
  width: 12px
}

.fluid .flickr-dots.demo-large {
  height: 60px;
  width: 120px
}

.fluid .flickr-dots:after,.fluid .flickr-dots:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 50%
}

.fluid .flickr-dots:before {
  animation: FluidFadeDot .25s ease 0s 1,FluidBlueDot 2s ease-in-out .25s infinite;
  background-color: #0063dc;
  left: 0;
  transform: translate3d(-12%,0,1px)
}

.fluid .flickr-dots:after {
  animation: FluidFadeDot .25s ease 0s 1,FluidPinkDot 2s ease-in-out .25s infinite;
  background-color: #ff0084;
  right: 0;
  transform: translate3d(12%,0,1px)
}

.fluid .flickr-dots.static:after,.fluid .flickr-dots.static:before {
  animation: none
}

@keyframes FluidFadeDot {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes FluidBlueDot {
  0% {
      z-index: 20
  }

  50% {
      transform: translate3d(112%,0,1px)
  }

  to {
      z-index: 1
  }
}

@keyframes FluidPinkDot {
  0% {
      z-index: 1
  }

  50% {
      transform: translate3d(-112%,0,1px)
  }

  to {
      z-index: 20
  }
}

.fluid .droparound {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.3),0 1px 4px 0 rgba(0,0,0,.2);
  box-sizing: border-box;
  left: -1000px;
  max-height: 400px;
  position: absolute;
  top: -1000px;
  width: 300px;
  z-index: 2006
}

.fluid .droparound.html,.fluid .droparound.subview-droparound {
  max-height: none
}

.fluid .droparound.menu {
  max-height: none;
  min-height: 0;
  padding-right: var(--scrollbar-width);
  width: auto
}

.fluid .droparound.menu .body {
  width: calc(100% + var(--scrollbar-width))
}

.fluid .droparound.auto-size {
  max-height: none;
  min-height: 0;
  width: auto
}

.fluid .droparound .body .content {
  box-sizing: border-box;
  max-height: 258px;
  min-height: 60px;
  padding: 12px
}

.fluid .droparound .body .content.text-only {
  max-height: 234px;
  padding: 12px
}

.fluid .droparound .body .content.html-only.auto-size,.fluid .droparound .body .content.text-only.auto-size {
  max-height: none;
  min-height: 0;
  width: auto
}

.fluid .droparound .body .content.menu {
  max-height: none;
  min-height: 0;
  padding: 6px 0
}

.fluid .droparound .body .content.menu ul {
  line-height: 26px;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.fluid .droparound .body .content.menu li {
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fluid .droparound .body .content.menu li .selection {
  display: inline-block;
  margin-right: 8px;
  min-width: 18px;
  vertical-align: middle
}

.fluid .droparound .body .content.menu li.selected {
  color: #1c9be9
}

.fluid .droparound .body .content.menu li.selected .selection {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -363px -477px no-repeat;
  height: 14px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .droparound .body .content.menu li.selected .selection {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .droparound .body .content.menu li.selected:hover {
  color: #1c9be9
}

.fluid .droparound .body .content.menu li.selected-item {
  font-weight: 600
}

.fluid .droparound .body .content.menu li.has-divider {
  border-top: 1px solid #e1e1e1;
  margin-top: 2px
}

.fluid .droparound .body .content.menu li.word-wrap {
  line-height: 1;
  padding: 5px 15px;
  text-overflow: inherit;
  white-space: normal
}

.fluid .droparound .body .content.menu li.disabled {
  color: #cfd6d9;
  cursor: default
}

.fluid .droparound .body .content.menu li:not(.disabled):focus,.fluid .droparound .body .content.menu li:not(.disabled):hover,.fluid .droparound .body .content.menu li:not(.disabled)>a:focus {
  background: #e6eaec;
  color: #212124
}

.fluid .droparound .body .content.menu a {
  color: #212124;
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
  text-decoration: none
}

.fluid .droparound .body .content.menu .label-new {
  margin-left: 10px
}

.fluid .droparound .body .content.subview.auto-size {
  max-height: none;
  min-height: 0;
  width: auto
}

.fluid .droparound .body .content>.view {
  opacity: 1;
  transition: opacity .3s ease-in-out
}

.fluid .droparound .body .content>.view.load-transition {
  opacity: 0
}

.fluid .droparound .body .content.loading {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 12px!important
}

.fluid .droparound .hide-foot,.fluid .droparound .hide-head {
  display: none
}

.fluid .droparound .droparrow {
  border: none;
  height: 11px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  top: -11px;
  width: 21px
}

.fluid .droparound .droparrow.up {
  bottom: -11px;
  height: 11px;
  top: auto;
  transform: rotate(180deg)
}

.fluid .droparound .droparrow.right {
  left: auto
}

.fluid .droparound .droparrow.left {
  right: auto;
  top: 10px;
  transform: rotate(-90deg)
}

.fluid .droparound .droparrow:after {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #aaa,-1px -1px 4px rgba(0,0,0,.2);
  content: "";
  display: block;
  height: 20px;
  margin-top: 7px;
  transform: rotate(45deg);
  width: 20px
}

.fluid .droparound .flickr-balls {
  flex: 0 0 auto
}

.fluid .droparound.no-border {
  border: none;
  box-shadow: none
}

.fluid .droparound.no-border .droparrow:after {
  box-shadow: none
}

.fluid .droparound.no-border-radius {
  border-radius: 0
}

.fluid .droparound.big-shadow {
  box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
}

.fluid .menu-anchor {
  color: #898989;
  font-size: 15px;
  margin-right: 10px
}

.fluid .menu-anchor span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  display: inline-block;
  height: 6px;
  margin-bottom: 1px;
  margin-left: 8px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .menu-anchor span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .menu-anchor:hover {
  color: #212124
}

.fluid-modal-nav-bar {
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: inset 0 -2px transparent;
  height: 60px;
  margin: 0 20px;
  overflow: visible;
  position: relative
}

.fluid-modal-nav-bar .fluid-modal-nav-content {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links {
  -webkit-touch-callout: none;
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 400;
  height: 57px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  top: 1px;
  user-select: none
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  float: left;
  height: 100%;
  line-height: 59px;
  margin-right: 10px;
  outline: none;
  padding: 0 20px;
  transition: border-bottom .1s linear
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link a {
  color: #000;
  display: inline-block;
  font-size: 12pt;
  font-weight: 400;
  line-height: 170%;
  opacity: .75;
  outline: 0;
  padding-top: 12px;
  text-decoration: none
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link.selected,.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link:focus,.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link:hover {
  border-bottom: 3px solid #0091dc;
  font-weight: 600
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link.selected a,.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link:focus a,.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link:hover a {
  color: #000;
  opacity: 1
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link.hidden {
  display: none
}

.fluid-modal-nav-bar .fluid-modal-nav-content ul.links li.link:last-child {
  margin-right: 0
}

.fluid-modal-nav-bar .fluid-modal-nav-content form {
  align-items: center;
  background-color: hsla(0,0%,100%,.8);
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex;
  flex: 0 0 auto;
  height: max-content;
  margin-right: 16px;
  overflow: hidden;
  transition: background-color .15s ease-in-out;
  width: 225px
}

.fluid-modal-nav-bar .fluid-modal-nav-content form .search-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 5px 5px 0;
  outline: 0;
  padding: 0;
  width: 100%
}

.fluid-modal-nav-bar .fluid-modal-nav-content form .search-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  border: 0;
  cursor: pointer;
  height: 18px;
  margin: 8px 0 7px 7px;
  padding: 0;
  text-align: left;
  text-indent: 999em;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-modal-nav-bar .fluid-modal-nav-content form .search-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-modal-nav-bar .fluid-modal-nav-content form:focus-within {
  border: 1px solid #006dac
}

.fluid-modal-nav-bar .fluid-modal-nav-content .close-x-button {
  flex: 0 0 auto
}

.fluid-modal-nav-bar .fluid-modal-nav-content .close-x-button svg {
  color: #212124;
  cursor: pointer;
  display: block;
  opacity: .5
}

.fluid-modal-nav-bar .fluid-modal-nav-content .close-x-button svg:hover {
  opacity: 1
}

.fluid .fluid-modal-view {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  bottom: 0;
  display: flex;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2006
}

@media only screen and (max-width: 1080px) {
  .fluid .fluid-modal-view {
      padding-left:env(safe-area-inset-left,0);
      padding-right: env(safe-area-inset-right,0)
  }
}

.fluid .fluid-modal-view .group-creation-modal .head .title {
  font-weight: 600
}

.fluid .modal {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
  box-sizing: border-box;
  margin: auto;
  max-height: 400px;
  min-height: 150px;
  pointer-events: all;
  position: relative;
  width: 600px
}

.fluid .modal.html-modal,.fluid .modal.subview-modal {
  max-height: none
}

.fluid .modal .no-outline,.fluid .modal label:hover {
  outline-width: 0
}

.fluid .modal .close-x {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -155px no-repeat;
  cursor: pointer;
  height: 13px;
  opacity: .5;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 13px;
  z-index: 1
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .modal .close-x {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.fluid .modal .close-x:hover {
  opacity: 1
}

.fluid .modal .head .title {
  word-wrap: break-word;
  font-size: 18px;
  line-height: 18px;
  padding: 19px 20px 16px
}

.fluid .modal .body.lines {
  border: 1px solid #cfd6d9;
  border-width: 1px 0
}

.fluid .modal .body .content {
  font-size: 14px;
  min-height: 60px;
  overflow-y: auto;
  padding: 0 20px 20px
}

.fluid .modal .body .content pre {
  font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif
}

.fluid .modal .body .content.text-only {
  max-height: 218px;
  padding: 0 20px 20px
}

.fluid .modal .body .content.no-scroll {
  overflow: hidden
}

.fluid .modal .body .content.has-footer {
  padding-bottom: 0
}

.fluid .modal .foot {
  height: 72px;
  overflow: auto
}

.fluid .modal .foot .buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px
}

.fluid .modal .foot .buttons .button-container {
  flex: 0 0 auto
}

.fluid .modal .foot .buttons .button-container button {
  margin-left: 10px
}

.fluid .modal .foot .buttons .flavor-text-container .flavor-text.hidden {
  visibility: hidden
}

.fluid .modal .foot .buttons .flavor-text-container .flavor-text.error {
  color: #e2292b
}

.fluid .modal .checkbox-prompt {
  margin-top: 1em
}

.fluid .modal .checkbox-prompt input {
  margin-right: .5em
}

.fluid .modal.flex-layout {
  display: flex;
  flex-direction: column;
  height: 100%
}

.fluid .modal.flex-layout .head {
  flex: 0 0 auto
}

.fluid .modal.flex-layout .body,.fluid .modal.flex-layout .body .content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%
}

.fluid .modal.flex-layout .foot {
  flex: 0 0 auto;
  height: auto
}

.fluid-notification-view {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0 0 5px #999;
  display: none;
  padding: 25px 15px 15px;
  position: fixed;
  right: 20px;
  top: 70px;
  z-index: 83
}

.fluid-notification-view .body {
  margin: 0 0 10px
}

.fluid-notification-view .body.has-icon {
  margin-left: 35px
}

.fluid-notification-view .action {
  float: right
}

.fluid-notification-view .action.is-hidden {
  display: none
}

.fluid-notification-view .icon {
  position: absolute
}

.fluid-notification-view .icon-success {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -130px 0 no-repeat;
  height: 20px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-notification-view .icon-success {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.fluid-notification-view .close-x {
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

.fluid-notification-view .close-x:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -151px -72px no-repeat;
  content: "";
  height: 9px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-notification-view .close-x:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.fluid .fluid-droparound-overlay,.fluid .fluid-modal-overlay {
  background-color: #f3f5f6;
  bottom: 0;
  left: 0;
  opacity: .5;
  position: fixed;
  right: 0;
  top: 0;
  visibility: visible;
  z-index: 2006
}

.fluid .fluid-droparound-overlay.transparent,.fluid .fluid-modal-overlay.transparent {
  background-color: transparent
}

.fluid .fluid-droparound-overlay.transparent .balls,.fluid .fluid-modal-overlay.transparent .balls {
  display: none
}

.fluid .fluid-droparound-overlay.dark-overlay,.fluid .fluid-modal-overlay.dark-overlay {
  background-color: rgba(0,0,0,.15)
}

.fluid .fluid-droparound-overlay.darker-overlay,.fluid .fluid-modal-overlay.darker-overlay {
  background-color: #212124
}

.fluid .fluid-droparound-overlay.light-overlay,.fluid .fluid-modal-overlay.light-overlay {
  background-color: hsla(0,0%,100%,.98);
  opacity: 1
}

.fluid .fluid-droparound-overlay.invisible,.fluid .fluid-modal-overlay.invisible {
  pointer-events: none;
  visibility: hidden
}

.fluid .fluid-droparound-overlay.invisible .balls,.fluid .fluid-modal-overlay.invisible .balls {
  display: none
}

.fluid .fluid-droparound-overlay .balls,.fluid .fluid-modal-overlay .balls {
  left: 50%;
  margin-left: -12px;
  margin-top: -6px;
  position: absolute;
  top: 50%
}

.fluid .fluid-selection-dropdown-container {
  -webkit-touch-callout: none;
  background-color: #fff;
  background-color: transparent;
  color: #000;
  margin-right: 10px;
  user-select: none;
  width: 200px;
  z-index: 2006
}

.fluid .fluid-selection-dropdown-container.open {
  position: relative
}

.fluid .fluid-selection-dropdown-container p {
  color: #898989;
  font-size: 14px
}

.fluid .fluid-selection-dropdown-container .fluid-selection-current-value-container {
  background-color: #fff;
  border: 1px solid #9ea4a7;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 2px 10px
}

.fluid .fluid-selection-dropdown-container .fluid-selection-current-value-container .current-value-container {
  cursor: pointer;
  display: flex;
  justify-content: space-between
}

.fluid .fluid-selection-dropdown-container .fluid-selection-current-value-container .current-value-container .fluid-selection-dropdown-arrow {
  color: #898989;
  width: 10%
}

.fluid .fluid-selection-dropdown-container .fluid-selection-current-value-container .current-value-container .current-value {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container {
  background-color: #fff;
  border: 1px solid #9ea4a7;
  border-radius: 3px;
  display: none;
  margin-top: -1px;
  padding: 5px 0;
  position: absolute
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container .individual-option-container {
  cursor: pointer;
  padding: 2px 10px
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container .individual-option-container .value-container {
  align-items: center;
  display: flex
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container .individual-option-container .value-container .option-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container .individual-option-container>input+label>span {
  color: #898989
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container .individual-option-container.locked {
  pointer-events: none
}

.fluid .fluid-selection-dropdown-container .fluid-selection-options-container .individual-option-container.locked>input:checked+label>div {
  box-shadow: inset 0 0 0 10px #a7a7a7
}

.fluid .fluid-share-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  opacity: .6
}

.fluid .fluid-share-button .fluid-share-button-label,.fluid .fluid-share-button .fluid-share-icon {
  color: #212124
}

.fluid .fluid-share-button .fluid-share-icon {
  flex: 0 0 auto
}

.fluid .fluid-share-button .fluid-share-icon svg {
  display: block;
  height: 24px;
  width: 24px
}

.fluid .fluid-share-button .fluid-share-button-label {
  flex: 1 1 auto
}

.fluid .fluid-share-button.disable-sharing {
  cursor: default;
  opacity: .2;
  pointer-events: none
}

.fluid .fluid-share-button.small .fluid-share-icon svg {
  height: 20px;
  width: 20px
}

.fluid .fluid-share-button.theme-dark {
  color: #212124;
  opacity: 1
}

.fluid .fluid-share-button.theme-dark .fluid-share-button-label,.fluid .fluid-share-button.theme-dark .fluid-share-icon {
  color: #212124
}

.fluid .fluid-share-button.theme-dark.disable-sharing {
  opacity: .6
}

.fluid .fluid-share-button.theme-light {
  opacity: 1
}

.fluid .fluid-share-button.theme-light .fluid-share-button-label,.fluid .fluid-share-button.theme-light .fluid-share-icon {
  color: #fff
}

.fluid .fluid-share-button.theme-light.disable-sharing {
  opacity: .6
}

.fluid table tr {
  line-height: 34px
}

.fluid table.with-avatar {
  height: 45px;
  line-height: 44px
}

.fluid table {
  border-collapse: collapse;
  font-size: 16px;
  font-weight: 400;
  table-layout: fixed;
  text-align: left;
  width: 100%
}

.fluid table tr {
  border-bottom: 1px solid #e3e3e3;
  color: #212124;
  height: 35px
}

.fluid table tr th {
  box-sizing: border-box;
  color: #898989;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap
}

.fluid table tr th.col5 {
  width: 5%
}

.fluid table tr th.col10 {
  width: 10%
}

.fluid table tr th.col12 {
  width: 12%
}

.fluid table tr th.col15 {
  width: 15%
}

.fluid table tr th.col20 {
  width: 20%
}

.fluid table tr th.col25 {
  width: 25%
}

.fluid table tr th.col30 {
  width: 30%
}

.fluid table tr th.col35 {
  width: 35%
}

.fluid table tr th.col40 {
  width: 40%
}

.fluid table tr th.col45 {
  width: 45%
}

.fluid table tr th.col50 {
  width: 50%
}

.fluid table tr th.col55 {
  width: 55%
}

.fluid table tr th.col60 {
  width: 60%
}

.fluid table tr th.col100 {
  width: 100%
}

.fluid table tr th>.sorted-ascend {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -120px no-repeat;
  height: 5px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid table tr th>.sorted-ascend {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid table tr th>.sorted-desc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -523px no-repeat;
  height: 5px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid table tr th>.sorted-desc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid table tr th>.sort-caret {
  display: none
}

.fluid table tr th.sortable.align-right .sort-left {
  bottom: 2px;
  display: inline-block;
  float: left;
  margin-top: 15px;
  position: relative
}

.fluid table tr th.sortable.align-right .sort-right {
  display: none
}

.fluid table tr th.sortable.sorted-column {
  font-weight: 600
}

.fluid table tr th.sortable .sort-right {
  bottom: 2px;
  display: inline-block;
  position: relative
}

.fluid table tr td {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fluid table tr td .sticky {
  background: #fffe70;
  border: 1px solid #cb8100;
  border-radius: 3px;
  color: #cb8100;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  margin-right: 10px;
  padding: 4px 7px 2px;
  text-transform: uppercase
}

.fluid table tr td,.fluid table tr th {
  padding: 0 10px 0 0
}

.fluid table tr td.align-right,.fluid table tr th.align-right {
  padding-right: 20px;
  text-align: right
}

.fluid table tr td.align-center,.fluid table tr th.align-center {
  text-align: center
}

.fluid table tr td.emphasis,.fluid table tr th.emphasis {
  font-weight: 600
}

.fluid table tr td.sortable,.fluid table tr th.sortable {
  text-align: right
}

.fluid table tr td.align-left,.fluid table tr th.align-left {
  text-align: left
}

.fluid table tr td.has-icon,.fluid table tr th.has-icon {
  color: #006dac;
  vertical-align: bottom
}

.fluid table tr td.has-icon svg.icon,.fluid table tr th.has-icon svg.icon {
  cursor: pointer
}

.fluid table tr td.is-after-locked.show-after-locked:after,.fluid table tr th.is-after-locked.show-after-locked:after {
  background-color: transparent;
  background-image: url(https://combo.staticflickr.com/ap/build/images/groups/lock.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  content: "";
  display: inline-block;
  height: 20px;
  margin-bottom: -5px;
  width: 20px
}

.fluid table tr:first-child,.fluid table tr:last-child {
  border-color: #ccc
}

.fluid table tr.footer {
  border-color: transparent
}

.fluid table tr.footer td {
  font-weight: 600
}

.fluid table tr:after,.fluid table tr:before {
  content: "";
  display: block;
  height: 34px
}

.fluid table tr:before {
  border-radius: 3px 0 0 3px;
  margin-left: -10px
}

.fluid table tr:after {
  border-radius: 0 3px 3px 0;
  margin-right: -10px
}

.fluid table tr.is-locked:hover:before,.fluid table tr.show-fave:hover:before,.fluid table tr:hover,.fluid table tr:hover:after,.fluid table tr:hover:before {
  background-color: #e6eaec
}

.fluid table tr.is-locked:hover:before.footer,.fluid table tr.is-locked:hover:before.footer:after,.fluid table tr.is-locked:hover:before.footer:before,.fluid table tr.is-locked:hover:before.header,.fluid table tr.is-locked:hover:before.header:after,.fluid table tr.is-locked:hover:before.header:before,.fluid table tr.show-fave:hover:before.footer,.fluid table tr.show-fave:hover:before.footer:after,.fluid table tr.show-fave:hover:before.footer:before,.fluid table tr.show-fave:hover:before.header,.fluid table tr.show-fave:hover:before.header:after,.fluid table tr.show-fave:hover:before.header:before,.fluid table tr:hover.footer,.fluid table tr:hover.footer:after,.fluid table tr:hover.footer:before,.fluid table tr:hover.header,.fluid table tr:hover.header:after,.fluid table tr:hover.header:before,.fluid table tr:hover:after.footer,.fluid table tr:hover:after.footer:after,.fluid table tr:hover:after.footer:before,.fluid table tr:hover:after.header,.fluid table tr:hover:after.header:after,.fluid table tr:hover:after.header:before,.fluid table tr:hover:before.footer,.fluid table tr:hover:before.footer:after,.fluid table tr:hover:before.footer:before,.fluid table tr:hover:before.header,.fluid table tr:hover:before.header:after,.fluid table tr:hover:before.header:before {
  background-color: transparent
}

.fluid table tr.is-locked:before {
  background-color: transparent;
  background-image: url(https://combo.staticflickr.com/ap/build/images/groups/lock.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  margin-left: -25px
}

.fluid table tr.show-fave:hover {
  cursor: pointer
}

.fluid table tr.show-fave:hover td {
  cursor: default
}

.fluid table tr.show-fave:hover:before {
  background-color: #e6eaec;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAQAAACdULMOAAACDElEQVRIx62VMUhbURSGTwYna22Kg+Kmm5BOLQQlJIjtKNJOVkSkHXQWbGtbSEUI39AOlmZ1DKhghZYsgcwt4tKuDoJbWhIUpZHk/V3S+hL1vqYv9033P+d+fJwL95kFLlKkrBOLIsVOYFIIdcCJIkKhnUgiypRDO5FHvCGNKITBxBEn9HGLE0Q8nE/GzIwMIh/Sx8yMvhBOFz6hnPw+/+FEPwnmybDNkd/nr9MR22SYJ0F/69EocWZJk2OPCvJ95QufhlO5qV5hjxxpZolz23jRVDxmn01WmWOUm5d8exhljlU22ee46dyKmbGMhyiQZLCtKQ6SpIDwWP4TLeLh8bztC3mGh8eiP3pCDfGyLcwKosbT1niGWus9OTEZRI2Zq0oPqSLeEQmERHiLqPLouoZJfiGybhQRsogqk66mcU7dqAbmlPEg7QmEiF5bjyLERPAQhxE/nR0/EMPBoKmgF5oiYioY9Arx3tmxjngdDMohFlrG2zR6FhC5YNA3xJhvf58vfOWBLxlDfA/CdHGO6G3sEo2/mhBFEo20F3FOlxsUQxyamXGXPEKUWGKJEkLkuWdmxiHijhs0jfhMjB08RIU0PWZm3CBNBeGxQ4xPiMdu0BqiRB1xBpdeSDhD1Ckh1tygjwhRJcvAlfUBPlBFiF036IA6Gww5e4bYoM6Bq6WbLUb+6TUaYYtuf/Ib4xeSk6zclJgAAAAASUVORK5CYII=)
}

.fluid table tr.show-fave.is-faved:before,.fluid table tr.show-fave:hover:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-left: -25px
}

.fluid table tr.show-fave.is-faved:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAMAAADSK7iXAAAAJFBMVEUAAAAhISQhISQhISQhISQhISQhISQhISQhISQhISQhISQhISRpCk2xAAAAC3RSTlMAMbY95SHxxk6deR+3ulMAAACySURBVHjajdHRCgUhCARQzczK///fC3E3dhmr5tXDwCBhROgmKd0ocZebMvd0VQZ1cdlFHfuInMsu6tj/4WPZuY59hvdl2zquvVn2T7K1Xp/S4B5okuLHFCFwsQIXqREuW8VzZ94seBQ4UDOaF0qJwMUKHSpIQ9YIY8gsYAVZQaUeRIHViFVgPWI9HnqeavOk2ubU1dDE48dpMVVf6AU1GGpCr4gFU7sbrK8GU/tAAB/2A7u8GLkxX4ldAAAAAElFTkSuQmCC)
}

.fluid table tr.is-leaving {
  pointer-events: none
}

.fluid table tr.is-leaving a,.fluid table tr.is-leaving>td.has-icon {
  color: #b3b3b3
}

.fluid table.with-avatar tr:after,.fluid table.with-avatar tr:before {
  height: 44px
}

.fluid table.with-avatar .avatar {
  margin: 6px 10px 6px 0;
  vertical-align: middle
}

.fluid table.with-avatar .avatar.group {
  margin-left: 4px
}

.fluid table.pika-table tr,.fluid table.unfluid tr {
  border-bottom: none;
  color: inherit;
  height: auto;
  line-height: inherit
}

.fluid table.pika-table tr td,.fluid table.unfluid tr td {
  overflow: initial;
  padding: 0;
  text-overflow: clip
}

.fluid table.pika-table tr:hover,.fluid table.pika-table tr:hover.footer,.fluid table.pika-table tr:hover.footer:after,.fluid table.pika-table tr:hover.footer:before,.fluid table.pika-table tr:hover.header,.fluid table.pika-table tr:hover.header:after,.fluid table.pika-table tr:hover.header:before,.fluid table.pika-table tr:hover:after,.fluid table.pika-table tr:hover:after.footer,.fluid table.pika-table tr:hover:after.footer:after,.fluid table.pika-table tr:hover:after.footer:before,.fluid table.pika-table tr:hover:after.header,.fluid table.pika-table tr:hover:after.header:after,.fluid table.pika-table tr:hover:after.header:before,.fluid table.pika-table tr:hover:before,.fluid table.pika-table tr:hover:before.footer,.fluid table.pika-table tr:hover:before.footer:after,.fluid table.pika-table tr:hover:before.footer:before,.fluid table.pika-table tr:hover:before.header,.fluid table.pika-table tr:hover:before.header:after,.fluid table.pika-table tr:hover:before.header:before,.fluid table.unfluid tr:hover,.fluid table.unfluid tr:hover.footer,.fluid table.unfluid tr:hover.footer:after,.fluid table.unfluid tr:hover.footer:before,.fluid table.unfluid tr:hover.header,.fluid table.unfluid tr:hover.header:after,.fluid table.unfluid tr:hover.header:before,.fluid table.unfluid tr:hover:after,.fluid table.unfluid tr:hover:after.footer,.fluid table.unfluid tr:hover:after.footer:after,.fluid table.unfluid tr:hover:after.footer:before,.fluid table.unfluid tr:hover:after.header,.fluid table.unfluid tr:hover:after.header:after,.fluid table.unfluid tr:hover:after.header:before,.fluid table.unfluid tr:hover:before,.fluid table.unfluid tr:hover:before.footer,.fluid table.unfluid tr:hover:before.footer:after,.fluid table.unfluid tr:hover:before.footer:before,.fluid table.unfluid tr:hover:before.header,.fluid table.unfluid tr:hover:before.header:after,.fluid table.unfluid tr:hover:before.header:before {
  background-color: transparent
}

.fluid table.pika-table tr td,.fluid table.pika-table tr th,.fluid table.unfluid tr td,.fluid table.unfluid tr th {
  padding: auto
}

.fluid table.pika-table tr:first-child,.fluid table.pika-table tr:last-child,.fluid table.unfluid tr:first-child,.fluid table.unfluid tr:last-child {
  border-color: none
}

.fluid table.pika-table tr:after,.fluid table.pika-table tr:before,.fluid table.unfluid tr:after,.fluid table.unfluid tr:before {
  content: none
}

.fluid .mock-radio>.input,.fluid .mock-radio>input,.fluid .radio>.input,.fluid .radio>input {
  display: none
}

.fluid .mock-radio>.input.checked+.label>div,.fluid .mock-radio>.input:checked+label>div,.fluid .mock-radio>input.checked+.label>div,.fluid .mock-radio>input:checked+label>div,.fluid .radio>.input.checked+.label>div,.fluid .radio>.input:checked+label>div,.fluid .radio>input.checked+.label>div,.fluid .radio>input:checked+label>div {
  box-shadow: inset 0 0 0 10px #128fdc
}

.fluid .mock-radio>.input.checked+.label>div:after,.fluid .mock-radio>.input:checked+label>div:after,.fluid .mock-radio>input.checked+.label>div:after,.fluid .mock-radio>input:checked+label>div:after,.fluid .radio>.input.checked+.label>div:after,.fluid .radio>.input:checked+label>div:after,.fluid .radio>input.checked+.label>div:after,.fluid .radio>input:checked+label>div:after {
  opacity: 1;
  transition: all .15s ease-in-out
}

.fluid .mock-radio>.input.disabled>.label,.fluid .mock-radio>.input:disabled+label,.fluid .mock-radio>input.disabled>.label,.fluid .mock-radio>input:disabled+label,.fluid .radio>.input.disabled>.label,.fluid .radio>.input:disabled+label,.fluid .radio>input.disabled>.label,.fluid .radio>input:disabled+label {
  cursor: default;
  opacity: .5
}

.fluid .mock-radio>.label,.fluid .mock-radio>label,.fluid .radio>.label,.fluid .radio>label {
  cursor: pointer;
  display: inline;
  font-size: 16px;
  line-height: 24px;
  position: relative
}

.fluid .mock-radio>.label>div,.fluid .mock-radio>label>div,.fluid .radio>.label>div,.fluid .radio>label>div {
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px #afb5b8;
  display: inline-block;
  height: 16px;
  line-height: 24px;
  margin-right: 10px;
  min-width: 16px;
  position: relative;
  top: -1px;
  transition: all .15s ease-in-out;
  vertical-align: middle;
  width: 16px
}

.fluid .mock-radio>.label>div.square,.fluid .mock-radio>label>div.square,.fluid .radio>.label>div.square,.fluid .radio>label>div.square {
  border-radius: 3px
}

.fluid .mock-radio>.label>div:after,.fluid .mock-radio>label>div:after,.fluid .radio>.label>div:after,.fluid .radio>label>div:after {
  background: transparent;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  height: 8px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  transition: all .15s ease-in-out;
  width: 4px
}

.fluid .mock-radio>.label>span,.fluid .mock-radio>label>span,.fluid .radio>.label>span,.fluid .radio>label>span {
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle
}

.fluid .mock-radio.large>.input.checked>.label>div,.fluid .mock-radio.large>.input:checked+label>div,.fluid .mock-radio.large>input.checked>.label>div,.fluid .mock-radio.large>input:checked+label>div,.fluid .radio.large>.input.checked>.label>div,.fluid .radio.large>.input:checked+label>div,.fluid .radio.large>input.checked>.label>div,.fluid .radio.large>input:checked+label>div {
  box-shadow: inset 0 0 0 10px #128fdc
}

.fluid .mock-radio.large>.label>div,.fluid .mock-radio.large>label>div,.fluid .radio.large>.label>div,.fluid .radio.large>label>div {
  height: 20px;
  width: 20px
}

.fluid .mock-radio.large>.label>div:after,.fluid .mock-radio.large>label>div:after,.fluid .radio.large>.label>div:after,.fluid .radio.large>label>div:after {
  left: 7px;
  top: 4px
}

.fluid .mock-radio.extra-large>.input.checked+.label>div,.fluid .mock-radio.extra-large>.input:checked+label>div,.fluid .mock-radio.extra-large>input.checked+.label>div,.fluid .mock-radio.extra-large>input:checked+label>div,.fluid .radio.extra-large>.input.checked+.label>div,.fluid .radio.extra-large>.input:checked+label>div,.fluid .radio.extra-large>input.checked+.label>div,.fluid .radio.extra-large>input:checked+label>div {
  box-shadow: inset 0 0 0 20px #128fdc
}

.fluid .mock-radio.extra-large>.label:after,.fluid .mock-radio.extra-large>label:after,.fluid .radio.extra-large>.label:after,.fluid .radio.extra-large>label:after {
  height: 16px;
  left: 14px;
  top: -2px;
  width: 8px
}

.fluid .mock-radio.extra-large>.label>div,.fluid .mock-radio.extra-large>label>div,.fluid .radio.extra-large>.label>div,.fluid .radio.extra-large>label>div {
  height: 40px;
  width: 40px
}

.fluid .mock-radio.pill,.fluid .radio.pill {
  height: auto;
  width: auto
}

.fluid .mock-radio.pill>.input.checked+.label,.fluid .mock-radio.pill>.input:checked+label,.fluid .mock-radio.pill>input.checked+.label,.fluid .mock-radio.pill>input:checked+label,.fluid .radio.pill>.input.checked+.label,.fluid .radio.pill>.input:checked+label,.fluid .radio.pill>input.checked+.label,.fluid .radio.pill>input:checked+label {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #128fdc
}

.fluid .mock-radio.pill>.input.checked+.label>div,.fluid .mock-radio.pill>.input:checked+label>div,.fluid .mock-radio.pill>input.checked+.label>div,.fluid .mock-radio.pill>input:checked+label>div,.fluid .radio.pill>.input.checked+.label>div,.fluid .radio.pill>.input:checked+label>div,.fluid .radio.pill>input.checked+.label>div,.fluid .radio.pill>input:checked+label>div {
  box-shadow: inset 0 0 0 10px #128fdc
}

.fluid .mock-radio.pill>.label,.fluid .mock-radio.pill>label,.fluid .radio.pill>.label,.fluid .radio.pill>label {
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #a4acb0;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  text-align: center;
  transition: background-color .15s ease-in-out;
  width: 330px
}

.fluid .mock-radio.pill>.label:hover,.fluid .mock-radio.pill>label:hover,.fluid .radio.pill>.label:hover,.fluid .radio.pill>label:hover {
  background-color: #e6eaec
}

.fluid .mock-radio.pill>.label>div,.fluid .mock-radio.pill>label>div,.fluid .radio.pill>.label>div,.fluid .radio.pill>label>div {
  box-shadow: none;
  height: 20px;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: initial;
  width: 20px
}

.fluid .mock-radio.pill>.label>div:after,.fluid .mock-radio.pill>label>div:after,.fluid .radio.pill>.label>div:after,.fluid .radio.pill>label>div:after {
  left: 7px;
  top: 4px;
  transition: initial
}

.fluid .mock-radio.switch>.input.checked+.label>div,.fluid .mock-radio.switch>.input:checked+label>div,.fluid .mock-radio.switch>input.checked+.label>div,.fluid .mock-radio.switch>input:checked+label>div,.fluid .radio.switch>.input.checked+.label>div,.fluid .radio.switch>.input:checked+label>div,.fluid .radio.switch>input.checked+.label>div,.fluid .radio.switch>input:checked+label>div {
  background-color: #128fdc;
  box-shadow: inset 0 0 0 6px #128fdc
}

.fluid .mock-radio.switch>.input.checked+.label>div:after,.fluid .mock-radio.switch>.input:checked+label>div:after,.fluid .mock-radio.switch>input.checked+.label>div:after,.fluid .mock-radio.switch>input:checked+label>div:after,.fluid .radio.switch>.input.checked+.label>div:after,.fluid .radio.switch>.input:checked+label>div:after,.fluid .radio.switch>input.checked+.label>div:after,.fluid .radio.switch>input:checked+label>div:after {
  left: 12px
}

.fluid .mock-radio.switch>.label>div,.fluid .mock-radio.switch>label>div,.fluid .radio.switch>.label>div,.fluid .radio.switch>label>div {
  background-color: #9ea4a7;
  border-radius: 8px;
  box-shadow: inset 0 0 0 6px #9ea4a7;
  margin-left: 8px;
  width: 26px
}

.fluid .mock-radio.switch>.label>div:after,.fluid .mock-radio.switch>label>div:after,.fluid .radio.switch>.label>div:after,.fluid .radio.switch>label>div:after {
  background: #fff;
  border: none;
  border-radius: 6px;
  height: 12px;
  left: 2px;
  opacity: 1;
  top: 2px;
  transform: none;
  width: 12px
}

.fluid body.scroll-fluid-modal {
  overflow-x: scroll!important
}

.fluid img.blocked-image {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAMAAACE9bUqAAAAM1BMVEUAAABtbnB3d3mAgYOKi4yxsrPi4uKUlJbFxcaenp/19fVjZGb////Oz8/s7OzY2NmnqKkpyC42AAAAAXRSTlMAQObYZgAAAIBJREFUeF6V0UkOAjEMRcF4ytwN9z8tJjZBJCDgbUvyXziE9r4Je78IiVZgk3R2K+Or5D6r7GJQBVtjd3pKin6e611OmHIoOI2t60OIDeZgdKFDLFJJY8lFuicq+EGQbYgZF6HarUiLNIwGsO9ANBhSLl5pRgomS5Dh+3/+fXe4AXN5FQqb3kk5AAAAAElFTkSuQmCC);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  cursor: pointer;
  height: 21px!important;
  opacity: .33;
  vertical-align: bottom;
  width: 25px!important
}

.fluid img.blocked-loaded {
  max-width: 100%
}

.fluid .restricted-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/photo-fuzzy-t.png)!important;
  background-repeat: repeat!important;
  background-size: initial!important
}

.fluid .warning-modal {
  background: rgba(243,245,246,.8);
  border-radius: 3px;
  position: absolute
}

.fluid .warning-modal .fluid-warning {
  background: #fff;
  box-shadow: 0 1px 6px rgba(0,0,0,.4);
  color: #212124;
  padding: 20px;
  position: absolute
}

.fluid .warning-modal .fluid-warning button {
  bottom: 20px;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  right: 20px
}

.groups-you-admin-listing-view ul {
  list-style-type: none;
  margin: 0;
  padding: 4px 0
}

.groups-you-admin-listing-view li {
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  overflow: hidden;
  padding: 4px 12px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.groups-you-admin-listing-view li.selected-item {
  font-weight: 600
}

.groups-you-admin-listing-view li:focus,.groups-you-admin-listing-view li:hover,.groups-you-admin-listing-view li>a:focus {
  background: #e6eaec;
  color: #212124
}

.groups-you-admin-droparound.droparound.auto-size {
  min-height: 60px
}

.search-pillbox {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  line-height: 33px;
  margin: 0 3px 0 5px;
  max-width: 50%;
  padding: 3px 0;
  transform: translateZ(0);
  transition: left .25s ease-in-out
}

@media only screen and (max-width: 1080px) {
  .search-pillbox {
      max-width:160px
  }
}

.search-pillbox .search-pill {
  align-items: center;
  background-color: #128fdc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  float: none;
  font-size: 14px;
  height: 27px;
  line-height: 27px;
  list-style-type: none;
  margin-right: 3px;
  padding: 0 5px;
  position: relative;
  transform: translateZ(0);
  transition: padding-right .25s ease-in-out;
  width: 100%
}

.search-pillbox .search-pill:last-of-type {
  margin-right: 5px
}

.search-pillbox .search-pill:hover {
  padding-right: 19px
}

.search-pillbox .search-pill:hover .search-pill-remover {
  opacity: 1
}

.search-pillbox .search-pill-name {
  flex: 0 10000 auto;
  min-width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-pillbox .search-pill-second-name {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.search-pillbox .search-pill-divider {
  background: #fff;
  border-bottom: 1px solid #128fdc;
  border-top: 1px solid #128fdc;
  flex: 0 0 auto;
  height: 20px;
  margin: 0 5px;
  width: 1px
}

.search-pillbox .search-pill-remover {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -26px no-repeat;
  cursor: pointer;
  flex: 0 0 auto;
  height: 9px;
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 10px;
  transition: opacity .25s ease-in-out;
  width: 9px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .search-pillbox .search-pill-remover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.account-settings-page-view div.header,.account-settings-view div.header {
  background: #fff
}

.account-settings-page-view div.header h1,.account-settings-view div.header h1 {
  font-size: 24px;
  margin: 0;
  padding-bottom: 30px;
  padding-top: 40px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view div.header h1,.account-settings-view div.header h1 {
      padding:20px
  }
}

.account-settings-page-view .fluid-magic-account-settings-subnav-view .fluid-subnav a:hover,.account-settings-view .fluid-magic-account-settings-subnav-view .fluid-subnav a:hover {
  text-decoration: none
}

.account-settings-page-view .boxes-wrapper,.account-settings-view .boxes-wrapper {
  display: flex;
  height: auto;
  margin-bottom: 80px;
  padding-top: 20px
}

.account-settings-page-view .boxes-wrapper .column1,.account-settings-page-view .boxes-wrapper .column2,.account-settings-view .boxes-wrapper .column1,.account-settings-view .boxes-wrapper .column2 {
  flex: 1;
  min-width: 0
}

.account-settings-page-view .boxes-wrapper .column1,.account-settings-view .boxes-wrapper .column1 {
  margin-right: 20px
}

@media only screen and (max-width: 1080px) {
  .account-settings-page-view .boxes-wrapper,.account-settings-view .boxes-wrapper {
      flex-direction:column;
      width: 100%
  }

  .account-settings-page-view .boxes-wrapper .column1,.account-settings-view .boxes-wrapper .column1 {
      margin-right: 0
  }
}

.account-settings-page-view .box,.account-settings-view .box {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 20px
}

.account-settings-page-view .box h4,.account-settings-view .box h4 {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0
}

.account-settings-page-view .box .row,.account-settings-view .box .row {
  border-bottom: 1px solid #e3e3e3;
  padding: 20px
}

.account-settings-page-view .box .row:last-child,.account-settings-view .box .row:last-child {
  border-bottom: none
}

.account-settings-page-view .row,.account-settings-view .row {
  font-size: 14px;
  line-height: 22px
}

.account-settings-page-view .row.no-border,.account-settings-view .row.no-border {
  border-bottom: none
}

.account-settings-page-view .row h5,.account-settings-view .row h5 {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 7px;
  line-height: 18px;
  margin: 0
}

.account-settings-page-view .row h5 .icon,.account-settings-view .row h5 .icon {
  color: #898989;
  cursor: pointer
}

.account-settings-page-view .row .edit,.account-settings-view .row .edit {
  display: block;
  width: fit-content
}

.account-settings-page-view .row .three-columns,.account-settings-page-view .row .two-columns,.account-settings-view .row .three-columns,.account-settings-view .row .two-columns {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  position: relative
}

.account-settings-page-view .row .three-columns .logo,.account-settings-page-view .row .two-columns .logo,.account-settings-view .row .three-columns .logo,.account-settings-view .row .two-columns .logo {
  padding: 0 10px
}

.account-settings-page-view .row .three-columns .logo .badge,.account-settings-page-view .row .two-columns .logo .badge,.account-settings-view .row .three-columns .logo .badge,.account-settings-view .row .two-columns .logo .badge {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/stats-f852f42c.png) 0 0 no-repeat;
  display: block;
  height: 56px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .row .three-columns .logo .badge,.account-settings-page-view .row .two-columns .logo .badge,.account-settings-view .row .three-columns .logo .badge,.account-settings-view .row .two-columns .logo .badge {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/stats@2x-c9829e9a.png);
      background-size: 77px 67px
  }
}

.account-settings-page-view .row .three-columns .logo .empty,.account-settings-page-view .row .two-columns .logo .empty,.account-settings-view .row .three-columns .logo .empty,.account-settings-view .row .two-columns .logo .empty {
  background: gray;
  height: 56px;
  width: 48px
}

.account-settings-page-view .row .three-columns .content,.account-settings-page-view .row .two-columns .content,.account-settings-view .row .three-columns .content,.account-settings-view .row .two-columns .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  min-height: 50px;
  padding: 0 15px
}

.account-settings-page-view .row .three-columns .content p,.account-settings-page-view .row .two-columns .content p,.account-settings-view .row .three-columns .content p,.account-settings-view .row .two-columns .content p {
  font-size: 14px;
  margin: 0
}

.account-settings-page-view .row .three-columns .link,.account-settings-page-view .row .two-columns .link,.account-settings-view .row .three-columns .link,.account-settings-view .row .two-columns .link {
  flex: 1;
  padding: 10px 0 0 10px
}

.account-settings-page-view .row .three-columns .link p,.account-settings-page-view .row .two-columns .link p,.account-settings-view .row .three-columns .link p,.account-settings-view .row .two-columns .link p {
  margin: 0
}

.account-settings-page-view .row .bold,.account-settings-view .row .bold {
  font-weight: 600
}

.account-settings-page-view .row .font-light,.account-settings-view .row .font-light {
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis
}

.account-settings-page-view .history-view table,.account-settings-page-view .history-view td,.account-settings-page-view .history-view tr,.account-settings-view .history-view table,.account-settings-view .history-view td,.account-settings-view .history-view tr {
  border: none
}

.account-settings-page-view .history-view td.history-id,.account-settings-view .history-view td.history-id {
  font-size: 11px!important
}

.account-settings-page-view .history-view td.history-id.dr-invoice-link,.account-settings-view .history-view td.history-id.dr-invoice-link {
  cursor: pointer
}

.account-settings-page-view .history-view td.history-id.dr-invoice-link a,.account-settings-view .history-view td.history-id.dr-invoice-link a {
  pointer-events: none
}

.account-settings-page-view .history-view td.history-id.dr-invoice-link:hover a,.account-settings-view .history-view td.history-id.dr-invoice-link:hover a {
  text-decoration: underline
}

.account-settings-page-view .membership-status,.account-settings-view .membership-status {
  grid-row: 1/3
}

.account-settings-page-view .membership-status .subscriptions,.account-settings-view .membership-status .subscriptions {
  padding: 0
}

.account-settings-page-view .membership-status .subscriptions .wallet-active-subscriptions-view,.account-settings-view .membership-status .subscriptions .wallet-active-subscriptions-view {
  padding: 20px;
  position: relative
}

.account-settings-page-view .membership-status .subscriptions .wallet-active-subscriptions-view .update-disabled,.account-settings-view .membership-status .subscriptions .wallet-active-subscriptions-view .update-disabled {
  color: #898989;
  display: inline-block;
  font-style: italic;
  line-height: 1.3em;
  margin-top: 5px
}

.account-settings-page-view .membership-status .subscriptions .wallet-active-subscriptions-view .loading-balls,.account-settings-view .membership-status .subscriptions .wallet-active-subscriptions-view .loading-balls {
  background-color: #f3f5f6;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  opacity: .9;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 50
}

.account-settings-page-view .membership-status .subscriptions .wallet-active-subscriptions-view .loading-balls .balls,.account-settings-view .membership-status .subscriptions .wallet-active-subscriptions-view .loading-balls .balls {
  margin-top: -10px;
  position: absolute;
  top: 50%
}

.account-settings-page-view .membership-status .subscriptions .wallet-active-subscriptions-view .loading-balls.hidden,.account-settings-view .membership-status .subscriptions .wallet-active-subscriptions-view .loading-balls.hidden {
  display: none
}

.account-settings-page-view .membership-status .subscriptions .pending,.account-settings-view .membership-status .subscriptions .pending {
  background: #e6e6e6;
  opacity: .6
}

.account-settings-page-view .membership-status .subscriptions .flickr-free span,.account-settings-view .membership-status .subscriptions .flickr-free span {
  font-weight: 600
}

.account-settings-page-view .membership-status .subscriptions .flickr-free .badge,.account-settings-view .membership-status .subscriptions .flickr-free .badge {
  filter: grayscale(100%)
}

.account-settings-page-view .membership-status .subscriptions .plan-name,.account-settings-view .membership-status .subscriptions .plan-name {
  font-weight: 600
}

.account-settings-page-view .membership-status .subscriptions .plan-name .sub-parsing-error,.account-settings-view .membership-status .subscriptions .plan-name .sub-parsing-error {
  color: #e2292b
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method,.account-settings-view .membership-status .subscriptions .inline-payment-method {
  border-top: 1px solid #e3e3e3;
  padding: 20px
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .content,.account-settings-view .membership-status .subscriptions .inline-payment-method .content {
  padding-left: 10px
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .logo,.account-settings-view .membership-status .subscriptions .inline-payment-method .logo {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
  width: 70px
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/wallet-6e780b90.png) -67px -35px no-repeat;
  height: 32px;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/wallet@2x-da5ecfa5.png);
      background-size: 215px 170px
  }
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.master-card,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.master-card {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/wallet-6e780b90.png) -131px -66px no-repeat;
  height: 32px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.master-card,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.master-card {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/wallet@2x-da5ecfa5.png);
      background-size: 215px 170px
  }
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.american-express,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.american-express {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/wallet-6e780b90.png) -131px 0 no-repeat;
  height: 32px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.american-express,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.american-express {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/wallet@2x-da5ecfa5.png);
      background-size: 215px 170px
  }
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.visa,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.visa {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/wallet-6e780b90.png) -49px -125px no-repeat;
  height: 32px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.visa,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.visa {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/wallet@2x-da5ecfa5.png);
      background-size: 215px 170px
  }
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.discover,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.discover {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/wallet-6e780b90.png) -131px -33px no-repeat;
  height: 32px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.discover,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.discover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/wallet@2x-da5ecfa5.png);
      background-size: 215px 170px
  }
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.paypal,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.paypal {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/wallet-6e780b90.png) 0 -125px no-repeat;
  height: 32px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 48px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .account-settings-page-view .membership-status .subscriptions .inline-payment-method .card-logo.paypal,.account-settings-view .membership-status .subscriptions .inline-payment-method .card-logo.paypal {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/wallet@2x-da5ecfa5.png);
      background-size: 215px 170px
  }
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .expired,.account-settings-view .membership-status .subscriptions .inline-payment-method .expired {
  color: #e2292b
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .expired .label-beta,.account-settings-view .membership-status .subscriptions .inline-payment-method .expired .label-beta {
  background-color: #e2292b
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .go-to-paypal,.account-settings-view .membership-status .subscriptions .inline-payment-method .go-to-paypal {
  color: #898989;
  font-size: 12px
}

.account-settings-page-view .membership-status .subscriptions .inline-payment-method .update-disabled,.account-settings-view .membership-status .subscriptions .inline-payment-method .update-disabled {
  color: #898989;
  display: inline-block;
  font-style: italic;
  line-height: 1.3em;
  margin-top: 5px
}

.account-settings-page-view .membership-status .outer-circle,.account-settings-view .membership-status .outer-circle {
  background: linear-gradient(135deg,#ff84c4,#ef096d);
  border-radius: 24px;
  height: 48px;
  margin: 0;
  padding: 2px 0 0 2px;
  width: 48px
}

.account-settings-page-view .membership-status .inner-circle,.account-settings-view .membership-status .inner-circle {
  background-color: #fff;
  border-radius: 22px;
  height: 46px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 46px
}

.account-settings-page-view .membership-status .inner-circle p,.account-settings-view .membership-status .inner-circle p {
  color: #ff46a6;
  font-size: 13px;
  font-weight: 600;
  line-height: 46px;
  margin: 0;
  padding: 0
}

.account-settings-page-view .membership-status .flickr-gifts,.account-settings-view .membership-status .flickr-gifts {
  padding: 0 20px 20px
}

.account-settings-page-view .membership-status .flickr-gifts .icon-container,.account-settings-view .membership-status .flickr-gifts .icon-container {
  height: 48px;
  width: 48px
}

.account-settings-page-view .membership-status .flickr-gifts .icon-gift-burst,.account-settings-view .membership-status .flickr-gifts .icon-gift-burst {
  fill: #ff0084;
  height: 100%;
  width: 100%
}

.account-settings-page-view .membership-status .flickr-gifts .content,.account-settings-view .membership-status .flickr-gifts .content {
  justify-content: flex-start
}

.account-settings-page-view .membership-status .flickr-gifts .content .view-all,.account-settings-view .membership-status .flickr-gifts .content .view-all {
  color: #006dac;
  cursor: pointer;
  font-weight: 400;
  margin-top: 20px
}

.account-settings-page-view .membership-status .payment-methods .update-payment-system,.account-settings-view .membership-status .payment-methods .update-payment-system {
  color: #006dac
}

.account-settings-page-view .membership-status .payment-methods .view-all,.account-settings-view .membership-status .payment-methods .view-all {
  font-size: 14px;
  text-align: center
}

.account-settings-page-view .membership-status .payment-methods .payment-card,.account-settings-view .membership-status .payment-methods .payment-card {
  border: none;
  font-size: 14px;
  padding: 0
}

.account-settings-page-view .membership-status .payment-methods .payment-card:hover,.account-settings-view .membership-status .payment-methods .payment-card:hover {
  background: none
}

.account-settings-page-view .membership-status .payment-methods .payment-card.payment-add-card,.account-settings-view .membership-status .payment-methods .payment-card.payment-add-card {
  border: 1px solid #e3e3e3;
  padding: 20px
}

.account-settings-page-view .membership-status .payment-methods .payment-card.payment-add-card:hover,.account-settings-view .membership-status .payment-methods .payment-card.payment-add-card:hover {
  background: inherit
}

.account-settings-page-view .membership-status .payment-methods .payment-card .cc-actions,.account-settings-view .membership-status .payment-methods .payment-card .cc-actions {
  top: 0
}

.account-settings-page-view .membership-status .payment-methods .payment-card .cc-actions .cc-action.dropdown,.account-settings-view .membership-status .payment-methods .payment-card .cc-actions .cc-action.dropdown {
  padding-right: 0;
  width: auto
}

.account-settings-page-view .membership-status .payment-methods .payment-card .cc-info p,.account-settings-view .membership-status .payment-methods .payment-card .cc-info p {
  font-size: 14px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .membership-status .payment-methods .payment-card .adr.cc-adr,.account-settings-view .membership-status .payment-methods .payment-card .adr.cc-adr {
      display:none
  }
}

.account-settings-page-view .membership-status .payment-methods .payment-card.hide-under-view-more,.account-settings-view .membership-status .payment-methods .payment-card.hide-under-view-more {
  display: none
}

.account-settings-page-view .pro-perks .asterix,.account-settings-view .pro-perks .asterix {
  color: #ccc;
  display: block
}

.account-settings-page-view .pro-perks .subtext,.account-settings-view .pro-perks .subtext {
  color: #ccc;
  font-size: 14px
}

.account-settings-page-view .pro-perks .link,.account-settings-view .pro-perks .link {
  text-align: right
}

.account-settings-page-view .pro-perks .link a,.account-settings-page-view .pro-perks .link p,.account-settings-view .pro-perks .link a,.account-settings-view .pro-perks .link p {
  font-size: 14px
}

.account-settings-page-view .pro-perks .for-pro-only,.account-settings-view .pro-perks .for-pro-only {
  color: #888
}

.account-settings-page-view .pro-perks .logo .brand,.account-settings-view .pro-perks .logo .brand {
  background-position: 50%;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px
}

.account-settings-page-view .pro-perks .logo .brand.portfoliobox,.account-settings-view .pro-perks .logo .brand.portfoliobox {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/logo-portfoliobox.png)
}

.account-settings-page-view .pro-perks .logo .brand.adobe,.account-settings-view .pro-perks .logo .brand.adobe {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/logo-adobe.png)
}

.account-settings-page-view .pro-perks .logo .brand.priime,.account-settings-view .pro-perks .logo .brand.priime {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/logo-priime2.png);
  background-size: contain
}

.account-settings-page-view .pro-perks .logo .brand.blurb,.account-settings-view .pro-perks .logo .brand.blurb {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/logo-blurb.png)
}

.account-settings-page-view .pro-perks .logo .brand.smugmug,.account-settings-view .pro-perks .logo .brand.smugmug {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/logo-smugmug2.png)
}

.account-settings-page-view .pro-perks .logo .brand.stats,.account-settings-view .pro-perks .logo .brand.stats {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/icon-stats.png)
}

.account-settings-page-view .pro-perks .logo .brand.uploadr,.account-settings-view .pro-perks .logo .brand.uploadr {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/logo-uploadr.png)
}

.account-settings-page-view .pro-perks .logo .brand.pixsy,.account-settings-view .pro-perks .logo .brand.pixsy {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro-perks/pixsy.png)
}

.account-settings-page-view .pro-perks .learn-more,.account-settings-view .pro-perks .learn-more {
  float: right;
  line-height: 26px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .pro-perks .learn-more,.account-settings-view .pro-perks .learn-more {
      float:none
  }
}

.account-settings-page-view .pro-perks .content .bold,.account-settings-view .pro-perks .content .bold {
  white-space: nowrap;
  word-break: keep-all
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .pro-perks .content .bold,.account-settings-view .pro-perks .content .bold {
      white-space:normal
  }
}

.account-settings-page-view .help a,.account-settings-page-view .help p,.account-settings-view .help a,.account-settings-view .help p {
  color: gray;
  font-size: 14px;
  text-align: center
}

.account-settings-page-view .account .two-columns .content,.account-settings-view .account .two-columns .content {
  padding: 0
}

.account-settings-page-view .account .two-columns .content p,.account-settings-page-view .account p,.account-settings-view .account .two-columns .content p,.account-settings-view .account p {
  display: block;
  font-size: 14px;
  margin: 0
}

.account-settings-page-view .account p.email,.account-settings-view .account p.email {
  word-wrap: break-word;
  overflow: scroll;
  overflow: hidden;
  padding-right: 10px;
  word-break: break-all
}

.account-settings-page-view .account p.email.email-issue,.account-settings-view .account p.email.email-issue {
  color: #e2292b;
  word-break: keep-all
}

.account-settings-page-view .account p.email.email-issue a,.account-settings-view .account p.email.email-issue a {
  color: #e2292b;
  text-decoration: underline
}

.account-settings-page-view .account p .change-email-disabled,.account-settings-view .account p .change-email-disabled {
  color: #999;
  pointer-events: none;
  text-decoration: line-through
}

.account-settings-page-view .account p i,.account-settings-view .account p i {
  color: #999
}

.account-settings-page-view .account .timezone-button,.account-settings-view .account .timezone-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  text-align: right
}

.account-settings-page-view .account .timezone-button .timezone-label,.account-settings-view .account .timezone-button .timezone-label {
  color: #006dac
}

.account-settings-page-view .account .timezone-button .arrow,.account-settings-view .account .timezone-button .arrow {
  align-items: center;
  color: #006dac;
  display: flex
}

.account-settings-page-view .account.safety-level,.account-settings-view .account.safety-level {
  margin-bottom: 20px
}

.account-settings-page-view .account.safety-level span,.account-settings-view .account.safety-level span {
  font-weight: 600
}

.account-settings-page-view .account.safety-level .moderate span,.account-settings-view .account.safety-level .moderate span {
  color: #f93
}

.account-settings-page-view .account.safety-level .restricted span,.account-settings-view .account.safety-level .restricted span {
  color: #e2292b
}

.account-settings-page-view .account .content p,.account-settings-view .account .content p {
  margin: 0
}

.account-settings-page-view .profile,.account-settings-view .profile {
  font-size: 14px
}

.account-settings-page-view .profile .section-title,.account-settings-view .profile .section-title {
  font-size: 14px;
  font-weight: 600
}

.account-settings-page-view .profile p,.account-settings-view .profile p {
  font-size: 14px
}

.account-settings-page-view .profile .two-columns .logo,.account-settings-view .profile .two-columns .logo {
  margin: 0;
  padding: 0
}

.account-settings-page-view .profile .two-columns .avatar,.account-settings-view .profile .two-columns .avatar {
  margin: 0 10px 0 0
}

.account-settings-page-view .profile .two-columns .content p,.account-settings-view .profile .two-columns .content p {
  font-size: 14px
}

.account-settings-page-view .profile .two-columns .content span,.account-settings-view .profile .two-columns .content span {
  font-weight: 600
}

.account-settings-page-view .profile.web-addresses .safety-level,.account-settings-view .profile.web-addresses .safety-level {
  margin-bottom: 20px
}

.account-settings-page-view .profile.web-addresses .safety-level span,.account-settings-view .profile.web-addresses .safety-level span {
  font-weight: 600
}

.account-settings-page-view .profile.web-addresses .safety-level .moderate span,.account-settings-view .profile.web-addresses .safety-level .moderate span {
  color: #f93
}

.account-settings-page-view .profile.web-addresses .safety-level .restricted span,.account-settings-view .profile.web-addresses .safety-level .restricted span {
  color: red
}

.account-settings-page-view .profile.web-addresses .content p,.account-settings-view .profile.web-addresses .content p {
  margin: 0
}

.account-settings-page-view .profile ul.badge-toggle-container,.account-settings-view .profile ul.badge-toggle-container {
  display: flex;
  list-style: none;
  margin: 16px 0 0;
  padding: 0
}

.account-settings-page-view .profile ul.badge-toggle-container li label,.account-settings-view .profile ul.badge-toggle-container li label {
  align-items: center;
  display: flex
}

.account-settings-page-view .profile ul.badge-toggle-container li label div,.account-settings-view .profile ul.badge-toggle-container li label div {
  top: 0
}

.account-settings-page-view .profile ul.badge-toggle-container li label .pro-badge-new,.account-settings-view .profile ul.badge-toggle-container li label .pro-badge-new {
  display: block
}

.account-settings-page-view .profile ul.badge-toggle-container li:not(:last-child),.account-settings-view .profile ul.badge-toggle-container li:not(:last-child) {
  margin-right: 16px
}

.account-settings-page-view .gdpr-export-view .label-beta,.account-settings-view .gdpr-export-view .label-beta {
  line-height: 14px;
  margin-right: 10px
}

.account-settings-page-view .gdpr-export-view h5,.account-settings-view .gdpr-export-view h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin: 0 0 8px
}

.account-settings-page-view .gdpr-export-view a,.account-settings-view .gdpr-export-view a {
  color: #006dac
}

.account-settings-page-view .gdpr-export-view .email-issue,.account-settings-view .gdpr-export-view .email-issue {
  color: #e2292b;
  word-break: keep-all
}

.account-settings-page-view .gdpr-export-view .email-issue a,.account-settings-view .gdpr-export-view .email-issue a {
  color: #e2292b;
  text-decoration: underline
}

.account-settings-page-view .gdpr-export-view .export-container,.account-settings-view .gdpr-export-view .export-container {
  font-size: 14px;
  line-height: 14px
}

.account-settings-page-view .gdpr-export-view .export-container p,.account-settings-view .gdpr-export-view .export-container p {
  font-size: 14px;
  margin: 0 0 20px
}

.account-settings-page-view .gdpr-export-view .export-container p span,.account-settings-view .gdpr-export-view .export-container p span {
  font-weight: 600
}

.account-settings-page-view .gdpr-export-view .export-container p.request-again-message,.account-settings-view .gdpr-export-view .export-container p.request-again-message {
  color: #999;
  margin-bottom: 0
}

.account-settings-page-view .gdpr-export-view .export-container p.email-request-message,.account-settings-view .gdpr-export-view .export-container p.email-request-message {
  margin-bottom: 0
}

.account-settings-page-view .gdpr-export-view .export-container ul,.account-settings-view .gdpr-export-view .export-container ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 20px;
  padding: 0
}

.account-settings-page-view .gdpr-export-view .export-container ul li,.account-settings-view .gdpr-export-view .export-container ul li {
  margin-bottom: 8px;
  width: 33%
}

.account-settings-page-view .account-settings-sharing-view p,.account-settings-view .account-settings-sharing-view p {
  margin: 0
}

.account-settings-page-view .account-settings-sharing-view .learn-more,.account-settings-view .account-settings-sharing-view .learn-more {
  display: inline-block;
  word-break: break-word
}

.account-settings-page-view .account-settings-sharing-view .services div:nth-child(n+11),.account-settings-view .account-settings-sharing-view .services div:nth-child(n+11) {
  display: none
}

.account-settings-page-view .account-settings-sharing-view .auth-service,.account-settings-view .account-settings-sharing-view .auth-service {
  align-items: center;
  display: flex
}

.account-settings-page-view .account-settings-sharing-view .auth-service:not(:first-child),.account-settings-view .account-settings-sharing-view .auth-service:not(:first-child) {
  margin-top: 10px
}

.account-settings-page-view .account-settings-sharing-view .auth-service.se-cards-reboot,.account-settings-view .account-settings-sharing-view .auth-service.se-cards-reboot {
  align-items: flex-start;
  display: grid;
  grid-template-columns: 50% 50%;
  margin-top: 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .account-settings-sharing-view .auth-service.se-cards-reboot,.account-settings-view .account-settings-sharing-view .auth-service.se-cards-reboot {
      grid-template-columns:70% 30%
  }
}

.account-settings-page-view .account-settings-sharing-view .auth-service .auth-header,.account-settings-view .account-settings-sharing-view .auth-service .auth-header {
  color: #999;
  flex-basis: 50%
}

.account-settings-page-view .account-settings-sharing-view .auth-service.header-container,.account-settings-view .account-settings-sharing-view .auth-service.header-container {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-top: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .account-settings-sharing-view .auth-service.header-container,.account-settings-view .account-settings-sharing-view .auth-service.header-container {
      grid-template-columns:70% 30%
  }
}

.account-settings-page-view .account-settings-sharing-view .auth-service .service-name-container,.account-settings-view .account-settings-sharing-view .auth-service .service-name-container {
  line-height: 14px;
  overflow: hidden;
  padding-right: 30px;
  text-overflow: ellipsis
}

.account-settings-page-view .account-settings-sharing-view .auth-service .service-permission-container,.account-settings-view .account-settings-sharing-view .auth-service .service-permission-container {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.account-settings-page-view .account-settings-sharing-view .auth-service .api-key-total,.account-settings-page-view .account-settings-sharing-view .auth-service .service-name,.account-settings-page-view .account-settings-sharing-view .auth-service .service-url,.account-settings-view .account-settings-sharing-view .auth-service .api-key-total,.account-settings-view .account-settings-sharing-view .auth-service .service-name,.account-settings-view .account-settings-sharing-view .auth-service .service-url {
  flex-basis: 50%;
  margin: 0;
  text-overflow: ellipsis
}

.account-settings-page-view .account-settings-sharing-view .auth-service .service-url.se-cards-reboot,.account-settings-view .account-settings-sharing-view .auth-service .service-url.se-cards-reboot {
  color: #999
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .account-settings-sharing-view .auth-service .service-remove,.account-settings-view .account-settings-sharing-view .auth-service .service-remove {
      display:none
  }
}

.account-settings-page-view .account-settings-sharing-view .auth-service .service-remove-mobile,.account-settings-view .account-settings-sharing-view .auth-service .service-remove-mobile {
  display: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-page-view .account-settings-sharing-view .auth-service .service-remove-mobile,.account-settings-view .account-settings-sharing-view .auth-service .service-remove-mobile {
      fill:#006dac;
      display: block;
      height: 16px;
      width: 16px
  }

  .account-settings-page-view .account-settings-sharing-view .auth-service .service-remove-mobile:hover,.account-settings-view .account-settings-sharing-view .auth-service .service-remove-mobile:hover {
      cursor: pointer
  }
}

.account-settings-page-view .account-settings-sharing-view .view-more-container,.account-settings-view .account-settings-sharing-view .view-more-container {
  margin-top: 10px
}

.account-settings-page-view .account-settings-sharing-view .manage-linked-apps:not(:first-child),.account-settings-view .account-settings-sharing-view .manage-linked-apps:not(:first-child) {
  display: block;
  margin-top: 15px
}

.account-settings-page-view .account-links.box a,.account-settings-page-view .account-links.box p,.account-settings-page-view .api-keys.box a,.account-settings-page-view .api-keys.box p,.account-settings-page-view .guest-passes.box a,.account-settings-page-view .guest-passes.box p,.account-settings-view .account-links.box a,.account-settings-view .account-links.box p,.account-settings-view .api-keys.box a,.account-settings-view .api-keys.box p,.account-settings-view .guest-passes.box a,.account-settings-view .guest-passes.box p {
  font-size: 14px
}

.fluid-modal-view .wallet-modify-subscription {
  -webkit-text-size-adjust: none
}

.fluid-modal-view .wallet-modify-subscription.change-disabled .wallet-modify-subscription-dialog-view h3 {
  border: none;
  padding-bottom: 0
}

.fluid-modal-view .wallet-modify-subscription.change-disabled .wallet-modify-subscription-dialog-view .dialog-title {
  padding-bottom: 0
}

.fluid-modal-view .wallet-modify-subscription.change-disabled .wallet-modify-subscription-dialog-view .button-container,.fluid-modal-view .wallet-modify-subscription.change-disabled .wallet-modify-subscription-dialog-view .dialog-title {
  border: none
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view {
  font-size: 16px;
  line-height: 24px;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view {
      font-size:16px;
      width: 100%
  }
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view p.error-message {
  color: #e2292b;
  display: none;
  margin-bottom: -10px
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view p.changes-label {
  margin-bottom: 0
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view p.changes-label.disable-changes {
  display: none
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .subscription-options {
  display: flex;
  padding: 20px 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .subscription-options {
      display:block
  }

  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .subscription-options br {
      display: none
  }
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .subscription-options .old-price {
  text-decoration: line-through
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .subscription-options .new-price {
  color: #ff0084
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .subscription-options.disable-changes {
  display: none
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .dialog-title {
  border-bottom: 1px solid #cfd6d9;
  padding-bottom: 20px
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .button-container {
  border-top: 1px solid #cfd6d9;
  padding: 20px 0 0;
  text-align: right
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .button-container {
      display:flex;
      flex-direction: column
  }

  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .button-container .cancel-your-subscription {
      float: none
  }
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view h3 {
  margin: 0
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 17px;
  position: relative
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card {
      margin-bottom:20px;
      margin-right: 0
  }
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card:last-of-type {
  margin-right: 0
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card input {
  display: none
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card label {
  display: flex;
  flex: 1
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .pill {
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #a4acb0;
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 80px;
  text-align: center;
  transition: background-color .15s ease-in-out
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .pill:hover {
  background-color: #e6eaec
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .pill h4 {
  display: inline-block;
  margin-bottom: auto;
  margin-top: auto;
  padding: 15px 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .pill h4 {
      font-size:18px;
      margin-top: 27px
  }
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card input:checked+label .pill {
  box-shadow: inset 0 0 0 2px #128fdc
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .squarecheckbox {
  background: #128fdc;
  border-radius: 3px;
  height: 18px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 18px
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .squarecheckbox:after {
  background: transparent;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  height: 8px;
  left: 6px;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 4px
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .card input:checked+label .squarecheckbox {
  opacity: 1;
  visibility: visible
}

.fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .cancel-your-subscription {
  float: left;
  margin: 0;
  text-align: left;
  width: auto
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-modify-subscription .wallet-modify-subscription-dialog-view .cancel-your-subscription {
      margin-bottom:20px;
      padding-bottom: 10px
  }
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-subscription,.fluid-modal-view .wallet-cancel-offer-view .cancel-subscription,.fluid-modal-view .wallet-cancel-subscription-view .cancel-subscription {
  position: relative;
  width: 100%
}

.fluid-modal-view .wallet-cancel-exit-survey-view p,.fluid-modal-view .wallet-cancel-offer-view p,.fluid-modal-view .wallet-cancel-subscription-view p {
  font-size: 14px;
  line-height: 20px
}

.fluid-modal-view .wallet-cancel-exit-survey-view .action-bar,.fluid-modal-view .wallet-cancel-offer-view .action-bar,.fluid-modal-view .wallet-cancel-subscription-view .action-bar {
  align-items: end;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-cancel-exit-survey-view .action-bar,.fluid-modal-view .wallet-cancel-offer-view .action-bar,.fluid-modal-view .wallet-cancel-subscription-view .action-bar {
      flex-direction:column
  }

  .fluid-modal-view .wallet-cancel-exit-survey-view .action-bar button,.fluid-modal-view .wallet-cancel-offer-view .action-bar button,.fluid-modal-view .wallet-cancel-subscription-view .action-bar button {
      width: 100%
  }

  .fluid-modal-view .wallet-cancel-exit-survey-view .action-bar button:first-child,.fluid-modal-view .wallet-cancel-offer-view .action-bar button:first-child,.fluid-modal-view .wallet-cancel-subscription-view .action-bar button:first-child {
      margin-bottom: 20px
  }
}

.fluid-modal-view .wallet-cancel-exit-survey-view .action-bar .cancel-close,.fluid-modal-view .wallet-cancel-offer-view .action-bar .cancel-close,.fluid-modal-view .wallet-cancel-subscription-view .action-bar .cancel-close {
  margin-right: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-cancel-exit-survey-view .action-bar .cancel-close,.fluid-modal-view .wallet-cancel-offer-view .action-bar .cancel-close,.fluid-modal-view .wallet-cancel-subscription-view .action-bar .cancel-close {
      margin-right:0
  }
}

.fluid-modal-view .wallet-cancel-exit-survey-view .action-bar a.cancel,.fluid-modal-view .wallet-cancel-offer-view .action-bar a.cancel,.fluid-modal-view .wallet-cancel-subscription-view .action-bar a.cancel {
  margin-right: 20px;
  margin-top: 7px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-cancel-exit-survey-view .action-bar a.cancel,.fluid-modal-view .wallet-cancel-offer-view .action-bar a.cancel,.fluid-modal-view .wallet-cancel-subscription-view .action-bar a.cancel {
      margin-bottom:20px
  }
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-exit-survey ul,.fluid-modal-view .wallet-cancel-offer-view .cancel-exit-survey ul,.fluid-modal-view .wallet-cancel-subscription-view .cancel-exit-survey ul {
  margin: 0;
  padding: 0
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-exit-survey ul .exit-survey-label,.fluid-modal-view .wallet-cancel-offer-view .cancel-exit-survey ul .exit-survey-label,.fluid-modal-view .wallet-cancel-subscription-view .cancel-exit-survey ul .exit-survey-label {
  align-items: center;
  display: flex
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-exit-survey ul .exit-survey-button,.fluid-modal-view .wallet-cancel-offer-view .cancel-exit-survey ul .exit-survey-button,.fluid-modal-view .wallet-cancel-subscription-view .cancel-exit-survey ul .exit-survey-button {
  margin-right: 15px
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-exit-survey ul span,.fluid-modal-view .wallet-cancel-offer-view .cancel-exit-survey ul span,.fluid-modal-view .wallet-cancel-subscription-view .cancel-exit-survey ul span {
  font-size: 14px;
  margin-left: 5px
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-exit-survey textarea,.fluid-modal-view .wallet-cancel-offer-view .cancel-exit-survey textarea,.fluid-modal-view .wallet-cancel-subscription-view .cancel-exit-survey textarea {
  height: 60px;
  margin-top: 10px;
  width: 100%
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-offer .crossed-price,.fluid-modal-view .wallet-cancel-offer-view .cancel-offer .crossed-price,.fluid-modal-view .wallet-cancel-subscription-view .cancel-offer .crossed-price {
  font-weight: 600;
  text-decoration: line-through
}

.fluid-modal-view .wallet-cancel-exit-survey-view .cancel-offer .offer-price,.fluid-modal-view .wallet-cancel-offer-view .cancel-offer .offer-price,.fluid-modal-view .wallet-cancel-subscription-view .cancel-offer .offer-price {
  color: #ff0084;
  font-weight: 600
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .wallet-cancel-exit-survey-view .cancel-offer .stay-pro,.fluid-modal-view .wallet-cancel-offer-view .cancel-offer .stay-pro,.fluid-modal-view .wallet-cancel-subscription-view .cancel-offer .stay-pro {
      height:auto
  }
}

.account-settings-sharing-permissions-modal .permission-container {
  margin-top: 15px
}

.account-settings-sharing-permissions-modal .permission-level {
  font-size: 14px;
  font-weight: 600;
  margin: 0
}

.account-settings-sharing-permissions-modal .permission-desc {
  font-size: 14px;
  margin: 0
}

.account-settings-revoke-permissions-modal.modal .head .title {
  padding-right: 40px
}

.account-settings-revoke-permissions-modal .revoke-perm-desc {
  font-size: 14px;
  margin-top: 0
}

.account-settings-revoke-permissions-modal .toggle-component-view label {
  align-items: flex-start
}

.account-settings-revoke-permissions-modal .button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px
}

.account-settings-revoke-permissions-modal .button-container .cancel-button {
  margin-right: 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .account-settings-revoke-permissions-modal .button-container {
      flex-direction:column
  }

  .account-settings-revoke-permissions-modal .button-container .cancel-button {
      margin: 0;
      order: 1
  }

  .account-settings-revoke-permissions-modal .button-container .revoke-button {
      margin-bottom: 10px
  }
}

.ad-card {
  background-color: #fff;
  border-radius: 4px;
  height: 100%;
  padding: 32px 20px 8px;
  width: 100%
}

.ad-card .ad-content-container {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.ad-card .ad-content-container .moola-container {
  height: 250px;
  margin: auto;
  width: 300px
}

.ad-card .ad-content-container .upgrade-to-pro-cta {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin: 8px
}

.ad-card .ad-content-container .upgrade-to-pro-cta a {
  color: #898989
}

.ad-card.theme-flat {
  background-color: transparent;
  padding: 0;
  width: auto
}

.ad-card.theme-flat .ad-content-container {
  align-items: flex-start
}

.ad-card.theme-flat .ad-content-container .upgrade-to-pro-cta {
  margin-left: 0
}

.ad-rail-card-view .ad-rail-card .ad-rail-content-container,.sidebar-moola-view .ad-rail-card .ad-rail-content-container {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.ad-rail-card-view .ad-rail-card .ad-rail-content-container .moola-container,.sidebar-moola-view .ad-rail-card .ad-rail-content-container .moola-container {
  height: 250px;
  margin: auto;
  width: 300px
}

.ad-rail-card-view .ad-rail-card .ad-rail-content-container .upgrade-to-pro-cta,.sidebar-moola-view .ad-rail-card .ad-rail-content-container .upgrade-to-pro-cta {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin: 8px
}

.ad-rail-card-view .ad-rail-card .ad-rail-content-container .upgrade-to-pro-cta a,.sidebar-moola-view .ad-rail-card .ad-rail-content-container .upgrade-to-pro-cta a {
  color: #898989
}

.add-comment-view {
  flex: 0 0 auto
}

.add-comment-view .comment-area {
  display: flex;
  margin: 20px 0;
  outline: none
}

.add-comment-view .comment-area .avatar {
  flex: 0 0 auto;
  margin: 3px 20px
}

.add-comment-view .comment-area .text-area-section {
  flex: 1 1 auto;
  position: relative
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper {
  background-color: transparent;
  box-shadow: none;
  color: #212124;
  display: flex;
  flex-direction: column;
  height: 30px;
  margin: 0;
  transition: height .5s,background-color .5s;
  width: 100%
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper textarea {
  background-color: transparent;
  box-shadow: none;
  flex: 1 1 auto;
  height: 100%;
  min-height: 18px;
  padding: 0;
  width: 100%
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper .emoji-picker-view {
  flex: 0 0 auto;
  opacity: 0;
  pointer-events: none
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper .comment-arrow {
  display: none;
  height: 21px;
  left: -9px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  width: 10px
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper .comment-arrow:before {
  background: #fff;
  border: 1px solid #9ea4a7;
  border-radius: 2px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: background-color .15s ease-in-out;
  width: 20px
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded,.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused,.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #999;
  height: 100px
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded .emoji-picker-view,.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused .emoji-picker-view,.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within .emoji-picker-view {
  opacity: 1;
  pointer-events: auto
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded .comment-arrow,.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused .comment-arrow,.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within .comment-arrow {
  display: block
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded .comment-arrow:before,.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused .comment-arrow:before,.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within .comment-arrow:before {
  border-color: #999
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused,.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within {
  box-shadow: inset 0 0 0 1px #008ddf
}

.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused .comment-arrow:before,.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within .comment-arrow:before {
  border-color: #008ddf
}

.add-comment-view .buttons button {
  margin-left: 10px
}

.add-comment-view .buttons.hidden {
  height: 0;
  opacity: 0;
  padding: 0
}

.add-comment-view .buttons,.add-comment-view .buttons.always-expanded {
  display: flex;
  height: auto;
  justify-content: flex-end;
  opacity: 1;
  overflow: hidden;
  padding-bottom: 20px;
  transition: height .5s,padding .5s,opacity .5s
}

.add-comment-view .comments-disabled-container {
  margin: 20px;
  text-align: center
}

.add-to-group-view .add-to-group-shim {
  height: 41px
}

.add-to-group-view .add-to-group-container {
  height: 269px;
  overflow: auto
}

.add-to-stuff-view {
  font-size: 14px;
  height: 100%
}

.add-to-stuff-view .add-to-stuff-container {
  display: flex;
  flex-direction: column;
  height: 100%
}

.add-to-stuff-view .nav {
  align-items: center;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 0 20px
}

.add-to-stuff-view .nav .list-label {
  font-weight: 600;
  padding: 0 20px 0 0
}

.add-to-stuff-view .nav ul {
  align-items: center;
  display: flex;
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0
}

.add-to-stuff-view .nav ul li {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  outline: none;
  transition: border-bottom .1s linear,box-shadow .1s linear
}

.add-to-stuff-view .nav ul li span {
  color: #000;
  display: block;
  margin-bottom: -3px;
  opacity: .75;
  padding: 16px;
  text-decoration: none
}

.add-to-stuff-view .nav ul li.selected,.add-to-stuff-view .nav ul li:focus,.add-to-stuff-view .nav ul li:hover {
  border-bottom: 3px solid #0091dc;
  margin-bottom: 0
}

.add-to-stuff-view .nav ul li.selected span,.add-to-stuff-view .nav ul li:focus span,.add-to-stuff-view .nav ul li:hover span {
  color: #000;
  opacity: 1
}

.add-to-stuff-view .nav ul li:focus {
  box-shadow: inset 0 0 0 2px #0091dc
}

.add-to-stuff-view .nav .alpha-link {
  margin-right: 5px
}

.add-to-stuff-view .tab-content-container {
  flex: 1 1 auto;
  height: 100%;
  overflow: auto
}

.add-to-stuff-view .tab-content-container .tab-container {
  display: none
}

.add-to-stuff-view .tab-content-container .tab-container.selected {
  display: block;
  height: 100%
}

.add-to-stuff-view .close-x-button {
  cursor: pointer;
  height: 22px;
  opacity: .3;
  width: 22px
}

.add-to-stuff-view .close-x-button:hover {
  opacity: .5
}

@media only screen and (max-width: 500px) {
  .add-to-stuff-view .nav .list-label {
      font-size:14px;
      padding: 0 8px 0 0
  }

  .add-to-stuff-view .nav ul li span {
      font-size: 14px;
      padding: 12px 6px
  }
}

.inappropriate-cover {
  align-items: center;
  background-color: #000;
  color: #ccc!important;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  width: 100%
}

.inappropriate-cover .inappropriate-cover-content {
  padding: 0 10px;
  text-align: center
}

.inappropriate-cover .inappropriate-cover-content h2 {
  margin: 0 0 10px
}

.adult-content-photo-overlay {
  align-items: center;
  background-color: #000;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 12px;
  position: relative;
  text-align: center;
  width: 100%
}

.adult-content-photo-overlay h1,.adult-content-photo-overlay p {
  margin: 0;
  padding: 0
}

.adult-content-photo-overlay .title {
  font-size: 24px;
  line-height: 1.2em
}

.adult-content-photo-overlay .message {
  font-size: 16px;
  line-height: 1.2em;
  margin-top: 16px
}

.adult-content-photo-overlay .photo-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.adult-content-photo-overlay.compact .title {
  font-size: 16px
}

.adult-content-photo-overlay.compact .message {
  display: none
}

.album-header-view {
  position: relative
}

.album-header-view>.album-header-content {
  align-items: center;
  background-color: #000;
  background-position: 50%;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: 0 1px 1px #000
}

.album-header-view>.album-header-content>.dimming-shim {
  background: rgba(0,0,0,.6);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 300
}

.album-header-view>.album-header-content>.flex-padding {
  flex: 0 1 auto;
  min-height: 20px
}

.album-header-view>.album-header-content>.view {
  z-index: 400
}

.album-header-view>.album-header-content>.view.editing {
  margin-top: 52px
}

.album-header-view>.album-header-content>.album-stats-view {
  margin-top: 0
}

.album-header-view>.album-header-content>.album-stats-view>.stats-container {
  font-size: 14px
}

.album-header-view>.album-header-content>.album-stats-view>.stats-container>.album-stats-separator {
  font-size: 18px;
  font-weight: 800;
  margin: 0 10px
}

.album-header-view>.album-header-content>.album-stats-view.invisible {
  visibility: hidden
}

.album-header-view>.album-header-content>.album-engagement-view {
  margin-bottom: 20px;
  margin-left: -40px;
  margin-top: 20px
}

.album-header-view>.album-header-content>.album-engagement-view>.create-book-container,.album-header-view>.album-header-content>.album-engagement-view>.download-album-container,.album-header-view>.album-header-content>.album-engagement-view>.fluid-share-album-view {
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  width: 30px
}

.album-header-view>.album-header-content>.album-engagement-view>.create-book-container span,.album-header-view>.album-header-content>.album-engagement-view>.download-album-container span,.album-header-view>.album-header-content>.album-engagement-view>.fluid-share-album-view span {
  display: block;
  position: absolute
}

.album-header-view>.album-header-content>.album-engagement-view>.download-album-container>.balls {
  left: 3px;
  top: 6px
}

.album-header-view>.album-header-content>.album-engagement-view>.download-album-container {
  margin-left: 40px
}

.album-header-view>.album-header-content>.album-engagement-view>.fluid-share-album-view {
  margin-left: 40px;
  margin-top: 1px
}

.album-header-view>.album-header-content>.album-engagement-view>.fluid-share-album-view span {
  position: static
}

.album-header-view>.album-header-content>.album-engagement-view>.fluid-share-album-view .share-album-button {
  position: relative;
  top: 4px
}

.album-header-view>.album-header-content>.album-engagement-view .create-book-container {
  margin-left: 40px
}

.album-header-view>.album-header-content>.album-engagement-view .create-book-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -111px no-repeat;
  height: 21px;
  left: 3px;
  top: 6px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-header-view>.album-header-content>.album-engagement-view .create-book-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-header-view>.album-header-content>.album-engagement-view .download-album-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -397px no-repeat;
  height: 22px;
  left: 2px;
  top: 5px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-header-view>.album-header-content>.album-engagement-view .download-album-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-header-view>.album-header-content>.album-engagement-view.invisible {
  visibility: hidden
}

.album-header-view>.album-header-content>.attribution-view.album-attribution {
  left: 0
}

.album-header-view>.album-header-content>.attribution-view.album-attribution .pro-badge-inline {
  color: #fff
}

@media(max-height: 780px) {
  .album-header-view>.album-header-content>.attribution-view.album-attribution {
      margin-bottom:35px;
      position: static
  }
}

@media only screen and (max-width: 890px) {
  .album-header-view>.album-header-content>.attribution-view.album-attribution .avatar {
      display:none
  }
}

.album-header-view>.album-header-content>.change-album-sorting,.album-header-view>.album-header-content>.edit-cover-photo {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 20px;
  text-align: right;
  text-decoration: none;
  top: 10px;
  z-index: 400
}

.album-header-view>.album-header-content>.change-album-sorting i,.album-header-view>.album-header-content>.edit-cover-photo i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -448px no-repeat;
  display: inline-block;
  height: 28px;
  position: relative;
  top: 7px;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-header-view>.album-header-content>.change-album-sorting i,.album-header-view>.album-header-content>.edit-cover-photo i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-header-view>.album-header-content>.change-album-sorting.hidden,.album-header-view>.album-header-content>.edit-cover-photo.hidden {
  display: none
}

.album-header-view>.album-header-content>.change-album-sorting {
  line-height: 30px;
  right: 70px;
  top: 15px
}

.album-header-view>.album-header-content>.change-album-sorting i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -485px no-repeat;
  height: 8px;
  right: -10px;
  top: 0;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-header-view>.album-header-content>.change-album-sorting i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-header-view>.album-header-content>.balls {
  position: absolute;
  right: 65px;
  top: 62px;
  z-index: 400
}

.album-header-view.justified>.album-header-content>.attribution-view.album-attribution {
  bottom: 20px
}

.album-header-view.justified>.album-header-content>.attribution-view.album-attribution>.avatar {
  opacity: 0
}

.album-header-view.justified>.album-header-content>.album-title-desc-view {
  width: 79%
}

.album-header-view.justified>.album-header-content>.album-title-desc-view.editing {
  margin-top: 22px
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block {
  padding: 0 10px 5px
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.album-title {
  font-size: 60px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.album-title {
      font-size:2em
  }
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.album-desc {
  word-wrap: break-word;
  font-size: 24px;
  margin-top: 13px;
  max-height: 29px;
  overflow: hidden
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.album-desc.description-placeholder {
  font-size: 18px
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.album-desc.calculating {
  max-height: none
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.description-show-more {
  bottom: 0;
  left: auto;
  margin-left: 0;
  position: relative;
  width: auto
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-title {
  font-size: 60px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-title {
      font-size:2em
  }
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-desc {
  font-size: 24px;
  margin: 13px 0 0
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-desc.description-placeholder {
  font-size: 18px
}

.album-header-view.justified>.album-header-content>.album-title-desc-view>.title-desc-block>.album-desc-calculator {
  font-size: 24px
}

.album-header-view.justified>.album-header-content>.album-stats-view {
  margin-top: 0
}

.album-header-view.justified>.album-header-content>.album-engagement-view {
  margin-bottom: 10px;
  margin-top: 10px
}

.album-header-view.justified-transitions>.album-header-content {
  transition: height .5s ease-out
}

.album-header-view.justified-transitions>.album-header-content>.attribution-view.album-attribution {
  transition: bottom .5s,margin-bottom .5s ease-out
}

.album-header-view.justified-transitions>.album-header-content>.attribution-view.album-attribution>.avatar {
  transition: opacity .5s ease-out
}

.album-header-view.justified-transitions>.album-header-content>.album-title-desc-view>.title-desc-block {
  transition: background-color .2s,padding .5s ease-out
}

.album-header-view.justified-transitions>.album-header-content>.album-title-desc-view>.title-desc-block>.album-desc,.album-header-view.justified-transitions>.album-header-content>.album-title-desc-view>.title-desc-block>.album-title {
  transition: font-size .5s ease-out
}

.album-header-view.justified-transitions>.album-header-content>.album-stats-view {
  transition: margin-top .5s ease-out
}

.album-header-view.justified-transitions>.album-header-content>.album-engagement-view {
  transition: margin-top .5s ease-out,margin-bottom .5s ease-out
}

.album-page-view .album-toolbar-view>.album-toolbar-content {
  font-weight: 600;
  margin: 20px 0;
  position: relative
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-page-view .album-toolbar-view>.album-toolbar-content {
      padding-left:10px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.back-to-albums {
  color: #212124;
  text-decoration: none
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.back-to-albums>.icon-back {
  left: 0;
  position: absolute;
  top: -2px
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.back-to-albums>.back-to-albums-text {
  margin-left: 29px
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.edit-in-organizr {
  color: #006dac;
  margin-left: 45px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.edit-in-organizr {
      display:none
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.layout {
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
  padding: 0;
  position: absolute;
  top: 2px;
  transition: none
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.fluid-magic-slideshow-view {
  position: absolute;
  right: 90px;
  top: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.fluid-magic-slideshow-view {
      right:70px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.fluid-magic-slideshow-view .slideshow-toggle {
  outline: none
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.fluid-magic-slideshow-view .slideshow-toggle span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -87px -448px no-repeat;
  display: block;
  height: 28px;
  outline: none;
  position: relative;
  top: 10px;
  transform: translateY(-50%);
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.fluid-magic-slideshow-view .slideshow-toggle span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.justified {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -170px -477px no-repeat;
  height: 16px;
  right: 40px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.justified {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.justified:hover {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -208px -477px no-repeat;
  height: 16px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.justified:hover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.justified.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -189px -477px no-repeat;
  height: 16px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.justified.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.story {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -170px -512px no-repeat;
  height: 16px;
  right: 0;
  width: 16px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.story {
      right:10px
  }
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.story {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.story:hover {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -204px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.story:hover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.album-page-view .album-toolbar-view>.album-toolbar-content>.story.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -187px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-page-view .album-toolbar-view>.album-toolbar-content>.story.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view {
  font: 300 12px/1.45 Proxima Nova,helvetica neue,helvetica,arial,sans-serif
}

.modal .album-selection-dialog-view.set-selection-dialog-view button {
  padding-left: 29px;
  padding-right: 29px
}

.modal .album-selection-dialog-view .album-creation-cancel {
  padding-left: 0
}

.modal .album-selection-dialog-view .album-creation,.modal .album-selection-dialog-view .album-selection {
  display: flex;
  flex-direction: column;
  width: 698px
}

.modal .album-selection-dialog-view .album-creation-heading,.modal .album-selection-dialog-view .album-selection-heading {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  margin: 0;
  padding: 15px 15px 10px 19px
}

.modal .album-selection-dialog-view .album-creation-description,.modal .album-selection-dialog-view .album-creation-title,.modal .album-selection-dialog-view .album-selection-search {
  align-self: stretch;
  font-size: 18px;
  height: 26px;
  margin: 3px 18px 15px;
  padding: 7px 9px
}

.modal .album-selection-dialog-view .album-selection-search {
  font-size: 15px;
  font-weight: 100;
  padding-left: 15px
}

.modal .album-selection-dialog-view .album-creation-description {
  height: 85px
}

.modal .album-selection-dialog-view .album-creation-content {
  background-color: rgba(0,0,0,.15);
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 3px;
  display: flex;
  height: 145px;
  margin-left: 19px;
  margin-right: 19px;
  margin-top: 3px;
  padding: 19px 15px 3px 14px;
  position: relative
}

.modal .album-selection-dialog-view .album-creation-content .album-creation-list-item-icon {
  height: 80px;
  width: 80px
}

.modal .album-selection-dialog-view .album-creation-content .album-creation-list-item-icon-topper {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -337px -273px no-repeat;
  display: block;
  height: 5px;
  left: 17px;
  position: absolute;
  top: 13px;
  width: 76px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view .album-creation-content .album-creation-list-item-icon-topper {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view .album-creation-content .album-selection-list-item-create {
  float: left
}

.modal .album-selection-dialog-view .album-creation-content .album-creation-list-item-entry {
  margin-top: -21px
}

.modal .album-selection-dialog-view .album-creation-buttons {
  flex-direction: column;
  height: 62px;
  margin-bottom: 13px
}

.modal .album-selection-dialog-view .album-creation-buttons .album-selection-done,.modal .album-selection-dialog-view .album-creation-buttons .album-selection-error {
  float: right
}

.modal .album-selection-dialog-view .album-creation-buttons .album-creation-cancel {
  float: left;
  margin-left: 19px;
  margin-top: 17px
}

.modal .album-selection-dialog-view .album-creation-list-item-entry {
  width: 100%
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description,.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title {
  background: none;
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  outline: none;
  width: 520px
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description::-webkit-input-placeholder,.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title::-webkit-input-placeholder {
  color: hsla(0,0%,100%,.3)
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description::-moz-placeholder,.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title::-moz-placeholder {
  color: hsla(0,0%,100%,.3)
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description:-ms-input-placeholder,.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title:-ms-input-placeholder {
  color: hsla(0,0%,100%,.3)
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description::-ms-input-placeholder,.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title::-ms-input-placeholder {
  color: hsla(0,0%,100%,.3)
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description::placeholder,.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title::placeholder {
  color: hsla(0,0%,100%,.3)
}

.modal .album-selection-dialog-view .album-creation-list-item-entry>.album-creation-title {
  border-bottom: 1px solid hsla(0,0%,100%,.1)
}

.modal .album-selection-dialog-view .album-creation-list-item-entry .album-creation-description {
  resize: none
}

.modal .album-selection-dialog-view .album-selection-list {
  border-top: 1px solid #555;
  height: 440px;
  list-style: none;
  margin: 5px 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item {
  border: 2px solid transparent;
  border-radius: 3px;
  display: flex;
  float: left;
  margin: 20px 0 -2px 19px;
  min-height: 85px;
  overflow: hidden;
  padding: 12px 0 9px 12px;
  position: relative;
  width: 300px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .isPending {
  color: #898989;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 220px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.pending .isPending {
  display: inline-block
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.hidden {
  display: none!important
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .balls {
  left: 10px;
  top: 24px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-topper {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -337px -273px no-repeat;
  display: block;
  height: 5px;
  left: 5px;
  position: absolute;
  top: 6px;
  width: 76px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-topper {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.album-selection-create-switch {
  padding-bottom: 8px;
  padding-top: 13px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.album-selection-create-switch>.album-selection-list-item-icon-wrapper {
  box-shadow: none;
  margin-top: -10px;
  max-height: 86px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.album-selection-create-switch>.album-selection-list-item-icon-wrapper.album-selection-list-item-create {
  display: block;
  margin-top: -7px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.album-selection-create-switch>.album-selection-list-item-labels {
  padding-bottom: 9px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-wrapper {
  box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.25);
  height: 80px;
  margin-right: 15px;
  max-height: 80px;
  min-width: 80px;
  width: 80px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-wrapper>img {
  position: relative;
  z-index: -1
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon {
  float: left;
  height: 80px;
  overflow: hidden;
  width: 80px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-labels {
  margin: auto 0;
  max-height: 78px;
  max-width: 200px;
  padding-bottom: 6px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-title {
  word-wrap: break-word;
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 30px;
  max-height: 65px;
  max-width: 205px;
  overflow: hidden;
  width: 100%
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-stats {
  color: hsla(0,0%,100%,.4);
  float: left;
  font-size: 14px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.long-title .album-selection-list-item-title {
  font-size: 13px;
  line-height: 30px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.longer-title .album-selection-list-item-title {
  font-size: 13px;
  line-height: 16px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.belongs-to-album,.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.will-belong-to-album {
  border: 2px solid #0091dc;
  border-radius: 3px
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item.belongs-to-album:hover {
  background: rgba(0,0,0,.25);
  border: 2px solid #555
}

.modal .album-selection-dialog-view .album-selection-list .album-selection-list-item:hover {
  cursor: pointer
}

.modal .album-selection-dialog-view .album-selection-list div.none,.modal .album-selection-dialog-view .album-selection-list.loading li,.modal .album-selection-dialog-view .album-selection-list.no-matches li {
  color: #999;
  font-size: 16px;
  padding: 30px 0;
  text-align: center
}

.modal .album-selection-dialog-view .album-selection-list div.none a,.modal .album-selection-dialog-view .album-selection-list.loading li a,.modal .album-selection-dialog-view .album-selection-list.no-matches li a {
  color: #006dac;
  opacity: .8
}

.modal .album-selection-dialog-view .album-selection-buttons,.modal .album-selection-dialog-view .album-selection-errors {
  border-top: 1px solid #555;
  display: flex;
  flex-direction: column;
  height: 74px
}

.modal .album-selection-dialog-view .album-selection-buttons.hide,.modal .album-selection-dialog-view .album-selection-errors.hide {
  display: none
}

.modal .album-selection-dialog-view .album-selection-buttons .error-message,.modal .album-selection-dialog-view .album-selection-errors .error-message {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 20px;
  max-width: 80%
}

.modal .album-selection-dialog-view .album-selection-buttons .album-selection-error,.modal .album-selection-dialog-view .album-selection-errors .album-selection-error {
  margin-top: -41px
}

.modal .album-selection-dialog-view .album-selection-buttons .album-selection-done,.modal .album-selection-dialog-view .album-selection-errors .album-selection-done {
  margin-top: 27px
}

.modal .album-selection-dialog-view button {
  background: none;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 100;
  height: 42px;
  padding: 0
}

.modal .album-selection-dialog-view button.album-creation-cancel {
  text-align: left
}

.modal .album-selection-dialog-view button.album-selection-done,.modal .album-selection-dialog-view button.album-selection-error {
  align-self: flex-end;
  letter-spacing: 2px;
  margin-right: 19px;
  margin-top: 19px
}

.modal .album-selection-dialog-view button.album-selection-create-switch {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 14px;
  width: 160px
}

.modal .album-selection-dialog-view button.album-selection-create-switch>.album-selection-list-item-icon-wrapper {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -250px -87px no-repeat;
  display: block;
  float: left;
  height: 86px;
  width: 80px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view button.album-selection-create-switch>.album-selection-list-item-icon-wrapper {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view button.album-creation-create:disabled {
  color: rgba(0,0,0,.3)
}

.modal .album-selection-dialog-view button:focus {
  outline: none
}

.modal .album-selection-dialog-view button>.album-creation-cancel-back-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -453px no-repeat;
  display: block;
  float: left;
  height: 16px;
  margin-right: 10px;
  width: 7px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view button>.album-creation-cancel-back-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view.set-selection-dialog-view .album-selection-list-item-icon-wrapper.album-selection-list-item-create {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -250px -87px no-repeat;
  height: 86px;
  width: 80px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view.set-selection-dialog-view .album-selection-list-item-icon-wrapper.album-selection-list-item-create {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view.set-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-topper {
  margin-left: 9px
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list .album-selection-list-item {
  padding-bottom: 4px;
  padding-left: 15px;
  padding-top: 20px
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list .album-selection-list-item.album-selection-create-switch {
  padding-left: 10px;
  padding-top: 17px
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-labels {
  padding-bottom: 15px
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list-item-icon-wrapper.album-selection-list-item-create {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -250px 0 no-repeat;
  height: 86px;
  width: 86px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list-item-icon-wrapper.album-selection-list-item-create {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-creation-content .album-selection-list-item-icon-wrapper {
  background: transparent
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-creation .album-creation-content .album-creation-list-item-icon-topper,.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-topper {
  display: none
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-creation .album-creation-content .album-selection-list-item-icon-wrapper.album-creation-list-item-create img,.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-wrapper {
  margin-top: -7px
}

.modal .album-selection-dialog-view.gallery-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-wrapper.album-selection-list-item-create {
  border: none
}

.modal .album-selection-dialog-view.group-selection-dialog-view .album-selection-list-item {
  margin: 21px -2px -2px 26px
}

.modal .album-selection-dialog-view.group-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-topper {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -151px 0 no-repeat;
  height: 98px;
  margin-left: -2px;
  margin-top: -3px;
  width: 98px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .modal .album-selection-dialog-view.group-selection-dialog-view .album-selection-list .album-selection-list-item .album-selection-list-item-icon-topper {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.modal .album-selection-dialog-view.group-selection-dialog-view .album-selection-list-item-icon-wrapper,.modal .album-selection-dialog-view.group-selection-dialog-view .album-selection-list-item-icon-wrapper img {
  border-radius: 40px
}

.album-title-desc-view {
  position: relative;
  text-align: center;
  width: 90%;
  z-index: 51
}

.album-title-desc-view .hidden {
  display: none
}

.album-title-desc-view>.title-desc-block {
  padding-bottom: 30px;
  position: relative;
  transition: background-color .2s ease-in-out
}

.album-title-desc-view>.title-desc-block>.album-title {
  font-size: 72px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.album-title-desc-view>.title-desc-block>.album-desc {
  word-wrap: break-word;
  font-family: "Georgia, serif";
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  line-height: 29px;
  margin-top: 10px;
  max-height: 58px;
  overflow: hidden;
  text-align: center
}

.album-title-desc-view>.title-desc-block>.album-desc.calculating {
  max-height: none;
  visibility: hidden
}

.album-title-desc-view>.title-desc-block>.album-desc.description-placeholder {
  font-size: 18px;
  opacity: .8
}

.album-title-desc-view>.title-desc-block>.album-desc a {
  color: #fff;
  text-decoration: underline
}

.album-title-desc-view>.title-desc-block>.album-desc-calculator {
  word-wrap: break-word;
  display: block;
  font-family: "Georgia, serif";
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  line-height: 29px;
  position: absolute;
  text-align: center;
  visibility: hidden
}

.album-title-desc-view>.title-desc-block>.description-show-more {
  bottom: 5px;
  left: 50%;
  margin-left: -63px;
  position: absolute;
  width: 126px
}

.album-title-desc-view>.title-desc-block>.description-show-more>.description-show-more-link {
  color: #898989;
  font-size: 14px
}

.album-title-desc-view>.title-desc-block>.description-show-more>.description-show-more-link:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: underline
}

.album-title-desc-view>.title-desc-block>.title-desc-edit {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -19px no-repeat;
  cursor: pointer;
  float: right;
  height: 16px;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .album-title-desc-view>.title-desc-block>.title-desc-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.album-title-desc-view>.title-desc-block>.edit-meta-field {
  background: transparent;
  border: none;
  color: #fff;
  display: none;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 0;
  resize: none;
  text-shadow: 0 1px 1px #000
}

.album-title-desc-view>.title-desc-block>.edit-meta-field::-ms-clear {
  display: none
}

.album-title-desc-view>.title-desc-block>.edit-meta-field.show-editable {
  display: block
}

.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-title {
  font-size: 72px;
  font-weight: 300;
  text-align: center
}

.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-desc {
  font-family: "Georgia, serif";
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  line-height: 29px;
  margin: 10px 0 0;
  overflow-y: auto;
  text-align: center
}

.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-desc.description-placeholder {
  font-size: 18px;
  opacity: .8
}

.album-title-desc-view>.title-desc-block.editable {
  cursor: text;
  padding: 5px 20px 30px
}

.album-title-desc-view>.title-desc-block.editable:hover {
  background: rgba(0,0,0,.4);
  border-radius: 2px
}

.album-title-desc-view>.title-desc-block.editable:hover>.title-desc-edit {
  opacity: .5
}

.album-title-desc-view>.title-desc-block.editable:hover>.title-desc-edit:hover {
  opacity: 1
}

.album-title-desc-view>.done-editing-album-title-desc {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
  margin-top: 20px;
  opacity: .8
}

.album-title-desc-view>.done-editing-album-title-desc:active,.album-title-desc-view>.done-editing-album-title-desc:hover {
  background-color: transparent;
  opacity: 1
}

.album-title-desc-view>.done-editing-album-title-desc.invisible {
  visibility: hidden
}

.album-title-desc-view.ellipsed-description .album-desc {
  font-size: 18px
}

.album-title-desc-view.editing>.title-desc-block {
  background: rgba(0,0,0,.4)
}

.album-title-desc-view.editing>.title-desc-block>.title-desc-edit {
  opacity: .5
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .album-title-desc-view>.title-desc-block>.album-title,.album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-title {
      font-size:2em
  }
}

@media only screen and (max-width: 1080px) {
  .album-header-view .album-header-content .album-title-desc-view {
      width:80%
  }

  .album-header-view .album-header-content .album-title-desc-view>.title-desc-block>.album-title,.album-header-view .album-header-content .album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-title {
      font-size: 2em
  }
}

.album-header-view.justified .album-header-content .album-title-desc-view>.title-desc-block>.album-title,.album-header-view.justified .album-header-content .album-title-desc-view>.title-desc-block>.edit-meta-field.edit-album-title {
  font-size: 2em
}

.albums-list-page-view .albums-list-container {
  margin-bottom: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .albums-list-page-view .albums-list-container {
      padding-left:15px;
      padding-right: 15px
  }
}

.albums-list-page-view .photolist-empty {
  margin-top: 150px;
  text-align: center
}

.albums-list-page-view .loading-balls {
  background-color: #f3f5f6;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  opacity: .9;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 2000
}

.albums-list-page-view .loading-balls .balls {
  margin-top: -10px;
  position: absolute;
  top: 50%
}

.albums-list-page-view>.album-list-toolbar-view {
  height: 50px;
  margin-top: -20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .albums-list-page-view>.album-list-toolbar-view {
      display:none
  }
}

.albums-list-page-view>.album-list-toolbar-view .album-toolbar-content {
  box-sizing: border-box;
  display: flex;
  height: 50px;
  justify-content: flex-end;
  line-height: 50px;
  position: relative
}

.albums-list-page-view>.album-list-toolbar-view .album-toolbar-content a {
  box-sizing: border-box;
  color: #737b80;
  height: 50px;
  text-decoration: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .albums-list-page-view>.album-list-toolbar-view .album-toolbar-content a {
      display:inline-block;
      margin: 0;
      width: 100%
  }
}

.albums-list-page-view>.album-list-toolbar-view .album-toolbar-content a span {
  display: inline-block;
  pointer-events: none
}

.albums-list-page-view>.album-list-toolbar-view .album-toolbar-content a i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -178px no-repeat;
  display: inline-block;
  height: 18px;
  margin-right: 7px;
  pointer-events: none;
  position: relative;
  top: 2px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .albums-list-page-view>.album-list-toolbar-view .album-toolbar-content a i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.albums-list-page-view>.album-list-toolbar-view .album-toolbar-content .divider {
  border-right: 1px solid #ddd;
  display: block;
  height: 30px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .albums-list-page-view>.album-list-toolbar-view .album-toolbar-content .divider {
      display:none
  }
}

.albums-list-page-view .view-collections {
  margin-left: 40px
}

.alpha-group-banner-view .banner-container {
  background: #006dac;
  box-sizing: border-box;
  height: 40px;
  width: 100%
}

.alpha-group-banner-view .banner-container p {
  color: #fff;
  line-height: 40px;
  margin: 0;
  padding: 0
}

.alpha-group-banner-view .banner-container p a,.alpha-group-banner-view .banner-container p a:hover {
  color: #fff;
  text-decoration: underline
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .alpha-group-banner-view {
      display:none
  }
}

.announcement-page-view {
  background-color: #1a1a1a
}

.announcement-page-view .announcement-page-container {
  color: #fff
}

.announcement-page-view .announcement-page-container h2,.announcement-page-view .announcement-page-container h3 {
  margin: 0
}

.announcement-page-view .announcement-page-container p {
  font-weight: 100;
  margin: 0
}

.announcement-page-view .announcement-page-container p.text-block {
  font-size: 39px;
  line-height: 1.15em;
  margin: 0 0 80px
}

.announcement-page-view .announcement-page-container p.text-block .first-sentence {
  font-weight: 700
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container p.text-block {
      font-size:22px;
      line-height: 1.35em;
      margin-bottom: 54px
  }
}

.announcement-page-view .announcement-page-container .button {
  -webkit-touch-callout: none;
  align-items: center;
  background-color: #128fdc;
  border-radius: 3px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  justify-content: center;
  line-height: 1em;
  min-width: 150px;
  padding: 0 50px;
  user-select: none
}

.announcement-page-view .announcement-page-container .button:hover {
  background-color: #1c9be9;
  color: #fff;
  cursor: pointer;
  text-decoration: none
}

.announcement-page-view .announcement-page-container .button:focus {
  background-color: #1781c2;
  box-shadow: none!important;
  color: #fff;
  text-decoration: none
}

.announcement-page-view .announcement-page-container .image-attribution-container {
  bottom: -24px;
  position: absolute;
  right: 20px;
  text-align: right
}

.announcement-page-view .announcement-page-container .image-attribution-container .image-attribution {
  color: #fff;
  font-size: 13px;
  line-height: 1em
}

.announcement-page-view .announcement-page-container .image-attribution-container .image-attribution a {
  color: #fff
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container .image-attribution-container a {
      font-size:12px
  }
}

.announcement-page-view .announcement-page-container section {
  padding: 0 33px
}

.announcement-page-view .announcement-page-container section.dark-section {
  padding-bottom: 100px;
  padding-top: 100px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container section.dark-section {
      padding-bottom:54px;
      padding-top: 54px
  }
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content {
  margin: 0 auto;
  max-width: 700px
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content .flickr-dots {
  height: 23px;
  width: 46px
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content p.today-announcing {
  font-size: 25px;
  line-height: 1.3em;
  margin: 30px auto 66px;
  max-width: 500px;
  text-align: center
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content .bird-image-container {
  position: relative
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content .bird-image-container img.bird-image {
  display: block;
  max-height: 700px;
  max-width: 700px;
  width: 100%
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content .bird-image-container .image-attribution-container {
  right: 12px
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content p.text-block.flickr-pro-better {
  margin-top: 94px
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content p.text-block.flickr-pro-better .flickr-pro-text {
  font-weight: 700
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content .unlimited-storage-text {
  font-weight: 400
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list {
  list-style: none;
  padding: 0
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li {
  align-items: center;
  display: flex;
  justify-content: center
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li:not(:last-child) {
  margin-bottom: 66px
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column {
  box-sizing: border-box;
  width: 50%
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 130px;
  margin: 0 auto;
  width: 130px
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image.unlimited-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/unlimited.png)
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image.unlimited-image {
      background-image:url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/unlimited@2x.png)
  }
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image.stats-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/stats.png)
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image.stats-image {
      background-image:url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/stats@2x.png)
  }
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image.adfree-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/adfree.png)
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container .list-image.adfree-image {
      background-image:url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/adfree@2x.png)
  }
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.description {
  font-size: 22px;
  line-height: 1.3em
}

.announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.description .first-text {
  font-weight: 700
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container section.top-section {
      padding:80px 0
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content p.text-block {
      padding: 0 50px
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content p.today-announcing {
      font-size: 16px;
      max-width: 450px;
      padding: 0 50px
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li {
      flex-direction: column;
      padding: 0 50px
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li:not(:last-child) {
      margin-bottom: 40px
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column {
      width: auto
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container {
      margin-bottom: 26px
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.icon-container svg {
      height: 114px;
      width: 114px
  }

  .announcement-page-view .announcement-page-container section.top-section .top-section-content ul.main-feature-list li .column.description {
      align-items: center;
      display: flex;
      flex-direction: column;
      font-size: 18px;
      text-align: center
  }
}

.announcement-page-view .announcement-page-container section.light-list-section {
  background-color: #fff;
  color: #212124;
  margin: 0 auto
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content {
  margin: 0 auto;
  max-width: 700px;
  padding: 100px 0
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content h2,.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content h3 {
  font-weight: 400;
  line-height: 1.3em
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content h2 {
  font-size: 24px;
  margin-bottom: 20px
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content h2 .new-text {
  font-style: italic
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content h3 {
  font-size: 20px;
  margin-bottom: 4px
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container {
  display: flex
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container .column {
  box-sizing: border-box;
  width: 44%
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container .column:not(:last-child) {
  margin-right: 12%
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container .column .feature:not(:last-child) {
  margin-bottom: 20px
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container .column .feature .when-text {
  font-style: italic
}

.announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container.mobile {
  display: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content {
      padding-bottom:80px;
      padding-top: 80px
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content h3 {
      font-size: 22px
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content p {
      font-size: 16px;
      line-height: 1.2em
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container {
      display: flex;
      flex-direction: column
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container .column {
      width: auto
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container .column:not(:last-child) {
      margin-bottom: 20px;
      margin-right: 0
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container.mobile {
      display: flex
  }

  .announcement-page-view .announcement-page-container section.light-list-section .light-list-section-content .features-container.standard {
      display: none
  }
}

.announcement-page-view .announcement-page-container section.image-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 130px;
  padding-top: 170px;
  position: relative
}

.announcement-page-view .announcement-page-container section.image-section h2,.announcement-page-view .announcement-page-container section.image-section p {
  max-width: 620px;
  text-align: center;
  z-index: 1
}

.announcement-page-view .announcement-page-container section.image-section .button {
  z-index: 1
}

.announcement-page-view .announcement-page-container section.image-section h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 14px
}

.announcement-page-view .announcement-page-container section.image-section p {
  font-size: 22px;
  line-height: 1.3em;
  margin-bottom: 20px
}

.announcement-page-view .announcement-page-container section.image-section .bg-image {
  background-position: 50%;
  background-size: cover;
  bottom: 0;
  left: 0;
  opacity: .8;
  position: absolute;
  right: 0;
  top: 0
}

.announcement-page-view .announcement-page-container section.image-section.hands-down-best .bg-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/abstract-shot.jpg)
}

.announcement-page-view .announcement-page-container section.image-section.ready-for-pro .bg-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/refencing-announcement/water-drop.jpg)
}

.announcement-page-view .announcement-page-container section.image-section.ready-for-pro h2,.announcement-page-view .announcement-page-container section.image-section.ready-for-pro p {
  max-width: 400px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container section.image-section {
      padding-bottom:90px;
      padding-top: 90px
  }

  .announcement-page-view .announcement-page-container section.image-section h2,.announcement-page-view .announcement-page-container section.image-section p {
      font-size: 16px
  }

  .announcement-page-view .announcement-page-container section.image-section p {
      margin-bottom: 40px
  }
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content {
  margin: 0 auto;
  max-width: 700px
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content p .free-accounts-text {
  font-weight: 700
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content p a {
  color: #fff
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container {
  display: flex;
  margin-bottom: 30px
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 8px
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container p {
  font-size: 22px;
  line-height: 1.2em
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container .column {
  box-sizing: border-box;
  width: 48%
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container .column:not(:last-child) {
  margin-right: 8%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container {
      flex-direction:column;
      margin-bottom: 46px
  }

  .announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container .column {
      margin-bottom: 0;
      text-align: center;
      width: auto
  }

  .announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container .column h3,.announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container .column p {
      font-size: 16px
  }

  .announcement-page-view .announcement-page-container section.free-section .free-section-content .features-container .column:not(:last-child) {
      margin-bottom: 30px;
      margin-right: 0
  }
}

.announcement-page-view .announcement-page-container section.free-section .free-section-content p.foot-note {
  font-size: 12px
}

.announcement-page-view .announcement-page-container section.login-section .login-section-content {
  margin: 0 auto;
  max-width: 700px
}

.announcement-page-view .announcement-page-container section.login-section .login-section-content p.text-block {
  margin: 0
}

.avatar-menu-droparound {
  opacity: 0;
  transition: opacity .2s
}

.avatar-menu-droparound.faded-in {
  opacity: 1
}

.avatar-menu-droparound.faded-out {
  opacity: 0
}

.base-notification-item .notification-item {
  display: flex;
  font-size: 14px;
  line-height: 1.2;
  padding: 16px
}

.base-notification-item .notification-item .notification-avatar {
  flex: 0 0 auto;
  margin-right: 16px
}

.base-notification-item .notification-item .notification-avatar .avatar {
  margin: 0
}

.base-notification-item .notification-item .notification-photo-thumb {
  background-color: #999;
  background-position: 50%;
  background-size: cover;
  color: #fff;
  position: relative
}

.base-notification-item .notification-item .notification-photo-thumb .overlay {
  bottom: 1px;
  display: none;
  left: 2px;
  position: absolute;
  text-shadow: 0 0 2px #000
}

.base-notification-item .notification-item .notification-photo-thumb .overlay .icon {
  bottom: -1px;
  filter: drop-shadow(0 0 2px black);
  position: relative
}

.base-notification-item .notification-item .notification-item-middle {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  min-width: 0
}

.base-notification-item .notification-item .notification-item-middle .notification-core {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0
}

.base-notification-item .notification-item .notification-item-middle .notification-core .headline-container {
  line-height: 1.4;
  word-break: break-word
}

.base-notification-item .notification-item .notification-item-middle .notification-core .headline-container a {
  color: #212124;
  font-weight: 600
}

.base-notification-item .notification-item .notification-item-middle .notification-core .info-container {
  color: #898989;
  display: flex;
  margin-top: 8px
}

.base-notification-item .notification-item .notification-item-middle .notification-core .info-container a {
  color: #898989
}

.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .subtitle {
  flex: 0 1 auto;
  max-width: 200px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .separator {
  flex: 0 0 auto;
  margin: 0 6px
}

.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .timestamp {
  flex: 0 0 auto
}

.base-notification-item .notification-item .notification-item-middle .thumb-list-container {
  grid-gap: 6px;
  display: grid;
  grid-template-columns: repeat(auto-fit,50px);
  justify-content: end;
  width: min(50%,330px)
}

.base-notification-item .notification-item .notification-item-middle .thumb-list-container .notification-photo-thumb {
  display: flex;
  flex: 0 0 auto;
  height: 50px;
  width: 50px
}

.base-notification-item .notification-item .thumb-container {
  display: flex;
  flex: 0 0 auto;
  margin-left: 8px;
  overflow: hidden
}

.base-notification-item .notification-item .thumb-container .notification-photo-thumb {
  height: 50px;
  width: 50px
}

.base-notification-item .notification-item .context-menu-container {
  flex: 0 0 auto;
  margin-left: 8px
}

.base-notification-item .notification-item .context-menu-container .notification-context-menu-button {
  cursor: pointer;
  position: relative
}

.base-notification-item .notification-item .context-menu-container .notification-context-menu-button svg {
  color: #898989;
  display: block
}

.base-notification-item .notification-item.unseen {
  background-color: rgba(0,170,255,.15)
}

.base-notification-item .notification-item.disabled,.base-notification-item .notification-item.muted {
  opacity: .6
}

.base-notification-item .notification-item.disabled .notification-context-menu-button {
  pointer-events: none
}

.notifications-panel-view .base-notification-item .notification-item .notification-photo-thumb .overlay {
  display: none
}

.notifications-panel-view .base-notification-item .notification-item .notification-item-middle {
  flex-direction: column
}

.notifications-panel-view .base-notification-item .notification-item .notification-item-middle .thumb-list-container {
  margin-top: 16px;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .notification-center-page-view .base-notification-item .notification-item .notification-item-middle {
      flex-direction:column
  }

  .notification-center-page-view .base-notification-item .notification-item .notification-item-middle .thumb-list-container {
      margin-top: 16px;
      width: 100%
  }
}

@media only screen and (min-width: 1081px) {
  .notification-center-page-view .base-notification-item .notification-item .overlay {
      display:block
  }

  .notification-center-page-view .base-notification-item .notification-item .notification-item-middle .notification-core .headline-container {
      font-size: 16px;
      max-width: calc(min(865px, 80%))
  }

  .notification-center-page-view .base-notification-item .notification-item .notification-item-middle .thumb-list-container {
      grid-template-columns: repeat(auto-fit,80px);
      width: min(50%,510px)
  }

  .notification-center-page-view .base-notification-item .notification-item .notification-item-middle .thumb-list-container .notification-photo-thumb,.notification-center-page-view .base-notification-item .notification-item .thumb-container .notification-photo-thumb {
      height: 80px;
      width: 80px
  }
}

header.basic-closeable-header {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px
}

header.basic-closeable-header h4 {
  line-height: 1;
  margin: 0
}

header.basic-closeable-header .close-x-button svg {
  color: #212124;
  display: block;
  opacity: .5
}

header.basic-closeable-header .close-x-button svg:hover {
  opacity: 1
}

.basic-confirm-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end
}

.basic-confirm-actions button {
  flex: 0 0 auto
}

.basic-confirm-actions button:not(:last-child) {
  margin-right: 8px
}

.basic-confirm-actions button .balls {
  display: none
}

.basic-confirm-actions button.loading .balls {
  display: block
}

.basic-confirm-actions button.loading .button-text {
  display: none
}

.basic-confirm-actions .message {
  display: none;
  flex: 1 1 auto;
  margin-right: 8px
}

.basic-confirm-actions .message.error {
  color: #e2292b
}

.basic-confirm-actions .message.shown {
  display: block
}

.basic-confirm-actions.padded {
  padding: 16px
}

.blog-rail-card-view .blog-rail-card .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 12px
}

.blog-rail-card-view .blog-rail-card .title a {
  color: #212124
}

.blog-rail-card-view .blog-rail-card .blog-rail-content-container .blog-rail-content .blog-photo {
  background-color: #e1e1e1;
  background-position: 50%;
  display: block;
  height: 100px;
  margin-bottom: 20px;
  width: 100%
}

.blog-rail-card-view .blog-rail-card .blog-rail-content-container .blog-rail-content .blog-title {
  color: #212124;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 4px
}

.blog-rail-card-view .blog-rail-card .blog-rail-content-container .blog-rail-content .blog-description {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 4px
}

.blog-rail-card-view .blog-rail-card .blog-rail-content-container.hidden {
  display: none
}

.blog-rail-card-view .blog-rail-card .dummy-loader {
  width: 100%
}

.blog-rail-card-view .blog-rail-card .dummy-loader .box:not(:last-child) {
  margin-bottom: 12px
}

.blurb-landing-view {
  background-color: #f1ece6
}

.blurb-landing-view .blurb-landing-container {
  padding-bottom: 100px
}

.blurb-landing-view .copy-popup {
  text-align: center
}

.blurb-landing-view .header-container {
  margin: 60px auto 80px;
  overflow: hidden;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .header-container {
      margin-top:0
  }
}

.blurb-landing-view .header-container .header {
  background-color: #cec9c3;
  background-image: url(https://combo.staticflickr.com/ap/build/images/create/image_hero.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  box-sizing: border-box;
  padding: 60px;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .header-container .header {
      background-color:#c2beb6;
      background-position: 0 0;
      margin-top: 0;
      padding: 16px
  }
}

@media only screen and (min-width: 1121px)and (max-width:1400px) {
  .blurb-landing-view .header-container .header {
      background-position:50% 50%
  }
}

@media only screen and (min-width: 1401px) {
  .blurb-landing-view .header-container .header {
      background-position:50% 50%
  }
}

.blurb-landing-view .header-container .header h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  line-height: 80px;
  margin-top: 0
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .header-container .header h1 {
      font-size:30px;
      line-height: 40px
  }
}

.blurb-landing-view .header-container .header h2 {
  color: #fff;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 40px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .header-container .header h2 {
      font-size:20px;
      line-height: 30px
  }
}

.blurb-landing-view .header-container .header h2 a {
  color: #fff
}

.blurb-landing-view .header-container .header h2 a:hover {
  text-decoration: underline
}

.blurb-landing-view .header-container .header img {
  margin-bottom: 20px
}

.blurb-landing-view .header-container .header .asterix {
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 40px;
  width: 360px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .header-container .header .asterix {
      width:100%
  }
}

.blurb-landing-view .row-container {
  position: relative;
  width: 100%
}

.blurb-landing-view .row-container .row {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 80px;
  padding: 80px 60px;
  width: 100%
}

.blurb-landing-view .row-container .row .column1,.blurb-landing-view .row-container .row .column2,.blurb-landing-view .row-container .row .column3 {
  flex: 1 1 auto;
  width: 320px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .row-container .row .column1,.blurb-landing-view .row-container .row .column2,.blurb-landing-view .row-container .row .column3 {
      box-sizing:border-box;
      margin-bottom: 45px;
      padding-left: 16px;
      padding-right: 16px;
      width: 100%
  }

  .blurb-landing-view .row-container .row .column1 h3,.blurb-landing-view .row-container .row .column2 h3,.blurb-landing-view .row-container .row .column3 h3 {
      margin-top: 0
  }

  .blurb-landing-view .row-container .row .column1 div.count,.blurb-landing-view .row-container .row .column2 div.count,.blurb-landing-view .row-container .row .column3 div.count {
      display: inline-block
  }

  .blurb-landing-view .row-container .row .column1 h4,.blurb-landing-view .row-container .row .column2 h4,.blurb-landing-view .row-container .row .column3 h4 {
      display: inline-block;
      margin-left: 8px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .blurb-landing-view .row-container .row .column1,.blurb-landing-view .row-container .row .column2,.blurb-landing-view .row-container .row .column3 {
      width:auto
  }
}

.blurb-landing-view .row-container .row .column1 .center,.blurb-landing-view .row-container .row .column2 .center,.blurb-landing-view .row-container .row .column3 .center {
  margin: auto;
  max-width: 320px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .row-container .row .column1 .center,.blurb-landing-view .row-container .row .column2 .center,.blurb-landing-view .row-container .row .column3 .center {
      max-width:100%;
      width: 100%
  }
}

.blurb-landing-view .row-container .row .column1 h3,.blurb-landing-view .row-container .row .column2 h3,.blurb-landing-view .row-container .row .column3 h3 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px
}

.blurb-landing-view .row-container .row .column1 h4,.blurb-landing-view .row-container .row .column2 h4,.blurb-landing-view .row-container .row .column3 h4 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px
}

.blurb-landing-view .row-container .row .column1 p,.blurb-landing-view .row-container .row .column2 p,.blurb-landing-view .row-container .row .column3 p {
  font-size: 15px;
  line-height: 20px;
  max-width: 320px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .row-container .row .column1 p,.blurb-landing-view .row-container .row .column2 p,.blurb-landing-view .row-container .row .column3 p {
      max-width:none;
      width: 100%
  }
}

.blurb-landing-view .row-container .row .column1 img,.blurb-landing-view .row-container .row .column2 img,.blurb-landing-view .row-container .row .column3 img {
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto
}

.blurb-landing-view .row-container .row .column1 div.count,.blurb-landing-view .row-container .row .column2 div.count,.blurb-landing-view .row-container .row .column3 div.count {
  background: #01abee;
  border-radius: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px
}

.blurb-landing-view .row-container .row .column1 {
  flex: 0 0 auto;
  padding-right: 40px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .row-container .row .column1 {
      padding-right:16px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .blurb-landing-view .row-container .row .column1 {
      flex:1 1 auto
  }
}

.blurb-landing-view .row-container .row .column2 {
  padding-left: 16px;
  padding-right: 16px
}

.blurb-landing-view .row-container .row .column3 {
  padding-left: 16px
}

.blurb-landing-view .row-container .row .column2-3 {
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
  display: flex;
  flex: 2 1 auto;
  height: 320px;
  justify-content: space-around
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .row-container .row {
      flex-direction:column;
      margin-bottom: 20px;
      padding: 20px 0 35px
  }
}

.blurb-landing-view .legend {
  bottom: 20px;
  color: #fff;
  font-size: 15px;
  font-style: italic;
  font-weight: 600;
  height: 20px;
  left: 0;
  line-height: 20px;
  margin: 0 0 15px;
  position: absolute;
  text-align: center;
  vertical-align: bottom;
  width: 100%
}

.blurb-landing-view .customize-container .column2,.blurb-landing-view .customize-container .column3 {
  text-align: center
}

.blurb-landing-view .customize-container .column2 {
  position: relative
}

.blurb-landing-view .row-container.steps .row .column1,.blurb-landing-view .row-container.steps .row .column2,.blurb-landing-view .row-container.steps .row .column3 {
  flex: 1 1 auto
}

.blurb-landing-view .row-container.steps .row .column1 h4,.blurb-landing-view .row-container.steps .row .column2 h4,.blurb-landing-view .row-container.steps .row .column3 h4 {
  margin-top: 20px
}

.blurb-landing-view .row .column2-3.tools-container {
  justify-content: center;
  position: relative
}

.blurb-landing-view .row .column2-3.tools-container img {
  max-width: 25%;
  width: 120px
}

.blurb-landing-view .row .column2-3.tools-container img.lg {
  margin-left: 20px;
  margin-right: 20px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .row .column2-3.tools-container {
      box-shadow:none;
      height: auto;
      padding-bottom: 60px;
      padding-left: 20px;
      padding-right: 20px
  }
}

.blurb-landing-view .blurb-container {
  position: relative
}

.blurb-landing-view .blurb-group-cover {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.blurb-landing-view .blurb-group-cover:before {
  background: #000;
  border-radius: 10px;
  content: "";
  opacity: .3
}

.blurb-landing-view .blurb-group,.blurb-landing-view .blurb-group-cover:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.blurb-landing-view .blurb-group .avatar {
  border-radius: 40px;
  box-shadow: none;
  height: 80px;
  left: 40px;
  position: absolute;
  top: 20px;
  width: 80px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .blurb-group .avatar {
      left:20px
  }
}

.blurb-landing-view .blurb-group h5 {
  color: #fff;
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  margin-top: 130px;
  padding: 0 40px
}

@media only screen and (max-width: 1300px) {
  .blurb-landing-view .blurb-group h5 {
      font-size:30px
  }
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .blurb-group h5 {
      font-size:30px;
      line-height: 40px;
      padding-left: 20px
  }
}

.blurb-landing-view .blurb-group h5 a {
  color: #fff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.blurb-landing-view .blurb-group ul {
  margin: 0;
  padding: 0 0 0 40px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .blurb-group ul {
      padding-left:20px
  }
}

.blurb-landing-view .blurb-group ul li {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 0
}

.blurb-landing-view .blurb-group .caret {
  background: #fff;
  border-radius: 40px;
  float: right;
  height: 40px;
  margin-right: 10px;
  margin-top: 10px;
  width: 40px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .blurb-group .caret {
      margin-top:-10px
  }
}

.blurb-landing-view .blurb-group .caret a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: auto;
  width: 100%
}

.blurb-landing-view .blurb-header-cta .make-book,.blurb-landing-view .blurb-header-cta .upgrade-to-pro,.blurb-landing-view .coupon-container .make-book,.blurb-landing-view .coupon-container .upgrade-to-pro {
  background: #fff;
  color: #000;
  display: inline-block;
  font-size: 15px;
  height: 50px;
  line-height: 50px;
  min-height: 30px;
  min-width: 300px;
  width: 300px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .blurb-header-cta .make-book,.blurb-landing-view .blurb-header-cta .upgrade-to-pro,.blurb-landing-view .coupon-container .make-book,.blurb-landing-view .coupon-container .upgrade-to-pro {
      min-width:100%;
      width: 100%
  }
}

.blurb-landing-view .coupon-container {
  box-sizing: border-box;
  display: inline-block;
  width: 300px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .coupon-container {
      display:flex;
      justify-content: space-around;
      width: 100%
  }
}

.blurb-landing-view .coupon-container input {
  background-color: rgba(0,0,0,.7);
  color: #fff;
  display: inline-block;
  height: 50px;
  max-width: 400px;
  padding-right: 20px;
  text-align: center;
  width: 215px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .coupon-container input {
      flex:2
  }
}

.blurb-landing-view .coupon-container .copy-coupon {
  background: #fff;
  box-sizing: border-box;
  color: #000;
  display: inline;
  font-size: 15px;
  height: 48px;
  margin-bottom: 0;
  margin-top: 1px
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .coupon-container .copy-coupon {
      flex:1;
      margin-left: 10px
  }
}

.blurb-landing-view .floating-container {
  display: flex;
  justify-content: flex-end
}

@media only screen and (max-width: 1080px) {
  .blurb-landing-view .floating-container {
      display:block
  }

  .blurb-landing-view .floating-container .floating-get-started {
      padding: 20px
  }
}

html[lang=es-us] .coupon-container input,html[lang=fr-fr] .coupon-container input,html[lang=pt-br] .coupon-container input {
  width: 200px
}

html[lang=es-us] .coupon-container .copy-coupon,html[lang=fr-fr] .coupon-container .copy-coupon,html[lang=pt-br] .coupon-container .copy-coupon {
  float: right
}

html[lang=de-de] .coupon-container input {
  width: 190px
}

html[lang=de-de] .coupon-container .copy-coupon {
  float: right
}

.bo-selecta {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  min-height: 14px;
  padding: 0;
  position: relative;
  width: 360px
}

.bo-selecta .loading {
  background: transparent;
  border: none;
  color: #999;
  float: none;
  font-style: italic;
  margin: 0;
  padding: 4px
}

.bo-selecta .loading-global {
  background: url(https://combo.staticflickr.com/ap/build/images/images/progress/balls-24x12-trans.gif) no-repeat 0 0;
  border: none;
  height: 14px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 24px;
  z-index: 1
}

.bo-selecta .highlight_mouseover {
  background: #fff
}

.bo-selecta .highlight {
  background: #c3ddff
}

.bo-selecta .grey,.bo-selecta .grey:hover {
  color: #999
}

.bo-selecta div.yui-ac-bd {
  float: none;
  margin: 0
}

.bo-selecta .yui-ac-container {
  left: -40px;
  position: absolute;
  top: 1.6em;
  width: 100%
}

.bo-selecta .yui-ac-content-short {
  height: auto
}

.bo-selecta .yui-ac-content {
  max-height: none;
  z-index: 2
}

.bo-selecta .yui-ac-content li {
  color: #000;
  line-height: 10px;
  overflow: hidden;
  padding: 5px
}

.bo-selecta .yui-ac-content li.bs-enter-email-link-container,.bo-selecta .yui-ac-content li.bs-send-email-link-container {
  white-space: normal
}

.bo-selecta .yui-ac-input {
  margin: 0;
  width: 100%
}

.bo-selecta .yui-ac-shadow {
  background: transparent;
  filter: alpha(opacity=80);
  left: -9px;
  opacity: .8;
  overflow: hidden;
  padding: 0;
  top: -5px;
  z-index: 1
}

.bo-selecta .yui-ac-shadow .shadow_table {
  border-collapse: collapse;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.bo-selecta .yui-ac-shadow .shadow_sprite {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/images/tc_white_shadow_sprite.png) no-repeat 0 0;
  line-height: 1px;
  padding: 0
}

.bo-selecta .yui-ac-shadow .shadow_tl {
  background-position: -1px -1px;
  height: 6px;
  width: 6px
}

.bo-selecta .yui-ac-shadow .shadow_t {
  background: none
}

.bo-selecta .yui-ac-shadow .shadow_tr {
  background-position: -992px -1px;
  height: 6px;
  width: 7px
}

.bo-selecta .yui-ac-shadow .shadow_l {
  background-position: 0 -11px
}

.bo-selecta .yui-ac-shadow .shadow_m {
  background: none
}

.bo-selecta .yui-ac-shadow .shadow_r {
  background-position: -993px -11px;
  width: 7px
}

.bo-selecta .yui-ac-shadow .shadow_bl {
  background-position: -1px -993px;
  height: 6px;
  width: 6px
}

.bo-selecta .yui-ac-shadow .shadow_b {
  background-position: -11px -994px;
  height: 6px
}

.bo-selecta .yui-ac-shadow .shadow_br {
  background-position: -992px -993px;
  height: 6px;
  width: 7px
}

.bo-selecta li.bs-total-results {
  background: #fefefe;
  color: #777;
  font-size: 14px;
  height: auto;
  list-style-type: none;
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center
}

.bo-selecta li.bs-total-results a {
  display: none
}

.bo-selecta li p {
  float: left;
  height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.bo-selecta li p.bs-message {
  background: #fefefe;
  color: #777;
  font-size: 14px;
  height: 16px;
  margin: -5px;
  padding: 12px 5px 6px;
  text-align: center;
  width: 100%
}

.bo-selecta li p.bs-message span {
  display: block;
  float: left
}

.bo-selecta li p.bs-global-search-link {
  background: #fff;
  color: #3886e6;
  text-align: left
}

.bo-selecta li p.bs-global-search-link span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  display: block;
  height: 18px;
  padding: 0 5px 0 23px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .bo-selecta li p.bs-global-search-link span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.bo-selecta li p.bs-send-email-link {
  background: #fff;
  color: #000;
  height: 51px;
  line-height: 16px;
  text-align: left;
  white-space: normal
}

.bo-selecta li p.bs-send-email-link span {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/images/icon_unread.gif) no-repeat 1px 0;
  display: block;
  padding: 0 5px 0 23px
}

.bo-selecta li p.bs-enter-email-link {
  background: #fff;
  color: #777;
  height: 67px;
  line-height: 16px;
  text-align: left;
  white-space: normal
}

.bo-selecta li p.bs-enter-email-link span {
  background: transparent iamge-url("/images/icon_unread.gif") no-repeat 1px 0;
  display: block;
  padding: 0 5px 0 23px
}

.bo-selecta-3 {
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  min-height: 14px;
  padding: 0;
  position: relative;
  width: 100%
}

.bo-selecta-3 .loading {
  background: transparent;
  border: 1px solid #d7d7d7;
  color: #999;
  float: none;
  font-style: italic;
  margin: 0;
  padding: 4px
}

.bo-selecta-3 .loading-global {
  background: url(https://combo.staticflickr.com/ap/build/images/images/progress/balls-16x8-trans.gif) no-repeat 0 0;
  border: none;
  height: 8px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: -2px;
  top: 7px;
  width: 16px;
  z-index: 1
}

.bo-selecta-3 .grey,.bo-selecta-3 .grey:hover {
  color: #999
}

.bo-selecta-3 .yui3-aclist {
  width: 360px!important;
  z-index: 20000
}

.bo-selecta-3 .yui3-aclist-content {
  background: #f3f5f6;
  border: 1px solid #afafaf;
  box-shadow: 1px 1px 4px #888;
  color: #006dac
}

.bo-selecta-3 .yui3-aclist-item {
  overflow: hidden;
  padding: 0
}

.bo-selecta-3 .yui3-aclist-item-hover {
  background: #c3ddff;
  outline: none
}

.bo-selecta-3 .yui3-aclist-item-hover .term-highlight {
  background: inherit
}

.bo-selecta-3 .yui3-aclist-item-active {
  background: #c3ddff;
  outline: none
}

.bo-selecta-3 .yui3-aclist-item-active .term-highlight {
  background: inherit
}

.bo-selecta-3 li img {
  vertical-align: middle
}

.bo-selecta-3 li a {
  color: #006dac;
  text-decoration: none
}

.bo-selecta-3 li a:visited {
  color: #3886e6;
  text-decoration: none
}

.bo-selecta-3 li p {
  height: 34px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.bo-selecta-3 li p span.name {
  float: left;
  margin-top: 3px;
  overflow: visible;
  padding-left: 35px;
  padding-right: 10px
}

.bo-selecta-3 li p span.name img {
  border: 1px solid #fff;
  display: block;
  left: 5px;
  position: absolute;
  top: 4px
}

.bo-selecta-3 li p span.name img.bs-email-icon {
  border: none;
  left: 9px;
  top: 9px
}

.bo-selecta-3 li p span.name strong.username {
  display: block;
  font-size: 13px;
  font-weight: 400
}

.bo-selecta-3 li p span.name strong.username a:hover {
  color: #fff
}

.bo-selecta-3 li p span.name .realname {
  color: #888;
  display: block;
  float: left;
  font-size: 11px;
  margin-top: -1px;
  padding: 1px 0 2px
}

.bo-selecta-3 li p span.edit-rel a:hover,.bo-selecta-3 li p span.name a.realname:hover {
  color: #fff
}

.bo-selecta-3 li p span.relationship {
  float: right;
  margin: 9px 6px 0 0
}

.bo-selecta-3 li p span.name-email strong.username {
  display: block;
  margin: 5px 0 0
}

.bo-selecta-3 li span.edit-rel {
  display: inline;
  float: none;
  font-size: 11px;
  margin: 0;
  text-transform: lowercase
}

.bo-selecta-3 li p.disabled {
  background: #fff
}

.bo-selecta-3 li p.disabled span.name img {
  opacity: .5
}

.bo-selecta-3 li p.disabled span.name strong.username {
  color: #999
}

.bo-selecta-3 li p.disabled span.name strong.username a:hover {
  color: #fff
}

.bo-selecta-3 li p.disabled span.name .realname {
  color: #999
}

.bo-selecta-3 li p.disabled span.name a.realname:hover {
  color: #fff
}

.bo-selecta-3 li p.bs-message {
  background: #fafafa;
  color: #777;
  font-size: 14px;
  height: auto;
  padding: 12px 5px;
  text-align: center;
  width: 100%
}

.bo-selecta-3 li p.bs-total-results {
  font-size: 11px;
  height: auto;
  padding: 4px 6px;
  text-align: left;
  width: auto
}

.bo-selecta-3 li p.bs-total-results a {
  display: none
}

.bo-selecta-3 li p.bs-global-search-link {
  background: #fff;
  color: #3886e6;
  text-align: left
}

.bo-selecta-3 li p.bs-global-search-link span {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/images/icon_search.gif) no-repeat 4px 0;
  display: block;
  padding: 0 5px 0 23px
}

.bo-selecta-3 li p.bs-send-email-link {
  background: #fff;
  color: #000;
  height: 51px;
  line-height: 16px;
  text-align: left;
  white-space: normal;
  width: auto
}

.bo-selecta-3 li p.bs-send-email-link span {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/images/icon_unread.gif) no-repeat 1px 0;
  display: block;
  padding: 0 5px 0 23px
}

.bo-selecta-3 li p.bs-enter-email-link {
  background: #fff;
  color: #777;
  height: 67px;
  line-height: 16px;
  text-align: left;
  white-space: normal;
  width: auto
}

.bo-selecta-3 li p.bs-enter-email-link span {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/images/icon_unread.gif) no-repeat 1px 0;
  display: block;
  padding: 0 5px 0 23px
}

.bo-selecta-3 .term-highlight {
  background: #fffaae
}

.bo-selecta-3 a:hover .term-highlight {
  background: inherit
}

.bo-selecta-3 li.yui3-aclist-item-hover p.bs-message {
  background: #c3ddff
}

.bo-selecta-3 li.yui3-aclist-item-hover p.bs-disable-active {
  background: #fafafa
}

.bo-selecta-3 li.yui3-aclist-item-hover p.bs-global-search-link a:hover,.bo-selecta-3 li.yui3-aclist-item-hover p.bs-send-email-link a:hover {
  background: transparent;
  color: #3886e6;
  cursor: default
}

.bo-selecta-3 li.yui3-aclist-item-active p.bs-message {
  background: #c3ddff
}

.bo-selecta-3 li.yui3-aclist-item-active p.bs-disable-active {
  background: #fafafa
}

.breadcrumb-view .caret {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -470px no-repeat;
  display: inline-block;
  height: 14px;
  margin: 0 12px 0 10px;
  position: relative;
  top: 2px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .breadcrumb-view .caret {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-banner-view .banner-container {
  height: auto;
  left: 50%;
  margin-left: -320px;
  position: absolute;
  top: 40px;
  width: 640px;
  z-index: 1999
}

.browser-upgrade-banner-view .banner-container .close {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -155px no-repeat;
  cursor: pointer;
  height: 13px;
  opacity: .5;
  position: absolute;
  right: 15px;
  top: 16px;
  width: 13px;
  z-index: 5
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-banner-view .banner-container .close {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.browser-upgrade-banner-view .banner-container .close:hover {
  opacity: 1
}

.browser-upgrade-banner-view .banner-container input,.browser-upgrade-banner-view .banner-container input#close:checked~.banner,.browser-upgrade-banner-view .banner-container input#close:checked~.close {
  display: none
}

.browser-upgrade-banner-view .banner {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.3),0 1px 4px 0 rgba(0,0,0,.2);
  height: auto;
  margin: 20px auto 0;
  padding: 15px 20px 17px;
  position: relative;
  width: 600px
}

.browser-upgrade-banner-view .banner p {
  color: #212124;
  display: inline-block;
  line-height: 20px;
  margin: 0;
  width: 60%
}

.browser-upgrade-banner-view .banner .browser-icon {
  opacity: .85;
  transition: opacity .3s ease-in-out
}

.browser-upgrade-banner-view .banner .browser-icon:hover {
  opacity: 1
}

.browser-upgrade-banner-view .banner .browser-icon div {
  display: inline-block;
  margin-right: 14px
}

.browser-upgrade-banner-view .banner .chrome {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -195px no-repeat;
  height: 36px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-banner-view .banner .chrome {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-banner-view .banner .safari {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -269px no-repeat;
  height: 36px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-banner-view .banner .safari {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-banner-view .banner .firefox {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -232px no-repeat;
  height: 36px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-banner-view .banner .firefox {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-banner-view .banner .edge {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -343px no-repeat;
  height: 36px;
  width: 34px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-banner-view .banner .edge {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .background-cover {
  background: url(https://combo.staticflickr.com/ap/build/images/browser-upgrade-interstitial-background.jpg) no-repeat 50% fixed;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1
}

.browser-upgrade-interstitial-view .content {
  left: 50%;
  margin: 0 auto 0 -437.5px;
  position: absolute;
  text-align: center;
  top: 25%;
  width: 875px
}

.browser-upgrade-interstitial-view .content .browser-links {
  filter: drop-shadow(0 5px 25px rgba(0,0,0,.5));
  margin: 5em 0
}

.browser-upgrade-interstitial-view .content .browser-links .icon {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle
}

.browser-upgrade-interstitial-view .content .browser-links .flickr-balls {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -151px -99px no-repeat;
  height: 40px;
  margin-right: 30px;
  width: 88px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-interstitial-view .content .browser-links .flickr-balls {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .content .browser-links .heart {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -214px -234px no-repeat;
  height: 48px;
  margin-right: 30px;
  width: 56px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-interstitial-view .content .browser-links .heart {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .content .browser-links .chrome {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -283px no-repeat;
  height: 72px;
  width: 72px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-interstitial-view .content .browser-links .chrome {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .content .browser-links .safari {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -146px -283px no-repeat;
  height: 72px;
  width: 72px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-interstitial-view .content .browser-links .safari {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .content .browser-links .firefox {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -73px -283px no-repeat;
  height: 72px;
  width: 72px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-interstitial-view .content .browser-links .firefox {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .content .browser-links .edge {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -219px -283px no-repeat;
  height: 72px;
  width: 67px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .browser-upgrade-interstitial-view .content .browser-links .edge {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.browser-upgrade-interstitial-view .content a.continue {
  color: #fff
}

.cameraroll-corner-tools-view {
  bottom: 118px;
  font-size: 13px;
  margin: 0;
  max-width: 110px;
  padding: 0 10px;
  position: absolute;
  right: 0;
  z-index: 90
}

.cameraroll-corner-tools-view.is-fixed {
  bottom: 10px;
  position: fixed
}

.cameraroll-corner-tools-view a {
  color: #898989;
  display: block
}

.cameraroll-corner-tools-view .is-hidden {
  display: none
}

.cameraroll-corner-tools-view i {
  display: inline-block;
  left: -3px;
  position: relative;
  top: -2px;
  vertical-align: middle
}

.cameraroll-corner-tools-view .uploadr-banner-small {
  bottom: 10px;
  position: relative;
  right: 50px
}

.cameraroll-corner-tools-view .tagline {
  display: inline-block;
  font-size: 12px;
  margin-left: 26px
}

.cameraroll-corner-tools-view:hover .tagline {
  text-decoration: underline
}

.cameraroll-corner-tools-view .corner-mac-uploadr-banner {
  margin-bottom: 5px;
  padding-left: 3px
}

.cameraroll-corner-tools-view .corner-mac-uploadr-banner i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -54px -102px no-repeat;
  height: 16px;
  width: 25px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-corner-tools-view .corner-mac-uploadr-banner i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-corner-tools-view .cameraroll-feedback i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -29px -73px no-repeat;
  height: 28px;
  opacity: .47;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-corner-tools-view .cameraroll-feedback i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-corner-tools-view .feedback-box {
  display: block;
  height: 28px
}

.cameraroll-corner-tools-view .feedback-box .label-beta {
  float: left;
  margin-top: 6px
}

.cameraroll-corner-tools-view .feedback-box div {
  background: #cfd6d9;
  float: left;
  height: 100%;
  margin: 0 15px;
  position: relative;
  width: 1px
}

.cameraroll-corner-tools-view .feedback-box a {
  float: left
}

.cameraroll-edit-dialog-dates-view {
  clear: both;
  margin-top: 25px
}

.cameraroll-edit-dialog-dates-view .date-inputs>.day,.cameraroll-edit-dialog-dates-view .date-inputs>.month,.cameraroll-edit-dialog-dates-view .date-inputs>.year {
  background-color: #f8f8f8;
  background: hsla(0,0%,100%,.07);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #9ea4a7;
  color: #898989;
  cursor: pointer;
  float: left;
  font-size: 14px;
  height: 10px;
  line-height: 12px;
  margin-right: 10px;
  padding: 10px
}

.cameraroll-edit-dialog-dates-view .date-inputs>.day>.ui-dropdown-arrows,.cameraroll-edit-dialog-dates-view .date-inputs>.month>.ui-dropdown-arrows,.cameraroll-edit-dialog-dates-view .date-inputs>.year>.ui-dropdown-arrows {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  float: right;
  height: 6px;
  margin-right: 1px;
  margin-top: 3px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-edit-dialog-dates-view .date-inputs>.day>.ui-dropdown-arrows,.cameraroll-edit-dialog-dates-view .date-inputs>.month>.ui-dropdown-arrows,.cameraroll-edit-dialog-dates-view .date-inputs>.year>.ui-dropdown-arrows {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-edit-dialog-dates-view .date-inputs>.month {
  overflow: hidden;
  position: relative;
  width: 95px
}

.cameraroll-edit-dialog-dates-view .date-inputs>.month .ui-dropdown-arrows {
  position: absolute;
  right: 10px
}

.cameraroll-edit-dialog-dates-view .date-inputs>.day {
  opacity: 1;
  transition: opacity .7s;
  width: 31px
}

.cameraroll-edit-dialog-dates-view .date-inputs>.day.hide-day {
  opacity: .2
}

.cameraroll-edit-dialog-dates-view .date-inputs>.year {
  width: 50px
}

.cameraroll-edit-dialog-dates-view .date-inputs input {
  width: 32px
}

.cameraroll-edit-dialog-dates-view .date-inputs .time-fields {
  float: left;
  opacity: 1;
  transition: opacity .7s
}

.cameraroll-edit-dialog-dates-view .date-inputs .time-fields.hide-time {
  opacity: .2
}

.cameraroll-edit-dialog-dates-view .date-inputs .time-seperator {
  color: #898989;
  position: relative;
  top: 5px
}

.cameraroll-edit-dialog-dates-view .date-inputs .date-posted-label,.cameraroll-edit-dialog-dates-view .date-inputs .date-taken-label {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 5px
}

.cameraroll-edit-dialog-dates-view .date-inputs .date-posted-label .date-posted-label-text,.cameraroll-edit-dialog-dates-view .date-inputs .date-posted-label .date-taken-label-text,.cameraroll-edit-dialog-dates-view .date-inputs .date-taken-label .date-posted-label-text,.cameraroll-edit-dialog-dates-view .date-inputs .date-taken-label .date-taken-label-text {
  font-size: 14px
}

.cameraroll-edit-dialog-dates-view .date-inputs .date-taken-label {
  width: 163px
}

.cameraroll-edit-dialog-dates-view .date-inputs .date-posted-label {
  width: 168px
}

.cameraroll-edit-dialog-dates-view i {
  display: inline-block
}

.cameraroll-edit-dialog-dates-view i.date-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -130px -96px no-repeat;
  float: left;
  height: 15px;
  margin-right: 10px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-edit-dialog-dates-view i.date-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-edit-dialog-dates-view .date-taken-inputs .date-icon {
  margin-left: 6px
}

.cameraroll-edit-dialog-dates-view .date-posted-inputs .date-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -54px -102px no-repeat;
  height: 16px;
  width: 25px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-edit-dialog-dates-view .date-posted-inputs .date-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-edit-dialog-dates-view .date-dropdown {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  color: #212124;
  max-height: 270px;
  overflow: auto;
  padding: 0;
  position: absolute;
  z-index: 100
}

.cameraroll-edit-dialog-dates-view .date-dropdown>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.cameraroll-edit-dialog-dates-view .date-dropdown>ul>li {
  cursor: pointer;
  padding: 5px;
  transition: background-color .15s ease-in-out
}

.cameraroll-edit-dialog-dates-view .date-dropdown>ul>li:focus,.cameraroll-edit-dialog-dates-view .date-dropdown>ul>li:hover {
  background-color: #e6eaec
}

.cameraroll-edit-dialog-dates-view .date-dropdown>ul>li:first-child {
  margin-top: 5px
}

.cameraroll-edit-dialog-dates-view .date-dropdown>ul>li:last-child {
  margin-bottom: 5px
}

.cameraroll-edit-dialog-dates-view .date-dropdown-curtain {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 101
}

.cameraroll-edit-dialog-dates-view .date-dropdown-arrow {
  border-bottom: 10px solid #58585b;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  display: block;
  height: 0;
  left: 37px;
  position: absolute;
  top: 25px;
  width: 0;
  z-index: 2001
}

.cameraroll-edit-dialog-dates-view .date-dropdown-arrow:after {
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -9px;
  top: 1px;
  width: 0;
  z-index: 2002
}

.cameraroll-edit-dialog-dates-view .date-dropdown-arrow.upside-down {
  border-bottom: none;
  border-top: 10px solid #58585b;
  bottom: 37px;
  top: auto
}

.cameraroll-edit-dialog-dates-view .date-dropdown-arrow.upside-down:after {
  border-bottom: none;
  border-top: 9px solid #fff;
  bottom: 1px;
  top: auto
}

.cameraroll-edit-dialog-dates-view .date-dropdown-arrow.hide {
  display: none
}

.cameraroll-edit-dialog-dates-view>.date-posted-inputs {
  clear: both;
  margin-top: 15px
}

.cameraroll-edit-dialog-dates-view>.date-posted-inputs>.month {
  width: 90px
}

html[lang=fr-fr] .cameraroll-edit-dialog-dates-view .date-inputs.date-taken-inputs .date-taken-label {
  width: 168px
}

html[lang=fr-fr] .cameraroll-edit-dialog-dates-view .date-inputs.date-taken-inputs .month {
  width: 90px
}

html[lang=fr-fr] .cameraroll-edit-dialog-dates-view .date-inputs.date-posted-inputs .date-posted-label {
  width: 178px
}

html[lang=fr-fr] .cameraroll-edit-dialog-dates-view .date-inputs.date-posted-inputs .month {
  width: 80px
}

.cameraroll-edit-dialog-people-view {
  float: right;
  margin-left: 12px;
  margin-top: 20px;
  width: 47%
}

.cameraroll-edit-dialog-people-view .edit-photos-people-tags {
  float: left;
  width: 87%
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-sizing: border-box;
  left: 30px;
  max-height: 300px;
  overflow-y: auto
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li {
  height: 40px;
  overflow: hidden
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li>img {
  border-radius: 25px
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li.highlight {
  background-color: #e6eaec
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li .person-list,.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li>h3 {
  display: none
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li.loading>div {
  margin: 10px auto 0
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li:first-of-type {
  margin-top: 5px
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li>h2 {
  color: #212124;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  max-width: 160px;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.contact-list>li div.following-status {
  display: none
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.ui-dialog-arrow {
  border-bottom: 10px solid #58585b;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  display: block;
  height: 0;
  left: 37px;
  position: absolute;
  top: 25px;
  width: 0;
  z-index: 2001
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.ui-dialog-arrow:after {
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -9px;
  top: 1px;
  width: 0;
  z-index: 2002
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.ui-dialog-arrow.upside-down {
  border-bottom: none;
  border-top: 10px solid #58585b;
  bottom: 37px;
  top: auto
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.ui-dialog-arrow.upside-down:after {
  border-bottom: none;
  border-top: 9px solid #fff;
  bottom: 1px;
  top: auto
}

.cameraroll-edit-dialog-people-view>.c-contact-search-autocomplete>.ui-dialog-arrow.hide {
  display: none
}

.cameraroll-edit-dialog-people-view>.people-tags-list {
  clear: both;
  margin: 0;
  max-height: 70px;
  overflow-y: scroll;
  padding: 10px 0 0 25px
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person {
  list-style: none;
  padding: 5px;
  position: relative;
  top: -5px;
  transition: background-color .2s ease-in-out
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon {
  align-items: center;
  display: flex;
  position: relative
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .circle-icon {
  float: left
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .circle-icon img {
  border-radius: 50%
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .circle-icon:after {
  border: 1px solid hsla(0,0%,100%,.5);
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: block;
  height: 32px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  z-index: 1
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .person-name {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  margin-left: 10px;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .pro-badge-inline {
  bottom: 0;
  margin-left: 10px
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .pro-badge-inline:hover {
  text-decoration: none
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon .pro-badge-new {
  margin-left: 8px
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon>.remove-person {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -16px no-repeat;
  height: 9px;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 9px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-edit-dialog-people-view>.people-tags-list>.person>.person-icon>.remove-person {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person:hover {
  background-color: rgba(0,0,0,.05);
  border-radius: 3px;
  cursor: pointer
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person:hover>.person-icon>.remove-person {
  opacity: .47
}

.cameraroll-edit-dialog-people-view>.people-tags-list>.person:hover>.person-icon>.remove-person:hover {
  opacity: 1
}

.cameraroll-edit-dialog-people-view i {
  display: inline-block
}

.cameraroll-edit-dialog-people-view i.people-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) 0 -123px no-repeat;
  float: left;
  height: 17px;
  margin-right: 10px;
  margin-top: 10px;
  width: 22px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-edit-dialog-people-view i.people-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-edit-dialog-people-view>.contact-list-error,.cameraroll-edit-dialog-people-view>.max-people-reached {
  color: #898989;
  font-size: 13px;
  margin-left: 32px
}

.cameraroll-edit-dialog-view {
  float: left;
  margin-right: 40px
}

.cameraroll-edit-dialog-view>.edit-selected-photos>span {
  color: #737b80;
  font-size: 15px;
  vertical-align: top
}

.cameraroll-edit-dialog-view>.edit-selected-photos:hover {
  text-decoration: none
}

.cameraroll-edit-dialog-view i {
  display: inline-block
}

.cameraroll-edit-dialog-view i.edit-selected-photos-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -80px -102px no-repeat;
  height: 16px;
  margin-right: 3px;
  margin-top: 2px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-edit-dialog-view i.edit-selected-photos-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.fluid .cameraroll-edit-dialog .body .content {
  font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  max-height: none;
  overflow-y: visible;
  padding: 0 20px
}

.fluid .cameraroll-edit-dialog .body .content>.cameraroll-edit-dialog-body-view {
  min-width: 560px
}

.fluid .cameraroll-edit-dialog .body .content>.cameraroll-edit-dialog-body-view:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

.fluid .cameraroll-edit-dialog .foot {
  overflow: visible
}

.fluid .cameraroll-edit-dialog .foot .buttons button {
  height: 29px;
  line-height: 29px;
  min-width: 80px
}

.fluid .cameraroll-edit-dialog .foot.balls {
  clear: both;
  float: right;
  height: 42px;
  margin-right: 280px;
  margin-top: 30px
}

.fluid .cameraroll-edit-dialog .foot.balls .buttons,.fluid .cameraroll-edit-dialog .hidden {
  display: none
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container input {
  color: #212124;
  height: 32px;
  padding: 6px 42px 6px 10px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container input:focus {
  border-color: #128fdc
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container input.date-hour,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container input.date-minute,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container input.date-second {
  padding: 0;
  text-indent: 5px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.title-desc-container {
  background: #fff;
  border: 1px solid #9ea4a7;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  width: 560px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.title-desc-container.focused {
  border-color: #128fdc
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.title-desc-container>.edit-photos-title {
  background: transparent;
  box-shadow: none;
  display: block;
  height: 27px;
  margin-top: 5px;
  width: 100%
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.title-desc-container>.edit-photos-title:focus {
  outline: none
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.title-desc-container>hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 0 10px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.title-desc-container>.edit-photos-description {
  background: transparent;
  box-shadow: none;
  height: 48px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 8px 10px;
  width: 100%
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-top: 10px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.add-meta-label,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.commenting-label,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.copyright-label,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.privacy-label,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.safety-label {
  align-items: center;
  color: #898989;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  max-width: 325px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.add-meta-label .label-beta,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.add-meta-label .safety-info-icon,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.commenting-label .label-beta,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.commenting-label .safety-info-icon,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.copyright-label .label-beta,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.copyright-label .safety-info-icon,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.privacy-label .label-beta,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.privacy-label .safety-info-icon,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.safety-label .label-beta,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.safety-label .safety-info-icon {
  margin-left: 5px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.add-meta-label .safety-info-icon:hover,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.commenting-label .safety-info-icon:hover,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.copyright-label .safety-info-icon:hover,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.privacy-label .safety-info-icon:hover,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li>.safety-label .safety-info-icon:hover {
  cursor: pointer
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li .permissions-button {
  align-items: center;
  color: #006dac;
  cursor: pointer;
  display: flex
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>li .permissions-button .arrow {
  display: flex
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container {
  clear: both;
  float: left;
  margin-right: 12px;
  margin-top: 20px;
  position: relative;
  width: 48%
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.edit-photos-tags {
  float: left;
  width: 89%
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list {
  clear: both;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag {
  background-color: #cfd6d9;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  margin: 0 5px 5px 0;
  max-width: 96%;
  padding: 3px 5px;
  position: relative;
  transition: all .15s ease-in-out
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag>.remove-tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag>.remove-tag {
  border-radius: 5px;
  display: none;
  font-size: 14px;
  height: 88%;
  opacity: 0;
  padding: 4px 5px;
  position: absolute;
  right: 0;
  text-align: end;
  top: 0;
  width: 10px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag>.remove-tag>i.delete-tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag>.remove-tag>i.delete-tag {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -26px no-repeat;
  display: inline-block;
  height: 9px;
  width: 9px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag>.remove-tag>i.delete-tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag>.remove-tag>i.delete-tag {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag:focus,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag:hover,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag:focus,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag:hover {
  background-color: #868d91;
  color: #fff;
  padding-right: 20px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag:focus>.remove-tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list>.tag:hover>.remove-tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag:focus>.remove-tag,.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list>.tag:hover>.remove-tag {
  display: inline;
  opacity: 1
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.tags-list {
  max-height: 70px;
  overflow-y: scroll;
  padding-left: 25px;
  padding-top: 10px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.machine-tags-list {
  padding-left: 25px;
  padding-top: 15px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container i {
  display: inline-block
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container i.tags-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -130px -40px no-repeat;
  float: left;
  height: 17px;
  margin-right: 10px;
  margin-top: 10px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container i.tags-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.photo-tag-counter {
  color: #898989;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 8px
}

.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container>.tags-container>.photo-tag-counter.max-tags-reached {
  color: #e2292b
}

.cameraroll-edit-dialog-droparound {
  font-size: 14px
}

.cameraroll-tools-view {
  background-color: #f3f5f6;
  height: 50px;
  left: 0;
  margin: 0 auto;
  position: static;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 80
}

.cameraroll-tools-view .no-outline,.cameraroll-tools-view label:hover,.cameraroll-tools-view li:hover,.cameraroll-tools-view span:hover {
  outline-width: 0
}

.cameraroll-tools-view .toolbar {
  background-color: #f3f5f6;
  height: 50px;
  position: relative;
  width: 100%;
  z-index: 80
}

.cameraroll-tools-view .toolbar .toolbar-content {
  display: flex;
  justify-content: space-between;
  position: relative
}

@media only screen and (min-width: 701px)and (max-width:1080px) {
  .cameraroll-tools-view .toolbar .toolbar-content {
      margin-right:24px
  }
}

.cameraroll-tools-view .fixed {
  margin-top: 0;
  position: fixed;
  top: 100px
}

@media only screen and (max-width: 890px) {
  .cameraroll-tools-view .left-side-tools {
      display:none
  }
}

.cameraroll-tools-view .centered-tools ul {
  border-radius: 2px;
  font-size: 14px;
  list-style: none;
  margin: 10px 0 0;
  overflow: hidden;
  padding: 1px 3px
}

.cameraroll-tools-view .centered-tools ul li {
  box-shadow: 0 0 0 1px #cbced0;
  color: #898989;
  cursor: pointer;
  float: left;
  padding: 4px 20px;
  position: relative
}

.cameraroll-tools-view .centered-tools ul li:first-of-type {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  margin-right: 1px
}

.cameraroll-tools-view .centered-tools ul li:last-of-type {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.cameraroll-tools-view .centered-tools ul li.selected {
  box-shadow: 0 0 0 2px #128fdc;
  color: #128fdc;
  font-weight: 600;
  margin-top: 1px;
  padding: 3px 20px;
  z-index: 1
}

.cameraroll-tools-view .centered-tools ul li.date-sort {
  padding-right: 30px
}

.cameraroll-tools-view .centered-tools ul li.date-sort span.change-sort-option-arrow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -107px no-repeat;
  height: 6px;
  position: absolute;
  right: 11px;
  top: 10px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .centered-tools ul li.date-sort span.change-sort-option-arrow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-tools-view .centered-tools ul li.date-sort.selected span.change-sort-option-arrow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -100px no-repeat;
  height: 6px;
  right: 12px;
  top: 9px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .centered-tools ul li.date-sort.selected span.change-sort-option-arrow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-tools-view .filter-sort {
  color: #737b80;
  cursor: pointer;
  float: right;
  line-height: 170%;
  margin-right: 35px;
  padding: 12px 0;
  text-decoration: none
}

.cameraroll-tools-view .filter-sort p {
  display: inline-block;
  margin: 0;
  pointer-events: none
}

.cameraroll-tools-view .filter-sort span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  display: inline-block;
  height: 6px;
  margin: 0 0 2px 5px;
  pointer-events: none;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .filter-sort span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-tools-view .show-info-toggle {
  display: inline-block;
  position: relative;
  top: -4px
}

.cameraroll-tools-view .show-info-toggle>label>div {
  margin-right: 8px
}

.cameraroll-tools-view .show-info-toggle label {
  color: #898989
}

.cameraroll-tools-view .show-info-toggle label span {
  margin-left: -4px
}

.cameraroll-tools-view .change-thumbnail-size {
  display: inline;
  line-height: 50px;
  margin: 0;
  padding: 0 0 0 24px
}

.cameraroll-tools-view .change-thumbnail-size li {
  display: inline-block;
  height: 20px;
  margin: 0 0 0 6px;
  width: 20px
}

.cameraroll-tools-view .change-thumbnail-size li:hover {
  cursor: pointer
}

.cameraroll-tools-view .change-thumbnail-size li.small {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -91px -123px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .change-thumbnail-size li.small {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tools-view .change-thumbnail-size li.medium {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -57px -123px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .change-thumbnail-size li.medium {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tools-view .change-thumbnail-size li.large {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -23px -123px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .change-thumbnail-size li.large {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tools-view .change-thumbnail-size li.small.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -74px -123px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .change-thumbnail-size li.small.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tools-view .change-thumbnail-size li.medium.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -40px -123px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .change-thumbnail-size li.medium.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tools-view .change-thumbnail-size li.large.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -97px -102px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tools-view .change-thumbnail-size li.large.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

html[lang=es-us] .cameraroll-tools-view .left-side-tools {
  left: 180px
}

html[lang=es-us] .cameraroll-tools-view.restyle .left-side-tools {
  left: 130px
}

.cameraroll-tray-view {
  background-color: hsla(0,0%,100%,.95);
  border: 1px solid #fff;
  border-radius: 3px 3px 0 0;
  bottom: 0;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  height: 150px;
  overflow: hidden;
  position: fixed;
  transition-duration: .5s;
  transition-property: height,bottom;
  transition-timing-function: ease-out;
  z-index: 100
}

.cameraroll-tray-view.none {
  border: 0;
  height: 0
}

.cameraroll-tray-view>.number-of-selected-photos {
  color: #737b80;
  font-size: 15px;
  min-height: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-top: 10px
}

.cameraroll-tray-view .done-with-tray-selection {
  color: #737b80;
  font-size: 15px;
  position: absolute;
  right: 20px;
  top: 10px
}

.cameraroll-tray-view>.cameraroll-tray {
  -webkit-touch-callout: none;
  height: 50px;
  left: 0;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  transition-duration: .3s;
  transition-property: left;
  transition-timing-function: ease-out;
  user-select: none;
  white-space: nowrap
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo {
  background: rgba(0,0,0,.15);
  display: inline-block;
  height: 50px;
  margin-right: 5px;
  position: relative;
  width: 50px
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:hover {
  cursor: pointer
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:hover:after,.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:hover:before {
  opacity: 1
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:after,.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:before {
  content: "";
  cursor: pointer;
  opacity: 0;
  position: absolute;
  transition: opacity .15s ease-in-out
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:before {
  background-color: rgba(0,0,0,.5);
  border: 2px solid #000;
  box-sizing: border-box;
  display: block;
  height: 100%;
  right: 0;
  top: 0;
  width: 100%
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo:after {
  color: #fff;
  content: "×";
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  left: 50%;
  margin-left: -8px;
  margin-top: -16px;
  position: absolute;
  top: 50%
}

.cameraroll-tray-view>.cameraroll-tray>.cameraroll-selected-photo>img {
  height: 50px;
  width: 50px
}

.cameraroll-tray-view .load-next-selection,.cameraroll-tray-view .load-prev-selection {
  -webkit-touch-callout: none;
  display: inline;
  user-select: none
}

.cameraroll-tray-view .load-next-selection.hidden,.cameraroll-tray-view .load-prev-selection.hidden {
  display: none
}

.cameraroll-tray-view .load-next-selection {
  background-image: linear-gradient(90deg,transparent,#fff 55%,#fff);
  cursor: pointer;
  float: right;
  height: 50px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 35px;
  z-index: 100
}

.cameraroll-tray-view .load-next-selection>span {
  color: #fff
}

.cameraroll-tray-view .load-prev-selection {
  background-image: linear-gradient(90deg,#fff,#fff 25%,transparent);
  cursor: pointer;
  float: left;
  height: 50px;
  left: 0;
  position: absolute;
  top: 40px;
  width: 50px;
  z-index: 100
}

.cameraroll-tray-view>.selection-tray-tools {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px
}

.cameraroll-tray-view>.selection-tray-tools .selection-tray-options {
  display: flex;
  min-width: 0
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view {
  float: left;
  margin-right: 40px
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view.right-aligned,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view.right-aligned,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view.right-aligned,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view.right-aligned,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view.right-aligned {
  float: right;
  margin-right: 0
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.album-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.delete-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.download-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.edit-privacy,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.share-cameraroll-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.album-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.delete-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.download-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.edit-privacy,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.share-cameraroll-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.album-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.delete-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.download-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.edit-privacy,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.share-cameraroll-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.album-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.delete-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.download-selected-photos,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.edit-privacy,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.share-cameraroll-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.album-selected-photos,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.delete-selected-photos,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.download-selected-photos,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.edit-privacy,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.share-cameraroll-icon {
  cursor: pointer
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.album-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.delete-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.download-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.edit-privacy:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.share-cameraroll-icon:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.album-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.delete-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.download-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.edit-privacy:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.share-cameraroll-icon:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.album-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.delete-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.download-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.edit-privacy:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.share-cameraroll-icon:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.album-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.delete-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.download-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.edit-privacy:hover,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.share-cameraroll-icon:hover,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.album-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.delete-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.download-selected-photos:hover,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.edit-privacy:hover,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.share-cameraroll-icon:hover {
  opacity: .6;
  text-decoration: none
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.album-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.download-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.edit-privacy>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.share-cameraroll-icon>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.album-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.download-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.edit-privacy>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.share-cameraroll-icon>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.album-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.download-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.edit-privacy>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.share-cameraroll-icon>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.album-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.download-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.edit-privacy>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.share-cameraroll-icon>span,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.album-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.download-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.edit-privacy>span,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.share-cameraroll-icon>span {
  color: #737b80;
  font-size: 15px;
  vertical-align: top
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view>.delete-selected-photos>span,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view>.delete-selected-photos>span {
  color: #e02c33
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i {
  display: inline-block
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.edit-privacy-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -130px -77px no-repeat;
  height: 18px;
  margin-right: 3px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.edit-privacy-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.edit-privacy-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.delete-selected-photos-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -130px -58px no-repeat;
  height: 18px;
  margin-right: 3px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.delete-selected-photos-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.delete-selected-photos-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.album-photos-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -130px -21px no-repeat;
  height: 18px;
  margin-right: 3px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.album-photos-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.album-photos-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.download-photos-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) 0 -73px no-repeat;
  height: 28px;
  margin: -4px 3px 0 0;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-album-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-download-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-privacy-button-view i.download-photos-icon,.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view i.download-photos-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view {
  position: relative;
  top: -3px
}

.cameraroll-tray-view>.selection-tray-tools .fluid-share-cameraroll-view .fluid-share-icon {
  color: #8e9396;
  margin-right: 6px
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-edit-dialog-view .edit-selected-photos {
  cursor: pointer
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-edit-dialog-view .edit-selected-photos:hover {
  opacity: .6
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-item {
  float: none;
  margin-right: 40px;
  overflow: hidden;
  white-space: nowrap
}

@media only screen and (max-width: 1080px) {
  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-item {
      margin-right:16px
  }

  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-item.cameraroll-tray-delete-button-view .tray-item-label {
      display: none
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-item .fluid-share-button-label,.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-item .tray-item-label {
      display:none
  }
}

.cameraroll-tray-view>.selection-tray-tools .cameraroll-tray-delete-button-view {
  margin-right: 0
}

.cameraroll-tray-view i {
  display: inline-block
}

.cameraroll-tray-view i.prev-selection-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -151px -57px no-repeat;
  height: 14px;
  margin-left: 7px;
  margin-top: 17px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tray-view i.prev-selection-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-tray-view i.next-selection-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -151px -42px no-repeat;
  height: 14px;
  margin-left: 20px;
  margin-top: 17px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-tray-view i.next-selection-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-zoom-modal {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000
}

.cameraroll-zoom-modal:before {
  background: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .8;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s ease-in-out;
  z-index: 1
}

.cameraroll-zoom-modal .photo-container {
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  z-index: 2
}

.cameraroll-zoom-modal .photo-container img {
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 100%
}

.cameraroll-zoom-modal .photo-container img.zoom-small {
  z-index: 1
}

.cameraroll-zoom-modal .photo-container img.zoom-large {
  z-index: 3
}

.cameraroll-zoom-modal.hidden .photo-container,.cameraroll-zoom-modal.hidden:before,.cameraroll-zoom-modal.hiding:before {
  opacity: 0
}

.cameraroll-zoom-modal .close-x,.cameraroll-zoom-modal .next-arrow,.cameraroll-zoom-modal .prev-arrow,.cameraroll-zoom-modal .sub-photo {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 4
}

.cameraroll-zoom-modal .close-x {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) 0 0 no-repeat;
  height: 72px;
  right: 0;
  top: 7px;
  width: 64px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-zoom-modal .close-x {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-zoom-modal .next-arrow,.cameraroll-zoom-modal .prev-arrow {
  background: rgba(0,0,0,.5);
  height: 60px;
  margin-top: -30px;
  opacity: 1;
  top: 50%;
  transition: opacity .15s ease-in-out;
  width: 35px
}

.cameraroll-zoom-modal .next-arrow.is-disabled,.cameraroll-zoom-modal .prev-arrow.is-disabled {
  background-color: gray;
  cursor: default;
  opacity: 0
}

.cameraroll-zoom-modal .next-arrow:after,.cameraroll-zoom-modal .prev-arrow:after {
  content: "";
  display: block;
  left: 50%;
  margin-top: -10px;
  position: absolute;
  top: 50%
}

.cameraroll-zoom-modal .next-arrow {
  border-radius: 3px 0 0 3px;
  right: 0
}

.cameraroll-zoom-modal .next-arrow:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -151px 0 no-repeat;
  height: 20px;
  margin-left: -4px;
  width: 11px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-zoom-modal .next-arrow:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-zoom-modal .prev-arrow {
  border-radius: 0 3px 3px 0;
  left: 0
}

.cameraroll-zoom-modal .prev-arrow:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -151px -21px no-repeat;
  height: 20px;
  margin-left: -8px;
  width: 11px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-zoom-modal .prev-arrow:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-zoom-modal .sub-photo {
  bottom: 35px;
  text-align: center;
  width: 100%
}

.cameraroll-zoom-modal .sub-photo .go-to-photo-page.is-disabled {
  background-color: gray;
  cursor: default
}

.fluid .modal.cameraroll-privacy-change-dialog .head .title {
  padding-right: 50px
}

.fluid .modal.cameraroll-privacy-change-dialog ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.fluid .modal.sharing-warning-modal .reminder {
  bottom: 20px;
  position: absolute
}

.fluid .modal.sharing-warning-modal .reminder .square {
  margin-left: 5px
}

.fluid .alpha-warning-modal .title em {
  color: red;
  font-style: normal;
  text-transform: uppercase
}

.cameraroll-page-view .fluid-magic-subnav-view .fluid-subnav-shim {
  margin-bottom: 0
}

.cameraroll-page-view .generating-map {
  margin: 270px auto;
  text-align: center;
  width: 720px
}

.cameraroll-page-view .generating-map h1 {
  margin-bottom: 44px
}

.cameraroll-page-view.with-tool-bar .fluid-centered .uploadr-banner {
  top: 0
}

.cameraroll-page-view.with-tool-bar .uploadr-banner {
  top: 50px
}

.cameraroll-page-view .uploadr-banner {
  background: #005184 url(https://combo.staticflickr.com/ap/build/images/cameraroll/banner.png) 100% 0 no-repeat;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  width: 100%
}

.cameraroll-page-view .uploadr-banner .butt,.cameraroll-page-view .uploadr-banner .dismiss,.cameraroll-page-view .uploadr-banner .upload-icon,.cameraroll-page-view .uploadr-banner h3,.cameraroll-page-view .uploadr-banner p {
  color: #fff;
  position: absolute
}

.cameraroll-page-view .uploadr-banner .dismiss {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -142px no-repeat;
  display: block;
  height: 14px;
  right: 10px;
  top: 10px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .uploadr-banner .dismiss {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-page-view .uploadr-banner .butt {
  bottom: 19px;
  right: 30px
}

.cameraroll-page-view .uploadr-banner p {
  left: 114px;
  top: 36px
}

.cameraroll-page-view .uploadr-banner h3 {
  left: 114px;
  margin-top: 0;
  top: 23px
}

.cameraroll-page-view .uploadr-banner .upload-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -65px 0 no-repeat;
  height: 64px;
  left: 30px;
  top: 17px;
  width: 64px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .uploadr-banner .upload-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-page-view .uploadr-banner .label-beta {
  font-weight: 400;
  left: 65px;
  position: absolute;
  top: 12px
}

.cameraroll-page-view .cameraroll-view h4 {
  color: #898989;
  font-size: 18px;
  margin: 0;
  margin-bottom: 0!important;
  position: absolute
}

.cameraroll-page-view .cameraroll-view h4 span {
  font-size: 16px;
  margin: 0 11px 0 6px
}

.cameraroll-page-view .cameraroll-view h4 a {
  color: #128fdc;
  font-size: 16px
}

.cameraroll-page-view .cameraroll-view .empty-state-message {
  margin: 60px 12px;
  text-align: center
}

@media only screen and (min-width: 701px)and (max-width:1080px) {
  .cameraroll-page-view .cameraroll-view {
      margin-right:24px
  }
}

.cameraroll-page-view .height-controller {
  -webkit-touch-callout: none;
  position: relative;
  user-select: none
}

.cameraroll-page-view.with-tool-bar .navigation {
  top: 108px
}

.cameraroll-page-view .fluid-centered .navigation {
  padding-left: 10px;
  position: absolute;
  top: 398px;
  z-index: 80
}

.cameraroll-page-view .fluid-centered .navigation .scroll-navigation {
  left: 10px;
  padding-left: 0;
  width: 120px
}

.cameraroll-page-view .fluid-centered .navigation .scroll-navigation.scroll-down {
  left: inherit;
  margin-left: 10px;
  position: fixed
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .cameraroll-page-view .fluid-centered .navigation {
      display:none
  }
}

.cameraroll-page-view .navigation {
  -webkit-touch-callout: none;
  bottom: 0;
  font-size: 14px;
  left: 50%;
  overflow: hidden;
  padding-left: 20px;
  position: fixed;
  top: 83px;
  user-select: none;
  width: 120px;
  z-index: 79
}

.cameraroll-page-view .navigation ul {
  list-style: none;
  margin: 0;
  padding: 0 2px 0 0
}

.cameraroll-page-view .navigation>ul {
  margin-top: 2px;
  padding: 0 5px 1px 0;
  position: relative;
  top: 0;
  transition: top .5s ease
}

.cameraroll-page-view .navigation.floating>ul {
  margin-top: -8px
}

.cameraroll-page-view .navigation .months {
  display: none;
  overflow: hidden
}

.cameraroll-page-view .navigation .months.animating,.cameraroll-page-view .navigation .months.expanded {
  display: block
}

.cameraroll-page-view .navigation .month,.cameraroll-page-view .navigation .year {
  color: #898989;
  cursor: pointer;
  margin-bottom: 0;
  min-height: 24px;
  padding: 5px 0 0;
  position: relative
}

.cameraroll-page-view .navigation .month:first-letter,.cameraroll-page-view .navigation .year:first-letter {
  text-transform: capitalize
}

.cameraroll-page-view .navigation .month .name,.cameraroll-page-view .navigation .year .name {
  margin: 0 5px 0 0
}

.cameraroll-page-view .navigation .month .count,.cameraroll-page-view .navigation .year .count {
  font-size: 12px
}

.cameraroll-page-view .navigation .month.hover,.cameraroll-page-view .navigation .year.hover {
  color: #128fdc
}

.cameraroll-page-view .navigation .month {
  padding-left: 15px
}

.cameraroll-page-view .navigation .month:before {
  border-bottom: 1px solid #979ea2;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 10px
}

.cameraroll-page-view .navigation .highlighted {
  color: #128fdc;
  font-weight: 600
}

.cameraroll-page-view .navigation .highlighted.year {
  cursor: default
}

.cameraroll-page-view .navigation .highlighted.year:before {
  border-bottom: 2px solid #979ea2;
  top: 12px
}

.cameraroll-page-view .navigation .highlighted.year.unknown:before {
  border-bottom: 3px solid #128fdc;
  top: 11px
}

.cameraroll-page-view .navigation .highlighted.month:before {
  border-bottom: 2px solid #128fdc;
  top: 11px
}

.cameraroll-page-view .navigation .scroll-navigation {
  background: #f3f5f6;
  height: 32px;
  left: 0;
  position: absolute;
  width: 160px;
  z-index: 1
}

.cameraroll-page-view .navigation .scroll-navigation .button {
  background: rgba(0,0,0,.1);
  height: 22px;
  position: absolute;
  width: 82px
}

.cameraroll-page-view .navigation .scroll-navigation.scroll-up {
  top: 0
}

.cameraroll-page-view .navigation .scroll-navigation.scroll-up .button {
  bottom: 10px
}

.cameraroll-page-view .navigation .scroll-navigation.scroll-up .icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -494px no-repeat;
  height: 8px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .navigation .scroll-navigation.scroll-up .icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-page-view .navigation .scroll-navigation.scroll-down {
  bottom: 0;
  height: 42px
}

.cameraroll-page-view .navigation .scroll-navigation.scroll-down .button {
  top: 10px
}

.cameraroll-page-view .navigation .scroll-navigation.scroll-down .icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -485px no-repeat;
  height: 8px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .navigation .scroll-navigation.scroll-down .icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cameraroll-page-view .navigation .scroll-navigation .icon {
  left: 32px;
  position: absolute;
  top: 7px
}

.cameraroll-page-view .cameraroll-item-placeholder {
  backface-visibility: hidden;
  background-color: rgba(0,0,0,.15);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: contain;
  border: 3px solid #f3f5f6;
  border-radius: 2px;
  display: inline-block;
  margin: -3px;
  position: absolute;
  transition: border-color .15s ease-in-out
}

.cameraroll-page-view .cameraroll-item-placeholder.is-selected {
  border-color: #128fdc
}

.cameraroll-page-view .cameraroll-item-placeholder.is-selected:before {
  opacity: .5
}

.cameraroll-page-view .cameraroll-item-placeholder.is-selected:hover:before {
  opacity: .2
}

.cameraroll-page-view .cameraroll-item-placeholder.is-selected:after {
  border-color: #fff
}

.cameraroll-page-view .cameraroll-item-placeholder:after,.cameraroll-page-view .cameraroll-item-placeholder:before {
  content: "";
  display: block;
  position: absolute
}

.cameraroll-page-view .cameraroll-item-placeholder:before {
  background-color: #000;
  height: 100%;
  opacity: 0;
  right: 0;
  top: 0;
  transition: opacity .15s ease-in-out;
  width: 100%
}

.cameraroll-page-view .cameraroll-item-placeholder:after {
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  box-sizing: border-box;
  height: 12px;
  left: 50%;
  margin-left: -10px;
  margin-top: -6px;
  top: 50%;
  transform: rotate(-45deg);
  transition: border-color .15s ease-in-out;
  width: 20px
}

.cameraroll-page-view .cameraroll-item-placeholder.has-keyboard-focus,.cameraroll-page-view .cameraroll-item-placeholder:focus,.cameraroll-page-view .cameraroll-item-placeholder:hover {
  border-color: #3fb3ff;
  cursor: pointer;
  outline: none
}

.cameraroll-page-view .cameraroll-item-placeholder.has-keyboard-focus:after,.cameraroll-page-view .cameraroll-item-placeholder:focus:after,.cameraroll-page-view .cameraroll-item-placeholder:hover:after {
  border-color: hsla(0,0%,100%,0)
}

.cameraroll-page-view .cameraroll-item-placeholder.has-keyboard-focus.is-selected:after,.cameraroll-page-view .cameraroll-item-placeholder:focus.is-selected:after,.cameraroll-page-view .cameraroll-item-placeholder:hover.is-selected:after {
  border-color: hsla(0,0%,100%,.8)
}

.cameraroll-page-view .cameraroll-item-placeholder.has-keyboard-focus:before,.cameraroll-page-view .cameraroll-item-placeholder:focus:before,.cameraroll-page-view .cameraroll-item-placeholder:hover:before {
  background-color: #000;
  opacity: .2
}

.cameraroll-page-view .cameraroll-item-placeholder.has-keyboard-focus .zoom-icon.allow-clicks,.cameraroll-page-view .cameraroll-item-placeholder:focus .zoom-icon.allow-clicks,.cameraroll-page-view .cameraroll-item-placeholder:hover .zoom-icon.allow-clicks {
  pointer-events: auto
}

.cameraroll-page-view .cameraroll-item-placeholder .zoom-icon.has-keyboard-focus,.cameraroll-page-view .cameraroll-item-placeholder[data-id].has-keyboard-focus .zoom-icon,.cameraroll-page-view .cameraroll-item-placeholder[data-id]:hover .zoom-icon {
  opacity: 1
}

.cameraroll-page-view .cameraroll-item-placeholder>img {
  height: 100%;
  width: 100%
}

.cameraroll-page-view .cameraroll-item-placeholder .private {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -85px -73px no-repeat;
  bottom: -1px;
  height: 24px;
  left: 0;
  position: absolute;
  width: 22px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .cameraroll-item-placeholder .private {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-page-view .cameraroll-item-placeholder .view-count {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -27px -102px no-repeat;
  bottom: -1px;
  height: 20px;
  left: 0;
  position: absolute;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .cameraroll-item-placeholder .view-count {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-page-view .cameraroll-item-placeholder .zoom-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -58px -73px no-repeat;
  height: 26px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: opacity .25s ease-in-out;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .cameraroll-item-placeholder .zoom-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-page-view .cameraroll-item-placeholder .video-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) 0 -102px no-repeat;
  bottom: -1px;
  height: 20px;
  position: absolute;
  right: 0;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cameraroll-page-view .cameraroll-item-placeholder .video-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.cameraroll-page-view .cameraroll-item-placeholder .view-count-text {
  bottom: 2px;
  color: #fff;
  font-size: 14px;
  left: 28px;
  position: absolute;
  text-shadow: 0 1px 6px rgba(0,0,0,.6)
}

.cameraroll-page-view .fluid-centered .sort-order-loading-layer .balls {
  top: 500px
}

.cameraroll-page-view .sort-order-loading-layer {
  background-color: #f3f5f6;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 79
}

.cameraroll-page-view .sort-order-loading-layer .balls {
  position: fixed;
  top: 270px
}

.cameraroll-page-view .private,.cameraroll-page-view .video-icon,.cameraroll-page-view .view-count,.cameraroll-page-view .view-count-text {
  display: none
}

.cameraroll-page-view .show-info .private,.cameraroll-page-view .show-info .video-icon,.cameraroll-page-view .show-info .view-count,.cameraroll-page-view .show-info .view-count-text,.cameraroll-page-view .show-info .zoom-icon {
  display: block
}

.fluid .modal.mac-uploader-tos-dialog .body .content {
  padding: 0 20px
}

.cameraroll-tools-view,.cameraroll-tray-view,.cameraroll-view {
  -webkit-touch-callout: none;
  user-select: none
}

.drag-selection-box {
  background: rgba(110,203,255,.3);
  border: 2px solid rgba(0,143,223,.4);
  border-radius: 2px;
  display: none;
  position: absolute;
  z-index: 81
}

.is-dragging .cameraroll-page-view,.is-dragging .drag-selection-box {
  -webkit-touch-callout: none;
  cursor: crosshair;
  user-select: none
}

.is-dragging .drag-selection-box {
  display: block
}

.cameraroll-large-select-loader {
  background-color: hsla(0,0%,100%,.5);
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%
}

.cameraroll-large-select-loader .html5-balls {
  left: 50%;
  top: 50%
}

.fluid .fluid-modal-overlay.darker-overlay.cr-preview-overlay {
  align-items: center;
  background-color: rgba(33,33,36,.9);
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all .1s ease-out
}

.fluid .fluid-modal-overlay.darker-overlay.cr-preview-overlay.animated {
  opacity: 1
}

.cr-preview-image {
  position: relative;
  z-index: 10
}

.cr-preview-image .cr-preview-select {
  bottom: -35px;
  color: #fff;
  line-height: .5;
  position: absolute;
  text-align: center;
  width: 100%
}

.cr-preview-image .cr-preview-select span {
  position: relative;
  top: -1px
}

.cr-preview-image img {
  box-shadow: none;
  opacity: .7;
  transform: scale(.9);
  transition: all .25s ease-out
}

.cr-preview-image img.animated {
  box-shadow: 0 0 20px rgba(0,0,0,.6);
  opacity: 1;
  transform: scale(1)
}

.cr-preview-image .links {
  bottom: 20px;
  position: fixed;
  right: 15px
}

.cr-preview-image .links .label-alpha {
  margin-right: 10px
}

.cr-preview-image .links .photo-page-link {
  color: #fff;
  font-size: 14px;
  padding-right: 20px
}

.cr-preview-image .links .photo-page-link:hover {
  color: #fff
}

.cr-preview-image .links .photo-page-link:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -228px no-repeat;
  bottom: 3px;
  content: "";
  height: 12px;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cr-preview-image .links .photo-page-link:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cr-preview-image .dismiss {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -142px no-repeat;
  display: block;
  height: 14px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cr-preview-image .dismiss {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cr-preview-image .navigate {
  bottom: 50px;
  display: block;
  outline: none;
  position: fixed;
  top: 50px;
  width: 80px
}

.cr-preview-image .navigate[data-disabled] {
  opacity: .3
}

.cr-preview-image .navigate:before {
  content: "";
  left: 25%;
  position: absolute;
  top: 48%
}

.cr-preview-image .navigate.next-photo {
  right: 0
}

.cr-preview-image .navigate.next-photo:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -49px no-repeat;
  height: 52px;
  width: 32px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cr-preview-image .navigate.next-photo:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cr-preview-image .navigate.prev-photo {
  left: 0
}

.cr-preview-image .navigate.prev-photo:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -102px no-repeat;
  height: 52px;
  width: 32px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .cr-preview-image .navigate.prev-photo:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.cr-preview-image .play-button {
  background: hsla(0,0%,100%,.6);
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
  cursor: pointer;
  display: none;
  height: 60px;
  left: 50%;
  margin: -45px 0 0 -45px;
  position: absolute;
  top: 50%;
  width: 90px;
  z-index: 10
}

.cr-preview-image .play-button:hover {
  background: #fff
}

.cr-preview-image .play-button[data-is-video] {
  display: block
}

.cr-preview-image .play-button:after {
  border-bottom: 16px solid transparent;
  border-left: 24px solid #000;
  border-top: 16px solid transparent;
  content: "";
  cursor: pointer;
  left: 50%;
  margin: -16px 0 0 -12px;
  position: absolute;
  top: 50%;
  z-index: 20
}

.chrome-page-view {
  -webkit-text-size-adjust: none;
  background-color: transparent;
  background-image: url(https://combo.staticflickr.com/ap/build/images/chrome/chrome-bg-green-mountains2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  padding-top: 50px;
  position: absolute;
  right: 0;
  top: 0
}

.chrome-page-view .main {
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main {
      text-align:left
  }
}

.chrome-page-view .main h1 {
  margin: 0;
  padding: 130px 0 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main h1 {
      font-size:2em;
      line-height: 1em;
      padding-left: 25px;
      padding-top: 60px;
      width: 75%
  }
}

.chrome-page-view .main h2 {
  margin: 0;
  padding: 0 0 30px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main h2 {
      font-size:1em;
      line-height: 1.2em;
      padding: 10px 20px 10px 25px
  }
}

.chrome-page-view .main a {
  margin: 0 0 10px
}

.chrome-page-view .main a.show-phone {
  display: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main a {
      margin-left:25px!important;
      transition: none
  }

  .chrome-page-view .main a.hide-phone {
      display: none
  }

  .chrome-page-view .main a.show-phone {
      display: inline-block
  }
}

.chrome-page-view .main p {
  color: #737b80;
  margin: 0 0 20px;
  padding: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main p {
      padding-left:25px;
      padding-right: 20px
  }
}

.chrome-page-view .main .chrome-window {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/chrome/chrome-browser2.png) no-repeat 0 0;
  bottom: -410px;
  height: 100%;
  left: 50%;
  margin-left: -581px;
  overflow: hidden;
  position: absolute;
  width: 1162px
}

@media(-webkit-min-device-pixel-ratio: 1.5) {
  .chrome-page-view .main .chrome-window {
      background-image:url(https://combo.staticflickr.com/ap/build/images/chrome/chrome-browser-2x2.png);
      background-size: 1162px auto
  }
}

.chrome-page-view .main .chrome-window>div {
  height: 100%;
  margin-left: 56px;
  margin-top: 104px;
  overflow: hidden;
  width: 1050px
}

.chrome-page-view .main .chrome-window>div div {
  background-color: transparent;
  background-image: url(https://combo.staticflickr.com/ap/build/images/chrome/chrome-bg-green-mountains2.jpg);
  background-position: center -520px;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0;
  overflow: hidden;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main .chrome-window {
      display:none
  }
}

.chrome-page-view .main .overlay {
  background-color: hsla(0,0%,100%,.7);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view .main .overlay {
      background:none
  }
}

@media only screen and (max-width: 900px)and (orientation:landscape) {
  .chrome-page-view {
      background-position:0 -310px!important
  }

  .chrome-page-view .footer-full-view,.chrome-page-view .hide-phone {
      display: none!important
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .chrome-page-view {
      background:url(https://combo.staticflickr.com/ap/build/images/chrome/mobile-bg2.png);
      background-repeat: no-repeat;
      background-size: 100%;
      padding-top: 0
  }

  .chrome-page-view .hide-phone {
      display: none!important
  }

  .chrome-page-view .global-nav .global-nav-shim {
      height: auto
  }

  .chrome-page-view .global-nav .global-nav-content {
      height: 40px;
      position: relative
  }

  .chrome-page-view .global-nav .global-nav-content a.main-logo {
      margin-left: 10px;
      margin-top: 10px
  }

  .chrome-page-view .global-nav .global-nav-content ul.nav-menu {
      display: none
  }

  .chrome-page-view .global-nav .global-nav-content .global-nav-container.fluid-centered {
      margin: 0!important;
      max-width: 100%!important;
      min-width: 100%!important;
      padding: 0!important;
      width: 100%!important
  }

  .chrome-page-view .footer-full-view,.chrome-page-view .gn-tools {
      display: none
  }
}

.comment-edit .text-area-wrapper {
  display: flex;
  flex-direction: column;
  margin: 8px 0;
  width: 100%
}

.comment-edit .text-area-wrapper textarea {
  border: none;
  box-shadow: none;
  flex: 1 1 auto;
  padding: 0;
  width: 100%
}

.comment-edit .text-area-wrapper .emoji-picker-view {
  flex: 0 0 auto
}

.comment-edit .buttons {
  padding: 0
}

.comment-list-view p {
  margin: 0
}

.comment-list-view .comment-list-container {
  font-size: 14px
}

.comment-list-view .comment-list-container .loading-text {
  color: #898989;
  display: none
}

.comment-list-view .comment-list-container .comment-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.comment-list-view .comment-list-container .comment-list li.loading-balls {
  align-items: center;
  animation-duration: .4s;
  animation-fill-mode: forwards;
  animation-name: slideOpenCommentLoadingBalls;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 2px 0 0;
  overflow: hidden
}

.comment-list-view .comment-list-container .comment-list li.loading-balls.bottom {
  animation-name: none;
  margin: 0 0 2px
}

.comment-list-view .comment-list-container .comment-list li .comment-item {
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-name: fadeInGalleryComment;
  display: flex;
  margin: 2px;
  padding: 6px 18px 8px
}

.comment-list-view .comment-list-container .comment-list li .comment-item .avatar {
  flex: 0 0 auto;
  margin: 3px 20px 0 0
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container {
  flex: 1 1 auto;
  min-width: 0
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header {
  display: flex;
  justify-content: space-between
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .author-info {
  align-items: baseline;
  display: flex;
  max-width: 80%;
  min-width: 0;
  white-space: nowrap
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .author-info a.author-name {
  color: #006dac;
  display: block;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .author-info .pro-badge-inline {
  margin-left: 8px
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .author-info .pro-badge-new {
  margin-left: 8px;
  position: relative;
  top: 3px
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .author-info .comment-date {
  color: #898989;
  margin-left: 12px
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .comment-actions {
  display: flex;
  margin-top: -2px;
  opacity: 1
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .comment-actions .comment-action {
  color: #999;
  display: block;
  margin-right: 12px;
  opacity: .5
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .comment-actions .comment-action:last-child {
  margin-right: 0
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .comment-actions .comment-action:hover {
  opacity: 1
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container header .comment-actions .comment-action svg {
  display: block;
  height: 20px;
  width: 20px
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content {
  line-height: 18px;
  overflow: hidden;
  word-break: break-word
}

.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content img {
  height: auto;
  max-width: 100%
}

.comment-list-view .comment-list-container .comment-list li .comment-item.active,.comment-list-view .comment-list-container .comment-list li .comment-item:hover {
  background-color: #f3f5f6;
  border-radius: 3px
}

.commons-home-page-view .modules {
  display: flex;
  flex-direction: column;
  gap: 118px;
  margin: 70px auto 150px;
  max-width: 1200px
}

@media only screen and (max-width: 1080px) {
  .commons-home-page-view .modules {
      gap:60px;
      margin-left: 15px;
      margin-right: 15px
  }
}

.commons-home-page-view .module h1,.commons-home-page-view .module h2 {
  margin: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .commons-home-page-view .module h1,.commons-home-page-view .module h2 {
      font-size:24px;
      line-height: 1.2222
  }
}

.commons-home-page-view .module h1 {
  font-weight: 800
}

.commons-home-page-view .module h2 {
  font-weight: 600
}

.commons-home-page-view .module p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.7;
  margin: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .commons-home-page-view .module p {
      font-size:16px
  }
}

.commons-home-page-view .module a {
  width: fit-content
}

.commons-home-page-view .module figure {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  justify-content: center
}

.commons-home-page-view .module figure .img-container {
  position: relative
}

@media only screen and (min-width: 1401px) {
  .commons-home-page-view .module figure .img-container {
      max-height:800px
  }
}

.commons-home-page-view .module figure .img-container .overlay {
  height: 100%;
  position: absolute;
  width: 100%
}

.commons-home-page-view .module figure img {
  max-height: 100%;
  max-width: 100%;
  object-fit: scale-down;
  width: auto
}

.commons-home-page-view .module figure figcaption {
  color: #898989;
  font-size: 18px;
  margin-top: 10px
}

.commons-home-page-view .hero-module,.commons-home-page-view .registration-module {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between
}

@media only screen and (max-width: 1080px) {
  .commons-home-page-view .hero-module,.commons-home-page-view .registration-module {
      flex-direction:column;
      gap: 35px
  }
}

.commons-home-page-view .hero-module section,.commons-home-page-view .registration-module section {
  display: flex;
  flex: 0 1 0;
  flex-direction: column;
  gap: 35px;
  justify-content: center
}

.commons-home-page-view .hero-module p,.commons-home-page-view .registration-module p {
  width: 470px
}

@media only screen and (max-width: 1080px) {
  .commons-home-page-view .hero-module p,.commons-home-page-view .registration-module p {
      width:auto
  }
}

@media only screen and (max-width: 500px) {
  .commons-home-page-view .hero-module figure {
      display:none
  }
}

.commons-home-page-view .about-module h2+p {
  margin-top: 15px
}

.commons-home-page-view .about-module ul {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  justify-content: space-around;
  margin: 52px 0 0;
  padding: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .commons-home-page-view .about-module ul {
      align-content:center;
      flex-direction: column
  }
}

.commons-home-page-view .about-module li {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  font-size: 18px;
  gap: 18px;
  line-height: 1.667;
  text-align: center;
  width: 220px
}

@media only screen and (max-width: 1377px)and (min-width:701px) {
  .commons-home-page-view .about-module li {
      flex-basis:40%
  }
}

.commons-home-page-view .about-module li img {
  height: 50px;
  width: 50px
}

.commons-home-page-view .about-module .flickr-org-button {
  background: transparent url(https://combo.staticflickr.com/ap/build/images/commons/flickrdotorg.svg) 16px no-repeat;
  box-shadow: inset 0 0 0 2px #000;
  color: #000;
  display: block;
  margin-top: 45px;
  padding: 0 30px 0 76px
}

.commons-home-page-view .about-module .flickr-org-button:hover {
  background-color: transparent;
  color: #000
}

.commons-home-page-view .about-module .flickr-org-button:active {
  background-color: transparent
}

.commons-home-page-view .about-module .flickr-org-button:focus {
  box-shadow: inset 0 0 0 3px #000
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .commons-home-page-view .about-module .flickr-org-button {
      margin:70px auto 0
  }
}

.commons-home-page-view .recent-albums-module .commons-recent-albums-list-view,.commons-home-page-view .recent-uploads-module .commons-recent-uploads-list-view {
  margin-top: 40px
}

.commons-home-page-view .loading-balls {
  left: 50%;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%,-50%)
}

.commons-home-page-view .no-break {
  white-space: nowrap
}

.community-guidelines-page-view .community-guidelines-centered {
  margin-bottom: 40px
}

.community-guidelines-page-view .community-guidelines-centered.fluid-centered {
  max-width: 60%!important
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .community-guidelines-page-view .community-guidelines-centered.fluid-centered {
      min-width:90%!important;
      padding-left: 20px!important;
      padding-right: 20px!important
  }
}

.community-guidelines-page-view .community-guidelines-centered .emphasis {
  font-weight: 600
}

.community-guidelines-page-view .community-guidelines-centered li {
  margin-bottom: 20px
}

.community-guidelines-page-view .community-guidelines-centered li span {
  display: block;
  font-weight: 600
}

.community-guidelines-page-view .community-guidelines-centered .signature {
  font-style: italic;
  font-weight: 600
}

.confirmation-dialog {
  display: flex;
  flex-direction: column
}

.confirmation-dialog .basic-closeable-header-view {
  flex: 0 0 auto
}

.confirmation-dialog .message-container {
  flex: 1 1 auto;
  margin-bottom: 24px;
  overflow-wrap: break-word;
  padding: 0 16px
}

.confirmation-dialog .basic-confirm-actions-view {
  flex: 0 0 auto
}

.c-contact-search-autocomplete {
  display: block;
  position: relative
}

.c-contact-search-autocomplete ul.contact-list {
  background: #444;
  display: none;
  left: 0;
  line-height: 21px;
  list-style: none;
  margin-top: 19px;
  padding: 2px 0;
  position: absolute;
  top: 15px;
  width: 100%;
  z-index: 2001
}

.c-contact-search-autocomplete ul.contact-list .loading {
  line-height: 2.5em;
  text-align: center
}

.c-contact-search-autocomplete ul.contact-list .loading>div {
  display: inline-block
}

.c-contact-search-autocomplete ul.contact-list li {
  cursor: pointer;
  height: 38px;
  margin: 0 0 5px;
  padding: 3px 5px;
  text-align: left
}

.c-contact-search-autocomplete ul.contact-list li img {
  border: 1px solid hsla(0,0%,100%,.05);
  float: left;
  height: 36px;
  margin: 0 5px;
  padding: 0;
  width: 36px
}

.c-contact-search-autocomplete ul.contact-list li h2 {
  color: #fff;
  font-size: .8em;
  font-weight: 100;
  line-height: normal;
  margin: 0;
  padding-left: 0
}

.c-contact-search-autocomplete ul.contact-list li h2.all {
  max-width: 125px
}

.c-contact-search-autocomplete ul.contact-list li h3 {
  color: #999;
  font-size: .7em;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0
}

.c-contact-search-autocomplete ul.contact-list li h3.all {
  max-width: 125px
}

.c-contact-search-autocomplete ul.contact-list li.highlight {
  background: #e6eaec
}

.c-contact-search-autocomplete ul.contact-list li>.following-status {
  border: 1px solid #fff;
  border-radius: 4px;
  float: right;
  opacity: 0;
  padding: 3px 10px 3px 5px
}

.c-contact-search-autocomplete ul.contact-list li>.following-status.am-following {
  margin-top: 4px;
  opacity: 1
}

.c-contact-search-autocomplete ul.contact-list li>.following-status.am-following .following-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -322px no-repeat;
  float: left;
  height: 11px;
  margin-left: 2px;
  margin-right: 7px;
  margin-top: 5px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .c-contact-search-autocomplete ul.contact-list li>.following-status.am-following .following-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.c-contact-search-autocomplete ul.contact-list li>.following-status.am-following .following-label {
  float: right
}

.c-contact-search-shim {
  background: transparent;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000
}

.context-slider-scrappy-view {
  background-image: linear-gradient(0deg,rgba(33,33,36,.5) 55px,rgba(33,33,36,0) 80px);
  background-position: 0 30px;
  background-repeat: no-repeat;
  bottom: 0;
  height: 50px;
  left: 0;
  margin: 0 auto;
  opacity: .5;
  position: absolute;
  right: 0;
  width: 210px;
  z-index: 105
}

@media only screen and (min-width: 1081px) {
  .context-slider-scrappy-view.hover {
      background-position:0 0;
      height: 80px;
      opacity: 1;
      width: 100%;
      z-index: 111
  }

  .context-slider-scrappy-view.hover .context-slider.small-slider {
      opacity: 0
  }

  .context-slider-scrappy-view.hover .context-slider.big-slider {
      height: 80px;
      opacity: 1;
      pointer-events: auto;
      width: 440px
  }

  .context-slider-scrappy-view.hover .context-slider.big-slider>.wrapper {
      height: 50px;
      width: 442px
  }

  .context-slider-scrappy-view.hover .context-slider.big-slider>.wrapper>.slider {
      margin-left: 196px
  }
}

@media only screen and (min-width: 1081px)and (max-width:700px)and (orientation:portrait),only screen and (min-width:1081px)and (max-width:900px)and (orientation:landscape) {
  .context-slider-scrappy-view.hover .context-slider.big-slider {
      width:250px
  }

  .context-slider-scrappy-view.hover .context-slider.big-slider>.wrapper {
      width: 252px
  }

  .context-slider-scrappy-view.hover .context-slider.big-slider>.wrapper>.slider {
      margin-left: 100px
  }
}

.context-slider-scrappy-view .context-slider {
  height: 25px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0
}

.context-slider-scrappy-view .context-slider.small-slider {
  bottom: 0;
  height: 50px;
  opacity: 1;
  width: 210px
}

.context-slider-scrappy-view .context-slider.small-slider>.nav {
  display: none
}

.context-slider-scrappy-view .context-slider.small-slider>.wrapper {
  height: 25px;
  width: 171px
}

.context-slider-scrappy-view .context-slider.small-slider>.wrapper>.slider {
  margin-left: 75px
}

.context-slider-scrappy-view .context-slider.small-slider .context-thumb {
  height: 20px;
  width: 20px
}

.context-slider-scrappy-view .context-slider.small-slider .context-thumb.adThumb {
  font-size: 10px;
  font-weight: 100;
  line-height: 20px
}

.context-slider-scrappy-view .context-slider.big-slider {
  bottom: 0;
  height: 50px;
  opacity: 0;
  pointer-events: none;
  width: 0
}

.context-slider-scrappy-view .context-slider.big-slider .context-thumb {
  height: 50px;
  width: 50px
}

.context-slider-scrappy-view .context-slider.big-slider .context-thumb.adThumb {
  line-height: 50px
}

.context-slider-scrappy-view .context-slider>.loadingError {
  padding: 15px 0 10px;
  text-align: center
}

.context-slider-scrappy-view .context-slider>.nav-r {
  right: -50px
}

.context-slider-scrappy-view .context-slider>.nav-r span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -241px no-repeat;
  height: 20px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .context-slider-scrappy-view .context-slider>.nav-r span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.context-slider-scrappy-view .context-slider>.nav-l {
  left: -50px
}

.context-slider-scrappy-view .context-slider>.nav-l span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -262px no-repeat;
  height: 20px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .context-slider-scrappy-view .context-slider>.nav-l span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.context-slider-scrappy-view .context-slider>.nav {
  -webkit-touch-callout: none;
  cursor: pointer;
  display: block;
  height: 36px;
  padding: 14px 0 0 22px;
  position: absolute;
  top: 14px;
  user-select: none;
  width: 28px;
  z-index: 1
}

.context-slider-scrappy-view .context-slider>.nav>span {
  display: block
}

.context-slider-scrappy-view .context-slider>.wrapper {
  margin: 0 auto;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: 14px;
  transition: opacity .1s linear
}

.context-slider-scrappy-view .context-slider>.wrapper .slider {
  backface-visibility: hidden;
  height: 61px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  transform-style: preserve-3d
}

.context-slider-scrappy-view .context-slider>.wrapper .slider .context-thumb {
  cursor: pointer;
  position: absolute
}

.context-slider-scrappy-view .context-slider>.wrapper .slider .context-thumb:after {
  box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.2);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.context-slider-scrappy-view .context-slider>.wrapper .slider .context-thumb.adThumb {
  color: #fff;
  text-align: center
}

.context-slider-scrappy-view .context-slider>.wrapper .slider .context-thumb.currentImage:after {
  box-shadow: inset 0 0 0 1px #fff
}

.context-slider-scrappy-view .context-slider>.wrapper .slider .context-thumb img {
  height: 100%;
  width: 100%
}

.context-slider-scrappy-view .context-slider>.wrapper .slider>.context-thumb:last-of-type {
  margin-right: 0
}

.context-slider-scrappy-view .navad-timer .nav,.context-slider-scrappy-view .navad-timer .slider .context-thumb {
  pointer-events: none
}

.context-slider-view {
  margin-bottom: 20px;
  min-height: 40px
}

.context-slider-view>.loadingError {
  padding: 15px 0 10px;
  text-align: center
}

.context-slider-view>.loadingError p {
  color: #606062;
  font-size: 14px;
  margin: 0 0 5px
}

.context-slider-view>.loadingError button {
  cursor: pointer;
  font-weight: 300;
  padding: 1px 15px
}

.context-slider-view>.wrapper {
  opacity: 0;
  transition: opacity .1s linear
}

.context-slider-view>.wrapper.is-ready {
  opacity: 1
}

.context-slider-view>.wrapper>.slider {
  backface-visibility: hidden;
  height: 40px;
  margin: auto;
  padding: 0 7px 0 23px;
  position: relative;
  transform-style: preserve-3d;
  width: 248px
}

.context-slider-view>.wrapper>.slider>.nav-l {
  left: 0
}

.context-slider-view>.wrapper>.slider>.nav-l span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -551px -241px no-repeat;
  height: 16px;
  width: 6px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .context-slider-view>.wrapper>.slider>.nav-l span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.context-slider-view>.wrapper>.slider>.nav-r {
  right: 0
}

.context-slider-view>.wrapper>.slider>.nav-r span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -551px -262px no-repeat;
  height: 16px;
  width: 6px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .context-slider-view>.wrapper>.slider>.nav-r span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.context-slider-view>.wrapper>.slider>.nav {
  -webkit-touch-callout: none;
  cursor: pointer;
  display: block;
  height: 38px;
  position: absolute;
  top: 1px;
  user-select: none;
  width: 6px
}

.context-slider-view>.wrapper>.slider>.nav>span {
  display: block;
  position: absolute;
  top: 10px
}

.context-slider-view>.wrapper>.slider>.context-thumb {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.5);
  float: left;
  height: 40px;
  width: 70px
}

.context-slider-view>.wrapper>.slider>.context-thumb.middle {
  margin-left: 2px;
  margin-right: 2px;
  width: 90px
}

.context-slider-view>.wrapper>.slider>.context-thumb.currentImage {
  box-shadow: inset 0 0 0 1px #fff
}

.context-slider-view>.wrapper>.slider>.context-thumb.emptyImage {
  box-shadow: inset 0 0 0 1px #4d4d50;
  cursor: default
}

.context-slider-view>.wrapper>.slider>.context-thumb.restricted-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/photo-fuzzy-t.png)
}

.context-view {
  font-size: 14px
}

.context-view>a {
  word-wrap: break-word;
  display: block
}

.context-view>ul {
  font-size: 0;
  list-style: none;
  margin: 9px 0 14px;
  overflow: hidden;
  padding: 0
}

.context-view>ul>li {
  display: inline-block;
  margin: 0 2px 2px 0
}

.context-view>ul>li>a,.context-view>ul>li>a>img {
  display: block
}

.context-view>ul>li>a>.restricted-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/photo-fuzzy.png);
  display: block
}

.coverphoto-context-menu-view .coverphoto-context-menu {
  font-size: 16px;
  line-height: 1;
  max-width: 200px;
  white-space: nowrap
}

.coverphoto-context-menu-view .coverphoto-context-menu .follow-options {
  border-bottom: 1px solid #e1e1e1;
  padding: 11px 15px
}

.coverphoto-context-menu-view .coverphoto-context-menu .follow-options .mark-as-heading {
  margin-bottom: 8px
}

.coverphoto-context-menu-view .coverphoto-context-menu .follow-options .toggle-container:not(:last-child) {
  margin-bottom: 4px
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list {
  list-style: none;
  margin: 0;
  padding: 6px 0
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item {
  color: #212124;
  cursor: pointer;
  overflow: hidden;
  padding: 5px 15px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item a {
  color: #212124;
  display: block;
  padding: 5px 15px;
  text-decoration: none
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item.link {
  padding: 0
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item:hover {
  background-color: #e1e1e1
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item .gift-pro-view .gift-pro-container {
  display: flex
}

.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item .gift-pro-view .gift-pro-link {
  line-height: 24px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.coverphoto-context-menu-view.loading {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 140px
}

.date-modify-dialog-view {
  height: 402px;
  position: relative;
  width: 794px
}

.date-modify-dialog-view.date-modify-view {
  color: #fff;
  font-size: 15px;
  font-weight: 300
}

.date-modify-dialog-view.date-modify-view .date-modify-header {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  margin: 0;
  padding: 17px 15px 0 20px
}

.date-modify-dialog-view.date-modify-view>h3 {
  font-size: 16px;
  margin-top: 25px;
  padding-top: 35px
}

.date-modify-dialog-view.date-modify-view .date-modify-taken-header {
  margin-bottom: -5px;
  margin-top: 20px;
  padding-top: 20px
}

.date-modify-dialog-view.date-modify-view .date-modify-posted-header {
  margin-top: 30px
}

.date-modify-dialog-view .date-inputs {
  clear: both;
  margin: 0;
  padding: 15px 15px 10px 20px
}

.date-modify-dialog-view .date-inputs input {
  background: hsla(0,0%,100%,.07);
  border: none;
  border-radius: 3px;
  height: 12px;
  margin-right: 20px;
  padding: 15px;
  text-align: center;
  width: 35px
}

.date-modify-dialog-view .date-inputs div {
  background: hsla(0,0%,100%,.07);
  border-radius: 3px;
  cursor: pointer;
  float: left;
  height: 12px;
  margin-right: 10px;
  padding: 15px;
  width: 130px
}

.date-modify-dialog-view .date-inputs div>.ui-dropdown-arrows {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -75px no-repeat;
  float: right;
  height: 18px;
  margin-top: -2px;
  width: 12px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .date-modify-dialog-view .date-inputs div>.ui-dropdown-arrows {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.date-modify-dialog-view .date-inputs>.year {
  margin-right: 30px
}

.date-modify-dialog-view .date-inputs>.date-minute {
  margin-left: 5px;
  margin-right: 5px
}

.date-modify-dialog-view .date-inputs>.date-second {
  margin-right: 0
}

.date-modify-dialog-view .date-inputs>.date-hour {
  margin-right: 8px
}

.date-modify-dialog-view .date-modify-buttons {
  display: flex;
  flex-direction: column;
  margin: 50px 20px 15px 15px
}

.date-modify-dialog-view .date-modify-buttons button {
  align-self: flex-end;
  border: none;
  outline: none
}

.date-modify-dialog-view .date-dropdown {
  background: rgba(47,48,51,.95);
  border: 1px solid hsla(0,0%,100%,.3);
  border-radius: 3px;
  box-shadow: 0 0 24px 2px rgba(0,0,0,.5);
  color: hsla(0,0%,100%,.8);
  overflow: auto;
  padding: 5px 13px;
  position: absolute
}

.date-modify-dialog-view .date-dropdown>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.date-modify-dialog-view .date-dropdown>ul>li {
  clear: both;
  padding-bottom: 6px;
  padding-top: 6px
}

.date-modify-dialog-view .date-dropdown>ul>li:hover {
  background: transparent
}

.date-modify-dialog-view .date-dropdown>ul>li .ui-dropdown-checked {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -344px -477px no-repeat;
  float: right;
  height: 14px;
  opacity: 0;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .date-modify-dialog-view .date-dropdown>ul>li .ui-dropdown-checked {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.date-modify-dialog-view .date-dropdown>ul>li.selected-item>.ui-dropdown-checked {
  opacity: 1
}

.date-modify-dialog-view .date-dropdown-curtain {
  position: absolute
}

.developer-view {
  background: #fff;
  border-radius: 3px;
  bottom: 20px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
  font-family: menlo,monaco,consolas,Courier New,courier,monospace;
  font-size: 10px;
  left: 20px;
  line-height: 12px;
  padding: 5px;
  position: fixed;
  width: 125px;
  z-index: 9999
}

.developer-view .expanded {
  display: none
}

.developer-view .expanded strong {
  display: block;
  margin-bottom: .5em
}

.developer-view .expanded hr {
  border: none;
  border-bottom: 1px solid #f5f5f5;
  clear: both;
  margin: 5px 0
}

.developer-view.expanded .expanded {
  display: block
}

.developer-view.expanded .minimized {
  display: none
}

.developer-view button.toggle {
  background: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  bottom: 5px;
  color: #fff;
  font-size: 8px;
  line-height: 8px;
  margin: -1px;
  padding: 2px;
  position: absolute;
  right: 5px;
  text-align: center
}

.developer-view button {
  transition: all .25s ease-in-out!important
}

.developer-view button[disabled] {
  background: none!important;
  filter: grayscale(100%);
  opacity: .333
}

.developer-view button[disabled]:after,.developer-view button[disabled]:before {
  background: none!important
}

.developer-view dl {
  margin: 0;
  overflow: auto;
  padding: 0
}

.developer-view dl dt {
  clear: left;
  float: left
}

.developer-view dl dd {
  float: right;
  font-weight: 700;
  margin: 0
}

.developer-view .fps-graph-container {
  height: 61px;
  position: relative
}

.developer-view .fps-graph-container canvas {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  height: 60px;
  width: 120px
}

.developer-view .fps-graph-container span {
  font-size: 9px;
  left: 3px;
  opacity: 0;
  position: absolute;
  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  top: 1px;
  transition: opacity .25s ease-in-out;
  z-index: 2
}

.developer-view .fps-graph-container span.current-fps {
  bottom: 2px;
  left: auto;
  opacity: 1;
  right: 3px;
  top: auto
}

.developer-view .fps-graph-container span+span {
  top: calc(50% - 5px)
}

.developer-view .fps-graph-container:hover span {
  opacity: 1
}

.developer-view .fps-graph-container hr {
  background: hsla(0,0%,100%,.5);
  border: none;
  height: 1px;
  left: 0;
  margin: 0 0 0 1px;
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  z-index: 1
}

.digital-wallets-view {
  width: calc(100% - 30px)
}

@media only screen and (max-width: 1080px) {
  .digital-wallets-view {
      width:100%
  }
}

.download-page-view .download-page-content {
  padding-top: 80px;
  text-align: center
}

.download-page-view .download-button {
  color: #fff;
  display: block;
  margin: 20px auto
}

.download-page-view hr {
  width: 620px
}

.download-page-view .disclaimer {
  color: #898989
}

.download-page-view .download-progress-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/general-1483ad6c.png) 0 -61px no-repeat;
  display: block;
  height: 54px;
  margin-left: 2px;
  margin-top: 2px;
  width: 54px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .download-page-view .download-progress-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/general@2x-19baca12.png);
      background-size: 172px 163px
  }
}

.download-page-view .gif-placeholder {
  height: 110px;
  margin: 0 auto;
  width: 280px
}

.download-page-view .cssload-wrap {
  animation: fadeIn ease-in 1;
  animation-duration: .3s;
  animation-fill-mode: forwards;
  height: 100%;
  opacity: 0;
  width: 100%
}

.download-page-view .cssload-wrap.done {
  background-image: url(https://combo.staticflickr.com/ap/build/images/errors/download-icon.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px 60px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .download-page-view .cssload-wrap.done {
      background-image:url(https://combo.staticflickr.com/ap/build/images/errors/download-icon@2x.png)
  }
}

.download-page-view .cssload-wrap.done>div {
  display: none
}

.download-page-view .cssload-wrap>div {
  border-radius: 100%;
  height: 62px;
  left: calc(50% - 31px);
  overflow: hidden;
  position: relative;
  top: calc(50% - 31px);
  width: 62px
}

.download-page-view .cssload-wrap>div:nth-child(2) {
  height: 58px;
  left: calc(50% - 29px);
  line-height: 58px;
  text-align: center;
  top: -36px;
  width: 58px
}

.download-page-view .cssload-wrap>div div {
  border-radius: 100%;
  filter: blur(15px);
  height: 35px;
  position: absolute;
  width: 35px
}

.download-page-view .cssload-wrap>div div:first-child {
  animation: cssload-move 2.4s;
  animation-delay: 2.88s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-color: #1691dc
}

.download-page-view .cssload-wrap>div div:nth-child(2) {
  animation: cssload-move 1.8s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-color: #ff0084
}

.download-page-view .cssload-wrap>div div:nth-child(3) {
  animation: cssload-move 3.6s;
  animation-delay: 1.92s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-color: #1691dc
}

.download-page-view .cssload-wrap>div div:nth-child(4) {
  animation: cssload-move 3s;
  animation-delay: .96s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-color: #1691dc
}

@keyframes cssload-move {
  0%,to {
      left: 0;
      top: 0
  }

  25% {
      left: 50%;
      top: 0
  }

  50% {
      left: 50%;
      top: 50%
  }

  75% {
      left: 0;
      top: 50%
  }
}

.dummy-loader .box {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: dummy-loader-pulse;
  animation-timing-function: linear;
  background-color: #e1e1e1;
  border-radius: 4px
}

.dummy-loader .box:nth-child(odd) {
  animation-delay: .5s
}

.dummy-loader.hidden {
  display: none
}

@keyframes dummy-loader-pulse {
  0% {
      opacity: 1
  }

  to {
      opacity: .5
  }
}

.fluid .editing-shim {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50
}

html.html-embedr-view,html.html-embedr-view #content,html.html-embedr-view>body {
  background: transparent;
  height: 100%
}

.embedr-view {
  display: flex;
  flex-direction: column;
  font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  font-size: 14px;
  min-height: 100%
}

.embedr-view>* {
  pointer-events: auto
}

.embedr-view .photo-well-media-view {
  align-items: center;
  margin: auto
}

.embedr-view .photo-well-media-view>img.is-hidden {
  display: none;
  display: block\9
}

.embedr-view .photo-well-media-view>img {
  max-width: 100%
}

.embedr-view #playr {
  backface-visibility: hidden;
  color: #fff;
  padding: 0;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
  transition: box-shadow .15s ease-in-out
}

.embedr-view #playr a {
  color: #fff;
  text-decoration: none
}

.embedr-view #playr>.background-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(50px);
  height: 100%;
  position: fixed;
  width: 100%
}

.embedr-view #playr>.photo-link {
  bottom: 0;
  display: flex;
  flex: 1;
  left: 0;
  position: fixed;
  right: 0;
  top: 0
}

.embedr-view #playr>.photo-link .main-photo,.embedr-view #playr>.photo-link .photo-well-media-view {
  height: auto;
  width: 100%
}

.embedr-view #playr>.footer,.embedr-view #playr>.header {
  cursor: pointer;
  z-index: 20
}

.embedr-view #playr>.footer>.ava,.embedr-view #playr>.header>.ava {
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);
  height: 28px;
  left: 11px;
  position: absolute;
  width: 28px
}

.embedr-view #playr>.footer>.logo,.embedr-view #playr>.header>.logo {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/embedr-1a2c8ced.png) 0 0 no-repeat;
  display: block;
  height: 23px;
  opacity: .5;
  position: absolute;
  right: 11px;
  top: 10px;
  width: 67px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .embedr-view #playr>.footer>.logo,.embedr-view #playr>.header>.logo {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/embedr@2x-2842874a.png);
      background-size: 90px 65px
  }
}

.embedr-view #playr>.footer>.title,.embedr-view #playr>.header>.title {
  padding-left: 10px;
  padding-right: 10px
}

.embedr-view #playr>.footer>.title>.title-text,.embedr-view #playr>.header>.title>.title-text {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.embedr-view #playr>.footer>.by,.embedr-view #playr>.footer>.embedr-license,.embedr-view #playr>.header>.by,.embedr-view #playr>.header>.embedr-license {
  bottom: 9px;
  font-size: 11px;
  position: absolute
}

.embedr-view #playr>.footer>.by,.embedr-view #playr>.header>.by {
  left: 10px
}

.embedr-view #playr>.footer>.embedr-license,.embedr-view #playr>.header>.embedr-license {
  right: 10px;
  text-align: right
}

.embedr-view #playr>.footer>.embedr-actions,.embedr-view #playr>.header>.embedr-actions {
  bottom: 24px;
  display: none;
  height: 24px;
  position: absolute;
  right: 10px
}

.embedr-view #playr>.footer>.embedr-actions>.fave-view,.embedr-view #playr>.header>.embedr-actions>.fave-view {
  float: right;
  top: 2px
}

.embedr-view #playr>.footer>.embedr-actions>.fave-view .fave-count,.embedr-view #playr>.header>.embedr-actions>.fave-view .fave-count {
  font-size: 14px;
  top: 3px
}

.embedr-view #playr>.footer>.embedr-actions>.fullscreen,.embedr-view #playr>.header>.embedr-actions>.fullscreen {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/embedr-1a2c8ced.png) -68px -23px no-repeat;
  display: none;
  float: left;
  height: 21px;
  margin-right: 10px;
  width: 21px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .embedr-view #playr>.footer>.embedr-actions>.fullscreen,.embedr-view #playr>.header>.embedr-actions>.fullscreen {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/embedr@2x-2842874a.png);
      background-size: 90px 65px
  }
}

@media(max-width: 240px) {
  .embedr-view #playr>.footer>.embedr-license,.embedr-view #playr>.footer>.title,.embedr-view #playr>.header>.embedr-license,.embedr-view #playr>.header>.title {
      display:none
  }
}

.embedr-view #playr>.header {
  height: 50px;
  padding-top: 10px;
  top: 0
}

.embedr-view #playr>.footer,.embedr-view #playr>.header {
  backface-visibility: hidden;
  display: none;
  position: absolute;
  transition: transform .15s ease-in-out,opacity .15s ease-in-out;
  width: 100%
}

.embedr-view #playr>.footer {
  bottom: 0;
  box-shadow: inset 0 -90px 60px -60px rgba(0,0,0,.4);
  height: 41px;
  padding-top: 40px
}

@media(max-width: 150px) {
  .embedr-view #playr>.footer,.embedr-view #playr>.header {
      display:none
  }
}

.embedr-view #playr.no-touch:hover>.footer,.embedr-view #playr.no-touch:hover>.header {
  display: block
}

.embedr-view.tab {
  background-color: transparent
}

.embedr-view.tab #playr>.header>.logo {
  right: 41px;
  top: 30px
}

.embedr-view.tab #playr>.footer {
  backface-visibility: visible;
  box-shadow: inset 0 -90px 60px -25px rgba(0,0,0,.4);
  display: block;
  height: 61px;
  transition: none
}

.embedr-view.tab #playr>.footer .by {
  bottom: 29px;
  left: 40px
}

.embedr-view.tab #playr>.footer>.title>.title-text {
  padding-left: 30px
}

.embedr-view.tab #playr>.footer .embedr-license {
  bottom: 29px;
  right: 40px
}

.embedr-view.tab #playr>.footer,.embedr-view.tab #playr>.header {
  display: block
}

#playr .footer:-webkit-full-screen,#playr .header:-webkit-full-screen {
  display: none
}

#playr .footer:-moz-full-screen,#playr .header:-moz-full-screen {
  display: none
}

#playr .footer:-ms-fullscreen,#playr .header:-ms-fullscreen {
  display: none
}

#playr .footer:fullscreen,#playr .header:fullscreen {
  display: none
}

html.html-embedr-error-view {
  background-color: #fff
}

html.html-embedr-error-view body {
  background-color: #fff;
  color: #aaa
}

html.html-embedr-error-view body .embedr-error-view>.embedr-404 {
  bottom: 50%;
  left: 50%;
  margin-left: -25%;
  position: absolute;
  text-align: center;
  top: 50%
}

@media(max-width: 150px) {
  html.html-embedr-error-view body .embedr-error-view>.embedr-404 .message2,html.html-embedr-error-view body .embedr-error-view>.embedr-404 .message3 {
      display:none
  }
}

@media(max-width: 240px) {
  html.html-embedr-error-view body .embedr-error-view>.embedr-404 .message3 {
      display:none
  }
}

html.html-embedr-error-view body .embedr-error-view>.logo {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/embedr-1a2c8ced.png) 0 -24px no-repeat;
  bottom: 10px;
  display: block;
  height: 16px;
  left: 10px;
  position: absolute;
  width: 52px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  html.html-embedr-error-view body .embedr-error-view>.logo {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/embedr@2x-2842874a.png);
      background-size: 90px 65px
  }
}

.no-js .photo-well-media-view .low-res-photo {
  display: none
}

.emoji-picker-view .new-comment-features {
  align-items: center;
  display: flex
}

.emoji-picker-view .new-comment-features .picker-icon-wrapper {
  color: #9ea4a7;
  cursor: pointer
}

.emoji-picker-view .new-comment-features .picker-icon-wrapper svg {
  display: block
}

.emoji-picker-view .new-comment-features .picker-icon-wrapper:not(:last-child) {
  margin-right: 6px
}

.emoji-picker-view .emoji-area {
  position: relative
}

html.scrolling-layout #content .fluid-centered.empty-page-stats {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0
}

.empty-page-view {
  height: 100%
}

.empty-page-view .empty-page {
  height: 100%;
  text-align: center
}

.empty-page-view .empty-page h3 {
  margin-bottom: 15px
}

.empty-page-view .empty-page .limited-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  padding: 0 16px;
  width: auto
}

.empty-page-view label.butt input[type=file] {
  position: fixed;
  top: -1000px
}

.empty-page-view .uploadr-banner-small {
  bottom: 138px;
  position: absolute;
  right: 30px;
  z-index: 90
}

.empty-page-view .uploadr-banner-small a.dismiss,.empty-page-view .uploadr-banner-small.is-hidden {
  display: none
}

.empty-page-view .cameraroll-tools-view {
  margin-top: -20px;
  position: relative
}

.empty-page-view .empty-page-cameraroll {
  position: relative
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll {
  -webkit-touch-callout: none;
  bottom: 0;
  display: none;
  left: 0;
  opacity: .25;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: left;
  top: 200px;
  user-select: none;
  z-index: -1
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view {
  height: 100%
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view {
  height: 100%;
  position: relative
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller {
  height: 100%
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container {
  clear: both;
  display: inline-block;
  margin-bottom: 20px;
  width: 100%
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container h4 {
  height: 30px;
  position: relative
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder {
  float: left;
  height: 125px;
  margin-bottom: 6px;
  margin-right: 6px;
  position: relative;
  width: 125px
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="0"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/1.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="1"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/2.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="2"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/3.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="3"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/4.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="4"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/5.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="5"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/6.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="6"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/7.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="7"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/8.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="8"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/9.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="9"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/10.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="10"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/11.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="11"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/12.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="12"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/13.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="13"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/14.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="14"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/15.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="15"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/16.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="16"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/17.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="17"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/18.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="18"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/19.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="19"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/20.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="20"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/21.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="21"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/22.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="22"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/23.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="23"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/24.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="24"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/cameraroll/25.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="25"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/22.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="26"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/14.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="27"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/15.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="28"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/16.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="29"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/17.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="30"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/18.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="31"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/19.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="32"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/20.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="33"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/21.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="34"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/22.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="35"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/23.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="36"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/24.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="37"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/25.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="38"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/26.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="39"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/27.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="40"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/28.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="41"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/29.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="42"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/30.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="43"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/31.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="44"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/32.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="45"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/33.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="46"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/34.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="47"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/35.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="48"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/36.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="49"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/37.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .height-controller .date-container .cameraroll-item-placeholder[data-imagenumber="50"] {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/crimages/38.jpg)
}

.empty-page-view .empty-page-cameraroll .mock-cameraroll .cameraroll-page-view .cameraroll-view .navigation {
  bottom: 15px;
  left: -150px;
  position: absolute;
  top: 30px
}

.empty-page-view .empty-page-cameraroll .copy {
  padding-top: 0
}

.empty-page-view .empty-page-cameraroll .copy .help-link {
  margin-top: 40px
}

.empty-page-view .empty-page-photostream {
  position: relative
}

.empty-page-view .empty-page-photostream .background {
  -webkit-touch-callout: none;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 200px;
  user-select: none;
  z-index: -1
}

.empty-page-view .empty-page-photostream .background div {
  height: 100%
}

.empty-page-view .empty-page-photostream .background .bg {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/photostream3.jpg);
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: 100%
}

.empty-page-view .empty-page-photostream.you-aint-got-it-dude .background {
  top: 50px
}

.empty-page-view .empty-page-photostream .wrap {
  height: 100%;
  padding-top: 0
}

.empty-page-view .empty-page-albums {
  position: relative
}

.empty-page-view .empty-page-albums .background {
  -webkit-touch-callout: none;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 175px;
  user-select: none;
  z-index: -1
}

.empty-page-view .empty-page-albums .background div {
  height: 100%
}

.empty-page-view .empty-page-albums .background .bg {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/albums3.jpg);
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: 100%
}

.empty-page-view .empty-page-albums.you-aint-got-it-dude .background {
  top: 55px
}

.empty-page-view .empty-page-albums .wrap {
  height: 100%;
  padding-top: 0
}

.empty-page-view .empty-page-favorites {
  position: relative
}

.empty-page-view .empty-page-favorites .background {
  -webkit-touch-callout: none;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 155px;
  user-select: none;
  z-index: -1
}

.empty-page-view .empty-page-favorites .background div {
  height: 100%
}

.empty-page-view .empty-page-favorites .background .bg {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/faves3.jpg);
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: 100%
}

.empty-page-view .empty-page-favorites.you-aint-got-it-dude .background {
  top: 55px
}

.empty-page-view .empty-page-favorites .wrap {
  height: 100%;
  padding-top: 0
}

.empty-page-view .empty-page-creations {
  padding-top: 50px
}

.empty-page-view .empty-page-creations .sample-image {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/creations.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 351px;
  margin: 0 auto;
  width: 726px
}

.empty-page-view .empty-page-stats {
  padding-top: 30px
}

.empty-page-view .empty-page-stats .pro-badge {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/emptypages-abdbd989.png) 0 -343px no-repeat;
  height: 390px;
  margin: -130px auto -135px;
  width: 390px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .empty-page-view .empty-page-stats .pro-badge {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/emptypages@2x-f4095ee5.png);
      background-size: 1624px 733px
  }
}

.empty-page-view .empty-page-stats .sample-image-wrap {
  height: 358px;
  margin: 50px auto 20px;
  overflow: hidden;
  width: 100%
}

.empty-page-view .empty-page-stats .sample-image-wrap .sample-image {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/emptypages-abdbd989.png) 0 0 no-repeat;
  height: 342px;
  left: 50%;
  margin: 0 auto 0 -812px;
  position: relative;
  width: 1624px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .empty-page-view .empty-page-stats .sample-image-wrap .sample-image {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/emptypages@2x-f4095ee5.png);
      background-size: 1624px 733px
  }
}

.events-page-view .events-home-page-container {
  align-items: center;
  display: flex;
  flex-direction: column
}

.events-page-view .events-home-page-container .section-row-header {
  background-color: #f3f5f6;
  display: flex;
  justify-content: space-between;
  margin: 0 0 .5rem;
  padding: 1rem 0;
  top: 100px;
  width: 80%
}

@media only screen and (max-width: 890px) {
  .events-page-view .events-home-page-container .section-row-header {
      width:95%
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .events-page-view .events-home-page-container .section-row-header {
      align-items:flex-start;
      flex-direction: column;
      justify-content: flex-start
  }

  .events-page-view .events-home-page-container .section-row-header.no-mobile-border {
      border: none
  }
}

.events-page-view .events-home-page-container .section-row-header .header-title {
  margin: 0
}

.events-page-view .events-home-page-container .section-row-header .header-links-container {
  align-items: center;
  display: flex
}

.events-page-view .events-home-page-container .section-row-header .header-links-container>:not(:last-child) {
  margin-right: 2rem
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .events-page-view .events-home-page-container .section-row-header .header-links-container {
      margin-top:1rem
  }
}

.events-page-view .events-home-page-container .section-row-header .header-links-container .link-text-container {
  align-items: center;
  color: #212124;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: color .3s ease-in-out
}

.events-page-view .events-home-page-container .section-row-header .header-links-container .link-text-container:hover {
  text-decoration: underline
}

.events-page-view .events-home-page-container .section-row-header .header-links-container .link-text-container .icon-container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-right: .5rem
}

.events-page-view .events-home-page-container .section-row-header .header-links-container .link-text-container .link-text {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .03125rem;
  margin: 0;
  text-decoration: none
}

.events-page-view .events-home-page-container .content-section {
  grid-row-gap: 4rem;
  grid-column-gap: 4rem;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
  justify-items: center;
  margin-bottom: 4rem;
  max-width: 75rem;
  width: 80%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .events-page-view .events-home-page-container .content-section {
      grid-row-gap:1.5rem;
      margin-bottom: 1.5rem
  }
}

@media only screen and (max-width: 890px) {
  .events-page-view .events-home-page-container .content-section {
      width:95%
  }
}

.events-page-view .events-home-page-container .group-event-card {
  background-color: #fff;
  border-radius: 0 0 .25rem .25rem;
  box-sizing: border-box;
  color: #000;
  display: flex;
  flex-direction: column;
  max-width: 24rem;
  text-align: center;
  transition: box-shadow .3s;
  width: 100%
}

.events-page-view .events-home-page-container .group-event-card .group-card-banner {
  background-position: 50%;
  background-size: cover;
  height: 7rem;
  position: relative
}

.events-page-view .events-home-page-container .group-event-card .group-card-banner .tag-container {
  left: .5rem;
  position: absolute;
  top: .5rem
}

.events-page-view .events-home-page-container .group-event-card .group-card-banner .tag {
  border: .0625rem solid #fff;
  border-radius: .25rem;
  color: #fff;
  font-size: .75rem;
  font-weight: 600;
  margin-right: .5rem;
  padding: 0 .25rem;
  text-transform: uppercase
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container .group-card-info {
  align-items: center;
  align-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  position: relative
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container .group-card-info .group-card-title {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .03125rem;
  margin: 1rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 18rem
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container .group-card-info .group-card-date-info {
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
  margin: 0
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container .group-card-info .group-card-description {
  color: #898989;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
  margin: .5rem 0
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container .group-card-info .group-card-location {
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8;
  margin: 0
}

.events-page-view .events-home-page-container .group-event-card .group-card-content-container .view-button {
  margin: 0 0 1rem
}

.explore-big-scotch-modal-view .dropdown-link {
  color: #898989;
  cursor: pointer;
  float: left;
  margin-right: 35px;
  outline: 0;
  text-decoration: none
}

.explore-big-scotch-modal-view .dropdown-link p {
  display: inline-block;
  margin: 0;
  pointer-events: none
}

.explore-big-scotch-modal-view .dropdown-link span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  display: inline-block;
  height: 6px;
  margin: 0 0 2px 5px;
  pointer-events: none;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-big-scotch-modal-view .dropdown-link span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-big-scotch-modal-view input#comment-field {
  border: 1px solid hsla(0,0%,54%,.4);
  border-radius: 3px;
  color: #212124;
  font-size: 14px;
  height: 30px;
  outline: none;
  padding: 0 5px;
  width: 200px
}

.explore-big-scotch-modal-view input#comment-field:focus {
  border-color: #008ddf;
  box-shadow: inset 0 0 0 1px #008ddf
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .explore-page-view .main {
      margin-bottom:10px
  }
}

.explore-page-view .main .title-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  margin-top: 24px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .explore-page-view .main .title-row {
      margin:24px 16px 5px
  }
}

.explore-page-view .main .title-row h3 {
  margin: 0
}

.explore-page-view .main .title-row .tools {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.explore-page-view .main .title-row .tools .tool {
  border-radius: 0;
  margin-left: 19px;
  min-width: 0;
  padding: 0;
  transition: none
}

.explore-page-view .main .title-row .tools .tool:focus {
  box-shadow: none;
  color: initial;
  outline-style: auto;
  outline-width: medium
}

.explore-page-view .main .title-row .tools .tool:hover {
  outline-width: 0
}

.explore-page-view .main .title-row .tools .tool.tools-menu {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -405px -317px no-repeat;
  height: 16px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.tools-menu {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.tools-menu.open {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -439px -407px no-repeat;
  height: 16px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.tools-menu.open {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.justified {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -170px -477px no-repeat;
  height: 16px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.justified {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.justified:hover {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -208px -477px no-repeat;
  height: 16px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.justified:hover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.justified.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -189px -477px no-repeat;
  height: 16px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.justified.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.justified.selected.no-outline {
  outline-width: 0
}

.explore-page-view .main .title-row .tools .tool.story {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -170px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.story {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.story:hover {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -204px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.story:hover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.story.selected {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -187px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .title-row .tools .tool.story.selected {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .title-row .tools .tool.story.selected.no-outline {
  outline-width: 0
}

.explore-page-view .main .title-row .tools .explore-toolbar-share-content {
  display: flex
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .explore-page-view .main .title-row .tools .explore-toolbar-share-content {
      width:22px
  }
}

.explore-page-view .main .title-row .tools .explore-toolbar-share-content .fluid-share-button {
  display: flex
}

.explore-page-view .main .title-row .tools .explore-toolbar-share-content .fluid-share-button .fluid-share-button-label {
  margin-left: 6px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .explore-page-view .main .title-row .tools .explore-toolbar-share-content .fluid-share-button .fluid-share-button-label {
      display:none
  }
}

.explore-page-view .main .photo-list-view .scotched {
  opacity: .25
}

.explore-page-view .main .explore-pagination {
  display: flex;
  height: 100px;
  justify-content: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .explore-page-view .main .explore-pagination {
      bottom:0;
      display: block;
      height: 135px;
      margin: 0 auto;
      position: relative;
      width: 95%
  }
}

.explore-page-view .main .explore-pagination a.butt {
  margin: auto 40px;
  position: relative
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .explore-page-view .main .explore-pagination a.butt {
      display:block;
      margin: 10px auto
  }
}

.explore-page-view .main .explore-pagination a.butt.is-disabled {
  pointer-events: none
}

.explore-page-view .main .explore-pagination a.butt.curr-date {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px #128fdc;
  color: #128fdc;
  cursor: default;
  pointer-events: none
}

.explore-page-view .main .explore-pagination a.butt.page-back {
  padding-left: 32px
}

.explore-page-view .main .explore-pagination a.butt.page-back:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -551px -241px no-repeat;
  content: "";
  height: 16px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 6px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .explore-pagination a.butt.page-back:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-page-view .main .explore-pagination a.butt.page-forward {
  padding-right: 32px
}

.explore-page-view .main .explore-pagination a.butt.page-forward:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -551px -262px no-repeat;
  content: "";
  height: 16px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 6px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .explore-page-view .main .explore-pagination a.butt.page-forward:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.explore-rail-card-view .explore-rail-card .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 12px
}

.explore-rail-card-view .explore-rail-card .title a {
  color: #212124
}

.explore-rail-card-view .explore-rail-card .list-container {
  display: flex;
  flex-wrap: wrap
}

.explore-rail-card-view .explore-rail-card .list-container .dummy-loader {
  width: 100%
}

.explore-rail-card-view .explore-rail-card .list-container .dummy-loader .row {
  display: flex;
  justify-content: space-between
}

.explore-rail-card-view .explore-rail-card .list-container .dummy-loader .row .box {
  height: 80px
}

.explore-rail-card-view .explore-rail-card .list-container .dummy-loader .row .box:not(:last-child) {
  margin: 0 4px 4px 0
}

.fave-view {
  position: relative
}

.fave-view a {
  color: #fff;
  text-decoration: none
}

.fave-view .button {
  align-items: center;
  display: flex
}

.fave-view .button>span {
  -webkit-touch-callout: none;
  pointer-events: none;
  user-select: none
}

.fave-view .fave-star {
  display: block;
  padding: 6px;
  position: relative;
  transform: scale(.5)
}

.fave-view .fave-star.animated {
  right: 0;
  top: 0;
  transform: none
}

.fave-view .fave-star svg {
  fill: #fff;
  height: 48px;
  width: 48px
}

.fave-view .fave-star i.animated-fave-star {
  background: url(https://combo.staticflickr.com/ap/build/images/fave-test/white@1x.png) 0 0/480px 24px no-repeat;
  display: block;
  height: 24px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fave-view .fave-star i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/white@2x.png)
  }
}

.fave-view .fave-star.is-transitioning i.animated-fave-star {
  animation: fave-starburst .333s steps(19)
}

.fave-view .fave-star.is-faved i.animated-fave-star {
  background-position: -456px 0
}

.fave-view .fave-star.can-not-fave {
  cursor: default;
  opacity: .3
}

.fave-view .fave-count {
  display: block;
  vertical-align: top
}

.faves-likes-instructions-modal-view.modal.html-modal .content {
  padding: 0 40px;
  text-align: center
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-container {
  background: #052437;
  background: linear-gradient(45deg,#052437,#147ab9);
  box-sizing: border-box;
  height: 222px;
  margin: auto -40px;
  padding-top: 38px
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-buttons {
  color: #fff;
  padding-top: 3px
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-buttons .icon {
  left: -38px;
  padding: 0 5px;
  position: relative
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-buttons .icon.disabled {
  opacity: .5
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-megamodal {
  background: transparent 50%/301px 141px no-repeat url(https://combo.staticflickr.com/ap/build/images/likes/megamodal.png);
  box-sizing: border-box;
  height: 141px;
  margin: 0 auto;
  padding: 4px 4px 11px;
  pointer-events: none;
  text-align: left;
  width: 301px
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-add-to,.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-favorites,.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-items {
  display: block
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-add-to {
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
  font-weight: 600;
  height: 52px;
  line-height: 52px;
  margin-bottom: 10px;
  padding-left: 20px
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-galleries {
  border-bottom: 3px solid #0091dc;
  display: inline-block;
  font-weight: 400;
  line-height: 46px;
  margin-left: 21px;
  padding: 0 17px
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-favorites {
  color: #006dac;
  font-weight: 600;
  padding-left: 62px
}

.faves-likes-instructions-modal-view.modal.html-modal .content .demo-label-items {
  color: #898989;
  padding-left: 62px
}

.faves-likes-instructions-modal-view.modal.html-modal .foot {
  padding-bottom: 13px
}

.faves-likes-instructions-modal-view.modal.html-modal .foot .buttons {
  justify-content: center
}

.faves-likes-instructions-modal-view.modal.html-modal .foot .buttons button:only-child {
  margin-left: 0!important
}

.first-like-modal-view.modal.html-modal .content {
  text-align: center
}

.first-like-modal-view.modal.html-modal .content img {
  max-width: 100%;
  min-height: 100px;
  padding-top: 20px
}

.first-like-modal-view.modal.html-modal .foot {
  padding-bottom: 13px
}

.first-like-modal-view.modal.html-modal .foot .buttons {
  justify-content: center
}

.first-like-modal-view.modal.html-modal .foot .buttons button:only-child {
  margin-left: 0!important
}

.favorites-page-view .photolist-empty {
  margin-top: 150px;
  text-align: center
}

.feed-batch-view {
  background-color: #f3f5f6;
  border-radius: 4px;
  bottom: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
  left: 12px;
  opacity: 0;
  position: fixed;
  right: 12px;
  top: 12px;
  transition: opacity .5s ease;
  z-index: 2006
}

.feed-batch-view.active {
  opacity: 1
}

.feed-batch-view .feed-batch {
  display: flex;
  flex-direction: column;
  height: 100%
}

.feed-batch-view .feed-batch .feed-batch-header {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 24px 32px 16px;
  position: relative
}

.feed-batch-view .feed-batch .feed-batch-header .header-container {
  flex: 1 1 auto;
  min-width: 0
}

.feed-batch-view .feed-batch .feed-batch-header .close-x-button {
  color: #212124;
  flex: 0 0 auto;
  margin-left: 20px
}

.feed-batch-view .feed-batch .batch-list-container {
  flex: 1 1 auto;
  outline: none;
  overflow: auto;
  padding: 8px 32px 32px
}

.feed-batch-view .feed-batch .batch-list-container .list-loader {
  margin: 16px 0 32px;
  text-align: center
}

.feed-batch-view .feed-batch .batch-list-container .list-loader.hidden {
  display: none
}

@media only screen and (max-width: 1080px) {
  .feed-batch-view .feed-batch {
      padding-left:env(safe-area-inset-left,0);
      padding-right: env(safe-area-inset-right,0)
  }

  .feed-batch-view .feed-batch .batch-list-container,.feed-batch-view .feed-batch .feed-batch-header {
      padding-left: 12px;
      padding-right: 12px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .feed-batch-view {
      border-radius:0;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0
  }

  .feed-batch-view .feed-batch .feed-batch-header {
      padding-left: 16px;
      padding-right: 16px
  }

  .feed-batch-view .feed-batch .batch-list-container {
      padding-left: 0;
      padding-right: 0
  }
}

.feed-column-dummy-loader .layout-container.large,.feed-column-dummy-loader .layout-container.medium {
  width: 100%
}

.feed-column-dummy-loader .layout-container.large .row,.feed-column-dummy-loader .layout-container.medium .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px
}

.feed-column-dummy-loader .layout-container.large .row .item,.feed-column-dummy-loader .layout-container.medium .row .item {
  display: flex;
  flex-direction: column
}

.feed-column-dummy-loader .layout-container.large .row .item .attribution-section,.feed-column-dummy-loader .layout-container.medium .row .item .attribution-section {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  padding: 12px 8px
}

.feed-column-dummy-loader .layout-container.large .row .item .attribution-section .ava,.feed-column-dummy-loader .layout-container.medium .row .item .attribution-section .ava {
  border-radius: 50%;
  margin-right: 8px
}

.feed-column-dummy-loader .layout-container.large .row .item .attribution-section .attribution-details,.feed-column-dummy-loader .layout-container.medium .row .item .attribution-section .attribution-details {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.feed-column-dummy-loader .layout-container.large .row .item .attribution-section .attribution-details .box:not(:last-child),.feed-column-dummy-loader .layout-container.medium .row .item .attribution-section .attribution-details .box:not(:last-child) {
  margin-bottom: 4px
}

.feed-column-dummy-loader .layout-container.large .row .item .batch-section,.feed-column-dummy-loader .layout-container.large .row .item .batch-section .box,.feed-column-dummy-loader .layout-container.medium .row .item .batch-section,.feed-column-dummy-loader .layout-container.medium .row .item .batch-section .box {
  display: flex;
  flex: 1 1 auto
}

.feed-column-dummy-loader .layout-container.large.medium .row .item,.feed-column-dummy-loader .layout-container.medium.medium .row .item {
  height: 400px
}

.feed-column-dummy-loader .layout-container.large.large .row .item,.feed-column-dummy-loader .layout-container.medium.large .row .item {
  height: 600px
}

.feed-column-dummy-loader .layout-container.compact {
  width: 100%
}

.feed-column-dummy-loader .layout-container.compact .item {
  margin-bottom: 40px
}

.feed-column-dummy-loader .layout-container.compact .item .attribution-section {
  align-items: center;
  display: flex;
  margin-bottom: 16px
}

.feed-column-dummy-loader .layout-container.compact .item .attribution-section .ava {
  border-radius: 50%
}

.feed-column-dummy-loader .layout-container.compact .item .attribution-section .box {
  margin-right: 12px
}

.feed-column-dummy-loader .layout-container.compact .item .batch-section .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.feed-column-dummy-loader .layout-container.compact .item .batch-section .row .box {
  height: 150px
}

.feed-column-dummy-loader .layout-container.compact .item .batch-section .row.partial {
  justify-content: flex-start
}

.feed-column-dummy-loader .layout-container.compact .item .batch-section .row.partial .box {
  margin-right: 8px
}

.feed-new-page-view .feed-b {
  align-items: center;
  background-color: #212124;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0
}

.feed-new-page-view .feed-b .upgrade-to-pro-cta a {
  color: #898989
}

.feed-new-page-view .feed-new-page-container {
  align-items: center;
  display: flex;
  flex-direction: column
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  width: 100%
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column {
  flex: 1 1 auto;
  min-width: 0
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 16px 0;
  position: relative
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .filter-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .filter-menu-button {
  align-items: center;
  color: #898989;
  cursor: pointer;
  display: flex;
  margin-right: 15px;
  position: relative
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .filter-menu-button .arrow svg {
  display: block
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs-container {
  align-items: center;
  display: flex
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs-container .label-beta {
  color: #fff
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs .tab {
  color: #898989;
  cursor: pointer;
  margin-left: 20px;
  position: relative
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs .tab:hover {
  color: #666
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs .tab.selected {
  color: #006dac
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs .tab svg {
  display: block;
  pointer-events: none
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .load-top-button {
  align-items: center;
  display: flex;
  height: 80px;
  justify-content: center
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .load-top-button.hidden {
  display: none
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content {
  position: relative
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .dummy-loader-container {
  opacity: 1;
  transition: opacity .5s ease-out
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .dummy-loader-container.fading {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
  text-align: center
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container .feed-error-message .error-title {
  font-size: 28px;
  line-height: 1.5em;
  margin: 0 0 12px
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container .feed-error-message .error-message {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 24px
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container.hidden {
  display: none
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .list-loader {
  margin: 16px 0 32px;
  text-align: center
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .list-loader.hidden {
  display: none
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-layout .feed-item {
  display: flex
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-layout .feed-item .photo-card-view.hidden {
  display: none
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column {
  flex: 0 0 auto;
  margin: 20px 0 0 40px;
  width: 300px
}

.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container {
  box-sizing: border-box;
  padding-bottom: 20px;
  position: sticky;
  will-change: top,bottom
}

@media only screen and (max-width: 1080px) {
  .feed-new-page-view .feed-new-page-container.fluid-centered {
      max-width:none
  }

  .feed-new-page-view .feed-new-page-container .feed-new-page-content-container {
      padding: 0 12px;
      width: 100%
  }

  .feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column {
      display: none
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .feed-new-page-view .feed-new-page-container .feed-new-page-content-container {
      padding:0
  }

  .feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container {
      margin-top: 0;
      padding-left: 12px;
      padding-right: 12px
  }

  .feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container .layout-tabs {
      display: none
  }
}

@media only screen and (max-width: 500px) {
  .feed-new-page-view .feed-new-page-container .feed-new-page-content-container {
      padding:0
  }
}

.feed-new-page-view .batch-overlay {
  background-color: hsla(0,0%,100%,.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000
}

.feed-new-page-view .batch-overlay .batch-overlay-content-container {
  background-color: #f3f5f6;
  border-radius: 4px;
  bottom: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
  left: 12px;
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: opacity .5s ease
}

.feed-new-page-view .batch-overlay .batch-overlay-content-container.active {
  opacity: 1
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .feed-new-page-view .batch-overlay .batch-overlay-content-container {
      border-radius:0;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0
  }
}

.feed-people-batch-view {
  background-color: #f3f5f6;
  border-radius: 4px;
  bottom: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
  left: 12px;
  position: fixed;
  right: 12px;
  top: 12px;
  z-index: 2006
}

.feed-people-batch-view .feed-people-batch {
  display: flex;
  flex-direction: column;
  height: 100%
}

.feed-people-batch-view .feed-people-batch .feed-batch-header {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 24px 32px 16px;
  position: relative
}

.feed-people-batch-view .feed-people-batch .feed-batch-header .header-container {
  flex: 1 1 auto;
  min-width: 0
}

.feed-people-batch-view .feed-people-batch .feed-batch-header .header-container .header-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.feed-people-batch-view .feed-people-batch .feed-batch-header .close-x-button {
  color: #212124;
  flex: 0 0 auto;
  margin-left: 20px
}

.feed-people-batch-view .feed-people-batch .batch-list-container {
  flex: 1 1 auto;
  outline: none;
  overflow: auto;
  padding: 8px 32px 32px
}

.feed-people-batch-view .feed-people-batch .batch-list-container .batch-list {
  position: relative
}

.feed-people-batch-view .feed-people-batch .batch-list-container .list-loader {
  margin: 16px 0 32px;
  text-align: center
}

.feed-people-batch-view .feed-people-batch .batch-list-container .list-loader.hidden {
  display: none
}

@media only screen and (max-width: 1080px) {
  .feed-people-batch-view .feed-people-batch {
      padding-left:env(safe-area-inset-left,0);
      padding-right: env(safe-area-inset-right,0)
  }

  .feed-people-batch-view .feed-people-batch .batch-list-container,.feed-people-batch-view .feed-people-batch .feed-batch-header {
      padding-left: 12px;
      padding-right: 12px
  }
}

@media only screen and (max-width: 500px) {
  .feed-people-batch-view .feed-people-batch .feed-batch-header {
      padding-left:16px;
      padding-right: 16px
  }

  .feed-people-batch-view .feed-people-batch .batch-list-container {
      padding-left: 0;
      padding-right: 0
  }
}

.feed-rail-view .feed-rail .feed-rail-content-container {
  transition: opacity .3s ease-in
}

.feed-rail-view .feed-rail .feed-rail-content-container .rail-items-container {
  display: flex;
  flex-wrap: wrap
}

.feed-rail-view .feed-rail .feed-rail-content-container .rail-items-container .rail-item.flat {
  background-color: transparent;
  padding: 0
}

.feed-rail-view .feed-rail .feed-rail-content-container .rail-items-container .rail-item {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 20px;
  width: 100%
}

.feed-rail-view .feed-rail .feed-rail-content-container .rail-items-container .rail-item:last-child {
  margin-bottom: 0
}

.feed-rail-view .feed-rail .feed-rail-content-container .slim-footer-view {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 20px
}

.feed-rail-view .feed-rail .feed-rail-content-container.invisible {
  opacity: 0
}

.feed-rail-view .feed-rail .dummy-loader .box.container-box {
  margin-bottom: 20px;
  width: 100%
}

.feed-rail-view .feed-rail .dummy-loader.hidden {
  display: none
}

.feedback-prompt {
  padding: 20px
}

.feedback-prompt .top-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px
}

.feedback-prompt .top-actions .close-x-button {
  color: #212124;
  opacity: .5
}

.feedback-prompt .feedback-container .feedback-title {
  text-align: center
}

.feedback-prompt .feedback-container .feedback-description {
  margin: 0 20px;
  text-align: center
}

.feedback-prompt .feedback-container .feedback-button-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 80px
}

.feedback-prompt .feedback-container .cancel-button {
  background-color: #999
}

.feedback-widget-view {
  animation: fadein .25s ease-in;
  backface-visibility: hidden;
  bottom: 0;
  font-size: 13px;
  margin: auto 10px 5px auto;
  position: fixed;
  right: 0
}

.feedback-widget-view a {
  color: #898989
}

.feedback-widget-view i.feedback-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -29px -73px no-repeat;
  display: inline-block;
  height: 28px;
  left: -3px;
  opacity: .5;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .feedback-widget-view i.feedback-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.feedback-widget-view.hugging-footer {
  bottom: 108px;
  position: absolute
}

.feedback-widget-view.hidden {
  display: none
}

.flag-modal-view {
  padding: 20px 0
}

.flag-modal-view .flag-photo-container {
  display: flex;
  flex-direction: column
}

.flag-modal-view .flag-photo-container .flag-photo-content-container {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  position: relative
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container {
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 20px;
  width: 100%
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container.hiding-left {
  animation-direction: reverse;
  animation-name: flag-photo-slide-in-right;
  left: 0;
  position: absolute;
  top: 0
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container.hiding-right {
  animation-direction: reverse;
  animation-name: flag-photo-slide-in-left;
  left: 0;
  position: absolute;
  top: 0
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container.showing {
  opacity: 0
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container.showing-left {
  animation-name: flag-photo-slide-in-left
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container.showing-right {
  animation-name: flag-photo-slide-in-right
}

.flag-modal-view .flag-photo-container .flag-photo-content-container .step-container.hidden {
  display: none
}

@keyframes flag-photo-slide-in-left {
  0% {
      opacity: 0;
      transform: translateX(100%)
  }

  to {
      opacity: 1;
      transform: translateX(0)
  }
}

@keyframes flag-photo-slide-in-right {
  0% {
      opacity: 0;
      transform: translateX(-100%)
  }

  to {
      opacity: 1;
      transform: translateX(0)
  }
}

.flag-modal-view .flag-photo-container .report-options {
  margin: 10px 0 0
}

.flag-modal-view .flag-photo-container .report-options .radio-container {
  margin-bottom: 10px
}

.flag-modal-view .flag-photo-container .report-options .radio-container:last-child {
  margin-bottom: 0
}

.flag-modal-view .flag-photo-container .report-options .radio-container label {
  align-items: center;
  display: flex;
  outline: none
}

.flag-modal-view .flag-photo-container .report-options .radio-container label .label-text {
  flex: 0 1 auto
}

.flag-modal-view .flag-photo-container .report-options .radio-container label .check-indicator {
  flex: 0 0 auto;
  margin-right: 8px;
  top: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .flag-modal-view .flag-photo-container .report-options .radio-container label .label-text {
      line-height:18px
  }
}

.flag-modal-view .flag-photo-container .report-details .input-container {
  display: flex;
  flex-direction: column
}

.flag-modal-view .flag-photo-container .report-details .input-container:not(:last-of-type) {
  margin-bottom: 10px
}

.flag-modal-view .flag-photo-container .report-details .input-container .input-field {
  margin: 0;
  width: 100%;
  word-break: keep-all
}

.flag-modal-view .flag-photo-container .report-details .input-container .input-field:disabled {
  box-shadow: none
}

.flag-modal-view .flag-photo-container .report-details .input-container .report-subject {
  height: 80px
}

.flag-modal-view .flag-photo-container .report-details .input-container label {
  padding: 8px 0
}

.flag-modal-view .flag-photo-container header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  padding: 0 20px
}

.flag-modal-view .flag-photo-container header h1 {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin: 0
}

.flag-modal-view .flag-photo-container header h1 .label-beta {
  margin-left: 12px
}

.flag-modal-view .flag-photo-container header .close-x-button {
  cursor: pointer;
  height: 22px;
  opacity: .3;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 22px
}

.flag-modal-view .flag-photo-container header .close-x-button:hover {
  opacity: .5
}

.flag-modal-view .flag-photo-container .error-message {
  color: red;
  margin-bottom: 16px
}

.flag-modal-view .flag-photo-container .error-message.hidden {
  display: none
}

.flag-modal-view .flag-photo-container .action-container {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  padding: 0 20px
}

.flag-modal-view .flag-photo-container .action-container .error-message {
  flex: 1 1 auto;
  margin-bottom: 0
}

.flag-modal-view .flag-photo-container .action-container .buttons {
  display: flex;
  flex: 0 0 auto
}

.flag-modal-view .flag-photo-container .action-container .buttons button {
  flex: 0 0 auto;
  margin: 0 0 0 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .flag-modal-view .flag-photo-container .action-container {
      align-items:flex-end;
      flex-direction: column
  }

  .flag-modal-view .flag-photo-container .action-container .error-message {
      margin-bottom: 12px
  }

  .flag-modal-view .flag-photo-container .action-container .buttons {
      margin-left: 10px
  }
}

.flag-modal-view .flag-photo-container .action-container,.flag-modal-view .flag-photo-container header h1 {
  animation-direction: alternate;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-iteration-count: 2;
  animation-timing-function: linear
}

.flag-modal-view .flag-photo-container .action-container.changing,.flag-modal-view .flag-photo-container header h1.changing {
  animation-name: group-creation-title-fade-out;
  pointer-events: none
}

@keyframes flag-photo-title-fade-out {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.flickr-chat-center-view {
  background: transparent;
  bottom: 0;
  box-shadow: 0 0 0 1px #e3e3e3;
  box-sizing: border-box;
  display: block;
  position: fixed;
  right: 0;
  transition: bottom,.2s;
  width: 220px;
  z-index: 10001
}

.flickr-chat-center-view .flickr-chat-center {
  background: #fff;
  padding-bottom: 20px
}

.flickr-chat-center-view .flickr-chat-center .toggle {
  color: #fff;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px
}

.flickr-chat-center-view .flickr-chat-center .header {
  background: #128fdc;
  color: #fff;
  padding: 10px;
  text-align: center
}

.flickr-chat-center-view .flickr-chat-center .recipient-list {
  color: #898989;
  max-height: 200px;
  overflow: scroll
}

.flickr-chat-center-view .flickr-chat-center .recipient-list .recipient {
  cursor: pointer;
  font-size: 15px;
  line-height: 25px;
  padding: 0 10px
}

.flickr-chat-center-view .flickr-chat-center .recipient-list .recipient .avatar {
  margin-right: 10px
}

.flickr-chat-center-view .flickr-chat-center .recipient-list .search input {
  border: 0;
  border-bottom: 1px solid gray;
  width: 100%
}

.flickr-chat-center-view .flickr-chat-center .recipient-list .search .c-contact-search-autocomplete ul.contact-list {
  background-color: #d3d3d3
}

.flickr-chat-center-view .flickr-chat-center .recipient-list .search .c-contact-search-autocomplete ul.contact-list li h2 {
  color: #000
}

*,:after,:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.shrink {
  flex-shrink: 1
}

.grow {
  flex-grow: 1
}

.rotate-90 {
  --tw-rotate: 90deg
}

.rotate-180,.rotate-90 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
  --tw-rotate: 180deg
}

.transform {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize {
  resize: both
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.border {
  border-width: 1px
}

.font-light {
  font-weight: 300
}

.lowercase {
  text-transform: lowercase
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.blur {
  --tw-blur: blur(8px)
}

.blur,.invert {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
  --tw-invert: invert(100%)
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
  transition-duration: .15s;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-in {
  transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-out {
  transition-timing-function: cubic-bezier(0,0,.2,1)
}

body>#content>.view>div.is-typing-message {
  opacity: .2!important
}

.flickr-chat-view {
  background: transparent;
  bottom: 0;
  box-sizing: border-box;
  display: block;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 10000
}

.flickr-chat-view .flickr-chat {
  box-sizing: border-box;
  position: relative
}

.flickr-chat-view .flickr-chat input,.flickr-chat-view .flickr-chat p,.flickr-chat-view .flickr-chat textarea {
  box-sizing: border-box;
  float: none;
  line-height: inherit;
  margin: inherit;
  max-width: inherit
}

.flickr-chat-view .flickr-chat .new-message {
  background: #fff;
  bottom: 0;
  box-shadow: 0 0 0 1px #e3e3e3;
  box-sizing: border-box;
  height: 400px;
  position: absolute;
  right: 10%;
  width: 400px
}

.flickr-chat-view .flickr-chat .new-message.hidden {
  display: none
}

.flickr-chat-view .flickr-chat .new-message p {
  box-sizing: border-box;
  float: none;
  margin: 0;
  max-width: 100%;
  padding: 0
}

.flickr-chat-view .flickr-chat .new-message input,.flickr-chat-view .flickr-chat .new-message textarea {
  border: none;
  box-shadow: 0 0 0 1px #e3e3e3;
  float: none;
  max-width: 100%;
  padding: 10px;
  width: 100%
}

.flickr-chat-view .flickr-chat .new-message textarea {
  height: 250px
}

.flickr-chat-view .flickr-chat .new-message .recipient {
  background: #e8e8e8;
  color: #212124;
  line-height: 26px;
  padding: 10px
}

.flickr-chat-view .flickr-chat .new-message .recipient svg {
  float: left
}

.flickr-chat-view .flickr-chat .new-message .recipient span {
  font-weight: 600
}

.flickr-chat-view .flickr-chat .new-message .actions {
  padding: 10px
}

.flickr-chat-view .flickr-chat .new-message .actions .send {
  width: 75%
}

.flickr-chat-view .flickr-chat .message-sent {
  background: #fff;
  bottom: 0;
  box-shadow: 0 0 0 1px #e3e3e3;
  box-sizing: border-box;
  height: 200px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 400px
}

.flickr-chat-view .flickr-chat .message-sent h2.success {
  color: #212124;
  float: none;
  line-height: 130px;
  margin-left: 60px;
  margin-top: 30px
}

.flickr-chat-view .flickr-chat .message-sent svg {
  color: #78a424;
  height: 70px;
  left: 30px;
  position: absolute;
  top: 55px;
  width: 70px
}

.flickr-chat-view .flickr-chat .message-sent.hidden {
  display: none
}

.is-real-fullscreen .photo-well-media-view .videoplayer.main-photo {
  max-width: 90vw
}

.photo-well-media-scrappy-view .videoplayer,.photo-well-media-view .videoplayer {
  z-index: 106
}

.photo-well-media-scrappy-view .videoplayer .yvp-end-screen button,.photo-well-media-view .videoplayer .yvp-end-screen button {
  min-width: 0
}

.photo-well-media-scrappy-view .videoplayer div.yvp-bottom-bar>.yvp-fullscreen-btn,.photo-well-media-view .videoplayer div.yvp-bottom-bar>.yvp-fullscreen-btn {
  display: none
}

.photo-well-media-scrappy-view .videoplayer div.yvp-bottom-bar.yvp-menu-controls div.yvp-volume-btn,.photo-well-media-view .videoplayer div.yvp-bottom-bar.yvp-menu-controls div.yvp-volume-btn {
  left: auto
}

.photo-well-media-scrappy-view .videoplayer div.yvp-bottom-bar.yvp-menu-controls>.yvp-fullscreen-btn,.photo-well-media-view .videoplayer div.yvp-bottom-bar.yvp-menu-controls>.yvp-fullscreen-btn {
  display: none
}

.photo-well-media-scrappy-view .videoplayer div.yvp-bottom-bar .yvp-menu-controls div.yvp-volume-btn,.photo-well-media-view .videoplayer div.yvp-bottom-bar .yvp-menu-controls div.yvp-volume-btn {
  left: auto
}

.photo-well-media-scrappy-view .videoplayer div.yvp-bottom-bar .yvp-menu-controls>.yvp-fullscreen-btn,.photo-well-media-view .videoplayer div.yvp-bottom-bar .yvp-menu-controls>.yvp-fullscreen-btn {
  display: none
}

.photo-well-media-scrappy-view .videoplayer.processing,.photo-well-media-view .videoplayer.processing {
  box-sizing: border-box;
  color: #999;
  font-size: 2em;
  padding-top: 30%;
  text-align: center
}

.photo-well-media-scrappy-view .videoplayer>.yui3-videoplayer-content.retrying .yui3-videoplayer-errorscreen-container,.photo-well-media-view .videoplayer>.yui3-videoplayer-content.retrying .yui3-videoplayer-errorscreen-container {
  display: none
}

.photo-well-media-scrappy-view .videoplayer .yui3-videoplayer-controls .bar .slider .progress,.photo-well-media-view .videoplayer .yui3-videoplayer-controls .bar .slider .progress {
  background: #fff
}

.photo-well-media-scrappy-view .videoplayer .yui3-videoplayer-controls .bar .slider .buffer,.photo-well-media-view .videoplayer .yui3-videoplayer-controls .bar .slider .buffer {
  background: #555
}

.photo-well-media-scrappy-view .videoplayer .yui3-videoplayer-controls .settings-pause-screen,.photo-well-media-view .videoplayer .yui3-videoplayer-controls .settings-pause-screen {
  display: none
}

.photo-well-media-scrappy-view .videoplayer .yui3-videoplayer-controls .aux .streamquality,.photo-well-media-view .videoplayer .yui3-videoplayer-controls .aux .streamquality {
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 34px;
  position: absolute;
  right: 30px;
  width: 32px
}

.photo-well-media-scrappy-view .videoplayer .yui3-videoplayer-controls .aux .size,.photo-well-media-view .videoplayer .yui3-videoplayer-controls .aux .size {
  display: none
}

.photo-well-media-scrappy-view .videoplayer .yui3-videoplayer-controls.hashdquality .bar .seek,.photo-well-media-view .videoplayer .yui3-videoplayer-controls.hashdquality .bar .seek {
  margin: 0 80px 0 44px
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container {
  left: 50%;
  margin-left: -200px;
  margin-top: -150px;
  width: 400px
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container .yui3-videoplayer-hotkeyoverlay-table-wrapper,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container .yui3-videoplayer-hotkeyoverlay-table-wrapper {
  padding: 20px 30px
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container h2,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container h2 {
  margin: 0 0 20px
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container table tr:hover,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container table tr:hover {
  background: none;
  border: none
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container td.label,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container td.label {
  width: 166px
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container td.value,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container td.value {
  color: #fff;
  width: 150px
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container table tr,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container table tr {
  border-bottom: none
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container table tr:after,.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container table tr:before,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container table tr:after,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container table tr:before {
  display: none
}

.photo-well-media-scrappy-view .yui3-videoplayer-hotkeyoverlay-container button.yui3-videoplayer-hotkeyoverlay-close.close,.photo-well-media-view .yui3-videoplayer-hotkeyoverlay-container button.yui3-videoplayer-hotkeyoverlay-close.close {
  background: none;
  border-radius: 0;
  color: #fff;
  font-size: 16px;
  line-height: 0;
  min-width: 0;
  right: 10px;
  top: 10px;
  width: 15px
}

.ui-button.ui-button-cta,.ui-button.ui-button-dropdown {
  background: #0091dc;
  border-color: transparent;
  color: #fff
}

.ui-button {
  background: linear-gradient(180deg,#fff,#f1f1f1);
  border-color: #c7c7c7;
  color: #1e1e1e
}

.ui-button:hover {
  background: #1372e8;
  border-color: hsla(0,0%,100%,.3);
  color: #fff
}

.ui-button.marketing-button {
  background: #ff329c;
  border-color: transparent;
  color: #fff
}

.ui-button>span,input.ui-button {
  display: inline-block;
  margin-right: 4px;
  padding: 4px 10px 3px 14px
}

:-moz-any-link:focus:not(.has-keyboard-focus) {
  outline: none
}

.ui-button {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font: 400 12px/1.45 Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  font-size: 14px;
  padding: 0;
  transition-duration: .2s;
  transition-property: border,padding-right
}

.ui-button,.ui-button:focus {
  outline: none
}

.fluid .ui-button {
  line-height: normal
}

.ui-button.ui-button-disabled {
  color: rgba(0,0,0,.5);
  cursor: default;
  pointer-events: none
}

.ui-button.ui-button-minimal {
  background: none;
  border-color: hsla(0,0%,100%,.5)
}

.ui-button.ui-button-minimal>span {
  color: #fff;
  font-weight: 300
}

.ui-button.ui-button-dropdown {
  background: transparent;
  border-color: #999;
  overflow: hidden;
  padding-right: 0
}

.ui-button.ui-button-dropdown>span {
  border-right: 1px solid transparent;
  color: #999;
  position: relative
}

.ui-button.ui-button-dropdown.is-open,.ui-button.ui-button-dropdown:hover {
  background: transparent;
  padding: 0 27px 0 0
}

.ui-button.ui-button-dropdown.is-open>span,.ui-button.ui-button-dropdown:hover>span {
  padding-right: 18px
}

.ui-button.ui-button-dropdown.is-open>span:after,.ui-button.ui-button-dropdown:hover>span:after {
  display: block
}

.ui-button.ui-button-dropdown>span:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -86px no-repeat;
  content: "";
  display: none;
  height: 6px;
  position: absolute;
  right: -18px;
  top: 12px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-button.ui-button-dropdown>span:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-button.ui-button-icon>span {
  padding-left: 8px
}

.ui-button.ui-button-icon:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -180px no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  margin: 0 0 0 9px;
  position: relative;
  top: 4px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-button.ui-button-icon:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-button.ui-button-negative:active,.ui-button.ui-button-negative:hover {
  background: #fc3c71;
  border: 1px solid #da1057;
  color: #fff
}

.ui-button.ui-button-negative:hover {
  background: linear-gradient(180deg,#fc3c71,#fc2b5c)
}

.ui-button.ui-button-negative:active {
  background: linear-gradient(180deg,#fc2b5c,#fc3c71)
}

.ui-button.ui-button-cta {
  padding: 0 .5em
}

.ui-button.ui-button-logo {
  background: #000;
  border-color: transparent;
  border-radius: 0;
  padding: 0
}

.ui-button.ui-button-logo>i {
  float: left;
  height: 47px;
  width: 47px
}

.ui-button.ui-button-transparent {
  background: transparent;
  border-color: #fff;
  color: #fff
}

.ui-button .ui-util-working .ui-button-cta,.ui-button.ui-util-working,.ui-util-working .ui-button .ui-button-cta {
  background: #444;
  border-color: #444;
  color: #444;
  pointer-events: none;
  position: relative
}

.ui-button .ui-util-working .ui-button-cta:after,.ui-button .ui-util-working .ui-button-cta:before,.ui-button.ui-util-working:after,.ui-button.ui-util-working:before,.ui-util-working .ui-button .ui-button-cta:after,.ui-util-working .ui-button .ui-button-cta:before {
  border-radius: 6px;
  content: "";
  height: 12px;
  left: 50%;
  margin-left: -12px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 12px;
  z-index: 3
}

.ui-button .ui-util-working .ui-button-cta:before,.ui-button.ui-util-working:before,.ui-util-working .ui-button .ui-button-cta:before {
  animation: bounce 1.2s infinite;
  animation-timing-function: linear;
  background: #ff329c
}

.ui-button .ui-util-working .ui-button-cta:after,.ui-button.ui-util-working:after,.ui-util-working .ui-button .ui-button-cta:after {
  animation: bounce-left 1.2s infinite;
  animation-timing-function: linear;
  background: #0063dc
}

.ui-util-working .ui-button-cta span {
  text-indent: -9999px
}

.ui-util-locked .ui-button-cta {
  background: #666;
  border-color: #666;
  color: rgba(0,0,0,.5);
  pointer-events: none
}

.ui-icon-tiny-safety {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -172px no-repeat;
  height: 13px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-safety {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-unfollow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -417px no-repeat;
  height: 11px;
  width: 11px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-unfollow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-add-to-gallery-or-set {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -306px -512px no-repeat;
  height: 15px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-add-to-gallery-or-set {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-add-to-group {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px 0 no-repeat;
  height: 17px;
  width: 15px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-add-to-group {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-add-location {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -416px -381px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-add-location {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-add-people {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -76px -494px no-repeat;
  height: 17px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-add-people {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-all-sizes {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -391px -512px no-repeat;
  height: 13px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-all-sizes {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-edit {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -94px -494px no-repeat;
  height: 17px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-rotate {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -304px -477px no-repeat;
  height: 15px;
  width: 19px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-rotate {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-replace {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -408px -512px no-repeat;
  height: 12px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-replace {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-edit-in-editor {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -421px no-repeat;
  height: 19px;
  width: 19px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-edit-in-editor {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-commenting-on {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -357px -512px no-repeat;
  height: 14px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-commenting-on {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-commenting-off {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -340px -512px no-repeat;
  height: 14px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-commenting-off {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-delete {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -353px no-repeat;
  height: 12px;
  width: 12px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-delete {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-flag {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -323px -512px no-repeat;
  height: 15px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-flag {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-report {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -323px -512px no-repeat;
  height: 15px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-report {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-feedback {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -382px -477px no-repeat;
  height: 14px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-feedback {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-download {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -112px -494px no-repeat;
  height: 16px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-download {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-view-count {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -439px -477px no-repeat;
  height: 12px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-view-count {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-date {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -374px -512px no-repeat;
  height: 14px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-date {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-privacy {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -37px no-repeat;
  height: 16px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-privacy {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-noprivacy {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -130px -494px no-repeat;
  height: 16px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-noprivacy {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-privacypublic {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -130px -494px no-repeat;
  height: 16px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-privacypublic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-privacyfriends {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -18px no-repeat;
  height: 18px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-privacyfriends {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-privacyfamily {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -18px no-repeat;
  height: 18px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-privacyfamily {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-privacyfriendsandfamily {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -18px no-repeat;
  height: 18px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-privacyfriendsandfamily {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-privacyprivate {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -37px no-repeat;
  height: 16px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-privacyprivate {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-copyright {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -369px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-copyright {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -284px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-1cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -245px -381px no-repeat;
  height: 16px;
  width: 56px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-1cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-2cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -365px -407px no-repeat;
  height: 16px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-2cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-3cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -108px -214px no-repeat;
  height: 16px;
  width: 56px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-3cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-4cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -182px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-4cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-5cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -477px no-repeat;
  height: 16px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-5cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-6cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -381px -356px no-repeat;
  height: 16px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-6cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-9cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -199px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-9cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-10cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -156px no-repeat;
  height: 22px;
  width: 22px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-10cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-copyright-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -386px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-copyright-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -301px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-1cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -302px -381px no-repeat;
  height: 16px;
  width: 56px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-1cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-2cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -402px -407px no-repeat;
  height: 16px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-2cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-3cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -165px -214px no-repeat;
  height: 16px;
  width: 56px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-3cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-4cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -250px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-4cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-5cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -37px -477px no-repeat;
  height: 16px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-5cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-6cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -291px -407px no-repeat;
  height: 16px;
  width: 36px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-6cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-9cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -216px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-9cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-10cc-light {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -102px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-10cc-light {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-noKnown {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -488px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-noKnown {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-government {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -505px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-government {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-foursquare {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-foursquare {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comments {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -179px no-repeat;
  height: 20px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comments {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-share {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -250px no-repeat;
  height: 20px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-share {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-slideshow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -131px -477px no-repeat;
  height: 16px;
  width: 19px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-slideshow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-thumbnail {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -369px no-repeat;
  height: 20px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-thumbnail {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-download {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -112px -494px no-repeat;
  height: 16px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-download {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-edit {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -240px no-repeat;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-share-24 {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -250px no-repeat;
  height: 20px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-share-24 {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-exif {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -420px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-exif {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-location {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -94px no-repeat;
  height: 17px;
  margin: 0 2px 0 3px;
  width: 12px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-location {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-focal-length {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -174px -448px no-repeat;
  height: 26px;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-focal-length {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-exposure-program {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -19px no-repeat;
  height: 20px;
  width: 27px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-exposure-program {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-exposure-time {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -34px no-repeat;
  height: 26px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-exposure-time {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-aperture {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -61px no-repeat;
  height: 24px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-aperture {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-iso {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -358px no-repeat;
  height: 16px;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-iso {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-flash {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px 0 no-repeat;
  height: 19px;
  margin: 0 2px 0 3px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-flash {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-flash-auto {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -200px no-repeat;
  height: 24px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-flash-auto {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-flash-off {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -225px no-repeat;
  height: 24px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-flash-off {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-flash-on {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -333px no-repeat;
  height: 24px;
  width: 19px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-flash-on {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-safety-0 {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -153px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-safety-0 {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-safety-1 {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -68px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-safety-1 {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-tiny-safety-2 {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -136px -512px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-tiny-safety-2 {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-notification {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -309px no-repeat;
  height: 23px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-notification {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comment-delete {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -186px no-repeat;
  height: 13px;
  width: 13px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comment-delete {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comment-edit {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -200px no-repeat;
  height: 13px;
  width: 13px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comment-edit {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comment-reply {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -283px no-repeat;
  height: 11px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comment-reply {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comment-permalink {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -392px no-repeat;
  height: 12px;
  width: 12px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comment-permalink {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comment-flag {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -454px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comment-flag {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-comment-flag-red {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -437px -494px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-comment-flag-red {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-big-comment {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -153px -234px no-repeat;
  height: 48px;
  width: 60px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-big-comment {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-modal-flag {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -348px -283px no-repeat;
  height: 59px;
  width: 56px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-modal-flag {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-modal-error {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -287px -283px no-repeat;
  height: 60px;
  width: 60px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-modal-error {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-dialog-button-close {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -221px no-repeat;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-dialog-button-close {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-icon-modal-warning {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -250px -174px no-repeat;
  height: 58px;
  width: 64px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .ui-icon-modal-warning {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.ui-util-removed {
  display: none
}

.clear-float:after,.clear-float:before {
  content: " ";
  display: table
}

.clear-float:after {
  clear: both
}

.hide-text {
  text-indent: 100%
}

.hide-text,.truncate {
  overflow: hidden;
  white-space: nowrap
}

.truncate {
  text-overflow: ellipsis
}

.noselect {
  -webkit-touch-callout: none;
  user-select: none
}

.with-emoji-picker .flimoji-wrapper {
  position: relative
}

.with-emoji-picker img.flimoji {
  height: 1.2em;
  margin: auto;
  pointer-events: none;
  vertical-align: -.1em;
  width: 1.2em
}

.with-emoji-picker img.flimoji.emoji2x {
  height: 1.8em;
  margin: 0 .05em 0 .1em;
  vertical-align: -.1em;
  width: 1.8em
}

.with-emoji-picker .attach-to-input {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 225px;
  z-index: 2006
}

.with-emoji-picker .attach-to-input .upward-arrow {
  height: 10px;
  left: 4px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  width: 24px
}

.with-emoji-picker .attach-to-input .upward-arrow:after {
  background: #fff;
  border: 1px solid #9ea4a7;
  border-radius: 2px;
  content: "";
  height: 15px;
  left: 4px;
  position: absolute;
  top: 3px;
  transform: rotate(-45deg);
  transition: background-color .15s ease-in-out;
  width: 15px
}

.with-emoji-picker .attach-to-input div.flimoji-arrow-up {
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  left: 10px;
  margin-bottom: -.8px;
  position: relative;
  width: 0
}

.with-emoji-picker .attach-to-input div.flimoji-arrow-outline {
  border-bottom: 8px solid #9ea4a7;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  left: 10px;
  margin-bottom: -6.5px;
  position: relative;
  width: 0
}

.with-emoji-picker .attach-to-input div.flimoji-search-arrow-down {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  height: 0;
  left: 154px;
  margin-top: -1.2px;
  position: relative;
  width: 0
}

.with-emoji-picker .attach-to-input div.flimoji-search-arrow-outline {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #999;
  height: 0;
  left: 154px;
  margin-top: -6.3px;
  position: relative;
  width: 0
}

.with-emoji-picker .attach-to-input .flimojis-search-wrapper {
  background-color: #fff;
  border-top: .8px solid #e3e3e3;
  box-sizing: border-box;
  display: block;
  padding: 15px 10px;
  position: relative;
  width: inherit
}

.with-emoji-picker .attach-to-input input.flimoji-search {
  margin-bottom: 0;
  width: 100%
}

.with-emoji-picker .attach-to-input input.flimoji-search:focus {
  outline: none
}

.with-emoji-picker .attach-to-input .grid-wrapper {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 100%
}

.with-emoji-picker .attach-to-input .grid-wrapper li.emoji-header {
  background-color: #fff;
  border-bottom: .8px solid #e3e3e3;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding-bottom: 10px;
  padding-left: 9px;
  padding-top: 9px;
  position: relative;
  text-align: left
}

.with-emoji-picker .attach-to-input .grid-wrapper li.no-emoji-results {
  align-content: center;
  box-sizing: border-box;
  display: flex;
  font-size: 12px;
  height: 74px;
  justify-content: center;
  padding-top: 21px;
  position: relative
}

.with-emoji-picker .attach-to-input .grid-wrapper .suggest-menu.flimoji-grid-container {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  display: inline-grid;
  grid-row-end: 10;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5%;
  grid-template-rows: auto;
  max-height: 112px;
  overflow-y: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 6px;
  position: relative;
  width: inherit
}

.with-emoji-picker .attach-to-input .grid-wrapper .suggest-menu.flimoji-grid-container .flimoji-grid-item:hover {
  background-color: #e6eaec;
  cursor: pointer;
  outline: none
}

.with-emoji-picker .attach-to-input .grid-wrapper .suggest-menu.flimoji-grid-container .flimoji-grid-item:focus {
  background-color: #b0d3ff;
  outline: none
}

.with-emoji-picker .attach-to-input .grid-wrapper .suggest-menu.flimoji-grid-container .flimoji-grid-item {
  align-content: center;
  background-color: #fff;
  border: .5px solid #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: flex;
  font-size: 22px;
  justify-content: center;
  padding: 3.5px;
  position: relative;
  text-align: center
}

.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container {
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
  display: grid;
  grid-row-end: 10;
  grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
  margin: 0;
  max-height: 80px;
  overflow-y: auto;
  padding: 9px;
  position: relative;
  width: 100%
}

.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container .flimoji-grid-item:hover {
  background-color: #e6eaec;
  cursor: pointer;
  outline: none
}

.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container .flimoji-grid-item:focus {
  background-color: #b0d3ff;
  outline: none
}

.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container .flimoji-grid-item {
  align-content: center;
  background-color: #fff;
  border: .5px solid #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: flex;
  font-size: 16px;
  justify-content: center;
  padding: 3.5px;
  position: relative;
  text-align: center
}

.flimojis-dismiss-area,.flimojis-picker-container {
  left: 0;
  position: absolute;
  top: 0
}

.flimojis-dismiss-area {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 2006
}

@supports not (display: grid) {
  .emoji-picker-view {
      display:none
  }

  .sub-photo-comments-view .comments .comment .comment-edit-wrapper textarea,.sub-photo-comments-view .comments-form .comment-form-field textarea {
      min-height: 80px
  }
}

.fluid-demo-view {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  padding-left: 220px
}

.fluid-demo-view .fluid-demo-nav {
  height: 100%;
  left: 0;
  position: fixed;
  width: 220px
}

.fluid-demo-view .fluid-demo-nav h1 {
  text-align: center
}

.fluid-demo-view .fluid-demo-nav .balls {
  margin: 0 auto;
  width: 164px
}

.fluid-demo-view .fluid-demo-nav .balls .ball {
  border-radius: 50%;
  display: inline-block;
  height: 80px;
  width: 80px
}

.fluid-demo-view .fluid-demo-nav .balls .blue {
  background-color: #0063dc
}

.fluid-demo-view .fluid-demo-nav .balls .pink {
  background-color: #ff0084
}

.fluid-demo-view .fluid-demo-nav ul {
  border-top: 1px solid #333;
  list-style: none;
  margin: 20px 0 0;
  padding: 20px 0 0
}

.fluid-demo-view .fluid-demo-nav ul>li {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding-left: 20px
}

.fluid-demo-view .fluid-demo-nav ul>li.selected {
  font-weight: 600
}

.fluid-demo-view .fluid-demo-main {
  overflow-x: hidden
}

.fluid-demo-view .fluid-demo-main .fluid-demo-payloads {
  padding: 40px 20px 20px;
  position: relative
}

.fluid-demo-view .icon-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.fluid-demo-view .icon-list li {
  display: inline-block;
  width: 33%
}

.fluid-demo-view .icon-list .icon-section {
  background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),url("data:image/gif;base64,R0lGODlhDAAMAIAAAMzMzP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjk4OTI0MUY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjk4OTI0MkY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCOTg5MjNGRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCOTg5MjQwRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAwADAAAAhaEH6mHmmzcgzJAUG/NVGrfOZ8YLlABADs=");
  float: left;
  padding: 1em
}

.dark .fluid-demo-view .icon-list .icon-section {
  background: linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.75)),url("data:image/gif;base64,R0lGODlhDAAMAIAAAMzMzP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjk4OTI0MUY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjk4OTI0MkY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCOTg5MjNGRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCOTg5MjQwRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAwADAAAAhaEH6mHmmzcgzJAUG/NVGrfOZ8YLlABADs=")
}

.fluid-demo-view .icon-list .icon {
  vertical-align: middle
}

.fluid-demo-view .icon-list .icon:hover {
  color: #006dac
}

.fluid-demo-view .icon-list .icon-8x {
  height: 192px;
  width: 192px
}

.fluid-demo-view .icon-list .icon-2x {
  height: 48px;
  width: 48px
}

.fluid-demo-view .icon-list pre {
  clear: both;
  padding-top: 1em
}

.fluid-error-page-view section {
  margin: 4rem 0
}

.fluid-error-page-view section.message {
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-error-page-view section.message {
      padding:0 15px
  }
}

.fluid-error-page-view section.message.download-expired h3 {
  padding-bottom: 10px
}

.fluid-error-page-view section.message.download-expired .statusCode {
  background-image: url(https://combo.staticflickr.com/ap/build/images/errors/download-icon.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  color: transparent;
  height: 60px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-error-page-view section.message.download-expired .statusCode {
      background-image:url(https://combo.staticflickr.com/ap/build/images/errors/download-icon@2x.png)
  }
}

.fluid-error-page-view section.message h2 {
  color: #898989;
  font-size: 3rem;
  margin: 0 0 2rem
}

.fluid-error-page-view section.message h3 {
  font-weight: 400;
  margin: 0
}

.fluid-error-page-view section.message p {
  margin: 0
}

.fluid-error-page-view section.message .error-id {
  color: rgba(0,0,0,.2);
  font-size: 13px;
  margin: 0 0 1rem
}

.fluid-error-page-view section.message .staff-block {
  background: #fff;
  border: 2px solid #ff0084;
  border-radius: 10px;
  box-shadow: 0 0 5px -1px #ff0084;
  display: inline-block;
  font-family: menlo,monaco,consolas,Courier New,courier,monospace;
  margin-bottom: 2rem;
  padding: .75rem 1rem;
  text-align: left;
  width: 500px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-error-page-view section.message .staff-block {
      display:none
  }
}

.fluid-error-page-view section.message .staff-block h6 {
  font: 600 80% Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  letter-spacing: .075em;
  margin: 0 0 .5rem
}

.fluid-error-page-view section.message .staff-block p {
  font-size: 14px;
  line-height: 22px;
  margin: 0
}

.fluid-error-page-view section.search {
  display: flex;
  justify-content: center
}

.fluid-error-page-view section.search p {
  color: #898989;
  font-size: 20px;
  line-height: 40px;
  margin: 0
}

.fluid-error-page-view section.search p span {
  color: #006dac;
  cursor: pointer;
  font-weight: 600;
  margin-right: .667rem;
  padding-right: .333rem
}

.fluid-error-page-view section.search p span:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  bottom: 2px;
  content: "";
  display: inline-block;
  height: 6px;
  left: 5px;
  position: relative;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-error-page-view section.search p span:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-error-page-view section.search input {
  border: 1px solid #979ea2;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  box-sizing: border-box;
  font-size: 16px;
  height: 40px;
  outline: none;
  padding: 0 5px;
  width: 300px
}

.fluid-error-page-view section.search button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -5px
}

.fluid-error-page-view section.sign-in {
  display: flex;
  justify-content: center
}

.fluid-error-page-view section.contextual-suggestions {
  text-align: center
}

.fluid-error-page-view section.contextual-suggestions>.photo-list-view {
  text-align: left
}

.fluid-error-page-view section.contextual-suggestions>.butt {
  margin-top: 3rem
}

.fluid-error-page-view section.group-discussion-view .search-icon,.fluid-error-page-view section.group-discussion-view a.add {
  display: none
}

.fluid-error-page-view section.group-discussion-view section.join-group-view {
  margin: 0
}

.fluid-error-page-view section.group-discussion-view .empty-state,.fluid-error-page-view section.group-discussion-view .error-state,.fluid-error-page-view section.group-discussion-view .hidden-state {
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  height: 80px;
  margin: 30px 0 0;
  padding: 30px 0 0;
  text-align: center
}

.fluid-error-page-view section.group-discussion-view .empty-state p,.fluid-error-page-view section.group-discussion-view .error-state p,.fluid-error-page-view section.group-discussion-view .hidden-state p {
  margin: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-explore-subnav-view .fluid-subnav .subnav-content .links li.more-link {
      margin-right:0
  }
}

.fluid-group-coverphoto-view .cover-photo-attribution {
  bottom: 10px;
  font-size: 14px;
  left: 20px;
  opacity: .6;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px
}

.fluid-group-coverphoto-view .cover-photo-attribution a {
  color: #fff
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-group-coverphoto-view .cover-photo-attribution {
      left:10px;
      top: 10px
  }
}

.fluid-magic-search-view {
  float: right;
  min-width: 20px;
  position: relative
}

.fluid-magic-search-view .magic-search {
  border: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #9ea4a7;
  height: 30px;
  margin: 8px 0;
  opacity: 1;
  outline: 0;
  padding: 2px 34px;
  transition: width .3s ease-in,opacity .3s ease-in;
  width: 150px
}

.fluid-magic-search-view .search-toggle span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  display: block;
  height: 18px;
  left: 9px;
  position: absolute;
  top: 16px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-magic-search-view .search-toggle span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-magic-search-view .search-toggle span.active {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -315px -212px no-repeat;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-magic-search-view .search-toggle span.active {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-magic-search-view.closed .search-toggle span {
  left: 3px
}

.fluid-magic-search-view.closed .magic-search {
  opacity: 0;
  padding-left: 0;
  padding-right: 0;
  width: 0
}

.fluid .fluid-magic-tools-view {
  height: 50px;
  margin-top: -20px;
  position: relative;
  width: 100%
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar {
  display: flex;
  justify-content: space-between;
  position: relative
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar .share-link {
  float: right
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar .share-link .fluid-share-button {
  margin-top: 13px
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar .share-link .fluid-share-icon {
  display: inline-block;
  float: left
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar .share-link .fluid-share-button-label {
  display: inline-block;
  margin-left: 6px
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar .edit-link {
  align-items: center;
  color: #737b80;
  display: flex;
  float: right;
  height: 100%
}

.fluid .fluid-magic-tools-view .fluid-magic-toolbar .edit-link .fluid-edit-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -315px -174px no-repeat;
  display: inline-block;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .fluid-magic-tools-view .fluid-magic-toolbar .edit-link .fluid-edit-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .fluid-magic-tools-view .dropdown-link {
  color: #737b80;
  cursor: pointer;
  float: right;
  line-height: 170%;
  margin-right: 35px;
  padding: 12px 0;
  text-decoration: none
}

.fluid .fluid-magic-tools-view .dropdown-link p {
  display: inline-block;
  margin: 0;
  pointer-events: none
}

.fluid .fluid-magic-tools-view .dropdown-link span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  display: inline-block;
  height: 6px;
  margin: 0 0 2px 5px;
  pointer-events: none;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .fluid-magic-tools-view .dropdown-link span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .fluid-magic-tools-view .primary-tools .dropdown-link {
  float: left
}

.fluid .fluid-magic-tools-view .primary-tools .dropdown-link:last-of-type {
  margin-right: 15px
}

.fluid .fluid-magic-tools-view .secondary-tools {
  height: 50px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .fluid-magic-tools-view .secondary-tools {
      box-sizing:border-box;
      padding: 0 10px
  }
}

.fluid .fluid-magic-tools-view .secondary-tools>div {
  margin-left: 35px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid .fluid-magic-tools-view .secondary-tools>div {
      margin-left:15px
  }
}

.fluid .fluid-magic-tools-view .secondary-tools>div.fluid-magic-search-view.has-keyboard-focus {
  outline: auto
}

.fluid .fluid-magic-tools-view .filter-helper {
  float: left
}

.fluid .fluid-magic-tools-view .filter-helper .filter-helper-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -512px no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  position: relative;
  top: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .fluid-magic-tools-view .filter-helper .filter-helper-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .fluid-magic-tools-view .fluid-magic-slideshow-view {
  float: right;
  height: 50px;
  min-width: 28px;
  position: relative
}

.fluid .fluid-magic-tools-view .fluid-magic-slideshow-view .slideshow-toggle {
  outline: none
}

.fluid .fluid-magic-tools-view .fluid-magic-slideshow-view .slideshow-toggle span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -87px -448px no-repeat;
  display: block;
  height: 28px;
  outline: none;
  position: relative;
  top: 25px;
  transform: translateY(-50%);
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid .fluid-magic-tools-view .fluid-magic-slideshow-view .slideshow-toggle span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid .fluid-magic-tools-view .fluid-magic-slideshow-view .slideshow-toggle.disabled {
  cursor: default;
  pointer-events: none
}

.fluid .fluid-magic-tools-view .fluid-magic-slideshow-view .slideshow-toggle.disabled span {
  opacity: .5
}

.fluid-notification-center-subnav-view {
  position: sticky;
  top: 48px;
  z-index: 1
}

.fluid-notification-center-subnav-view .fluid-subnav .subnav-content {
  max-width: 1200px
}

.fluid-notification-center-subnav-view .fluid-subnav .subnav-content .subnav-items-container .links li .count-in-parens.hidden {
  display: none
}

.fluid-notification-center-subnav-view .actions a.settings-link,.fluid-notification-center-subnav-view .actions a.settings-link:visited {
  color: #999;
  opacity: 1
}

.fluid-notification-center-subnav-view .actions a.settings-link svg,.fluid-notification-center-subnav-view .actions a.settings-link:visited svg {
  display: block
}

.fluid-notification-center-subnav-view .actions a.settings-link:hover,.fluid-notification-center-subnav-view .actions a.settings-link:visited:hover {
  color: #212124
}

.fluid-share-panel-view.restyle .share-link-types .bb-code-size-field,.fluid-share-panel-view.restyle .share-link-types .bb-code-text-field,.fluid-share-panel-view.restyle .share-link-types .embed-code-size-field,.fluid-share-panel-view.restyle .share-link-types .embed-code-text-field,.fluid-share-panel-view.restyle .share-link-types .iframe-code-size-field,.fluid-share-panel-view.restyle .share-link-types .iframe-code-text-field,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-field,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-text-field,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .mail-perm-field,.native-share-panel-view .grab-link-field,.native-share-panel-view .grab-link-text-field {
  display: block;
  height: 53px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
  width: 480px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input {
  cursor: text;
  width: 100%
}

.fluid-share-panel-view.restyle .share-link-types .bb-code-text-field,.fluid-share-panel-view.restyle .share-link-types .embed-code-text-field,.fluid-share-panel-view.restyle .share-link-types .iframe-code-text-field,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-text-field,.native-share-panel-view .grab-link-text-field {
  cursor: text;
  font-size: 20px
}

.fluid-share-panel-view.restyle .share-link-types .bb-code-size-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .embed-code-size-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .iframe-code-size-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .mail-perm-field .dropdown-arrow,.native-share-panel-view .grab-link-field .dropdown-arrow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  height: 6px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .share-link-types .bb-code-size-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .embed-code-size-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .iframe-code-size-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-field .dropdown-arrow,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .mail-perm-field .dropdown-arrow,.native-share-panel-view .grab-link-field .dropdown-arrow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .share-link-types .bb-code-size-field,.fluid-share-panel-view.restyle .share-link-types .embed-code-size-field,.fluid-share-panel-view.restyle .share-link-types .iframe-code-size-field,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-field,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .mail-perm-field,.native-share-panel-view .grab-link-field {
  -webkit-touch-callout: none;
  border: 1px solid #d5dbdd;
  box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  margin: 10px 0;
  padding: 7px 10px;
  position: relative;
  text-align: left;
  user-select: none;
  width: 100%
}

.fluid-share-panel-view.restyle .share-link-types .bb-code-size-field:hover,.fluid-share-panel-view.restyle .share-link-types .embed-code-size-field:hover,.fluid-share-panel-view.restyle .share-link-types .iframe-code-size-field:hover,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-field:hover,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .mail-perm-field:hover,.native-share-panel-view .grab-link-field:hover {
  cursor: pointer
}

.fluid .droparound.over-modal .droparrow.up {
  bottom: -11px
}

.fluid-share-panel-view.restyle .share-panel-body {
  display: block;
  height: 360px;
  overflow: hidden;
  position: relative;
  transition: height .15s ease-in-out;
  width: 100%
}

.fluid-share-panel-view.restyle .share-panel-body.cancel-share {
  height: 80px;
  margin-top: 50px
}

.fluid-share-panel-view.restyle .share-panel-body.cancel-share .done-sharing {
  bottom: 0;
  position: absolute;
  right: 0
}

.fluid-share-panel-view.restyle .share-panel-body .share-panels {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: left .5s ease
}

.fluid-share-panel-view.restyle .share-panel-body .share-panels .share-panel {
  bottom: -10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 520px
}

.fluid-share-panel-view.restyle .share-panel-body .share-panels .share-panel .link-instructions {
  bottom: 26px;
  font-size: 12px;
  position: absolute;
  width: 405px
}

.fluid-share-panel-view.restyle .share-panel-body .share-panels .share-panel .link-instructions.single-link-field {
  bottom: 100px;
  left: 0
}

.fluid-share-panel-view.restyle .share-panel-body .share-panels .share-panel .done-sharing {
  bottom: 10px;
  position: absolute;
  right: 0
}

.fluid-share-panel-view.restyle .share-panel-body .share-panels.show-email-form {
  left: -540px
}

.fluid-share-panel-view.restyle .share-panel-body .enable-email-print-container,.fluid-share-panel-view.restyle .share-panel-body .enable-embed-print-container,.fluid-share-panel-view.restyle .share-panel-body .enable-share-print-container {
  padding-top: 10px
}

.fluid-share-panel-view.restyle .share-panel-body .enable-email-print-container span,.fluid-share-panel-view.restyle .share-panel-body .enable-embed-print-container span,.fluid-share-panel-view.restyle .share-panel-body .enable-share-print-container span {
  -webkit-touch-callout: none;
  user-select: none
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-loader {
  background-color: #fff;
  bottom: 0;
  display: none;
  height: 165px;
  left: 0;
  opacity: 0;
  padding-top: 40px;
  position: absolute;
  transition: opacity .5s ease;
  width: 560px
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-loader.show-loader {
  opacity: 1
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-loader.no-permission-loader {
  bottom: 0
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-loader .balls {
  left: 238px
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-reminders {
  font-size: 12px;
  margin: 10px auto;
  width: 480px
}

.fluid-share-panel-view.restyle .share-panel-body .manage-guest-pass-container {
  bottom: 0;
  font-size: 10px;
  position: absolute
}

.fluid-share-panel-view.restyle .share-panel-body .manage-guest-pass-container a {
  font-size: 14px
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-privacy-reminder {
  display: inline
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-privacy-reminder.hide-reminder {
  display: none
}

.fluid-share-panel-view.restyle .share-panel-body .grab-link-download-reminder {
  display: inline
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete {
  position: absolute;
  top: 20px;
  width: 480px
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete ul.contact-list {
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-sizing: border-box;
  color: #212124;
  height: 185px;
  overflow: auto!important;
  z-index: 2005
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete ul.contact-list li {
  align-items: center;
  display: flex;
  transition: background .15s ease-in-out
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete ul.contact-list li img {
  border-radius: 50%
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete ul.contact-list li h2 {
  color: #006dac;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete ul.contact-list li h3 {
  display: none
}

.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete ul.contact-list li.highlight {
  background: #e6eaec
}

.fluid-share-panel-view.restyle.embedr-panel.expanded .share-link-types .sliding-frame .embed-options {
  display: block
}

.fluid-share-panel-view.restyle.embedr-panel .share-panel-body {
  height: 500px
}

.fluid-share-panel-view.restyle .network-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  width: 480px
}

.fluid-share-panel-view.restyle .network-buttons .share-link {
  cursor: pointer;
  display: inline-block;
  margin-right: 30px;
  text-align: center;
  width: 50px
}

.fluid-share-panel-view.restyle .network-buttons .share-link:last-of-type {
  margin-right: 0
}

.fluid-share-panel-view.restyle .network-buttons .share-link.sharing-type-disabled>.share-link-icon {
  cursor: auto;
  opacity: .5
}

.fluid-share-panel-view.restyle .network-buttons .share-link.sharing-type-disabled>.share-link-icon:hover {
  opacity: .5
}

.fluid-share-panel-view.restyle .network-buttons .share-link>.share-link-icon {
  display: block;
  margin: auto
}

.fluid-share-panel-view.restyle .network-buttons .share-link>.share-link-icon:hover {
  opacity: .85
}

.fluid-share-panel-view.restyle .network-buttons .share-link .facebook-link-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -356px no-repeat;
  border-radius: 3px;
  height: 50px;
  width: 50px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .network-buttons .share-link .facebook-link-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .network-buttons .share-link .twitter-link-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -153px -356px no-repeat;
  height: 50px;
  margin-bottom: 8px;
  width: 50px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .network-buttons .share-link .twitter-link-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .network-buttons .share-link .tumblr-link-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -102px -356px no-repeat;
  height: 50px;
  width: 50px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .network-buttons .share-link .tumblr-link-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .network-buttons .share-link .pinterest-link-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -51px -356px no-repeat;
  height: 50px;
  margin-bottom: 1px;
  width: 50px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .network-buttons .share-link .pinterest-link-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .network-buttons .share-link .flickr-link-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -380px no-repeat;
  height: 25px;
  margin-bottom: 1px;
  width: 34px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .network-buttons .share-link .flickr-link-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .share-link-types {
  clear: both;
  overflow: hidden
}

.fluid-share-panel-view.restyle .share-link-types .link-type-buttons {
  clear: both;
  padding-left: 10px;
  position: relative;
  text-align: center
}

.fluid-share-panel-view.restyle .share-link-types .link-type-buttons .link-type-button {
  cursor: pointer;
  display: inline-block;
  float: none;
  margin-right: 20px;
  outline: 0;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center
}

.fluid-share-panel-view.restyle .share-link-types .link-type-buttons .link-type-button:last-of-type {
  margin-right: 0
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents {
  display: block;
  height: 340px;
  overflow: hidden;
  position: relative;
  transition: transform .25s ease-in-out;
  width: 500%
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content {
  box-sizing: border-box;
  float: left;
  height: 250px;
  margin-right: 40px;
  margin-top: 40px;
  padding: 0 20px;
  width: 520px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content:last-of-type {
  margin-right: 0
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.html-embed {
  margin-top: 0;
  width: 520px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.html-bb-embed {
  width: 520px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel {
  height: 290px;
  margin-top: 20px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel button {
  float: right;
  margin-top: 20px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel button.leave-email-sharing {
  margin-right: 10px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .email-message-text-field {
  box-shadow: inset 0 0 0 1px #d5dbdd;
  height: 120px;
  width: 100%
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .email-message-text-field.make-room-for-dropdown,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .email-message-text-field.make-room-for-warning {
  height: 98px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .email-message-text-field.make-room-for-prints {
  height: 60px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .recipient {
  clear: both;
  opacity: 1;
  transition: opacity .2s
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .recipient span {
  float: left
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .recipient.start-remove {
  opacity: 0
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .recipient .remove-recipient {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -76px no-repeat;
  cursor: pointer;
  height: 9px;
  margin-left: 5px;
  margin-top: 5px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .recipient .remove-recipient {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .message-form {
  max-height: 235px;
  overflow-x: hidden;
  overflow-y: auto
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input {
  border: 0;
  box-shadow: inset 0 0 0 1px #d5dbdd;
  margin-bottom: 15px;
  max-height: 80px;
  min-height: 80px;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  text-align: start;
  width: 480px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.make-room-for-prints {
  max-height: 60px;
  min-height: 60px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input .email-recipient-text-field {
  background: transparent;
  border: none;
  box-shadow: none;
  box-sizing: content-box;
  margin: 0;
  max-width: 90%;
  outline: 0;
  padding: .5em .6em;
  position: relative;
  top: -4px;
  width: inherit
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.focus,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:focus {
  box-shadow: inset 0 0 0 1px #008ddf
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.focus input::-webkit-input-placeholder,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:focus input::-webkit-input-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.focus input::-moz-placeholder,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:focus input::-moz-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.focus input:-ms-input-placeholder,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:focus input:-ms-input-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.focus input::-ms-input-placeholder,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:focus input::-ms-input-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.focus input::placeholder,.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:focus input::placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input::-webkit-input-placeholder {
  color: #898989
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input::-moz-placeholder {
  color: #898989
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input:-ms-input-placeholder {
  color: #898989
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input::-ms-input-placeholder {
  color: #898989
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input::placeholder {
  color: #898989
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.not-empty input::-webkit-input-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.not-empty input::-moz-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.not-empty input:-ms-input-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.not-empty input::-ms-input-placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input.not-empty input::placeholder {
  color: transparent
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill {
  background-color: #cfd6d9;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  margin: 10px 0 0 4px;
  max-width: 96%;
  padding: 3px 0;
  position: relative;
  transition: padding-right .25s ease
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill>span:first-child {
  display: block;
  max-width: 95%;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill .remove-tag {
  border-radius: 5px;
  display: none;
  height: 88%;
  opacity: 0;
  padding: 3px 5px 0 0;
  position: absolute;
  right: 0;
  text-align: end;
  top: 0;
  width: 10px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill .remove-tag>i.delete-tag {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -26px no-repeat;
  display: inline-block;
  height: 9px;
  width: 9px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill .remove-tag>i.delete-tag {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill.end-of-the-line {
  border-right: none;
  transition: border-radius .25s ease
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill.not-eol {
  transition: padding-right .25s ease
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill:hover {
  border-color: #fff;
  color: #fff;
  padding-right: 10px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill:hover.not-eol {
  padding-right: 10px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill:hover.not-eol>.remove-tag {
  display: block;
  opacity: 1
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill:hover.end-of-the-line {
  padding-right: 0
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill:hover.end-of-the-line>.remove-tag {
  background-color: transparent;
  border: none;
  color: #fff;
  display: block;
  height: 19px;
  opacity: 1;
  right: 0;
  top: 0
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .pill:hover>.remove-tag {
  display: block;
  opacity: 1
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .mail-perm-field {
  display: inline-block;
  margin: 0;
  width: 75%
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .non-public-warning {
  float: left;
  margin-bottom: 14px;
  width: 70%
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .button-bar {
  margin-top: 10px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .button-bar .share-by-email {
  float: right;
  margin: 0
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-text-field {
  width: 480px
}

.fluid-share-panel-view.restyle .share-link-types .link-type-contents .grab-link-permission-field {
  margin: 10px auto;
  width: 480px
}

.fluid-share-panel-view.restyle .share-link-types.first-stop .link-type-contents {
  transform: translateX(0)
}

.fluid-share-panel-view.restyle .share-link-types.second-stop .link-type-contents {
  transform: translateX(-560px)
}

.fluid-share-panel-view.restyle .share-link-types.third-stop .link-type-contents {
  transform: translateX(-1120px)
}

.fluid-share-panel-view.restyle .share-link-types.fourth-stop .link-type-contents {
  transform: translateX(-1680px)
}

.fluid-share-panel-view.restyle .share-link-types.ms-edge .link-type-contents {
  transform: none
}

.fluid-share-panel-view.restyle .share-link-types.ms-edge .link-type-contents .link-type-content {
  display: none
}

.fluid-share-panel-view.restyle .share-link-types.ms-edge .link-type-buttons {
  left: 0
}

.fluid-share-panel-view.restyle .share-link-types.ms-edge.first-stop .link-type-contents .link-type-content:first-child,.fluid-share-panel-view.restyle .share-link-types.ms-edge.fourth-stop .link-type-contents .link-type-content:nth-child(4),.fluid-share-panel-view.restyle .share-link-types.ms-edge.second-stop .link-type-contents .link-type-content:nth-child(2),.fluid-share-panel-view.restyle .share-link-types.ms-edge.third-stop .link-type-contents .link-type-content:nth-child(3) {
  display: block
}

.fluid-share-panel-view.restyle .share-link-types .link-type-highlight {
  background-color: #128fdc;
  display: block;
  height: 3px;
  position: absolute;
  top: 24px;
  transition: left .5s ease,width .5s ease
}

.fluid-share-panel-view.restyle .share-link-types .embed-code-size-field {
  margin-top: 25px;
  width: 290px!important
}

.fluid-share-panel-view.restyle .share-link-types .bb-code-size-field {
  float: right
}

.fluid-share-panel-view.restyle .share-link-types .embed-options {
  float: right;
  margin-top: 20px;
  width: 290px
}

.fluid-share-panel-view.restyle .share-link-types .embed-options .radio {
  margin-right: 35px;
  margin-top: 5px
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container {
  float: left;
  height: 150px;
  margin-top: 3px;
  overflow: hidden;
  position: relative;
  transition: transform .2s ease-in-out;
  width: 150px
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container:before {
  background-color: #fff;
  content: "";
  height: 23px;
  position: absolute;
  top: 0;
  width: 100%
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container.show-header {
  transform: translateY(23px)
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container.show-header:before {
  height: 0
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 30px;
  position: absolute;
  transition: height .2s ease-in-out;
  width: 100%
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container.show-footer:after {
  height: 0
}

.fluid-share-panel-view.restyle .share-link-types .embed-demo-container .embed-demo {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 0 no-repeat;
  height: 150px;
  width: 150px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .fluid-share-panel-view.restyle .share-link-types .embed-demo-container .embed-demo {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.fluid-share-panel-view.restyle .share-link-types .embed-privacy-container {
  transition: margin-top 1s
}

.fluid-share-panel-view.restyle .share-link-types .embed-privacy-container.hide {
  margin-bottom: 30px;
  margin-top: -280px
}

.fluid-share-panel-view.restyle .share-link-types .embed-privacy-container img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 480px
}

.fluid-share-panel-view.restyle .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 122px;
  padding-bottom: 20px;
  width: 480px
}

.fluid-share-panel-view.restyle .share-link-types .embed-privacy-container .embed-guestpass-checkbox {
  margin-left: 5px
}

.fluid-share-panel-view.restyle .share-link-types .embed-options-container {
  margin-top: 40px
}

.fluid-share-panel-view.restyle .share-link-types .embed-options-container.hide {
  display: none
}

.fluid-share-panel-view.restyle .width-check {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 100;
  position: absolute;
  visibility: hidden
}

.album-modal-expand .fluid-share-panel-view.restyle .share-panel-body {
  height: 400px
}

.album-modal-expand .fluid-share-panel-view.restyle .link-type-contents {
  height: 390px
}

.album-modal-expand .fluid-share-panel-view.restyle .link-type-contents .grab-link-loader {
  padding-top: 100px
}

html[lang=fr-fr].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_fr-fr.png)
}

html[lang=es-us].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_es-us.png)
}

html[lang=de-de].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_de-de.png)
}

html[lang=id-id].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_id-id.png)
}

html[lang=it-it].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_it-it.png)
}

html[lang=ko-kr].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_ko-kr.png)
}

html[lang=pt-br].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_pt-br.png)
}

html[lang=vi-vn].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_vi-vn.png)
}

html[lang=zh-hant-hk].fluid .share-link-types .embed-privacy-container .privacy-tut-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/share-panel/privtut_zh-hant-hk.png)
}

.follow-notification-item-view .notification-item .follow-button-container {
  flex: 0 0 auto;
  margin-left: 12px
}

.fluid .coverphoto .follow-view .balls {
  display: inline-block
}

.follow-view.is-real-fullscreen {
  float: left
}

.follow-view.is-real-fullscreen .ui-button.follow.is-following,.follow-view.is-real-fullscreen .ui-button.follow.is-following.is-open,.follow-view.is-real-fullscreen .ui-button.follow.is-following:hover {
  padding: 0
}

.follow-view.is-real-fullscreen .ui-button.follow-anim {
  animation: inflateButton .3s linear
}

.follow-view.is-real-fullscreen .ui-button.unfollow-anim {
  animation: deflateButton .3s linear
}

.follow-view .balls {
  margin-left: 20px;
  margin-top: 20px
}

.follow-view>.relationship {
  font-size: 14px;
  position: relative
}

.follow-view>.relationship .follow {
  background: #fff;
  border-color: #fff;
  border-radius: 3px;
  color: #666
}

.follow-view>.relationship .follow:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -214px no-repeat;
  height: 13px;
  top: 2px;
  vertical-align: text-top;
  width: 13px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .follow-view>.relationship .follow:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.follow-view>.relationship .follow:hover {
  border-color: #fff
}

.follow-view>.relationship .follow.is-following {
  background: transparent
}

.follow-view>.relationship .follow.is-following:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -295px no-repeat;
  height: 11px;
  line-height: 28px;
  opacity: .7;
  vertical-align: text-top;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .follow-view>.relationship .follow.is-following:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.foot-banner-holder {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 9999
}

.foot-banner-holder.mobileDrawerOpen {
  z-index: 500
}

.galleries-in-list-page-view .galleries-list-container {
  margin-bottom: 20px;
  margin-top: -20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .galleries-in-list-page-view .galleries-list-container {
      padding-left:15px;
      padding-right: 15px
  }
}

.galleries-in-list-page-view .empty-galleries-list-container {
  text-align: center
}

.galleries-in-list-page-view .empty-galleries-list-container.hidden {
  display: none
}

.galleries-list-page-view .toolbar-container {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: flex-end
}

.galleries-list-page-view .toolbar-container a {
  color: #737b80
}

.galleries-list-page-view .galleries-list-container {
  margin-bottom: 40px;
  margin-top: -20px
}

.galleries-list-page-view .galleries-list-container .total-count-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px
}

.galleries-list-page-view .galleries-list-container .total-count-container .total-count {
  color: #b3b3b3;
  font-size: 14px;
  line-height: 14px;
  margin: 0 20px
}

.galleries-list-page-view .galleries-list-container .total-count-container:after,.galleries-list-page-view .galleries-list-container .total-count-container:before {
  background-color: #e3e3e3;
  content: "";
  height: 1px;
  width: 80px
}

.galleries-list-page-view .galleries-list-container.hidden {
  display: none
}

.galleries-list-page-view .empty-galleries-list-container {
  margin-top: 50px;
  text-align: center
}

.galleries-list-page-view .empty-galleries-list-container h3 {
  margin-left: 20px;
  margin-right: 20px
}

.galleries-list-page-view .empty-galleries-list-container p {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  padding: 0 16px;
  width: auto
}

.galleries-list-page-view .empty-galleries-list-container.hidden {
  display: none
}

.galleries-list-page-view .empty-galleries-list-container .background {
  display: flex;
  height: 800px;
  margin-top: 80px
}

.galleries-list-page-view .empty-galleries-list-container .background .bg {
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/galleries/empty-galleries-list.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  flex: 1 1 auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .galleries-list-page-view .galleries-list-container .galleries-list-toolbar-view {
      padding:0 8px
  }

  .galleries-list-page-view .galleries-list-container .photo-list-view {
      margin: 0 8px
  }

  .galleries-list-page-view .empty-galleries-list-container p {
      margin-left: 20px;
      margin-right: 20px;
      width: auto
  }

  .galleries-list-page-view .empty-galleries-list-container .empty-content {
      margin-left: 8px;
      margin-right: 8px
  }

  .galleries-list-page-view .empty-galleries-list-container .background {
      height: 400px;
      margin-top: 40px
  }
}

.galleries-list-toolbar-view .toolbar-container {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: flex-end
}

.galleries-list-toolbar-view .toolbar-container a {
  align-items: center;
  color: #737b80;
  display: inline-flex;
  margin-left: 12px;
  text-decoration: none
}

.galleries-list-toolbar-view .toolbar-container a svg {
  margin-right: 7px
}

.gallery-comments-view .gallery-comments {
  display: flex;
  flex-direction: column;
  height: 100%
}

.gallery-comments-view .gallery-comments header.comments-header {
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex: 0 0 auto;
  height: 60px;
  justify-content: space-between
}

.gallery-comments-view .gallery-comments header.comments-header h1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 18px
}

.gallery-comments-view .gallery-comments header.comments-header .close-x-button {
  cursor: pointer;
  height: 22px;
  opacity: .3;
  width: 22px
}

.gallery-comments-view .gallery-comments header.comments-header .close-x-button:hover {
  opacity: .5
}

.gallery-comments-view .gallery-comments .comments-list-section {
  display: flex;
  flex: 1 1 auto;
  min-height: 0
}

.gallery-comments-view .gallery-comments .comments-list-section.scrollable {
  flex: 1 1 0
}

.gallery-comments-view h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin: 0
}

.fluid-modal-view .gallery-comments-view .gallery-comments {
  height: 550px;
  padding: 0 20px
}

.fluid-modal-view .gallery-comments-view .gallery-comments .add-comment-section {
  border-top: 1px solid #e1e1e1;
  padding-right: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .gallery-comments-view .gallery-comments {
      padding:0
  }

  .fluid-modal-view .gallery-comments-view .gallery-comments .comments-header {
      padding: 0 20px
  }
}

.fluid-droparound-view .gallery-comments-view .gallery-comments {
  height: 400px
}

.fluid-droparound-view .gallery-comments-view .gallery-comments .add-comment-section {
  border-top: 1px solid #e1e1e1;
  padding-right: 20px
}

@keyframes slideOpenCommentLoadingBalls {
  0% {
      height: 0;
      margin-top: 0
  }

  to {
      height: 40px;
      margin-top: 2px
  }
}

@keyframes fadeInGalleryComment {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.gallery-edit-view {
  box-sizing: border-box;
  font-size: 14px;
  padding: 20px
}

.gallery-edit-view .hidden {
  display: none
}

.gallery-edit-view header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.gallery-edit-view header h1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin: 0
}

.gallery-edit-view header .close-x-button {
  cursor: pointer;
  opacity: .3
}

.gallery-edit-view header .close-x-button:hover {
  opacity: .5
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item {
  align-items: center;
  display: flex;
  margin-bottom: 8px
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item label {
  flex: 0 0 120px;
  font-weight: 600
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item .radio label div {
  margin: 0
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item input {
  flex: 1 1 auto
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item .icon {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-sizing: border-box;
  flex: 0 0 auto;
  height: 54px;
  position: relative;
  width: 79px
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item .icon div {
  background-color: #e1e1e1;
  position: absolute
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item .icon div:first-child {
  background-position: 50%;
  background-size: cover;
  height: 48px;
  left: 2px;
  top: 2px;
  width: 48px
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item .icon div:nth-child(2) {
  height: 23px;
  right: 2px;
  top: 2px;
  width: 23px
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item .icon div:nth-child(3) {
  bottom: 2px;
  height: 23px;
  right: 2px;
  width: 23px
}

.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item a {
  margin-left: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item a {
      margin-left:8px
  }
}

.gallery-edit-view .gallery-edit-container.main .input-field {
  margin: 0;
  width: 100%
}

.gallery-edit-view .gallery-edit-container.main textarea.input-field {
  height: 132px
}

.gallery-edit-view .gallery-edit-container.main .action-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 40px
}

.gallery-edit-view .gallery-edit-container.main .action-container .delete-button {
  color: #999
}

.gallery-edit-view .gallery-edit-container.main .action-container button {
  margin-left: 8px
}

.gallery-edit-view .gallery-edit-container.confirm-delete p,.gallery-edit-view .gallery-edit-container.confirm-privacy p {
  font-size: 14px;
  margin: 16px 0 60px
}

.gallery-edit-view .gallery-edit-container.confirm-delete .buttons,.gallery-edit-view .gallery-edit-container.confirm-privacy .buttons {
  display: flex;
  justify-content: flex-end
}

.gallery-edit-view .gallery-edit-container.confirm-delete .buttons button,.gallery-edit-view .gallery-edit-container.confirm-privacy .buttons button {
  margin-left: 8px
}

.gallery-page-remark-view {
  padding: 20px
}

.gallery-page-remark-view header {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: space-between;
  margin-bottom: 20px
}

.gallery-page-remark-view header h1 {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.gallery-page-remark-view header .edit-button {
  color: #666;
  cursor: pointer
}

.gallery-page-remark-view .remark-container textarea {
  height: 100px;
  margin: 0;
  overflow: auto;
  transition: height .5s,background-color .5s;
  width: 100%
}

.gallery-page-remark-view .remark-container p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  max-height: 200px;
  overflow: auto
}

.gallery-page-remark-view .button-area {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px
}

.gallery-page-remark-view .button-area button {
  margin-left: 8px
}

.gallery-page-remark-view .hidden {
  display: none
}

.gallery-page-view .action-bar {
  background-color: rgba(243,245,246,.95);
  position: sticky;
  top: 48px;
  width: 100%;
  z-index: 82
}

.gallery-page-view .action-bar .action-bar-content {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: space-between
}

.gallery-page-view .action-bar .back-link-container {
  align-items: center;
  display: flex
}

.gallery-page-view .action-bar .back-link-container .back-link {
  align-items: center;
  color: #212124;
  display: flex;
  font-weight: 600
}

.gallery-page-view .action-bar .back-link-container .back-link svg {
  height: 24px;
  margin-right: 5px;
  pointer-events: none;
  width: 24px
}

.gallery-page-view .action-bar .back-link-container .label-beta {
  cursor: default;
  margin-left: 8px
}

.gallery-page-view .action-bar .actions {
  display: flex
}

.gallery-page-view .action-bar .actions .action {
  align-items: center;
  color: #212124;
  cursor: pointer;
  display: flex;
  font-weight: 600;
  margin-left: 28px
}

.gallery-page-view .action-bar .actions .action svg {
  color: #212124;
  height: 22px;
  margin-right: 5px;
  pointer-events: none;
  width: 22px
}

.gallery-page-view .action-bar .actions .action:hover {
  text-decoration: underline
}

.gallery-page-view .gallery-page-container .details-section {
  margin: 90px auto 0;
  width: 80%
}

.gallery-page-view .gallery-page-container .details-section header {
  text-align: center
}

.gallery-page-view .gallery-page-container .details-section header h1 {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: .03em;
  line-height: 42px;
  margin: 0
}

.gallery-page-view .gallery-page-container .details-section header p {
  color: #212124;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin: 10px 0 0
}

.gallery-page-view .gallery-page-container .details-section header p a {
  color: #006dac
}

.gallery-page-view .gallery-page-container .details-section .description {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 35px auto 0;
  text-align: center;
  width: 75%
}

.gallery-page-view .gallery-page-container .details-section .description p {
  margin: 0 0 5px;
  width: 100%
}

.gallery-page-view .gallery-page-container .details-section .description.short p {
  height: 48px;
  overflow: hidden
}

.gallery-page-view .gallery-page-container .details-section .description.short-plus p {
  height: 72px
}

.gallery-page-view .gallery-page-container .details-section .description.hidden {
  display: none
}

.gallery-page-view .gallery-page-container .details-section .description .read-less-button,.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
  color: #006dac;
  font-size: inherit
}

.gallery-page-view .gallery-page-container .details-section .description .read-less-button.hidden,.gallery-page-view .gallery-page-container .details-section .description .read-more-button.hidden,.gallery-page-view .gallery-page-container .details-section .description.no-read-more .read-less-button,.gallery-page-view .gallery-page-container .details-section .description.no-read-more .read-more-button {
  display: none
}

.gallery-page-view .gallery-page-container .stats {
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 30px 0 35px
}

.gallery-page-view .gallery-page-container .stats .stat {
  color: #999
}

.gallery-page-view .gallery-page-container .stats .stats-separator {
  font-size: 14px;
  font-weight: 800;
  margin: 0 14px
}

.gallery-page-view .gallery-page-container .photos-section {
  border-top: 1px solid #e1e1e1
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .photos-section-details .options {
  font-size: 16px
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .photos-section-details .options a.button {
  align-items: center;
  color: #999;
  display: inline-flex;
  margin-right: 8px;
  text-decoration: none
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .photos-section-details .options a.button span {
  margin-left: 4px
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs {
  align-items: center;
  display: flex;
  height: 56px;
  justify-content: flex-end
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab {
  color: #999;
  cursor: pointer;
  margin-left: 20px
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab:hover {
  color: #666
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab.selected {
  color: #006dac
}

.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab svg {
  pointer-events: none
}

.gallery-page-view .gallery-page-container .photos-section .reorder-grid-container.hidden {
  display: none
}

.gallery-page-view .gallery-page-container .photos-section .photo-list-container {
  position: relative
}

.gallery-page-view .gallery-page-container .photos-section .photo-list-photo-view {
  background-position: top;
  background-size: auto calc(100% - 90px)
}

.gallery-page-view .gallery-page-container .photos-section .photo-list-photo-view .interaction-view-placeholder {
  background: #fff;
  bottom: 0;
  height: 90px;
  position: absolute;
  width: 100%
}

.gallery-page-view .gallery-page-container .photos-section .empty-state-container {
  align-items: center;
  display: none;
  flex-direction: column;
  margin-top: 30px
}

.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content {
  align-items: center;
  background-image: url(https://combo.staticflickr.com/ap/build/images/emptypages/empty-popular.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 300px;
  justify-content: center;
  width: 100%
}

.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content h3,.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content p {
  margin: 0 0 20px;
  text-align: center;
  width: 380px
}

.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content h3 {
  font-size: 24px;
  line-height: 30px
}

.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content p {
  font-size: 16px;
  line-height: 24px
}

.gallery-page-view .gallery-page-container .photos-section.empty .photos-section-header {
  display: none
}

.gallery-page-view .gallery-page-container .photos-section.empty .empty-state-container {
  display: flex
}

.gallery-page-view .gallery-page-container .comments-section {
  max-width: 600px
}

.gallery-page-view .gallery-page-container .comments-section h2 {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
  padding: 10px 0 16px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gallery-page-view .action-bar .back-link {
      margin-left:8px
  }

  .gallery-page-view .action-bar .back-link span {
      display: none
  }

  .gallery-page-view .action-bar .actions {
      margin-right: 8px
  }

  .gallery-page-view .action-bar .actions .action svg {
      margin-right: 0
  }

  .gallery-page-view .action-bar .actions .action span {
      display: none
  }

  .gallery-page-view .gallery-page-container .details-section {
      margin-left: 8px;
      margin-right: 8px;
      width: auto
  }

  .gallery-page-view .gallery-page-container .details-section .description {
      width: 90%
  }

  .gallery-page-view .gallery-page-container .photos-section .photos-section-header {
      margin: 0 8px
  }

  .gallery-page-view .gallery-page-container .photos-section .photos-section-header .photos-section-details .options a.button span {
      display: none
  }

  .gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content h3,.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content p {
      margin-left: 20px;
      margin-right: 20px;
      width: auto
  }

  .gallery-page-view .gallery-page-container .comments-section h2 {
      margin: 0 8px
  }
}

.getty-search-page-widget .sponsor-title-container {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.getty-search-page-widget .sponsor-title-container .sponsor-discount-code {
  color: #898989;
  font-size: 16px;
  margin: 10px 0 5px
}

.getty-search-page-widget .sponsor-title-container .sponsor-title {
  display: flex;
  font-size: 18px;
  margin: 10px 10px 5px 0
}

.getty-search-page-widget .sponsor-title-container .sponsor-title .getty-istock-logo {
  margin: 0 0 1px 5px;
  width: 55px
}

.getty-search-page-widget .getty-main-container {
  display: flex;
  height: 140px;
  min-height: 140px;
  position: relative
}

.getty-search-page-widget .upgrade-pro-container {
  display: flex;
  justify-content: center
}

.getty-search-page-widget .upgrade-pro-container .upgrade-to-pro-cta {
  margin: 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .getty-search-page-widget {
      display:none
  }
}

.getty-photo-page-widget {
  border-top: 1px solid #cfd6d9;
  margin-top: 20px;
  width: 500px
}

.getty-photo-page-widget .sponsor-title-container {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.getty-photo-page-widget .sponsor-title-container .sponsor-discount-code {
  color: #898989;
  font-size: 16px;
  margin: 10px 0 5px
}

.getty-photo-page-widget .sponsor-title-container .sponsor-title {
  display: flex;
  font-size: 18px;
  margin: 10px 10px 5px 0
}

.getty-photo-page-widget .sponsor-title-container .sponsor-title .getty-istock-logo {
  margin: 0 0 1px 5px;
  width: 55px
}

.getty-photo-page-widget .getty-main-container {
  display: flex;
  height: 250px;
  min-height: 140px;
  position: relative
}

.getty-photo-page-widget .upgrade-pro-container {
  display: flex;
  justify-content: flex-start
}

.getty-photo-page-widget .upgrade-pro-container .upgrade-to-pro-cta {
  font-size: 14px;
  margin: 10px 0
}

.getty-photo-page-widget .upgrade-pro-container .upgrade-to-pro-cta a {
  color: #898989
}

.getty-photo-page-widget .upgrade-pro-container .upgrade-to-pro-cta a:hover {
  text-decoration: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .getty-photo-page-widget {
      display:none
  }
}

.getty-default-widget-page-widget .sponsor-title-container {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.67em
}

.getty-default-widget-page-widget .sponsor-title-container .sponsor-discount-code {
  color: #898989;
  font-size: 16px;
  margin: 10px 0 5px
}

.getty-default-widget-page-widget .sponsor-title-container .sponsor-title {
  display: flex;
  font-size: 18px;
  margin: 10px 10px 5px 0
}

.getty-default-widget-page-widget .sponsor-title-container .sponsor-title .getty-istock-logo {
  margin: 0 0 1px 5px;
  width: 55px
}

.getty-default-widget-page-widget .getty-main-container {
  display: flex;
  height: 250px;
  min-height: 140px;
  position: relative
}

.getty-default-widget-page-widget .upgrade-pro-container {
  display: flex;
  justify-content: center
}

.getty-default-widget-page-widget .upgrade-pro-container .upgrade-to-pro-cta {
  font-size: 14px;
  margin: 10px 0
}

.getty-default-widget-page-widget .upgrade-pro-container .upgrade-to-pro-cta a {
  color: #898989
}

.getty-default-widget-page-widget .upgrade-pro-container .upgrade-to-pro-cta a:hover {
  text-decoration: none
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .getty-default-widget-page-widget {
      display:none
  }
}

.getty-main-container .last-result-container {
  display: flex;
  justify-content: center;
  position: absolute
}

.getty-main-container .last-result-container .last-result {
  height: 100%;
  width: 100%
}

.getty-main-container .last-result-container .view-more-overlay {
  background-color: #000;
  height: 100%;
  opacity: .4;
  position: absolute;
  width: 100%
}

.getty-main-container .last-result-container .view-more-text {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  position: relative;
  text-decoration: none;
  width: 100%
}

.gh-job-application-view .gh-job-application-container .back-link-container {
  display: flex;
  margin: 0 auto;
  max-width: 80%;
  padding: 18px 0
}

.gh-job-application-view .gh-job-application-container .back-link-container .back-link {
  align-items: center;
  color: #212124;
  display: flex;
  font-weight: 600
}

.gh-job-application-view .gh-job-application-container .back-link-container .back-link svg {
  height: 24px;
  margin-right: 5px;
  pointer-events: none;
  width: 24px
}

.gh-job-application-view .gh-job-application-container #grnhse_app {
  width: 100%
}

.gh-job-application-view .gh-job-application-container .gh-app-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative
}

.gh-job-application-view .gh-job-application-container .loading-container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 980px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 80%
}

.gh-job-application-view .gh-job-application-container .loading-container div {
  background-color: #e1e1e1;
  border-radius: 4px
}

.gh-job-application-view .gh-job-application-container .loading-container .header-placeholder {
  height: 32px;
  margin: 26px 0 8px;
  max-width: 400px
}

.gh-job-application-view .gh-job-application-container .loading-container .company-placeholder {
  height: 16px;
  margin: 0 0 12px;
  max-width: 60px
}

.gh-job-application-view .gh-job-application-container .loading-container .location-placeholder {
  height: 16px;
  margin: 0 0 12px;
  max-width: 100px
}

.gh-job-application-view .gh-job-application-container .loading-container .description-placeholder {
  height: 400px;
  margin: 0 0 12px
}

.gh-job-application-view .gh-job-application-container .loading-container .description-2-placeholder {
  height: 100px;
  margin: 0 0 12px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-job-application-view .gh-job-application-container .back-link-container {
      max-width:100%;
      padding-left: 20px;
      padding-right: 20px
  }

  .gh-job-application-view .gh-job-application-container .loading-container {
      padding: 0 20px;
      width: 100%
  }
}

@media only screen and (min-width: 581px)and (max-width:890px) {
  .gh-job-application-view .gh-job-application-container {
      max-width:100%
  }
}

@media only screen and (min-width: 701px)and (max-width:1080px) {
  .gh-job-application-view .gh-job-application-container .loading-container {
      max-width:80%
  }
}

.gh-job-application-view.css-loaded .loading-container {
  opacity: 1;
  transition: opacity .5s
}

.gh-job-application-view.css-loaded .loading-container.hidden {
  opacity: 0
}

.gh-jobs-view {
  letter-spacing: .05em;
  opacity: 0
}

.gh-jobs-view .gh-jobs-container header {
  background-image: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(https://combo.staticflickr.com/ap/build/images/jobs/jobs-hero-image-update_2047x1126.jpeg);
  background-position: 50%;
  background-size: cover
}

.gh-jobs-view .gh-jobs-container header .header-container {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 480px;
  padding: 20px
}

.gh-jobs-view .gh-jobs-container header .header-container h1 {
  font-size: 3em;
  font-weight: 600;
  margin: 0 0 40px;
  text-align: center
}

.gh-jobs-view .gh-jobs-container header .header-container p {
  font-size: 1.5em;
  margin: 0 0 40px;
  text-align: center
}

.gh-jobs-view .gh-jobs-container .details-section {
  background-color: #fff;
  overflow: hidden;
  transform: translateZ(0)
}

.gh-jobs-view .gh-jobs-container .details-section .details-item {
  border-bottom: 1px solid #e1e1e1;
  opacity: 0;
  padding: 40px;
  transform: translateX(100px)
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container {
  display: flex;
  margin: 0 auto;
  max-width: 1060px
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column {
  align-items: stretch;
  display: flex;
  flex: 1 1 0;
  justify-content: center
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container .details-content {
  max-width: 360px;
  padding: 20px
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container .details-content h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container .details-content p {
  margin: 1em 0 0
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.image-container {
  position: relative
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.image-container img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.image-container .attribution {
  background-image: linear-gradient(transparent,rgba(0,0,0,.3),rgba(0,0,0,.4));
  bottom: 0;
  color: #fff;
  font-size: 14px;
  left: 0;
  padding: 16px 12px 8px;
  position: absolute;
  right: 0;
  text-align: right
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.image-container .attribution a {
  color: #fff
}

.gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) .details-container .column.details-content-container {
  order: 1
}

.gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) .details-container .column.image-container {
  order: 0
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container .details-content h2 {
  transform: translateX(70px)
}

.gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container .details-content p {
  transform: translateX(50px)
}

.gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) {
  transform: translateX(-100px)
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) {
      transform:translateX(100px)
  }
}

.gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) .details-container .column.details-content-container .details-content h2 {
  transform: translateX(-70px)
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) .details-container .column.details-content-container .details-content h2 {
      transform:translateX(70px)
  }
}

.gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) .details-container .column.details-content-container .details-content p {
  transform: translateX(-50px)
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .details-section .details-item:nth-child(2n) .details-container .column.details-content-container .details-content p {
      transform:translateX(50px)
  }
}

.gh-jobs-view .gh-jobs-container .details-section .details-item.fade-in {
  opacity: 1;
  transform: translateX(0)
}

.gh-jobs-view .gh-jobs-container .details-section .details-item.fade-in .details-container .column.details-content-container .details-content h2,.gh-jobs-view .gh-jobs-container .details-section .details-item.fade-in .details-container .column.details-content-container .details-content p {
  transform: translateX(0)
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .details-section .details-item {
      padding-left:20px;
      padding-right: 20px
  }

  .gh-jobs-view .gh-jobs-container .details-section .details-item .details-container {
      flex-direction: column
  }

  .gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column {
      flex: 1 1 auto
  }

  .gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container {
      order: 1
  }

  .gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.details-content-container .details-content {
      max-width: none;
      padding: 40px 0
  }

  .gh-jobs-view .gh-jobs-container .details-section .details-item .details-container .column.image-container {
      order: 0
  }
}

.gh-jobs-view .gh-jobs-container .job-section {
  margin: 0 auto;
  max-width: 1060px;
  padding: 60px 0
}

.gh-jobs-view .gh-jobs-container .job-section h2 {
  margin: 0 40px 20px;
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .job-section h2 {
      margin:0 20px 20px
  }
}

.gh-jobs-view .gh-jobs-container .job-section .job-dept-container {
  margin: 20px 40px 0
}

.gh-jobs-view .gh-jobs-container .job-section .job-dept-container h3 {
  line-height: 1.2;
  margin: 0 0 8px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .job-section .job-dept-container {
      margin-left:0;
      margin-right: 0
  }

  .gh-jobs-view .gh-jobs-container .job-section .job-dept-container h3 {
      margin-left: 16px;
      margin-right: 16px
  }
}

.gh-jobs-view .gh-jobs-container .job-section ul.job-list {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  list-style: none;
  margin: 0;
  padding: 0
}

.gh-jobs-view .gh-jobs-container .job-section ul.job-list li:not(:last-child) {
  border-bottom: 1px solid #e1e1e1
}

.gh-jobs-view .gh-jobs-container .job-section ul.job-list .no-openings {
  color: #999;
  padding: 1em;
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gh-jobs-view .gh-jobs-container .job-section ul.job-list {
      border-left:none;
      border-radius: 0;
      border-right: none;
      margin: 0
  }
}

.gh-jobs-view.css-loaded {
  opacity: 1
}

.gh-jobs-view.css-loaded .gh-jobs-container {
  transition: opacity .5s
}

.gh-jobs-view.css-loaded .gh-jobs-container .details-item {
  transition: opacity .5s ease-in,transform .7s ease-out
}

.gh-jobs-view.css-loaded .gh-jobs-container .details-item .details-container .column.details-content-container .details-content h2,.gh-jobs-view.css-loaded .gh-jobs-container .details-item .details-container .column.details-content-container .details-content p {
  transition: transform 1s ease-out
}

body>#content>.view .gh-jobs-container.navigating {
  opacity: 0!important
}

.gift-approvals-view {
  display: flex;
  margin-top: 10px
}

.gift-approvals-view .gift-approvals {
  max-height: 100%;
  opacity: 1;
  overflow: auto;
  transition: max-height 1.5s ease-in,opacity 2s ease
}

.gift-approvals-view .gift-approvals.repopulating {
  max-height: 0;
  opacity: 0;
  overflow: hidden
}

.gift-approvals-view .gift-approvals.disabled {
  opacity: .4;
  pointer-events: none;
  transition: none
}

.gift-approvals-view .gift-approvals .gift-approval-item {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  opacity: 1;
  overflow: hidden
}

.gift-approvals-view .gift-approvals .gift-approval-item.hidden {
  max-height: 0;
  opacity: 0;
  transition: max-height .7s ease,opacity .5s ease,margin .7s ease;
  transition-delay: .5s
}

.gift-approvals-view .gift-approvals .gift-approval-item.disabled {
  opacity: .4;
  pointer-events: none;
  transition: none
}

.gift-approvals-view .gift-approvals .gift-approval-item .gift-gifter {
  margin: 5px 0
}

.gift-approvals-view .gift-approvals .gift-approval-item .ctas {
  color: #006dac;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 5px
}

.gift-approvals-view .gift-approvals .gift-approval-item .ctas .activate,.gift-approvals-view .gift-approvals .gift-approval-item .ctas .decline {
  font-weight: 400;
  margin-right: 10px
}

.gift-approvals-view .gift-approvals .gift-approval-item .ctas.hidden {
  display: none
}

.gift-approvals-view .gift-approvals .gift-approval-item .gift-approval-actions .action-message {
  color: #999;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-top: 5px
}

.gift-approvals-view .gift-approvals .gift-approval-item .gift-approval-actions .action-message.hidden {
  display: none
}

.gift-approvals-view .gift-approvals .gift-approval-item p.gift-expiration {
  color: #999;
  font-size: 14px;
  line-height: 1.2em;
  margin: 0
}

.gift-approvals-view .gift-approvals .gift-approval-item:not(:last-child) {
  margin-bottom: 15px
}

.gift-approvals-view .gift-approvals .gift-approval-item:not(:last-child).hidden {
  margin-bottom: 0
}

.gift-pro-checkout-view .gift-checkout-container {
  align-items: stretch;
  display: flex
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options {
  flex: .75
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options.step1 {
  flex: 1
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options h3 {
  margin-top: 0
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options h4 {
  font-size: 18px;
  margin-top: 10px
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options input,.gift-pro-checkout-view .gift-checkout-container .gift-plan-options textarea {
  width: 100%
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options input::placeholder,.gift-pro-checkout-view .gift-checkout-container .gift-plan-options textarea::placeholder {
  color: #b3b3b3
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options #giver-info,.gift-pro-checkout-view .gift-checkout-container .gift-plan-options label {
  color: #999;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
  word-break: break-all
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options #giver-info.without-help-link,.gift-pro-checkout-view .gift-checkout-container .gift-plan-options label.without-help-link {
  margin-bottom: 2em
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options #giver-info span,.gift-pro-checkout-view .gift-checkout-container .gift-plan-options label span {
  display: inline-block;
  font-size: 12px;
  line-height: 18px
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options textarea {
  height: 100px;
  width: 100%
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options span.error {
  color: red;
  display: none
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options span.error.show {
  display: inline-block
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options .total {
  font-size: 18px;
  width: 100%
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options .total .striked-price {
  color: #999;
  float: right;
  margin-right: 10px;
  text-decoration: line-through
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options .total .discounted-price,.gift-pro-checkout-view .gift-checkout-container .gift-plan-options .total .regular-price {
  color: #ff0084;
  float: right
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options .giver-email {
  margin: 1em 0 0
}

.gift-pro-checkout-view .gift-checkout-container .gift-plan-options .giver-email.with-payment-element {
  margin: 1em 0 15px
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method {
  border-left: 1px solid #e8e8e8;
  flex: 1.25;
  margin-left: 20px;
  padding-left: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gift-pro-checkout-view .gift-checkout-container .gift-payment-method {
      border:none;
      margin-left: 0;
      padding-left: 0
  }
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method #wallet-payment-form {
  padding-top: 0
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method #wallet-payment-form h3 {
  margin-top: 0
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method #wallet-payment-form h4 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 10px
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .gift-success {
  display: none
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .gift-success.show {
  display: inline-block
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .gift-success .logo {
  text-align: center
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .gift-success .logo svg {
  height: 250px;
  width: 250px
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .gift-error {
  display: none
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .gift-error.show {
  display: inline-block
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method #wallet-payment-form .legal-text {
  font-size: 12px;
  font-weight: 400
}

.gift-pro-checkout-view .gift-checkout-container .gift-payment-method .paypal-checkout-flow p {
  font-size: 12px;
  font-weight: 600
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .gift-pro-checkout-view .gift-checkout-container.single-step {
      display:block;
      padding-bottom: 50px
  }

  .gift-pro-checkout-view .gift-checkout-container .gift-payment-method.step2 {
      padding-bottom: 50px
  }
}

.gift-pro-checkout-view .step1,.gift-pro-checkout-view .step2 {
  display: inline-block
}

.gift-pro-checkout-view .step1.hidden,.gift-pro-checkout-view .step2.hidden {
  display: none
}

.gift-pro-checkout-view .step1.gift-payment-method,.gift-pro-checkout-view .step2.gift-payment-method {
  border-left: none;
  margin: 0;
  padding-left: 0
}

.gift-pro-success-modal h2,.gift-pro-success-modal p {
  word-wrap: break-word;
  margin: 20px auto;
  max-width: 70%;
  text-align: center
}

.gift-pro-success-modal .gifted-pro-container {
  display: flex;
  justify-content: center
}

.gift-pro-success-modal .recipient-avatar {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  width: 100%
}

.gift-pro-success-modal .recipient-avatar .avatar {
  margin: 0 0 20px
}

.gift-pro-success-modal.modal .foot .buttons {
  justify-content: center
}

.gift-pro-modal.modal .head .title {
  padding: 19px 40px 16px 20px
}

.gift-pro-field {
  margin: 0 0 1em
}

.gift-pro-field.final {
  margin: 0 0 2em
}

.group-admin-manage-modal-view .group-admin-manage-modal-container .modal-content-container p {
  font-size: 14px;
  margin: 0 0 40px;
  padding: 0 16px
}

.group-admin-page-view .group-admin-page-container {
  align-items: flex-start;
  display: flex
}

.group-admin-page-view .group-admin-page-container section {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  flex: 1 1 0;
  margin: 0 0 20px
}

.group-admin-page-view .group-admin-page-container section h2 {
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 20px
}

.group-admin-page-view .group-admin-page-container section ul.admin-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.group-admin-page-view .group-admin-page-container section ul.admin-list li.admin-list-item {
  color: #212124;
  font-size: 14px;
  line-height: 1.3;
  padding: 20px
}

.group-admin-page-view .group-admin-page-container section ul.admin-list li.admin-list-item .admin-item-url {
  color: #006dac;
  display: block;
  margin-bottom: 8px
}

.group-admin-page-view .group-admin-page-container section ul.admin-list li.admin-list-item .admin-item-description {
  color: #999;
  display: block
}

.group-admin-page-view .group-admin-page-container section ul.admin-list li.admin-list-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3
}

.group-admin-page-view .group-admin-page-container section:first-child {
  margin-right: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-admin-page-view .group-admin-page-container {
      align-items:stretch;
      flex-direction: column
  }

  .group-admin-page-view .group-admin-page-container section {
      margin: 0 20px 20px
  }
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container {
  border-top: 1px solid #e1e1e1;
  display: flex;
  padding: 20px 0;
  transition: opacity .2s ease
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-and-details-column {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  transition: opacity .2s ease
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  width: 300px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column .photo-container {
  position: relative
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column .photo-container .photo {
  display: block;
  max-height: 300px;
  max-width: 300px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column {
  flex: 1 1 auto;
  line-height: 1.5;
  min-width: 0;
  padding: 0 40px 20px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-title {
  word-wrap: break-word;
  color: #212124;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details {
  align-items: center;
  display: flex;
  font-size: 14px;
  line-height: 1.2
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .by-user {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .dot {
  margin: 0 8px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .manage-button {
  align-items: center;
  color: #898989;
  display: flex;
  flex: 0 0 auto;
  text-decoration: none;
  white-space: nowrap
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .manage-button .arrow svg {
  display: block
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .timestamp {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 4px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section {
  margin-top: 16px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container .tags-list {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container .tags-list .tags-list-title {
  font-weight: 600
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container .tags-list .tags-list-item:not(:last-child):after {
  content: ","
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container .view-more-button .view-more-text {
  display: inline
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container .view-more-button .view-less-text,.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container .view-more-button.hidden {
  display: none
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container.show-all .tags-list {
  white-space: normal
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container.show-all .view-more-button .view-more-text {
  display: none
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .tags-section .tags-list-container.show-all .view-more-button .view-less-text {
  display: inline
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .action-buttons {
  display: flex;
  flex: 0 0 auto;
  margin-bottom: 32px;
  transition: opacity .2s ease
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .action-buttons button:not(:last-child) {
  margin-right: 8px
}

.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .item-removed-text,.group-admin-pending-item-view .group-admin-pending-item .waiting-overlay {
  display: none
}

.group-admin-pending-item-view:last-child .group-admin-pending-item .item-content-container {
  border-bottom: 1px solid #e1e1e1
}

.group-admin-pending-item-view.waiting .group-admin-pending-item {
  position: relative
}

.group-admin-pending-item-view.waiting .group-admin-pending-item .item-content-container {
  opacity: .3;
  pointer-events: none
}

.group-admin-pending-item-view.waiting .group-admin-pending-item .waiting-overlay {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.group-admin-pending-item-view.disabled .group-admin-pending-item .item-content-container,.group-admin-pending-item-view.disabled-removed .group-admin-pending-item .item-content-container {
  opacity: .3;
  pointer-events: none
}

.group-admin-pending-item-view.disabled-removed .group-admin-pending-item .item-content-container .action-column .action-buttons {
  display: none
}

.group-admin-pending-item-view.disabled-removed .group-admin-pending-item .item-content-container .action-column .item-removed-text {
  display: block;
  max-width: 180px;
  text-align: center
}

.group-admin-pending-item-view.disabled-removed .group-admin-pending-item .item-content-container .action-column .batch-check {
  display: none
}

.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .action-buttons,.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .photo-and-details-column {
  opacity: .3;
  pointer-events: none
}

@media only screen and (max-width: 1080px) {
  .group-admin-pending-item-view .group-admin-pending-item .item-content-container {
      flex-direction:column
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column {
      margin-top: 8px
  }

  .group-admin-pending-item-view.disabled-removed .group-admin-pending-item .item-content-container .action-column .item-removed-text {
      max-width: none
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-admin-pending-item-view .group-admin-pending-item .item-content-container,.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-and-details-column {
      flex-direction:column
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column {
      justify-content: center;
      width: auto
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column .photo {
      max-height: none;
      max-width: 330px;
      width: 100%
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column {
      padding: 20px
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .by-user {
      max-width: 100px
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column {
      padding: 0 20px
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .action-buttons {
      width: 100%
  }

  .group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .action-buttons button {
      flex: 1 1 0
  }
}

.group-admin-pending-page-view .group-admin-pending-page-container .pending-page-title {
  align-items: center;
  display: flex;
  margin: 40px 0 0
}

.group-admin-pending-page-view .group-admin-pending-page-container .pending-page-title .title-text {
  font-size: 30px;
  line-height: 38px
}

.group-admin-pending-page-view .group-admin-pending-page-container .pending-page-title .label-beta {
  margin-left: 20px
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container {
  padding: 20px 0
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .load-more-button .button-balls,.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .load-more-button.loading .button-text {
  display: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .load-more-button.loading .button-balls {
  display: block
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .load-more-button.hidden {
  display: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .middle-tools-top-container {
  display: none;
  text-align: center
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .middle-tools-top-container .load-more-button {
  margin-bottom: 20px
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools {
  flex: 2 1 0
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .sort-menu {
  align-items: center;
  display: inline-flex;
  margin-right: 20px
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .sort-menu .sort-menu-button {
  align-items: center;
  color: #898989;
  display: flex;
  text-decoration: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .sort-menu .sort-menu-button .arrow svg {
  display: block
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .per-page-menu {
  align-items: center;
  display: inline-flex
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .per-page-menu .per-page-menu-title {
  color: #898989;
  margin-right: 6px
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .per-page-menu .per-page-menu-button {
  align-items: center;
  color: #898989;
  display: flex;
  text-decoration: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .per-page-menu .per-page-menu-button .arrow svg {
  display: block
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .range-message {
  color: #898989;
  white-space: nowrap
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .middle-tools {
  display: flex;
  flex: 1 1 0;
  justify-content: center
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools {
  flex: 2 1 0;
  text-align: right;
  white-space: nowrap
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools .batch-tools-title {
  color: #898989;
  margin-right: 20px
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools .batch-tools-title .long {
  display: inline
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools .batch-tools-title .short {
  display: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools .button.approve-button {
  margin-right: 20px
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container.hidden {
  display: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container.disabled {
  border-bottom: 1px solid #999;
  opacity: .3;
  pointer-events: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .tools-container.disabled a {
  color: #212124
}

.group-admin-pending-page-view .group-admin-pending-page-container .pending-list-container .flickr-balls-container {
  left: 50%;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%,-50%)
}

.group-admin-pending-page-view .group-admin-pending-page-container .pending-list-container .flickr-balls-container.hidden {
  display: none
}

.group-admin-pending-page-view .group-admin-pending-page-container .empty-message {
  font-size: 24px;
  line-height: 1em;
  margin: 140px 0;
  text-align: center
}

.group-admin-pending-page-view .group-admin-pending-page-container .empty-message .message {
  margin-bottom: 20px
}

.group-admin-pending-page-view .group-admin-pending-page-container .empty-message.hidden {
  display: none
}

@media only screen and (max-width: 1080px) {
  .group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .middle-tools-top-container {
      display:block
  }

  .group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools .per-page-menu .per-page-menu-title,.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .middle-tools,.group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools .batch-tools-title .long {
      display: none
  }

  .group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .right-tools .batch-tools-title .short {
      display: inline
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-admin-pending-page-view .group-admin-pending-page-container .pending-page-title {
      padding:0 20px
  }

  .group-admin-pending-page-view .group-admin-pending-page-container .tools-container {
      padding: 20px
  }

  .group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container {
      align-items: flex-start;
      flex-direction: column
  }

  .group-admin-pending-page-view .group-admin-pending-page-container .tools-container .group-admin-pending-tools .main-container .left-tools {
      margin-bottom: 8px
  }

  .group-blast-view {
      margin-left: 8px;
      margin-right: 8px
  }
}

.group-blast-view>.blast-block {
  margin-bottom: 10px;
  margin-top: 20px
}

.group-blast-view>.blast-block>.blast-user-status {
  color: #898989;
  font-size: 12px;
  text-transform: uppercase
}

.group-blast-view>.blast-block .blast-message-secure {
  word-wrap: break-word
}

.group-blast-view>.blast-block>.delete-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px 0 no-repeat;
  height: 18px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-blast-view>.blast-block>.delete-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-blast-view>.blast-block>.edit-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -19px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-blast-view>.blast-block>.edit-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-blast-view>.blast-block>.delete-icon,.group-blast-view>.blast-block>.edit-icon {
  cursor: pointer;
  display: block;
  float: right;
  margin-left: 20px;
  opacity: .47
}

.group-blast-view>.blast-block>.delete-icon:hover,.group-blast-view>.blast-block>.edit-icon:hover {
  opacity: 1
}

.group-blast-view>.blast-block>.edit-icon {
  margin-top: 1px
}

.group-blast-view>.blast-block .blast-date {
  color: #898989;
  display: block;
  float: right;
  margin-left: 10px;
  margin-top: -1px
}

.group-blast-view>.blast-block.editing .delete-icon,.group-blast-view>.blast-block.editing .edit-icon {
  display: none
}

.group-blast-view>.blast-block.editing .blast-message.is-editable,.group-blast-view>.blast-block.editing .blast-message.is-editable:hover {
  background-color: transparent
}

.group-blast-view>.blast-block.editing .blast-message.is-editable .blast-message-edit,.group-blast-view>.blast-block.editing .blast-message.is-editable:hover .blast-message-edit {
  display: block
}

.group-blast-view>.blast-block.editing .blast-message.is-editable .blast-message-display,.group-blast-view>.blast-block.editing .blast-message.is-editable:hover .blast-message-display {
  display: none
}

.group-blast-view>.blast-block>.blast-message {
  display: block;
  margin-top: 10px;
  position: relative
}

.group-blast-view>.blast-block>.blast-message .blast-message-display {
  max-width: 35em;
  padding: 5px 0
}

.group-blast-view>.blast-block>.blast-message .blast-message-edit {
  display: none
}

.group-blast-view .blast-empty>.blast-message-edit {
  display: none;
  margin-top: 50px
}

.group-blast-view .blast-empty.editing>.empty-state {
  display: none
}

.group-blast-view .blast-empty.editing>.blast-message-edit {
  display: block
}

.group-blast-view .blast-message-edit textarea {
  width: 100%
}

.group-blast-view .blast-message-edit textarea.blast-message-edited {
  min-height: 200px
}

.group-blast-view .blast-message-edit textarea.blast-message-edited-false {
  bottom: auto;
  display: block!important;
  height: 0!important;
  left: -99999px;
  min-height: 0!important;
  overflow: scroll!important;
  position: absolute;
  right: auto;
  top: -99999px
}

.group-blast-view .blast-message-edit button {
  margin-top: 10px
}

.fluid .group-card-view .join-group-view button.join {
  background-color: #1c9be9;
  color: #fff;
  text-decoration: none
}

.fluid .group-card-view .join-group-view button.join .error-group {
  display: inline-block;
  margin-top: 40px;
  text-align: center;
  width: 100%
}

.fluid .group-card-view .join-group-view button.join.has-joined,.fluid .group-card-view .join-group-view button.join.has-joined:hover,.fluid .group-card-view .join-group-view button.join:hover,.fluid .group-card-view .join-group-view button.join:hover .joined-label,.fluid .group-card-view .join-group-view button.join:hover .leave-label {
  background-color: #1c9be9
}

.group-card-view {
  position: relative
}

.group-card-view .attribution {
  position: relative;
  width: 240px
}

.group-card-view .stats {
  height: 25px;
  position: relative;
  width: auto
}

.group-card-view .fade-out {
  margin-top: 0;
  overflow: hidden;
  white-space: nowrap
}

.group-card-view .join-subview {
  position: absolute;
  right: 0;
  z-index: 200
}

.group-card-view .join-subview .hide-join {
  display: none
}

.group-card-view .join-subview:before {
  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 80%);
  bottom: 0;
  content: "";
  display: block;
  left: -25px;
  position: absolute;
  top: 0;
  width: 25px
}

.group-card-view .recent-photos {
  clear: both;
  height: 65px
}

.group-card-view .recent-photos>a {
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.02);
  display: inline-block;
  height: 60px;
  margin-right: 2px;
  width: 60px
}

.group-card-view .recent-photos>a:last-child {
  margin-right: 0
}

.group-card-view .recent-photos>a.restricted {
  background-image: url(https://combo.staticflickr.com/ap/build/images/photo-fuzzy-t.png)
}

.group-card-view .recent-photos p {
  margin: 0
}

.group-card-view .links {
  padding-top: 4px
}

.group-card-view .links a {
  padding-right: 30px
}

.group-card-view .links a.align-right {
  text-align: right
}

.group-card-view .links a:last-child {
  padding-right: 0
}

.group-18-plus-confirmation-view {
  text-align: center
}

.group-18-plus-confirmation-view h1 {
  margin: 70px auto 14px
}

.group-18-plus-confirmation-view .butt {
  margin: 10px
}

.initial-loading {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 50px
}

.needsInterstitial .group-pool-subheader-view,.needsInterstitial .pagination-view {
  visibility: hidden
}

.initial-loading {
  background: #f3f5f6 url(https://combo.staticflickr.com/ap/build/images/progress/balls-48x24-trans.gif) no-repeat 50% 275px;
  background-size: 24px 12px
}

.initial-loading .group-18-plus-confirmation-view {
  display: none
}

.group-context-menu-view ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.group-context-menu-view ul li {
  margin-bottom: 12px
}

.group-context-menu-view ul li:last-child {
  border-top: 1px solid #afb7bc;
  margin-bottom: 0
}

.group-context-menu-view ul li:last-child button {
  margin-top: 10px
}

.group-context-menu-view ul li label {
  font-size: 15px
}

.group-creation-view {
  padding: 20px 0
}

.group-creation-view .group-creation-container {
  display: flex;
  flex-direction: column
}

.group-creation-view .group-creation-container .group-creation-content-container {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  position: relative
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container {
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0 20px;
  width: 100%
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container.hiding-left {
  animation-direction: reverse;
  animation-name: group-creation-slide-in-right;
  left: 0;
  position: absolute;
  top: 0
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container.hiding-right {
  animation-direction: reverse;
  animation-name: group-creation-slide-in-left;
  left: 0;
  position: absolute;
  top: 0
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container.showing {
  opacity: 0
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container.showing-left {
  animation-name: group-creation-slide-in-left
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container.showing-right {
  animation-name: group-creation-slide-in-right
}

.group-creation-view .group-creation-container .group-creation-content-container .step-container.hidden {
  display: none
}

@keyframes group-creation-slide-in-left {
  0% {
      opacity: 0;
      transform: translateX(100%)
  }

  to {
      opacity: 1;
      transform: translateX(0)
  }
}

@keyframes group-creation-slide-in-right {
  0% {
      opacity: 0;
      transform: translateX(-100%)
  }

  to {
      opacity: 1;
      transform: translateX(0)
  }
}

.group-creation-view .group-creation-container .group-options {
  margin: 30px 0 0
}

.group-creation-view .group-creation-container .group-options .checkbox-container label,.group-creation-view .group-creation-container .group-options .radio-container label {
  align-items: center;
  display: flex;
  font-weight: 600
}

.group-creation-view .group-creation-container .group-options .checkbox-container label .label-text,.group-creation-view .group-creation-container .group-options .radio-container label .label-text {
  flex: 0 1 auto
}

.group-creation-view .group-creation-container .group-options .checkbox-container label .check-indicator,.group-creation-view .group-creation-container .group-options .radio-container label .check-indicator {
  flex: 0 0 auto;
  margin-right: 8px;
  top: 0
}

.group-creation-view .group-creation-container .group-options .checkbox-container .bold,.group-creation-view .group-creation-container .group-options .radio-container .bold {
  font-weight: 600
}

.group-creation-view .group-creation-container .group-options .checkbox-container .radio-sub-text,.group-creation-view .group-creation-container .group-options .radio-container .radio-sub-text {
  color: #898989;
  font-size: 14px;
  font-weight: 300;
  margin-left: 28px
}

.group-creation-view .group-creation-container .group-options .checkbox-container .checkbox-sub-text,.group-creation-view .group-creation-container .group-options .radio-container .checkbox-sub-text {
  color: #898989;
  font-size: 14px;
  font-weight: 300
}

.group-creation-view .group-creation-container .group-options .checkbox-container:first-of-type:not(:last-of-type),.group-creation-view .group-creation-container .group-options .radio-container:first-of-type:not(:last-of-type) {
  margin-bottom: 26px
}

.group-creation-view .group-creation-container .group-options .checkbox-container.checkbox-container label .check-indicator,.group-creation-view .group-creation-container .group-options .radio-container.checkbox-container label .check-indicator {
  margin-left: 8px;
  margin-right: 0
}

.group-creation-view .group-creation-container .group-options .private-group-option-container {
  margin: 10px 0 0 28px;
  opacity: 1;
  transition-duration: .25s;
  transition-timing-function: ease
}

.group-creation-view .group-creation-container .group-options .private-group-option-container.hidden {
  height: 0;
  opacity: 0;
  overflow-y: hidden
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-creation-view .group-creation-container .group-options.group-privacy .checkbox-container .checkbox-sub-text .desc-1,.group-creation-view .group-creation-container .group-options.group-privacy .radio-container .radio-sub-text {
      display:none
  }
}

.group-creation-view .group-creation-container .group-details {
  display: flex;
  flex-direction: column
}

.group-creation-view .group-creation-container .group-details .input-field {
  margin: 0;
  width: 100%;
  word-break: keep-all
}

.group-creation-view .group-creation-container .group-details .input-field.group-name {
  margin-bottom: 10px
}

.group-creation-view .group-creation-container .group-details .input-field.group-description {
  height: 80px
}

.group-creation-view .group-creation-container .group-safety .radio-container:first-of-type:not(:last-of-type) {
  margin-bottom: 16px
}

.group-creation-view .group-creation-container .terms-of-service {
  color: #898989;
  font-size: 12px;
  font-weight: 300;
  margin-top: 20px
}

.group-creation-view .group-creation-container header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  padding: 0 20px
}

.group-creation-view .group-creation-container header h1 {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin: 0
}

.group-creation-view .group-creation-container header h1 .label-beta {
  margin-left: 12px
}

.group-creation-view .group-creation-container header .close-x-button {
  cursor: pointer;
  height: 22px;
  opacity: .3;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 22px
}

.group-creation-view .group-creation-container header .close-x-button:hover {
  opacity: .5
}

.group-creation-view .group-creation-container .error-message {
  color: red;
  margin-bottom: 16px
}

.group-creation-view .group-creation-container .error-message.hidden {
  display: none
}

.group-creation-view .group-creation-container .action-container {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  padding: 0 20px
}

.group-creation-view .group-creation-container .action-container .error-message {
  flex: 1 1 auto;
  margin-bottom: 0
}

.group-creation-view .group-creation-container .action-container .buttons {
  display: flex;
  flex: 0 0 auto
}

.group-creation-view .group-creation-container .action-container .buttons button {
  flex: 0 0 auto;
  margin: 0 0 0 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-creation-view .group-creation-container .action-container {
      align-items:flex-end;
      flex-direction: column
  }

  .group-creation-view .group-creation-container .action-container .error-message {
      margin-bottom: 12px
  }

  .group-creation-view .group-creation-container .action-container .buttons button:first-child {
      margin-left: 0
  }
}

.group-creation-view .group-creation-container .action-container,.group-creation-view .group-creation-container header h1 {
  animation-direction: alternate;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-iteration-count: 2;
  animation-timing-function: linear
}

.group-creation-view .group-creation-container .action-container.changing,.group-creation-view .group-creation-container header h1.changing {
  animation-name: group-creation-title-fade-out;
  pointer-events: none
}

@keyframes group-creation-title-fade-out {
  0% {
      opacity: 1
  }

  to {
      opacity: 0
  }
}

.group-discussions-list-page-view {
  padding-bottom: 80px
}

.group-discussions-list-page-view .total-discussions {
  color: #898989;
  margin-top: 20px;
  text-align: center
}

.group-discussions-list-page-view .group-discussion-view .empty-state,.group-discussions-list-page-view .group-discussion-view .error-state,.group-discussions-list-page-view .hidden-state {
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  height: 80px;
  margin: 30px 0 0;
  padding: 30px 0 0;
  text-align: center
}

.group-discussions-list-page-view .group-discussion-view .empty-state p,.group-discussions-list-page-view .group-discussion-view .error-state p,.group-discussions-list-page-view .hidden-state p {
  margin: 0
}

.group-discussions-list-page-view .hidden-state {
  height: 60px
}

.group-discussions-list-page-view .disabled {
  text-align: center
}

.group-discussions-list-page-view .disabled h1 {
  margin: 70px auto 14px
}

.group-discussions-list-page-view .with-fluid-subnav h2 {
  margin-top: 0
}

.group-discussions-list-page-view .with-fluid-subnav .add.butt {
  margin-top: 4px
}

.group-discussions-list-page-view .with-fluid-subnav .group-discussion-view>form {
  top: 4px
}

.group-discussions-list-page-view .with-fluid-subnav .search-icon {
  top: 9px
}

.group-discussion-page-view {
  margin: 0 0 80px
}

.group-discussion-page-view .hidden-state {
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  height: 80px;
  margin: 30px 0 0;
  padding: 30px 0 0;
  text-align: center
}

.group-discussion-page-view .hidden-state p {
  margin: 0
}

.group-discussion-page-view .disabled {
  text-align: center
}

.group-discussion-page-view .disabled h1 {
  margin: 70px auto 14px
}

.group-discussion-page-view .left-column {
  float: left;
  min-width: 300px;
  position: relative;
  width: 300px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .left-column {
      display:none
  }
}

.group-discussion-page-view .right-column {
  margin-left: 350px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .right-column {
      margin-left:8px;
      margin-right: 8px;
      width: calc(100% - 16px)
  }
}

.group-discussion-page-view .clear {
  clear: both;
  display: inline-block;
  height: 0
}

.group-discussion-page-view .clear.clear-block {
  display: block
}

.group-discussion-page-view .recent-discussions-view {
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.group-discussion-page-view .recent-discussions-view.show {
  opacity: 1
}

@media only screen and (min-width: 701px)and (max-width:1080px) {
  .group-discussion-page-view .left-column {
      min-width:150px;
      width: 150px
  }

  .group-discussion-page-view .right-column {
      margin-left: 180px
  }
}

.group-discussion-rail-card-view .group-discussion-rail-card .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 12px
}

.group-discussion-rail-card-view .group-discussion-rail-card .title a {
  color: #212124
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container {
  display: flex;
  flex-direction: column
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item {
  align-items: center;
  display: flex
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .avatar-container {
  flex: 0 0 auto;
  margin: 0 12px 0 0
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .avatar-container .avatar {
  flex: 0 0 auto;
  margin: 0
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .info-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .info-container .subject {
  color: #212124;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .info-container .details {
  align-items: center;
  color: #b3b3b3;
  display: flex;
  font-size: 12px;
  line-height: 1.5
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .info-container .details .group-title {
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .info-container .details .details-separator {
  margin: 0 6px
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item .info-container .details .timestamp {
  color: #999;
  flex: 0 0 auto
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .group-discussion-rail-item:not(:last-child) {
  margin-bottom: 20px
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader {
  width: 100%
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row .attribution-section {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  margin-bottom: 8px
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row .attribution-section .attribution-left {
  align-items: center;
  display: flex;
  flex: 0 0 auto
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row .attribution-section .attribution-left .ava {
  border-radius: 50%;
  margin-right: 8px
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row .attribution-section .attribution-right {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row .box:not(:last-child) {
  margin: 0 4px 4px 0
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row:not(:last-child) {
  margin-bottom: 20px
}

.group-discussion-rail-card-view .group-discussion-rail-card .list-container .dummy-loader .row .list-section {
  display: flex;
  justify-content: space-between
}

.fluid .discussion-topic-header h4 .balls {
  left: 10px;
  position: absolute;
  top: 35px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view {
      margin-left:8px;
      margin-right: 8px
  }
}

.group-discussion-topic-view .show-phone {
  display: none
}

.group-discussion-topic-view .discussion-topic-header {
  max-width: 710px;
  padding-top: 10px;
  position: relative
}

.group-discussion-topic-view .discussion-topic-header.editing .topic-subject-heading .topic-subject {
  display: none
}

.group-discussion-topic-view .discussion-topic-header.editing .topic-subject-heading .edit-topic-subject {
  display: block;
  height: 48px;
  margin-bottom: 2px
}

.group-discussion-topic-view .discussion-topic-header.editing .topic-subject-heading .edit-topic-subject:focus {
  box-shadow: inset 0 0 0 1px #008ddf
}

.group-discussion-topic-view .discussion-topic-header.editing .topic-subject-heading .edit-topic-subject-action {
  display: none
}

.group-discussion-topic-view .discussion-topic-header .edit-topic-subject {
  display: none;
  font-size: 20px;
  font-weight: 400;
  height: 26px;
  margin-bottom: 0;
  overflow: hidden;
  width: 90%
}

.group-discussion-topic-view .discussion-topic-header .edit-topic-subject-action {
  cursor: pointer;
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.group-discussion-topic-view .discussion-topic-header.can-edit:hover.editing .topic-subject-heading,.group-discussion-topic-view .discussion-topic-header.can-edit:hover.editing:before {
  background: transparent
}

.group-discussion-topic-view .discussion-topic-header.can-edit:hover:before {
  background: #fff;
  border-radius: 2px 0 0 2px;
  bottom: -11px;
  content: "";
  height: 25px;
  left: -5px;
  position: absolute
}

.group-discussion-topic-view .discussion-topic-header.can-edit:hover .topic-subject-heading {
  background: #fff;
  border-radius: 0 2px 2px 0
}

.group-discussion-topic-view .discussion-topic-header.can-edit:hover .topic-subject-heading .edit-topic-subject-action {
  opacity: .47
}

.group-discussion-topic-view .discussion-topic-header.can-edit:hover .topic-subject-heading .edit-topic-subject-action:hover {
  opacity: 1
}

.group-discussion-topic-view .discussion-topic-header h4,.group-discussion-topic-view .right-column h4 {
  margin-bottom: 17px;
  margin-top: 17px
}

.group-discussion-topic-view .discussion-topic-header h4,.group-discussion-topic-view .left-column h4 {
  max-height: 55px;
  overflow: hidden;
  width: 55%
}

.group-discussion-topic-view .discussion-topic-header .sticky-field.hide-sticky+h4,.group-discussion-topic-view .left-column .sticky-field.hide-sticky+h4 {
  width: 80%
}

.group-discussion-topic-view .pagination-view {
  margin-top: 15px
}

.group-discussion-topic-view .bbml_set h4 {
  margin-top: 0
}

.group-discussion-topic-view .post-reply-title {
  bottom: 0;
  position: absolute;
  right: 0
}

.group-discussion-topic-view .member {
  left: 0;
  position: absolute;
  top: 18px;
  width: 75px
}

.group-discussion-topic-view .member a {
  left: 20px;
  top: -6px
}

.group-discussion-topic-view .format-label,.group-discussion-topic-view .lock-topic-message {
  float: left;
  margin-right: 20px;
  margin-top: 4px
}

.group-discussion-topic-view .format-label {
  margin-top: -15px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .format-label {
      float:right;
      margin-right: 2px;
      margin-top: 10px
  }
}

.group-discussion-topic-view .signin-prompt {
  margin-top: 15px;
  text-align: center
}

.group-discussion-topic-view .edit-topic-subject-action {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -19px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .edit-topic-subject-action {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .actions.hide-phone .reply-topic,.group-discussion-topic-view .actions.hide-phone .reply-topic-inline {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -72px -151px no-repeat;
  height: 11px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .reply-topic,.group-discussion-topic-view .actions.hide-phone .reply-topic-inline {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .actions.hide-phone .delete-topic {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px 0 no-repeat;
  height: 18px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .delete-topic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .actions.hide-phone .edit-topic,.group-discussion-topic-view .actions.hide-phone .edit-topic-subject-action {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -19px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .edit-topic,.group-discussion-topic-view .actions.hide-phone .edit-topic-subject-action {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .actions.hide-phone .permalink-topic {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -121px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .permalink-topic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .actions.hide-phone .sticky-topic {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/groups-3ddd612f.png) -145px -23px no-repeat;
  height: 19px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .sticky-topic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/groups@2x-ddb218b5.png);
      background-size: 167px 162px
  }
}

.group-discussion-topic-view .actions.hide-phone .sticky-topic.is-sticky {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/groups-3ddd612f.png) -145px -84px no-repeat;
  height: 17px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .sticky-topic.is-sticky {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/groups@2x-ddb218b5.png);
      background-size: 167px 162px
  }
}

.group-discussion-topic-view .actions.hide-phone .lock-topic {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -130px -494px no-repeat;
  height: 16px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .lock-topic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-discussion-topic-view .actions.hide-phone .flag-user {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -70px no-repeat;
  height: 16px;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .flag-user {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .actions.hide-phone .delete-topic,.group-discussion-topic-view .actions.hide-phone .edit-topic,.group-discussion-topic-view .actions.hide-phone .flag-user,.group-discussion-topic-view .actions.hide-phone .lock-topic,.group-discussion-topic-view .actions.hide-phone .permalink-topic,.group-discussion-topic-view .actions.hide-phone .reply-topic,.group-discussion-topic-view .actions.hide-phone .sticky-topic {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  opacity: .47;
  position: relative;
  top: 1px;
  transition: opacity .15s ease-in-out
}

.group-discussion-topic-view .actions.hide-phone .delete-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .edit-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .flag-user.is-locked,.group-discussion-topic-view .actions.hide-phone .lock-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .permalink-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .reply-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .sticky-topic.is-locked {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -37px no-repeat;
  height: 16px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .actions.hide-phone .delete-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .edit-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .flag-user.is-locked,.group-discussion-topic-view .actions.hide-phone .lock-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .permalink-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .reply-topic.is-locked,.group-discussion-topic-view .actions.hide-phone .sticky-topic.is-locked {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-discussion-topic-view .actions.hide-phone .delete-topic,.group-discussion-topic-view .actions.hide-phone .edit-topic,.group-discussion-topic-view .actions.hide-phone .lock-topic,.group-discussion-topic-view .actions.hide-phone .permalink-topic,.group-discussion-topic-view .actions.hide-phone .reply-topic,.group-discussion-topic-view .actions.hide-phone .reply-topic-inline,.group-discussion-topic-view .actions.hide-phone .sticky-topic {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  opacity: .47;
  position: relative;
  top: 1px;
  transition: opacity .15s ease-in-out
}

.group-discussion-topic-view .actions.hide-phone .delete-topic:hover,.group-discussion-topic-view .actions.hide-phone .edit-topic:hover,.group-discussion-topic-view .actions.hide-phone .lock-topic:hover,.group-discussion-topic-view .actions.hide-phone .permalink-topic:hover,.group-discussion-topic-view .actions.hide-phone .reply-topic-inline:hover,.group-discussion-topic-view .actions.hide-phone .reply-topic:hover,.group-discussion-topic-view .actions.hide-phone .sticky-topic:hover {
  opacity: 1
}

.group-discussion-topic-view .actions.hide-phone .delete-topic[disabled]:hover,.group-discussion-topic-view .actions.hide-phone .edit-topic[disabled]:hover,.group-discussion-topic-view .actions.hide-phone .lock-topic[disabled]:hover,.group-discussion-topic-view .actions.hide-phone .permalink-topic[disabled]:hover,.group-discussion-topic-view .actions.hide-phone .reply-topic-inline[disabled]:hover,.group-discussion-topic-view .actions.hide-phone .reply-topic[disabled]:hover,.group-discussion-topic-view .actions.hide-phone .sticky-topic[disabled]:hover {
  opacity: .47
}

.group-discussion-topic-view .actions.hide-phone .reply-topic,.group-discussion-topic-view .actions.hide-phone .reply-topic-inline {
  top: -2px
}

.group-discussion-topic-view .post,.group-discussion-topic-view .reply,.group-discussion-topic-view .topic {
  overflow-x: hidden;
  padding-top: 15px;
  position: relative;
  width: 100%
}

.group-discussion-topic-view .reply,.group-discussion-topic-view .topic {
  border-bottom: 1px solid #ddd;
  transition: background-color .15s ease-in-out
}

.group-discussion-topic-view .reply:hover,.group-discussion-topic-view .topic:hover {
  background-color: #fff
}

.group-discussion-topic-view .reply:hover .message .actions,.group-discussion-topic-view .topic:hover .message .actions {
  opacity: 1
}

.group-discussion-topic-view .reply:hover .preview-comment:before,.group-discussion-topic-view .topic:hover .preview-comment:before {
  background: #fff
}

.group-discussion-topic-view .reply.permalinked,.group-discussion-topic-view .topic.permalinked {
  background-color: #fff
}

.group-discussion-topic-view .replies {
  max-width: 710px
}

.group-discussion-topic-view .topic {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
  clear: right;
  max-width: 710px;
  min-height: 100px
}

.group-discussion-topic-view .reply {
  min-height: 100px;
  position: relative
}

.group-discussion-topic-view .post textarea,.group-discussion-topic-view .reply textarea {
  height: 200px;
  max-width: 620px;
  min-height: 200px;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .post textarea,.group-discussion-topic-view .reply textarea {
      box-sizing:border-box
  }
}

.group-discussion-topic-view .post textarea.show-preview,.group-discussion-topic-view .reply textarea.show-preview {
  border-radius: 0 0 5px 5px
}

.group-discussion-topic-view .post textarea:focus+.comment-arrow:before,.group-discussion-topic-view .reply textarea:focus+.comment-arrow:before {
  border-color: #008ddf
}

.group-discussion-topic-view .post textarea:focus+.preview-comment.comment-arrow:before,.group-discussion-topic-view .reply textarea:focus+.preview-comment.comment-arrow:before {
  border-color: #9ea4a7
}

.group-discussion-topic-view .post textarea.reply-in-progress+.comment-arrow:before,.group-discussion-topic-view .reply textarea.reply-in-progress+.comment-arrow:before {
  background-color: #ebebeb;
  border-color: #c9cdce
}

.group-discussion-topic-view .post .member .avatar,.group-discussion-topic-view .reply .member .avatar {
  left: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .post .member .avatar,.group-discussion-topic-view .reply .member .avatar {
      left:0
  }
}

.group-discussion-topic-view .message {
  margin-left: 88px;
  padding-top: 5px;
  position: relative
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .message {
      margin-left:0;
      padding-bottom: 20px
  }
}

.group-discussion-topic-view .message b+br+br {
  display: none
}

.group-discussion-topic-view .message .author {
  float: left
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .message .author {
      box-sizing:border-box;
      clear: both;
      display: inline-block;
      float: none;
      height: auto;
      padding-left: 55px;
      width: 100%
  }
}

.group-discussion-topic-view .message .author .pro-badge-inline {
  color: #898989;
  margin-left: 10px
}

.group-discussion-topic-view .message .author .pro-badge-new {
  color: #898989;
  margin-bottom: -3px;
  margin-left: 8px
}

.group-discussion-topic-view .message .author .since {
  color: #898989;
  margin-left: 10px;
  margin-right: 15px
}

.group-discussion-topic-view .message .actions {
  float: right;
  margin-right: 11px;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .message .actions {
      clear:both;
      float: none;
      margin-right: 0;
      margin-top: 10px
  }
}

.group-discussion-topic-view .message .actions.flag-dialog-open {
  opacity: 1
}

.group-discussion-topic-view .message .post-actions {
  margin-top: 20px;
  max-width: 630px;
  padding-bottom: 20px
}

.group-discussion-topic-view .message .post-actions.enabled button {
  opacity: 1
}

.group-discussion-topic-view .message .post-actions button {
  float: right;
  margin-right: 10px;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.group-discussion-topic-view .message .post-actions button.publish {
  margin-right: 2px
}

.group-discussion-topic-view .message .message-text-quote {
  position: relative
}

.group-discussion-topic-view .message .message-text-quote .blockquote-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -54px -151px no-repeat;
  height: 14px;
  position: absolute;
  right: 0;
  top: -20px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-topic-view .message .message-text-quote .blockquote-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.group-discussion-topic-view .message .message-text-quote {
  background-color: #ebebeb;
  border-radius: 3px;
  box-sizing: border-box;
  color: #898989;
  padding: 13px 15px 15px
}

.group-discussion-topic-view .message .message-text-quote>a>img {
  margin: 0
}

.group-discussion-topic-view .message .message-text-quote blockquote {
  background-color: #ebebeb;
  color: #898989;
  margin-left: 33px;
  padding: 0 25px 0 0
}

.group-discussion-topic-view .message .preview-block {
  background-color: #fff;
  border-left: 1px solid #9ea4a7;
  border-radius: 5px 5px 0 0;
  border-right: 1px solid #9ea4a7;
  border-top: 1px solid #9ea4a7;
  box-sizing: border-box;
  display: block;
  max-width: 620px;
  min-height: 60px;
  padding: 9px;
  width: 100%
}

.group-discussion-topic-view .message-text,.group-discussion-topic-view .preview-block {
  clear: right;
  line-height: 24px;
  margin-right: 20px;
  padding-top: 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .message-text,.group-discussion-topic-view .preview-block {
      margin-right:0;
      padding-top: 30px
  }
}

.group-discussion-topic-view .message-text .preview-comment:before,.group-discussion-topic-view .preview-block .preview-comment:before {
  background-color: #fff
}

.group-discussion-topic-view .message-text blockquote,.group-discussion-topic-view .preview-block blockquote {
  background-color: #ebebeb;
  color: #898989;
  margin: 0;
  padding: 15px;
  position: relative
}

.group-discussion-topic-view .message-text img,.group-discussion-topic-view .preview-block img {
  height: auto;
  max-height: 500px;
  max-width: 500px;
  width: auto
}

.group-discussion-topic-view .message-text>a>img[width="24"][height="24"],.group-discussion-topic-view .message-text>div>a>img[width="24"][height="24"],.group-discussion-topic-view .preview-block>a>img[width="24"][height="24"],.group-discussion-topic-view .preview-block>div>a>img[width="24"][height="24"] {
  border-radius: 100%;
  height: 24px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: 24px
}

.group-discussion-topic-view .edit-reply-message+.comment-arrow {
  top: 20px
}

.group-discussion-topic-view .edit-reply-message+.preview-comment:before {
  background: #fff;
  border-color: #9ea4a7
}

.group-discussion-topic-view .edit-reply-message,.group-discussion-topic-view .new-reply .post-message-text {
  height: 100px;
  max-width: 620px;
  min-height: 100px;
  width: 100%
}

.group-discussion-topic-view .edit-reply-message.show-preview,.group-discussion-topic-view .new-reply .post-message-text.show-preview {
  border-radius: 0 0 5px 5px
}

.group-discussion-topic-view .edit-reply-message:focus,.group-discussion-topic-view .new-reply .post-message-text:focus {
  box-shadow: inset 0 0 0 1px #008ddf
}

.group-discussion-topic-view .edit-reply-message:focus+.comment-arrow:before,.group-discussion-topic-view .new-reply .post-message-text:focus+.comment-arrow:before {
  border-color: #008ddf
}

.group-discussion-topic-view .edit-reply-message:focus+.preview-comment.comment-arrow:before,.group-discussion-topic-view .new-reply .post-message-text:focus+.preview-comment.comment-arrow:before {
  border-color: #9ea4a7
}

.group-discussion-topic-view .edit-reply,.group-discussion-topic-view .new-reply {
  border-bottom: 1px solid #ddd
}

.group-discussion-topic-view .edit-reply .post-actions,.group-discussion-topic-view .new-reply .post-actions {
  margin-bottom: 22px
}

.group-discussion-topic-view .edit-reply .edit-message-text,.group-discussion-topic-view .new-reply .edit-message-text {
  clear: right;
  padding-bottom: 11px;
  padding-right: 15px;
  padding-top: 10px;
  position: relative
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .edit-reply .edit-message-text,.group-discussion-topic-view .new-reply .edit-message-text {
      clear:both;
      padding-right: 2px;
      position: relative
  }
}

.group-discussion-topic-view .hide-editing-reply {
  display: none
}

.group-discussion-topic-view .show-editing-reply {
  display: block
}

.group-discussion-topic-view .reply-message-edited-false {
  bottom: auto;
  display: block!important;
  height: 0!important;
  left: -99999px;
  max-width: 620px;
  min-height: 0!important;
  overflow: scroll!important;
  position: absolute;
  right: auto;
  top: -99999px;
  width: 100%
}

.group-discussion-topic-view .comment-arrow {
  height: 21px;
  left: -9px;
  overflow: hidden;
  position: absolute;
  top: 27px;
  width: 10px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-topic-view .comment-arrow {
      left:0
  }
}

.group-discussion-topic-view .comment-arrow:before {
  background: #fff;
  border: 1px solid #9ea4a7;
  border-radius: 2px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: background-color .15s ease-in-out;
  width: 20px
}

.group-discussion-topic-view .role {
  color: #9ea4a7;
  color: #ff0084;
  display: block;
  font-size: 12px;
  margin-left: 14px;
  margin-top: -14px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase
}

.group-discussion-topic-view .reply-in-progress {
  opacity: .5
}

.group-discussion-topic-view .reply-posting {
  left: 50%;
  position: absolute;
  top: 30px
}

.group-discussion-topic-view .reply .reply-posting {
  top: 50px
}

.group-discussion-topic-view .topic .reply-posting {
  top: 70px
}

.group-discussion-topic-view .locked-group,.group-discussion-topic-view .locked-topic {
  background: #ddd;
  padding: 10px;
  text-align: center
}

.group-discussion-topic-view .sticky-field {
  display: inline-block;
  float: left;
  margin-top: 5px
}

.group-discussion-topic-view .sticky-field .sticky {
  background: #fffe70;
  border: 1px solid #cb8100;
  border-radius: 3px;
  color: #cb8100;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  margin-right: 10px;
  margin-top: 13px;
  padding: 4px 7px 2px;
  text-transform: uppercase
}

.group-discussion-topic-view .sticky-field.hide-sticky {
  display: none
}

.group-discussion-topic-view .clear {
  clear: both
}

.group-discussion-topic-view .topic-paginator {
  max-width: 710px
}

.group-discussion-topic-view .topic-paginator .reply-counts {
  margin-top: -6px;
  text-align: center
}

@media only screen and (min-width: 701px)and (max-width:1080px) {
  .group-discussion-topic-view .replies,.group-discussion-topic-view .topic {
      max-width:none
  }

  .group-discussion-topic-view .discussion-topic-header .sticky-field.hide-sticky+h4 {
      width: 55%
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view button.back-to-discuss-list.large,.group-discussion-page-view button.back-to-discuss-list.large:hover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-back-1x.png);
      background-position: 10%;
      background-repeat: no-repeat;
      background-size: 10px 18px;
      margin-top: 0;
      width: 60%
  }
}

@media only screen and (max-width: 700px)and (orientation:portrait)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:700px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:1.5dppx),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:144dpi),only screen and (max-width:900px)and (orientation:landscape)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:900px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:1.5dppx),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:144dpi) {
  .group-discussion-page-view button.back-to-discuss-list.large,.group-discussion-page-view button.back-to-discuss-list.large:hover {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-back-2x.png)
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .discussion-topic-header.can-edit:hover .topic-subject-heading {
      background:transparent
  }

  .group-discussion-page-view .left-column {
      display: none
  }

  .group-discussion-page-view .right-column {
      float: none;
      margin-left: 0;
      width: 100%
  }

  .group-discussion-page-view .actions.hide-phone,.group-discussion-page-view .hide-phone {
      display: none
  }

  .group-discussion-page-view .topic {
      border-bottom: 0
  }

  .group-discussion-page-view .topic .show-phone.actions {
      width: 100%
  }

  .group-discussion-page-view .divider {
      border-bottom: 1px solid #ddd;
      display: inline-block;
      padding-bottom: 40px;
      width: 100%
  }

  .group-discussion-page-view .show-phone {
      display: inline-block;
      margin: 20px 0 0;
      width: 100%
  }

  .group-discussion-page-view .show-phone.actions {
      opacity: 1
  }

  .group-discussion-page-view .show-phone.post-reply-title {
      clear: both;
      display: block;
      float: right;
      margin-top: 0;
      position: relative;
      right: auto;
      width: 60%
  }

  .group-discussion-page-view .show-phone a.butt {
      background: #ddd;
      color: #a4acb0;
      float: right;
      margin-right: 14px;
      min-width: 65px
  }

  .group-discussion-page-view .show-phone a.butt:hover {
      color: #fff
  }

  .group-discussion-page-view .show-phone a.butt.reply-topic,.group-discussion-page-view .show-phone a.butt.reply-topic-inline {
      margin-right: 0
  }

  .group-discussion-page-view .sticky-field {
      left: 0;
      position: absolute;
      top: 5px
  }

  .group-discussion-page-view .sticky-field .sticky {
      margin-right: 0;
      margin-top: 0
  }

  .group-discussion-page-view .discussion-topic-header h4 {
      margin-top: 0;
      max-height: inherit;
      width: 100%
  }

  .group-discussion-page-view .centered-content {
      margin: auto;
      width: 100%
  }

  .group-discussion-page-view .post,.group-discussion-page-view .replies,.group-discussion-page-view .topic,.group-discussion-page-view .topic-paginator {
      margin: auto
  }

  .group-discussion-page-view .member a.avatar.small {
      left: 0;
      margin-bottom: 0;
      margin-top: 0
  }

  .group-discussion-page-view .member .role {
      margin-left: 0;
      margin-top: 0;
      width: 48px
  }

  .group-discussion-page-view .message .author a {
      font-weight: 600
  }

  .group-discussion-page-view .message .author .since {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%
  }

  .group-discussion-page-view .edit-message-text {
      width: 100%
  }

  .group-discussion-page-view textarea,.group-discussion-page-view textarea:focus {
      box-shadow: none!important
  }

  .group-discussion-page-view .reply .message {
      padding-bottom: 0
  }

  .group-discussion-page-view .reply .message .message-text {
      padding-bottom: 15px;
      padding-top: 15px
  }

  .group-discussion-page-view .edit-message-text .edit-reply-message,.group-discussion-page-view .edit-message-text .edit-reply-message:focus,.group-discussion-page-view .edit-reply .edit-reply-message,.group-discussion-page-view .edit-reply .edit-reply-message:focus,.group-discussion-page-view .post .edit-reply-message,.group-discussion-page-view .post .edit-reply-message:focus,.group-discussion-page-view .reply .edit-reply-message,.group-discussion-page-view .reply .edit-reply-message:focus,.group-discussion-page-view .topic .edit-reply-message,.group-discussion-page-view .topic .edit-reply-message:focus {
      box-shadow: none;
      margin-top: 20px
  }

  .group-discussion-page-view .edit-message-text:hover,.group-discussion-page-view .edit-reply:hover,.group-discussion-page-view .post:hover,.group-discussion-page-view .reply:hover,.group-discussion-page-view .topic:hover {
      background: inherit
  }

  .group-discussion-page-view .edit-message-text .message-text textarea,.group-discussion-page-view .edit-message-text .preview-block textarea,.group-discussion-page-view .edit-reply .message-text textarea,.group-discussion-page-view .edit-reply .preview-block textarea,.group-discussion-page-view .post .message-text textarea,.group-discussion-page-view .post .preview-block textarea,.group-discussion-page-view .reply .message-text textarea,.group-discussion-page-view .reply .preview-block textarea,.group-discussion-page-view .topic .message-text textarea,.group-discussion-page-view .topic .preview-block textarea {
      box-shadow: none;
      max-width: 100%
  }

  .group-discussion-page-view .edit-message-text .message-text textarea:focus,.group-discussion-page-view .edit-message-text .preview-block textarea:focus,.group-discussion-page-view .edit-reply .message-text textarea:focus,.group-discussion-page-view .edit-reply .preview-block textarea:focus,.group-discussion-page-view .post .message-text textarea:focus,.group-discussion-page-view .post .preview-block textarea:focus,.group-discussion-page-view .reply .message-text textarea:focus,.group-discussion-page-view .reply .preview-block textarea:focus,.group-discussion-page-view .topic .message-text textarea:focus,.group-discussion-page-view .topic .preview-block textarea:focus {
      box-shadow: none
  }

  .group-discussion-page-view .edit-message-text .message-text img.notsowide,.group-discussion-page-view .edit-message-text .preview-block img.notsowide,.group-discussion-page-view .edit-reply .message-text img.notsowide,.group-discussion-page-view .edit-reply .preview-block img.notsowide,.group-discussion-page-view .post .message-text img.notsowide,.group-discussion-page-view .post .preview-block img.notsowide,.group-discussion-page-view .reply .message-text img.notsowide,.group-discussion-page-view .reply .preview-block img.notsowide,.group-discussion-page-view .topic .message-text img.notsowide,.group-discussion-page-view .topic .preview-block img.notsowide {
      height: auto;
      max-height: 100%;
      max-width: 100%;
      width: 100%
  }

  .group-discussion-page-view .edit-message-text .message-text>a>img[width="24"][height="24"],.group-discussion-page-view .edit-message-text .message-text>div>a>img[width="24"][height="24"],.group-discussion-page-view .edit-message-text .preview-block>a>img[width="24"][height="24"],.group-discussion-page-view .edit-message-text .preview-block>div>a>img[width="24"][height="24"],.group-discussion-page-view .edit-reply .message-text>a>img[width="24"][height="24"],.group-discussion-page-view .edit-reply .message-text>div>a>img[width="24"][height="24"],.group-discussion-page-view .edit-reply .preview-block>a>img[width="24"][height="24"],.group-discussion-page-view .edit-reply .preview-block>div>a>img[width="24"][height="24"],.group-discussion-page-view .post .message-text>a>img[width="24"][height="24"],.group-discussion-page-view .post .message-text>div>a>img[width="24"][height="24"],.group-discussion-page-view .post .preview-block>a>img[width="24"][height="24"],.group-discussion-page-view .post .preview-block>div>a>img[width="24"][height="24"],.group-discussion-page-view .reply .message-text>a>img[width="24"][height="24"],.group-discussion-page-view .reply .message-text>div>a>img[width="24"][height="24"],.group-discussion-page-view .reply .preview-block>a>img[width="24"][height="24"],.group-discussion-page-view .reply .preview-block>div>a>img[width="24"][height="24"],.group-discussion-page-view .topic .message-text>a>img[width="24"][height="24"],.group-discussion-page-view .topic .message-text>div>a>img[width="24"][height="24"],.group-discussion-page-view .topic .preview-block>a>img[width="24"][height="24"],.group-discussion-page-view .topic .preview-block>div>a>img[width="24"][height="24"] {
      height: 48px;
      width: 48px
  }

  .group-discussion-page-view .edit-message-text .preview-block,.group-discussion-page-view .edit-reply .preview-block,.group-discussion-page-view .post .preview-block,.group-discussion-page-view .reply .preview-block,.group-discussion-page-view .topic .preview-block {
      border: none;
      display: inline-block;
      margin-left: -40px;
      margin-top: 20px;
      max-width: 100%;
      width: 100%
  }

  .group-discussion-page-view .edit-message-text .cancel-reply,.group-discussion-page-view .edit-reply .cancel-reply,.group-discussion-page-view .post .cancel-reply,.group-discussion-page-view .reply .cancel-reply,.group-discussion-page-view .topic .cancel-reply {
      color: #444;
      float: none;
      text-align: right;
      width: 100%
  }

  .group-discussion-page-view .new-reply,.group-discussion-page-view .post {
      max-width: 100%;
      width: 100%
  }

  .group-discussion-page-view .new-reply .author,.group-discussion-page-view .post .author {
      box-sizing: border-box;
      color: #006dac;
      float: left;
      font-weight: 600;
      margin-top: 15px;
      padding-left: 10px;
      width: calc(100% - 48px)
  }

  .group-discussion-page-view .new-reply .member,.group-discussion-page-view .post .member {
      display: inline-block;
      position: static;
      width: 100%
  }

  .group-discussion-page-view .new-reply .member .avatar.small,.group-discussion-page-view .post .member .avatar.small {
      float: left;
      margin-right: 0;
      margin-top: 0
  }

  .group-discussion-page-view .new-reply .member .cancel-reply,.group-discussion-page-view .post .member .cancel-reply {
      color: #444;
      float: right;
      margin-right: 0;
      margin-top: -40px;
      width: 20%
  }

  .group-discussion-page-view .new-reply .message,.group-discussion-page-view .post .message {
      margin-left: 0;
      padding: 0 80px 0 0;
      width: 100%
  }

  .group-discussion-page-view .new-reply .message .message-text,.group-discussion-page-view .post .message .message-text {
      padding: 0
  }

  .group-discussion-page-view .new-reply .message .message-text textarea,.group-discussion-page-view .post .message .message-text textarea {
      border: 1px solid #a3a9ac;
      box-shadow: none;
      box-sizing: border-box;
      margin-bottom: 30px;
      margin-left: 9px;
      max-width: 100%;
      padding: 20px;
      width: calc(100% - 9px)
  }

  .group-discussion-page-view .new-reply .message .message-text textarea:focus,.group-discussion-page-view .post .message .message-text textarea:focus {
      box-shadow: none
  }

  .group-discussion-page-view .new-reply .message .message-text .preview-block,.group-discussion-page-view .post .message .message-text .preview-block {
      margin: 0;
      max-width: 95%;
      padding: 20px;
      width: 100%
  }

  .group-discussion-page-view .new-reply .message .post-actions,.group-discussion-page-view .post .message .post-actions {
      display: inline-block;
      margin: 0;
      max-width: 100%;
      padding: 0;
      text-align: right;
      width: 100%
  }

  .group-discussion-page-view .new-reply .message .post-actions button.preview,.group-discussion-page-view .new-reply .message .post-actions button.publish,.group-discussion-page-view .post .message .post-actions button.preview,.group-discussion-page-view .post .message .post-actions button.publish {
      float: right
  }

  .group-discussion-page-view .post .message .post-actions {
      max-width: 100%
  }

  .group-discussion-page-view .edit-reply .post-actions {
      display: inline-block;
      max-width: 100%;
      text-align: right;
      width: 100%
  }

  .group-discussion-page-view .edit-reply button.preview,.group-discussion-page-view .edit-reply button.publish {
      float: right
  }

  .group-discussion-page-view .edit-reply textarea {
      border: 1px solid #a3a9ac;
      box-shadow: none;
      box-sizing: border-box;
      margin-bottom: 0;
      margin-left: 9px;
      margin-top: 0;
      max-width: 100%;
      padding: 20px;
      width: calc(100% - 9px)
  }

  .group-discussion-page-view .edit-reply textarea:focus {
      box-shadow: none
  }

  .group-discussion-page-view .edit-reply .cancel-reply {
      color: #444;
      float: right;
      margin-bottom: 30px;
      text-align: right
  }

  .group-discussion-page-view .edit-message-text .show-editing-reply {
      display: inline-block;
      margin-top: 50px;
      width: 100%
  }

  .group-discussion-page-view .topic-paginator {
      border-bottom: 1px solid #ddd;
      max-width: 100%
  }

  .group-discussion-page-view .topic-paginator .pagination-view i {
      top: -10px
  }

  .group-discussion-page-view .topic-paginator .pagination-view span {
      height: auto;
      max-width: 100%;
      padding: .5em
  }

  .group-discussion-page-view .top-pagination-view .reply-counts {
      margin: 20px 0
  }

  .group-discussion-page-view .show-phone.reply-counts {
      float: right;
      margin-right: 20px;
      margin-top: 45px;
      text-align: right;
      width: 35%
  }

  .group-discussion-page-view .reply .show-phone a.butt,.group-discussion-page-view .topic .show-phone a.butt {
      background-color: #ddd;
      background-position: 50% 50%;
      background-repeat: no-repeat
  }

  .group-discussion-page-view .reply .show-phone a.butt.reply-topic,.group-discussion-page-view .reply .show-phone a.butt.reply-topic-inline,.group-discussion-page-view .topic .show-phone a.butt.reply-topic,.group-discussion-page-view .topic .show-phone a.butt.reply-topic-inline {
      background-image: url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-reply-1x.png);
      background-size: 27px 17px
  }
}

@media only screen and (max-width: 700px)and (orientation:portrait)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:700px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:1.5dppx),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:144dpi),only screen and (max-width:900px)and (orientation:landscape)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:900px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:1.5dppx),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:144dpi) {
  .group-discussion-page-view .reply .show-phone a.butt.reply-topic,.group-discussion-page-view .reply .show-phone a.butt.reply-topic-inline,.group-discussion-page-view .topic .show-phone a.butt.reply-topic,.group-discussion-page-view .topic .show-phone a.butt.reply-topic-inline {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-reply-2x.png)
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .reply .show-phone a.butt.edit-topic,.group-discussion-page-view .topic .show-phone a.butt.edit-topic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-edit-1x.png);
      background-size: 19px 19px
  }
}

@media only screen and (max-width: 700px)and (orientation:portrait)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:700px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:1.5dppx),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:144dpi),only screen and (max-width:900px)and (orientation:landscape)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:900px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:1.5dppx),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:144dpi) {
  .group-discussion-page-view .reply .show-phone a.butt.edit-topic,.group-discussion-page-view .topic .show-phone a.butt.edit-topic {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-edit-2x.png)
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .reply .show-phone a.butt.permalink,.group-discussion-page-view .topic .show-phone a.butt.permalink {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-permalink-1x.png);
      background-size: 22px 22px
  }
}

@media only screen and (max-width: 700px)and (orientation:portrait)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:700px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:1.5dppx),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:144dpi),only screen and (max-width:900px)and (orientation:landscape)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:900px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:1.5dppx),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:144dpi) {
  .group-discussion-page-view .reply .show-phone a.butt.permalink,.group-discussion-page-view .topic .show-phone a.butt.permalink {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-permalink-2x.png)
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .reply .show-phone a.butt.delete,.group-discussion-page-view .topic .show-phone a.butt.delete {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-delete-1x.png);
      background-size: 18px 20px
  }
}

@media only screen and (max-width: 700px)and (orientation:portrait)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:700px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:1.5dppx),only screen and (max-width:700px)and (orientation:portrait)and (min-resolution:144dpi),only screen and (max-width:900px)and (orientation:landscape)and (-o-min-device-pixel-ratio:150/100),only screen and (max-width:900px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:1.5dppx),only screen and (max-width:900px)and (orientation:landscape)and (min-resolution:144dpi) {
  .group-discussion-page-view .reply .show-phone a.butt.delete,.group-discussion-page-view .topic .show-phone a.butt.delete {
      background-image:url(https://combo.staticflickr.com/ap/build/images/groups/groups-discussion-delete-2x.png)
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-page-view .topic .show-phone {
      margin:0;
      width: 20%
  }

  .group-discussion-page-view .topic .show-phone a.butt.large.reply-topic,.group-discussion-page-view .topic .show-phone a.butt.large.reply-topic-inline {
      margin: 0
  }

  .group-discussion-page-view .post .cancel-reply {
      display: none
  }

  .group-discussion-page-view .post.new-reply .cancel-reply {
      display: inline
  }
}

.group-discussion-view {
  position: relative
}

.group-discussion-view .loading {
  height: 300px;
  width: 100%
}

.group-discussion-view .hidden-state {
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  height: 60px;
  margin: 30px 0 0;
  padding: 30px 0 0;
  text-align: center
}

.group-discussion-view .hidden-state p {
  margin: 0
}

.group-discussion-view .empty-state-actions {
  padding-top: 10px
}

.group-discussion-view h2 {
  display: inline-block;
  margin-right: 13px
}

.group-discussion-view .pro-badge-inline {
  bottom: 0
}

.group-discussion-view .pro-badge-new {
  color: #006dac;
  margin-bottom: -2px
}

.group-discussion-view .pro-badge-new.pro-badge-legacy {
  margin-bottom: -3px
}

.group-discussion-view .add {
  margin-top: 25px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-view .add {
      display:none
  }
}

.group-discussion-view form {
  position: absolute;
  right: 0;
  top: 24px
}

.group-discussion-view form input {
  border: 1px solid #a4aaac;
  border-radius: 3px;
  font-size: 11pt;
  height: 30px;
  outline: 0;
  padding: 0 4px 2px 34px;
  width: 182px
}

.group-discussion-view form:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  content: "";
  display: block;
  height: 18px;
  left: 9px;
  position: absolute;
  top: 7px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-view form:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-discussion-view .search-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 0;
  top: 34px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-view .search-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-discussion-view .search-icon.active {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -315px -212px no-repeat;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-discussion-view .search-icon.active {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.empty-state-actions .join-group-view button.join.has-requested {
  background: #9ea4a7
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-discussion-view {
      margin-left:8px;
      margin-right: 8px
  }

  .group-discussion-view table tr:after,.group-discussion-view table tr:before {
      display: none
  }

  .group-discussion-view table tr th.col40 {
      width: 70%
  }

  .group-discussion-view table tr th.col20 {
      width: 30%
  }

  .group-discussion-view table tr td:nth-last-child(-n+4),.group-discussion-view table tr th:nth-last-child(-n+4) {
      display: none
  }

  .group-discussion-view table tr td:last-child,.group-discussion-view table tr th:last-child {
      display: table-cell;
      width: 30%
  }
}

.group-home-page-view {
  margin: 0 0 80px
}

.group-home-page-view .notification-block {
  background: #fffcc3;
  border-bottom: 1px solid #e2e2e2;
  padding: 17px 0
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-home-page-view .notification-block {
      padding-left:8px;
      padding-right: 8px;
      width: calc(100% - 16px)
  }
}

.group-home-page-view .notification-block.move-to-top {
  margin-bottom: 15px;
  margin-top: -20px
}

.group-home-page-view .notification-block.new svg {
  margin-right: 8px;
  margin-top: -4px
}

.group-home-page-view .notification-block .group-invite-block-container,.group-home-page-view .notification-block.new .flex {
  align-items: center;
  display: flex
}

.group-home-page-view .notification-block .group-invite-block-container .group-invite-message {
  margin-right: 16px
}

.group-home-page-view .notification-block .group-invite-block-container .group-invite-actions {
  display: flex
}

.group-home-page-view .notification-block .group-invite-block-container .group-invite-actions .butt.decline {
  margin-left: 8px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-home-page-view .notification-block .group-invite-block-container {
      align-items:stretch;
      flex-direction: column
  }

  .group-home-page-view .notification-block .group-invite-block-container .group-invite-message {
      margin: 0 0 12px
  }
}

.group-home-page-view .see-all-block {
  margin-top: 20px;
  text-align: center
}

.group-home-page-view .group-blast-view .empty-state,.group-home-page-view .group-blast-view .error-state,.group-home-page-view .group-discussion-view .empty-state,.group-home-page-view .group-discussion-view .error-state,.group-home-page-view .group-pool-preview-view .empty-state,.group-home-page-view .group-pool-preview-view .error-state,.group-home-page-view .group-top-contributors-view .error-state,.group-home-page-view .hidden-state {
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  height: 80px;
  margin: 30px 0 0;
  padding: 30px 0 0;
  text-align: center
}

.group-home-page-view .group-blast-view .empty-state p,.group-home-page-view .group-blast-view .error-state p,.group-home-page-view .group-discussion-view .empty-state p,.group-home-page-view .group-discussion-view .error-state p,.group-home-page-view .group-pool-preview-view .empty-state p,.group-home-page-view .group-pool-preview-view .error-state p,.group-home-page-view .group-top-contributors-view .error-state p,.group-home-page-view .hidden-state p {
  margin: 0
}

.group-home-page-view .hidden-state {
  height: 60px
}

.fluid .group-home-page-view table tr th {
  line-height: 1.2em;
  white-space: normal
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-home-page-view .group-description {
      margin-left:8px;
      margin-right: 8px;
      overflow: hidden
  }

  .group-home-page-view .group-description img {
      height: auto;
      max-width: 100%
  }

  .group-home-page-view .additional-info,.group-home-page-view .group-rules {
      margin-left: 8px;
      margin-right: 8px
  }
}

.group-home-page-view h2 .edit-link {
  color: #006dac;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  margin-left: 16px
}

.group-interstitial-view .main {
  margin: 0 auto;
  max-width: 1060px;
  text-align: center
}

.group-interstitial-view .main h1 {
  margin: 70px auto 14px
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper {
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .notification-item-middle {
  flex-direction: row
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions button:not(:last-of-type) {
  margin-right: 12px
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions button.hidden {
  display: none
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions .action-message {
  align-items: center;
  color: #999;
  display: flex
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions .action-message.hidden {
  display: none
}

.group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions .action-message svg {
  display: block;
  margin-right: 4px;
  margin-top: -2px
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper {
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .notification-item-middle {
  flex-direction: row
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .group-join-request-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .group-join-request-actions button:not(:last-of-type) {
  margin-right: 12px
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .group-join-request-actions button.hidden {
  display: none
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .action-message {
  align-items: center;
  color: #999;
  display: flex
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .action-message.hidden {
  display: none
}

.group-join-request-notification-item-view .notification-item .notification-item-content-wrapper .action-message svg {
  display: block;
  margin-right: 4px;
  margin-top: -2px
}

.groups-members .error {
  text-align: center
}

.groups-members .loading {
  padding: 20px;
  text-align: center
}

.groups-members .loading.initial-loader {
  margin-top: 100px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .groups-members h5 {
      padding:0 10px
  }
}

.groups-members .members-list {
  min-height: 100px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .groups-members .members-list {
      padding-left:7px
  }
}

.groups-members .group-members-members-view .members-list.spacer {
  margin-bottom: 40px
}

.groups-members .balls[hidden=hidden] {
  display: none
}

.groups-members .result-card {
  margin: 0 16px 16px 0;
  width: 350px
}

.groups-members.with-fluid-subnav h5 {
  margin-top: 0
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper {
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .notification-item-middle {
  flex-direction: row
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .group-photo-request-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .group-photo-request-actions button:not(:last-of-type) {
  margin-right: 12px
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .group-photo-request-actions button.hidden {
  display: none
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .action-message {
  align-items: center;
  color: #999;
  display: flex
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .action-message.hidden {
  display: none
}

.group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .action-message svg {
  display: block;
  margin-right: 4px;
  margin-top: -2px
}

.group-pool-page-view {
  background-color: #f3f5f6;
  min-height: 100%
}

.group-pool-page-view .comments-view .comment,.group-pool-page-view header {
  color: #000
}

.group-pool-page-view .comments-view .comments .comment .comment-author a,.group-pool-page-view .comments-view .comments-more a,.group-pool-page-view .comments-view a {
  color: blue
}

.group-pool-page-view .comments-view .comments .comment .comment-author a:hover,.group-pool-page-view .comments-view .comments-more a:hover,.group-pool-page-view .comments-view a:hover {
  background-color: blue;
  color: #fff
}

.group-pool-page-view .comments-view .comments-form .comment-form-field textarea {
  background: #fefefe;
  border: 1px solid #ccc;
  color: #000;
  font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: 300;
  resize: vertical
}

.group-pool-page-view .comments-view .comments-form .comment-form-field textarea:focus {
  border: 1px solid #000
}

.group-pool-page-view main {
  color: #000;
  position: relative;
  z-index: 1
}

.group-pool-preview-view {
  margin-bottom: 12px;
  margin-left: 8px;
  margin-right: 8px;
  position: relative
}

.group-pool-preview-view .loading {
  height: 217px;
  margin: auto;
  text-align: center;
  width: 100%
}

.group-pool-preview-view .loading .balls {
  position: absolute;
  top: 100px
}

.group-pool-preview-view h2 {
  display: inline-block;
  margin-right: 13px
}

.group-pool-preview-view .add {
  margin-top: 25px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-pool-preview-view .add {
      display:none
  }
}

.group-pool-preview-view .change-number {
  position: absolute;
  right: 50px;
  top: 10px
}

.group-pool-preview-view ul.pool-overview-actions {
  display: inline;
  margin: 0;
  position: absolute;
  right: 0;
  top: 40px
}

.group-pool-preview-view ul.pool-overview-actions li {
  float: left;
  list-style-type: none;
  margin-right: 20px
}

.group-pool-preview-view ul.pool-overview-actions li:last-child {
  margin-right: 0
}

@media only screen and (max-width: 1080px) {
  .group-pool-preview-view ul.pool-overview-actions li.change-number-rows {
      display:none
  }
}

.group-pool-preview-view ul.pool-overview-actions li.change-number-rows a {
  color: #898989
}

.group-pool-preview-view ul.pool-overview-actions li.change-number-rows:hover {
  cursor: pointer
}

.group-pool-preview-view ul.pool-overview-actions li.change-number-rows:hover a {
  text-decoration: none
}

.group-pool-preview-view ul.pool-overview-actions li.change-number-rows span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -485px no-repeat;
  display: inline-block;
  height: 8px;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-pool-preview-view ul.pool-overview-actions li.change-number-rows span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-pool-preview-view ul.pool-overview-actions li.view-all-li {
      display:none
  }
}

.group-pool-preview-view ul.pool-overview-actions li .search-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-pool-preview-view ul.pool-overview-actions li .search-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-pool-preview-view ul.pool-overview-actions li .search-icon.active {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -315px -212px no-repeat;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-pool-preview-view ul.pool-overview-actions li .search-icon.active {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-pool-preview-view .display-photolist-rows {
  margin-top: 10px
}

.with-fluid-subnav .group-pool-preview-view ul.pool-overview-actions {
  top: 14px
}

.with-fluid-subnav .group-pool-preview-view h2 {
  margin-top: 5px
}

.with-fluid-subnav .group-pool-preview-view .add {
  margin-top: 7px
}

.group-pool-subheader-view {
  margin-bottom: 10px;
  margin-top: 25px;
  position: relative
}

.group-pool-subheader-view h2 {
  display: inline-block;
  margin: 0 15px 0 0
}

.group-pool-subheader-view .at-right {
  display: flex;
  position: absolute;
  right: 0;
  top: 7px
}

.group-pool-subheader-view .at-right .contributor-label {
  align-items: center;
  color: #898989;
  cursor: pointer;
  display: flex;
  margin-right: 22px
}

.group-pool-subheader-view .at-right .contributor-label:hover {
  color: #212124
}

.group-pool-subheader-view .at-right .contributor-label .arrow {
  display: flex
}

.group-pool-subheader-view .at-right .contributor-label i {
  display: none;
  height: 12px;
  margin-right: 5px;
  width: 24px
}

.group-pool-subheader-view .at-right .contributor-label i.working {
  background-image: url(https://combo.staticflickr.com/ap/build/images/progress/balls-24x12-trans.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 12px;
  display: inline-block
}

.group-pool-subheader-view form {
  display: inline-block;
  position: relative
}

.group-pool-subheader-view form input {
  border: 1px solid #a4aaac;
  border-radius: 3px;
  font-size: 11pt;
  height: 30px;
  outline: 0;
  padding: 0 4px 2px 34px;
  width: 182px
}

.group-pool-subheader-view form:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  content: "";
  display: block;
  height: 18px;
  left: 9px;
  position: absolute;
  top: 7px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-pool-subheader-view form:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-pool-subheader-view .search-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  position: relative;
  top: 2px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-pool-subheader-view .search-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.group-pool-subheader-view .search-icon.active {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -315px -212px no-repeat;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .group-pool-subheader-view .search-icon.active {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.with-fluid-subnav .group-pool-subheader-view {
  margin-top: 0
}

.with-fluid-subnav .group-pool-subheader-view>.butt {
  margin-top: 3px
}

.with-fluid-subnav .group-pool-subheader-view>.at-right {
  display: flex;
  top: 7px
}

.with-fluid-subnav .group-pool-subheader-view>.at-right .contributor-label {
  align-items: center;
  color: #898989;
  cursor: pointer;
  display: flex;
  margin-right: 22px
}

.with-fluid-subnav .group-pool-subheader-view>.at-right .contributor-label:hover {
  color: #212124
}

.with-fluid-subnav .group-pool-subheader-view>.at-right .contributor-label .arrow {
  display: flex
}

.with-fluid-subnav .group-pool-subheader-view>.at-right .contributor-label i {
  display: none;
  height: 12px;
  margin-right: 5px;
  width: 24px
}

.with-fluid-subnav .group-pool-subheader-view>.at-right .contributor-label i.working {
  background-image: url(https://combo.staticflickr.com/ap/build/images/progress/balls-24x12-trans.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 12px;
  display: inline-block
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-pool-subheader-view {
      margin-left:8px;
      margin-right: 8px
  }

  .group-pool-subheader-view .add-photos-butt {
      display: none
  }
}

.group-recs-rail-card-view .group-recs-rail-card .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0 0 12px
}

.group-recs-rail-card-view .group-recs-rail-card .title a {
  color: #212124
}

.group-recs-rail-card-view .group-recs-rail-card .list-container {
  display: flex;
  flex-direction: column
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader {
  width: 100%
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row .attribution-section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row .attribution-section .attribution-left {
  align-items: center;
  display: flex;
  flex: 1 1 auto
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row .attribution-section .attribution-left .ava {
  border-radius: 50%;
  margin-right: 8px
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row .attribution-section .attribution-right {
  flex: 0 0 auto
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row .box:not(:last-child) {
  margin: 0 4px 4px 0
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row:not(:last-child) {
  margin-bottom: 20px
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .dummy-loader .row .list-section {
  display: flex;
  justify-content: space-between
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 12px
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item header .left-container {
  align-items: center;
  display: flex;
  min-width: 0
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item header .left-container .avatar {
  flex: 0 0 auto;
  margin: 0 12px 0 0
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item header .left-container .title {
  color: #212124;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item header .right-container {
  flex: 0 0 auto;
  margin-left: 12px
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item .list-container {
  display: block;
  position: relative
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view .group-recs-rail-item .list-container .group-photo-layout .group-photo-item {
  background-size: cover;
  display: block;
  position: absolute
}

.group-recs-rail-card-view .group-recs-rail-card .list-container .group-recs-rail-item-view:not(:last-child) {
  margin-bottom: 20px
}

.group-top-contributors-dropdown-view>ul {
  background-color: #fff;
  left: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  right: -15px
}

.group-top-contributors-dropdown-view>ul li {
  border-bottom: 1px solid #c7ced6;
  cursor: pointer;
  font-size: 15px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 266px
}

.group-top-contributors-dropdown-view>ul li .reset {
  color: #000
}

.group-top-contributors-dropdown-view>ul li:not(.divider):hover {
  background-color: #e6eaec
}

.group-top-contributors-dropdown-view>ul li:first-child {
  margin-top: 0
}

.group-top-contributors-dropdown-view>ul li:last-child {
  border-bottom: none;
  margin-bottom: 1px
}

.group-top-contributors-dropdown-view>ul .avatar {
  float: left
}

.group-top-contributors-dropdown-view>ul .meta {
  bottom: 0;
  left: 57px;
  line-height: 1.3;
  position: absolute;
  right: 0;
  text-transform: lowercase;
  top: 25px
}

.group-top-contributors-dropdown-view>ul .meta span {
  color: #898989
}

.group-top-contributors-dropdown-view>ul .meta .divider {
  display: inline-block;
  margin: 0 10px
}

.group-top-contributors-dropdown-view>ul .username {
  color: #006dac;
  font-size: 16px;
  font-weight: 600;
  left: 57px;
  line-height: 1.3;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-overflow: ellipsis;
  top: 6px;
  white-space: nowrap
}

.group-top-contributors-dropdown-view i {
  display: none;
  height: 12px;
  width: 24px
}

.group-top-contributors-dropdown-view i.working {
  background-image: url(https://combo.staticflickr.com/ap/build/images/progress/balls-24x12-trans.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 12px;
  display: inline-block
}

.group-top-contributors-dropdown-view li.divider>h5 {
  color: #212124;
  margin: 3px 0 1px
}

.fluid .droparound.group-top-contributors-droparound .body .content.subview {
  max-height: none
}

.group-top-contributors-view .loading {
  height: 300px;
  width: 100%
}

.group-top-contributors-view .contrib-type .filterable {
  color: #006dac;
  cursor: pointer
}

.group-top-contributors-view .contrib-type .filterable.selected {
  color: #898989;
  cursor: default;
  font-weight: 600
}

.group-top-contributors-view .pro-badge-new {
  color: #006dac;
  margin-bottom: -2px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .group-top-contributors-view {
      margin-left:8px;
      margin-right: 8px
  }

  .group-top-contributors-view table tr:after,.group-top-contributors-view table tr:before {
      display: none
  }

  .group-top-contributors-view table tr th.col5 {
      width: 20%
  }

  .group-top-contributors-view table tr th.col35 {
      width: 80%
  }

  .group-top-contributors-view table tr td:nth-last-child(-n+4),.group-top-contributors-view table tr th:nth-last-child(-n+4) {
      display: none
  }
}

.group-user-invite-notification-item-view .notification-item .notification-item-middle {
  flex-direction: column
}

.group-user-invite-notification-item-view .notification-item .group-user-invite-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px
}

.group-user-invite-notification-item-view .notification-item .group-user-invite-actions button:not(:last-of-type) {
  margin-right: 12px
}

.group-user-invite-notification-item-view .notification-item .group-user-invite-actions button.hidden {
  display: none
}

.group-user-invite-notification-item-view .notification-item .group-user-invite-actions .action-message {
  align-items: center;
  color: #999;
  display: flex
}

.group-user-invite-notification-item-view .notification-item .group-user-invite-actions .action-message.hidden {
  display: none
}

.group-user-invite-notification-item-view .notification-item .group-user-invite-actions .action-message svg {
  display: block;
  margin-right: 4px;
  margin-top: -2px
}

.groups-list-view {
  padding-bottom: 80px
}

.groups-list-view>.main-group-tables {
  position: relative
}

.groups-list-view .your-groups-tables {
  float: left;
  margin-right: 80px;
  width: 700px
}

.groups-list-view .other-groups {
  float: right;
  width: 280px
}

.groups-list-view th {
  font-weight: 300
}

.groups-list-view th.sortable {
  cursor: pointer
}

.groups-list-view .error-message {
  color: #898989;
  font-weight: 400
}

.groups-list-view .group-actions {
  margin-bottom: -50px;
  position: relative;
  text-align: right;
  width: 100%;
  z-index: 51
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .groups-list-view .group-actions {
      margin-bottom:-20px;
      margin-left: 8px;
      margin-right: 8px;
      width: calc(100% - 16px)
  }
}

.groups-list-view .group-actions.hidden {
  display: none
}

.groups-list-view .group-actions>.recent-discussions {
  margin: 0 20px 0 0;
  position: relative;
  top: 5px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .groups-list-view .group-actions>.recent-discussions {
      display:none
  }
}

.groups-list-view .group-actions.album-style-buttons {
  height: 50px;
  margin: -20px 0 0
}

.groups-list-view .group-actions.album-style-buttons>a {
  box-sizing: border-box;
  color: #737b80;
  height: 50px;
  line-height: 50px;
  text-decoration: none
}

.groups-list-view .group-actions.album-style-buttons>.recent-discussions {
  margin: 0 40px 0 0;
  top: 0
}

.groups-list-view .group-actions.album-style-buttons+.view {
  margin-top: -30px
}

.groups-list-view .pinned-tooltip {
  -webkit-touch-callout: none;
  align-items: center;
  border: 2px solid #006dac;
  border-radius: 50%;
  color: #006dac;
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  height: 16px;
  justify-content: center;
  margin-left: 10px;
  margin-right: 5px;
  user-select: none;
  width: 16px
}

.groups-list-view .sortable-table-view .group-member-count-row,.groups-list-view .sortable-table-view .group-pool-count-row {
  line-height: 18px;
  overflow: visible;
  white-space: normal
}

.group-options-tooltip .tooltip-text:not(:first-child) {
  margin-top: 10px
}

.group-options-tooltip svg {
  margin-bottom: -7px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .groups-list-view .main-group-tables .opt-out-widget-view {
      display:none
  }

  .groups-list-view .main-group-tables .sortable-table-view {
      margin-left: 8px;
      margin-right: 8px
  }

  .groups-list-view .main-group-tables .sortable-table-view table tr:after,.groups-list-view .main-group-tables .sortable-table-view table tr:before {
      display: none
  }

  .groups-list-view .main-group-tables .sortable-table-view table tr th.col40 {
      width: 70%
  }

  .groups-list-view .main-group-tables .sortable-table-view table tr th.col10,.groups-list-view .main-group-tables .sortable-table-view table tr th.col12 {
      width: 30%
  }

  .groups-list-view .main-group-tables .sortable-table-view table tr th.col30 {
      width: 40%
  }

  .groups-list-view .main-group-tables .sortable-table-view table tr td:nth-last-child(-n+5),.groups-list-view .main-group-tables .sortable-table-view table tr th:nth-last-child(-n+5) {
      display: none
  }

  .groups-list-view .main-group-tables .sortable-table-view table tr td.group-pool-count-header,.groups-list-view .main-group-tables .sortable-table-view table tr td.group-pool-count-row,.groups-list-view .main-group-tables .sortable-table-view table tr th.group-pool-count-header,.groups-list-view .main-group-tables .sortable-table-view table tr th.group-pool-count-row {
      display: table-cell;
      width: 30%
  }
}

@media only screen and (max-width: 1080px) {
  .groups-list-view .group-actions {
      margin-bottom:0
  }

  .groups-list-view table tr th {
      line-height: 1.2em;
      white-space: normal
  }
}

.no-groups-header {
  background: url(https://combo.staticflickr.com/ap/build/images/groups_landing_cover.jpg) #979697 no-repeat 50% 0;
  height: 430px;
  padding-top: 30px;
  text-align: center;
  width: 100%
}

.no-groups-header .cover-illustration {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/groups-3ddd612f.png) 0 0 no-repeat;
  height: 144px;
  margin: auto;
  width: 144px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .no-groups-header .cover-illustration {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/groups@2x-ddb218b5.png);
      background-size: 167px 162px
  }
}

.no-groups-header .headline {
  color: #fff;
  font-size: 16px;
  margin: auto;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 350px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .no-groups-header .headline {
      margin-left:8px;
      margin-right: 8px;
      width: calc(100% - 16px)
  }
}

.recommended-groups-in-list {
  margin: auto
}

.recommended-groups-in-list h5 {
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .recommended-groups-in-list h5 {
      height:auto
  }
}

.recommended-groups-in-list .featured-groups {
  padding-top: 80px
}

.recommended-groups-in-list .featured-groups h5 {
  margin: 0 0 10px
}

.featured-groups {
  margin: auto;
  max-width: 1060px;
  min-width: 1060px
}

@media only screen and (min-width: 2000px) {
  .featured-groups {
      min-width:100%
  }
}

@media only screen and (max-width: 1280px) {
  .featured-groups {
      min-width:100%
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .featured-groups {
      margin-left:8px;
      margin-right: 8px;
      min-width: calc(100% - 16px);
      width: calc(100% - 16px)
  }
}

.featured-groups h5 {
  margin-bottom: 45px;
  text-align: center
}

.featured-groups .loading {
  margin: auto;
  text-align: center
}

.featured-groups .pagination {
  min-height: 40px;
  text-align: center;
  width: 100%
}

.featured-groups .recommended-groups {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 20px
}

.featured-groups .recommended-groups .result-card {
  height: 190px;
  margin: 0;
  width: 100%
}

.featured-groups .recommended-groups .result-card .sizer-cropper {
  position: relative
}

.featured-groups .recommended-groups .result-card .avatar-content,.featured-groups .recommended-groups .result-card .text-content {
  display: block;
  margin: auto
}

.featured-groups .recommended-groups .result-card .text-content {
  margin-top: 20px;
  text-align: center
}

.featured-groups .recommended-groups .result-card .text-content .title {
  width: 100%
}

.featured-groups .recommended-groups .result-card .text-content .links {
  margin-top: 10px
}

@media only screen and (max-width: 1280px) {
  .featured-groups .recommended-groups .result-card {
      margin:auto;
      max-width: 800px
  }
}

@media only screen and (min-width: 2000px) {
  .featured-groups .recommended-groups .result-card {
      margin:auto;
      max-width: 1600px
  }
}

.featured-groups .recommended-groups .recommended-group {
  background: #fff;
  height: 445px;
  margin: auto auto 20px;
  overflow: hidden;
  padding: 0;
  width: 510px
}

.featured-groups .recommended-groups .recommended-group .group-pool-preview {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 240px;
  justify-content: space-around;
  margin: 0 5px
}

.featured-groups .recommended-groups .recommended-group .group-pool-preview a {
  background-size: cover;
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.02);
  height: 115px;
  margin: 5px;
  width: 115px
}

@media only screen and (max-width: 1280px) {
  .featured-groups .recommended-groups .recommended-group .group-pool-preview a {
      height:112px;
      margin: 3px;
      width: 112px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .featured-groups .recommended-groups .recommended-group .group-pool-preview a {
      height:112px;
      margin: 3px;
      width: calc(50% - 6px)
  }
}

@media only screen and (max-width: 1280px) {
  .featured-groups .recommended-groups .recommended-group {
      height:429px;
      margin-bottom: 30px;
      width: 368px
  }
}

.groups-toolbar-content {
  display: flex;
  height: 40px;
  justify-content: flex-end;
  margin-top: -20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .groups-toolbar-content {
      margin-left:8px;
      margin-right: 8px;
      width: calc(100% - 16px)
  }
}

.groups-toolbar-content .groups-toolbar-share-content {
  align-items: center;
  display: flex
}

.groups-toolbar-content .groups-toolbar-share-content .fluid-share-button {
  align-items: center;
  display: flex;
  height: 40px
}

.groups-toolbar-content .groups-toolbar-share-content .fluid-share-button .fluid-share-icon {
  display: inline-flex
}

.groups-toolbar-content .groups-toolbar-share-content .fluid-share-button .fluid-share-button-label {
  display: inline-flex;
  margin-left: 6px;
  margin-top: 2px
}

.help-page-view .fluid-subnav-shim {
  margin-bottom: 0
}

.help-page-view .header {
  background-color: #fff;
  display: flex;
  width: 100%
}

.help-page-view .header .header-title {
  font-size: 24px;
  margin: 40px 0 28px;
  padding: 0
}

.help-page-view .help-header-container,.help-page-view .help-page-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 80%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .help-page-view .help-header-container,.help-page-view .help-page-container {
      width:95%
  }
}

.help-page-view .help-section .help-page-tab-title {
  font-size: 30px;
  margin: 40px 0
}

.help-page-view .help-section .section-title {
  font-size: 24px;
  margin: 40px 0
}

.help-page-view .help-section .section-sub-title {
  font-size: 18px;
  margin: 28px 0
}

.help-page-view .help-section .section-message {
  font-size: 14px;
  margin-top: 0
}

.help-page-view .help-section .bold {
  font-weight: 700
}

.help-page-view .help-section .bottom {
  margin-bottom: 0
}

.help-page-view .help-section .non-indent-main-list {
  font-size: 24px;
  padding-left: 1.1em
}

.help-page-view.with-pdf {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  padding-bottom: 0
}

.help-page-view.with-pdf .help-page-container {
  flex: 1 1 auto;
  min-height: 0
}

.help-page-view.with-pdf .help-page-container .help-pdf {
  flex: 1 1 auto;
  width: 100%
}

.help-page-view.with-pdf .help-page-container .help-pdf p {
  text-align: center
}

.help-page-view {
  overflow: auto;
  padding-bottom: 80px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .help-page-view .wrapper {
      margin:0 16px
  }
}

.help-page-view .header {
  background: #fff
}

.help-page-view .header h1 {
  font-size: 24px;
  margin: 0;
  padding-bottom: 30px;
  padding-top: 40px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .help-page-view .fluid-magic-account-settings-subnav-view {
      padding:0 16px
  }
}

.help-page-view .fluid-magic-account-settings-subnav-view .fluid-subnav a:hover {
  text-decoration: none
}

.hero-slideshow-view .hero-slide-container {
  overflow: hidden;
  position: relative;
  width: 100%
}

.hero-slideshow-view .hero-slide-container #slide-next,.hero-slideshow-view .hero-slide-container #slide-prev {
  cursor: pointer;
  position: absolute;
  top: -303px;
  z-index: 5
}

.hero-slideshow-view .hero-slide-container #slide-next {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -49px no-repeat;
  height: 52px;
  right: -80px;
  width: 32px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .hero-slideshow-view .hero-slide-container #slide-next {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.hero-slideshow-view .hero-slide-container #slide-prev {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -102px no-repeat;
  height: 52px;
  left: -80px;
  width: 32px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .hero-slideshow-view .hero-slide-container #slide-prev {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.hero-slideshow-view .hero-slide-container #slide-nav {
  bottom: 20px;
  left: 50%;
  margin-left: -530px;
  position: absolute;
  text-align: center;
  width: 1060px;
  z-index: 5
}

.hero-slideshow-view .hero-slide-container #slide-nav .circle {
  background-color: hsla(0,0%,100%,.6);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin-right: 4px;
  width: 10px
}

.hero-slideshow-view .hero-slide-container #slide-nav .circle:last-of-type {
  margin-right: 0
}

.hero-slideshow-view .hero-slide-container #slide-nav .circle.active {
  background-color: #fff
}

.hero-slideshow-view .hero-slider {
  position: relative;
  transform: translateZ(0)
}

.hero-slideshow-view .hero-slider .hero {
  background-size: cover;
  left: 0;
  position: absolute;
  width: 100%
}

.is-pride-day .pride-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: pride-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,red 0,#ff0 15%,lime 30%,aqua 50%,blue 65%,#f0f 80%,red);
  background-size: 200%
}

@keyframes pride-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 200%
  }
}

.is-french-day .french-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: french-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,blue 0,#fff 50%,red);
  background-size: 100%
}

@keyframes french-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-xmas-day .xmas-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: xmas-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,green 0,red);
  background-size: 100%
}

@keyframes xmas-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-hanukkah-day .hanukkah-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: hanukkah-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,blue 0,#fff);
  background-size: 100%
}

@keyframes hanukkah-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-valentines-day .valentines-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: valentines-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,#f0f 0,red);
  background-size: 100%
}

@keyframes valentines-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-chinesenewyears-day .chinesenewyears-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: chinesenewyears-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,red 0,#ff0 50%,red);
  background-size: 100%
}

@keyframes chinesenewyears-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-halloween-day .halloween-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: halloween-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,#000 0,orange 50%,#000);
  background-size: 100%
}

@keyframes halloween-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-earth-day .earth-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: earth-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,blue 0,green);
  background-size: 100%
}

@keyframes earth-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-canada-day .canada-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: canada-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,red 0,#fff 50%,red);
  background-size: 100%
}

@keyframes canada-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-pirate-day .pirate-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: pirate-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,#000 0,#fff 50%,#000);
  background-size: 100%
}

@keyframes pirate-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-patties-day .patties-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: patties-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,green 0,#fff 50%,green);
  background-size: 100%
}

@keyframes patties-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-usa-day .usa-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: usa-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,red 0,#fff 50%,blue);
  background-size: 100%
}

@keyframes usa-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.is-flickr-day .flickr-day-background {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: flickr-background;
  animation-timing-function: ease-in-out;
  background: linear-gradient(90deg,#ff0084 0,#0063dc);
  background-size: 100%
}

@keyframes flickr-background {
  0% {
      background-position: 0
  }

  to {
      background-position: 100%
  }
}

.star-wars-day-background {
  background: #fff;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 0 1.32px 1.32px #bfeeff,0 0 6px 1.32px #53b1ff;
  height: 4px;
  margin-left: 67px;
  transition: opacity .15s ease-in-out,width 1s ease-in-out;
  width: 100px;
  z-index: 2001
}

.star-wars-day-background:before {
  background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 25%,hsla(0,0%,100%,.2) 37.5%,rgba(0,0,0,.3)),linear-gradient(90deg,#d3d3d3 0,#d3d3d3 2%,gray 0,gray 8%,#d3d3d3 0,#d3d3d3 10%,#000 0,#000 23%,#d3d3d3 0,#d3d3d3 45%,#000 0,#000 47%,gray 0,gray 48%,#000 0,#000 50%,gray 0,gray 51%,#000 0,#000 53%,gray 0,gray 54%,#000 0,#000 56%,gray 0,gray 57%,#000 0,#000 59%,gray 0,gray 60%,#000 0,#000 62%,gray 0,gray 63%,#000 0,#000 65%,gray 0,gray 66%,#000 0,#000 68%,gray 0,gray 69%,#000 0,#000 71%,#7f6244 0,#7f6244 85%,#000 0,#000 90%,#d3d3d3 0,#d3d3d3 95%,#fff);
  border-bottom-left-radius: .6px;
  border-top-left-radius: .6px;
  content: "";
  height: 4px;
  left: -67px;
  position: absolute;
  width: 67px
}

.star-wars-day-background:after {
  background: #7f6244 linear-gradient(90deg,transparent 0,transparent 10%,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 20%,transparent 0,transparent 30%,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 40%,transparent 0,transparent 50%,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 60%,transparent 0,transparent 70%,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 80%,transparent 0,transparent 90%,rgba(0,0,0,.25) 0,transparent);
  bottom: -1.32px;
  box-shadow: 0 0 2px rgba(0,0,0,.5),inset 0 -1px 2px 1px rgba(0,0,0,.33);
  content: "";
  display: none;
  height: 2.68px;
  left: -50.25px;
  position: absolute;
  width: 10.05px
}

@keyframes bounce {
  0% {
      left: 0;
      z-index: 3
  }

  5% {
      left: 0;
      z-index: 3
  }

  25% {
      left: 2px;
      z-index: 3
  }

  50% {
      left: 5px;
      z-index: 3
  }

  75% {
      left: 2px;
      z-index: 2
  }

  95% {
      left: 0
  }

  to {
      left: 0;
      z-index: 2
  }
}

@keyframes bounce-left {
  0% {
      left: 5px
  }

  5% {
      left: 5px
  }

  25% {
      left: 2px
  }

  50% {
      left: 0
  }

  75% {
      left: 2px
  }

  95% {
      left: 5px
  }

  to {
      left: 5px
  }
}

.html5-balls {
  display: block;
  height: 12px;
  position: relative;
  width: 24px
}

.html5-balls>.blueball,.html5-balls>.pinkball {
  animation: bounce 1.2s infinite;
  animation-timing-function: linear;
  background: #ff0084;
  border-radius: 30px;
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
  width: 12px;
  z-index: 3
}

.html5-balls>.blueball {
  animation: bounce-left 1.2s infinite;
  animation-timing-function: linear;
  background: #0063dd;
  left: 0
}

.html5-balls>.html4-balls {
  background: url(/images/progress/balls-24x12-black.gif);
  display: block;
  height: 12px;
  position: relative;
  width: 24px
}

.infinite-scroll-load-more {
  text-align: center
}

.infobar-photolist-photo-view {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
  transition: box-shadow .2s linear
}

.infobar-photolist-photo-view .photo-list-photo-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.infobar-photolist-photo-view .photo-list-photo-container .photo-container {
  flex: 1 1 auto;
  position: relative
}

.infobar-photolist-photo-view .photo-list-photo-container .photo-container .photo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%
}

.infobar-photolist-photo-view .photo-list-photo-container .photo-container .click-target {
  background-color: transparent;
  height: 100%;
  position: absolute;
  width: 100%
}

.infobar-photolist-photo-view .photo-list-photo-container .photo-container:hover .photo-card-overlay-icon {
  opacity: .5
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  height: 70px;
  justify-content: space-between;
  opacity: 1;
  padding: 16px
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container {
  align-items: center;
  display: flex;
  margin-right: 12px;
  min-width: 0
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .avatar {
  flex: 0 0 auto;
  margin: 0 12px 0 0
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .avatar.hidden {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details {
  min-width: 0
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.title {
  color: #212124;
  font-weight: 600
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution {
  color: #b3b3b3;
  font-size: 12px;
  margin-top: 6px
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container.hidden {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement {
  display: flex
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item {
  color: #b3b3b3;
  cursor: pointer;
  display: flex;
  margin-right: 12px
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-icon svg {
  display: block;
  height: 18px;
  width: 18px
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon {
  display: block
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon svg.filled,.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon svg {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon svg.filled {
  display: block
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.can-not-fave {
  cursor: default;
  opacity: .6
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.comment .engagement-icon {
  display: block
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.comment.active {
  color: #212124
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-count {
  margin: 1px 0 0 4px
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-count.empty,.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-count.hidden {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.last,.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:last-child {
  margin-right: 0
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.hidden {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover {
  color: #212124
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar.invisible {
  opacity: 0
}

.infobar-photolist-photo-view .photo-list-photo-container .sub-photo-info-bar.narrow {
  justify-content: center;
  padding-left: 0;
  padding-right: 0
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar {
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.5));
  bottom: 0;
  height: auto;
  left: 0;
  opacity: 0;
  padding: 65px 8px 8px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-shadow: 0 0 2px #000
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container {
  pointer-events: all
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a {
  text-decoration: none
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a.title {
  color: #fff
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a.attribution {
  color: #b3b3b3;
  font-size: 11px;
  margin-top: 2px
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a.attribution:hover {
  color: #fff
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement {
  pointer-events: all
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item,.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item.comment.active {
  color: #fff
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar.active {
  display: flex;
  opacity: 1
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover .remove-message-container .remove-message-content {
  top: 0
}

.infobar-photolist-photo-view .photo-list-photo-container.info-bar-on-hover:hover .sub-photo-info-bar {
  display: flex;
  opacity: 1
}

.infobar-photolist-photo-view .photo-list-photo-container.hidden {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container {
  align-items: center;
  background-color: hsla(0,0%,100%,.75);
  bottom: 0;
  color: #000;
  display: flex;
  font-weight: 600;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container .remove-message-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: -35px
}

.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container .remove-message-content .removing-text {
  margin-bottom: 8px
}

.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container .remove-message-content .removing-text.hidden,.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container .remove-message-content.hidden,.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container.hidden {
  display: none
}

.infobar-photolist-photo-view .photo-list-photo-container .remove-message-container.unhidden {
  display: flex
}

.infobar-photolist-photo-view .photo-list-photo-container.loading .photo-container .photo-card-overlay-icon {
  opacity: 0
}

.infobar-photolist-photo-view.placeholder {
  opacity: .3
}

.infobar-photolist-photo-view:hover {
  box-shadow: 0 1px 16px rgba(0,0,0,.1)
}

.interesting-map-controls-view {
  left: 50px;
  position: relative;
  top: 10px
}

.interesting-map-controls-view form {
  display: inline-block;
  position: relative
}

.interesting-map-controls-view form input {
  background-color: hsla(0,0%,100%,.85);
  border: 1px solid #a4aaac;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.33);
  font-size: 11pt;
  height: 30px;
  outline: 0;
  padding: 0 4px 2px 34px;
  width: 232px
}

.interesting-map-controls-view form input[disabled] {
  background-color: #898989
}

.interesting-map-controls-view form:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -202px no-repeat;
  content: "";
  display: block;
  height: 18px;
  left: 9px;
  position: absolute;
  top: 7px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interesting-map-controls-view form:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.interesting-map-controls-view .photo-sort-selector {
  -webkit-touch-callout: none;
  background-color: hsla(0,0%,100%,.85);
  border: 1px solid #a4aaac;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.33);
  padding: 10px;
  user-select: none;
  width: 250px
}

.interesting-map-controls-view .photo-sort-selector h5 {
  margin: 0
}

.interesting-map-photo-drawer-view {
  bottom: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  width: 100%
}

.interesting-map-photo-drawer-view .highlighted {
  outline: 3px solid #128fdc
}

.map {
  -webkit-touch-callout: none;
  height: 70%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%
}

.map .leaflet-bar {
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.33)
}

.map-photo-icon {
  background-color: rgba(255,204,153,.95);
  border: 3px solid #fff;
  border-radius: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,.33);
  height: 12px;
  transition: width .5s cubic-bezier(0,.75,.4,1.33),height .5s cubic-bezier(0,.75,.4,1.33),left .5s cubic-bezier(0,.75,.4,1.33),top .5s cubic-bezier(0,.75,.4,1.33);
  width: 12px
}

.map-photo-icon.highlighted {
  background-color: rgba(255,153,0,.8);
  box-shadow: 0 0 12px rgba(0,0,0,.5);
  height: 24px;
  left: -6px;
  top: -6px;
  width: 24px
}

.map-photo-icon.highlighted:after {
  color: hsla(0,0%,100%,.75);
  content: "×";
  display: block;
  line-height: 22px;
  text-align: center
}

.resize-handle {
  border-top: 1px solid #cfd6d9;
  box-shadow: 0 0 4px rgba(0,0,0,.25);
  cursor: row-resize;
  height: 12px;
  position: absolute;
  top: 70%;
  width: 100%
}

.resize-handle:after {
  border-bottom: 1px solid #898989;
  border-top: 1px solid #898989;
  content: "";
  display: block;
  height: 2px;
  margin: 3px auto;
  text-align: center;
  width: 16px
}

.photo-drawer {
  -webkit-touch-callout: none;
  background-color: #212124;
  bottom: -12px;
  height: 30%;
  position: absolute;
  user-select: none;
  width: 100%
}

.intro-to-prints-container .main-content-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 50px;
  text-align: center
}

.intro-to-prints-container .main-content-container .prints-img {
  background-image: url(https://combo.staticflickr.com/ap/build/images/prints/prints-modal.jpg);
  background-position: 50%;
  background-size: cover;
  height: 200px;
  width: 300px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .intro-to-prints-container .main-content-container .prints-img {
      background-image:url(https://combo.staticflickr.com/ap/build/images/prints/prints-modal@2x.jpg)
  }
}

.intro-to-prints-container .main-content-container .title {
  font-weight: 600;
  margin: 0
}

.intro-to-prints-container .main-content-container .body-text {
  margin: 8px 0 20px
}

.intro-to-prints-container .sub-note-container {
  align-items: center;
  border-top: 1px solid #e1e1e1;
  color: #b3b3b3;
  display: flex;
  justify-content: center;
  padding: 20px
}

.intro-to-prints-container .sub-note-container .photo-attribution {
  font-size: 12px;
  text-align: center
}

.intro-to-prints-container .sub-note-container .photo-attribution a {
  color: #b3b3b3;
  text-decoration: underline
}

.gh-job-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1em 0
}

.gh-job-item .column {
  flex: 1 1 0;
  padding: 0 1em
}

.gh-job-item .column.job-title {
  flex: 1.5 1 0;
  font-weight: 600
}

.gh-job-item .column.job-title a {
  color: #212124
}

.gh-job-item .column.job-location {
  color: #b3b3b3;
  text-align: center
}

.gh-job-item .column.job-link-container {
  text-align: right
}

.gh-job-item .column.job-link-container .view-job-link {
  color: #006dac
}

.join-group-view {
  display: flex;
  justify-content: center
}

.join-group-view button.join .joined-label {
  display: inline
}

.join-group-view button.join .leave-label,.join-group-view button.join:hover .joined-label {
  display: none
}

.join-group-view button.join.has-menu:hover .joined-label,.join-group-view button.join:hover .leave-label {
  display: inline
}

.join-group-view button.join.has-menu:hover .leave-label {
  display: none
}

.join-group-view button.join.disable-hover-label-switch:hover .joined-label {
  display: inline
}

.join-group-view button.join.disable-hover-label-switch:hover .leave-label {
  display: none
}

.join-group-view button.join.hide-label {
  min-width: 35px;
  padding-left: 0
}

.join-group-view button.join.hide-label:before {
  top: 12px
}

.join-group-view button.join.hide-label:after {
  top: 6px
}

.send-invitation textarea {
  width: 100%
}

.license-history-view {
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin: 10px 0;
  padding: 0
}

.license-history-view .license-history-modal-table-div {
  height: 200px;
  overflow-y: auto
}

.license-history-view .license-history-modal-table-div table {
  border: none;
  border-collapse: collapse;
  line-height: 25px;
  table-layout: fixed
}

.license-history-view .license-history-modal-table-div .license-history-table {
  margin-bottom: 10px
}

.license-history-view .license-history-modal-table-div .license-history-table td,.license-history-view .license-history-modal-table-div .license-history-table th,.license-history-view .license-history-modal-table-div .license-history-table tr {
  white-space: normal
}

.license-history-view .license-history-modal-table-div .license-history-table td {
  font-size: 14px
}

.license-history-view .license-history-modal-table-div .license-history-table tr {
  border-bottom: none
}

@media only screen and (max-width: 500px) {
  .license-history-view .license-history-modal-table-div .license-history-table tr {
      display:flex;
      flex-direction: column
  }
}

.license-history-view .license-history-modal-table-div .license-history-table tr.history-new-license {
  border-bottom: 20px solid transparent
}

.license-history-view .license-history-modal-table-div .license-history-table tr:hover {
  background-color: transparent
}

.license-history-view .license-history-modal-table-div .license-history-table .word-wrap {
  white-space: normal
}

.subview-modal.license-history .extra {
  font-size: 14px;
  padding: 0 20px 16px
}

.subview-modal.license-history .body.lines.error {
  border: none
}

.subview-modal.license-history .body.error {
  padding: 0 0 0 20px
}

.like-engagement-item-view .like-engagement-item {
  align-items: center;
  color: #212124;
  cursor: pointer;
  display: flex;
  opacity: .4
}

.like-engagement-item-view .like-engagement-item .like-engagement-icon {
  color: #212124;
  display: block;
  flex: 0 0 auto
}

.like-engagement-item-view .like-engagement-item .like-engagement-icon .icon-like,.like-engagement-item-view .like-engagement-item .like-engagement-icon .icon-liked {
  height: 24px;
  width: 24px
}

.like-engagement-item-view .like-engagement-item .like-engagement-icon .icon-like {
  display: block
}

.like-engagement-item-view .like-engagement-item .like-engagement-icon .icon-liked {
  display: none
}

.like-engagement-item-view .like-engagement-item .like-engagement-count {
  color: #212124;
  flex: 0 0 auto;
  line-height: 24px;
  margin: 0 0 0 4px
}

.like-engagement-item-view .like-engagement-item .like-engagement-count.empty,.like-engagement-item-view .like-engagement-item .like-engagement-count.hidden {
  display: none
}

.like-engagement-item-view .like-engagement-item:hover {
  opacity: 1
}

.like-engagement-item-view .like-engagement-item.liked .like-engagement-icon .icon-like {
  display: none
}

.like-engagement-item-view .like-engagement-item.liked .like-engagement-icon .icon-liked {
  display: block
}

.like-engagement-item-view .like-engagement-item.padded {
  padding: 6px
}

.like-engagement-item-view .like-engagement-item.small .like-engagement-icon .icon-like,.like-engagement-item-view .like-engagement-item.small .like-engagement-icon .icon-liked {
  height: 18px;
  width: 18px
}

.like-engagement-item-view .like-engagement-item.small .like-engagement-count {
  line-height: 18px
}

.like-engagement-item-view .like-engagement-item.medium .like-engagement-icon .icon-like,.like-engagement-item-view .like-engagement-item.medium .like-engagement-icon .icon-liked {
  height: 24px;
  width: 24px
}

.like-engagement-item-view .like-engagement-item.can-not-like {
  cursor: default;
  opacity: .2
}

.like-engagement-item-view .like-engagement-item.can-not-like:hover {
  opacity: .2
}

.like-engagement-item-view .like-engagement-item.theme-dark {
  opacity: 1
}

.like-engagement-item-view .like-engagement-item.theme-dark .like-engagement-count,.like-engagement-item-view .like-engagement-item.theme-dark .like-engagement-icon {
  color: #212124
}

.like-engagement-item-view .like-engagement-item.theme-dark.can-not-like,.like-engagement-item-view .like-engagement-item.theme-dark.can-not-like:hover {
  opacity: .6
}

.like-engagement-item-view .like-engagement-item.theme-light {
  opacity: 1
}

.like-engagement-item-view .like-engagement-item.theme-light .like-engagement-count,.like-engagement-item-view .like-engagement-item.theme-light .like-engagement-icon {
  color: #fff
}

.like-engagement-item-view .like-engagement-item.theme-light.can-not-like,.like-engagement-item-view .like-engagement-item.theme-light.can-not-like:hover {
  opacity: .6
}

body:after {
  animation: 0 none;
  height: 0!important;
  opacity: 0!important
}

body>#content>.view>div,body>#content>.view>iframe,body>#content>.view>section {
  opacity: 1!important
}

.mentions-droparound-view .mentions-droparound {
  margin: 0;
  padding: 0
}

.mentions-droparound-view .mention-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.mentions-droparound-view .mention-item .avatar {
  margin: 5px 15px 5px 0
}

.mentions-droparound-view .mention-item.hidden {
  display: none
}

.mentions-droparound-view .mention-item:focus,.mentions-droparound-view .mention-item:hover {
  background: #e6eaec;
  color: #212124
}

.moola-sticky-view .moola-sticky-view-main-container {
  bottom: 0;
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
  z-index: 999
}

.moola-sticky-view .moola-sticky-view-main-container .close-button-container {
  background-color: gray;
  border-radius: 50px;
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: -10px;
  top: -20px;
  width: 20px
}

.moola-sticky-view .moola-sticky-view-main-container .close-button-container .close-ad-button {
  color: #fff;
  font-size: 20px;
  left: 5px;
  position: absolute;
  top: 53%;
  transform: translateY(-50%)
}

.moola-container>div>iframe {
  background: #fff
}

.moola-container.upsell-fallback {
  background: url(https://combo.staticflickr.com/ap/build/images/Storage-300x250.jpg)
}

.moola-container.upsell-fallback[id^=div-gpt-ad] {
  display: block!important
}

.moola-container.upsell-fallback a {
  display: block;
  height: 100%;
  width: 100%
}

.photo-page-i-m-container,.photo-page-i-m-container .upgrade-to-pro-cta,.photo-page-m-container,.photo-page-m-container .upgrade-to-pro-cta {
  text-align: center
}

.photo-page-i-m-container .upgrade-to-pro-cta a,.photo-page-m-container .upgrade-to-pro-cta a {
  color: #888;
  font-size: 14px
}

.photo-page-i-m-container .upgrade-to-pro-cta a:hover,.photo-page-m-container .upgrade-to-pro-cta a:hover {
  text-decoration: underline
}

.photo-page-i-m-container .navad-timer-container,.photo-page-m-container .navad-timer-container {
  height: 30px;
  text-align: center;
  width: 100%
}

.photo-page-i-m-container .navad-timer-container .navad-timer-text,.photo-page-m-container .navad-timer-container .navad-timer-text {
  color: #888;
  font-size: 14px;
  margin: 10px 0 0
}

.photo-page-m-container,.photo-page-m-container .upgrade-to-pro-cta {
  text-align: left
}

.my-flickr-year-2021-page-view .pyir-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  margin: 56px auto;
  max-width: 800px
}

.my-flickr-year-2021-page-view .pyir-container>.help {
  display: none
}

.my-flickr-year-2021-page-view .pyir-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.my-flickr-year-2021-page-view .pyir-text h2 {
  font-weight: 600;
  margin-bottom: 0
}

.my-flickr-year-2021-page-view .pyir-text p {
  font-size: 22px;
  line-height: 1.5;
  margin: 20px 0 10px
}

.my-flickr-year-2021-page-view .pyir-text button {
  margin: 20px 0
}

.my-flickr-year-2021-page-view .pyir-text .upload-error {
  color: #e2292b;
  font-size: 14px;
  margin: -10px 0 10px
}

.my-flickr-year-2021-page-view p.help {
  color: #898989;
  font-size: 14px;
  margin: 15px 0
}

.my-flickr-year-2021-page-view .nifty-preview {
  display: block;
  margin-right: 70px;
  max-height: 546px;
  max-width: 346px
}

.my-flickr-year-2021-page-view .nifty-preview.error {
  background: #e5e7e8 url(https://combo.staticflickr.com/pw/images/en-us/photo-dmca-takedown/q.png) 50% no-repeat;
  min-height: 300px;
  min-width: 300px
}

@media only screen and (max-width: 890px) {
  .my-flickr-year-2021-page-view .pyir-container {
      flex-direction:column-reverse;
      padding: 0 25px
  }

  .my-flickr-year-2021-page-view .pyir-container>.help {
      display: block;
      order: -1
  }

  .my-flickr-year-2021-page-view .pyir-text h2 {
      margin-top: 0
  }

  .my-flickr-year-2021-page-view .pyir-text .help {
      display: none
  }

  .my-flickr-year-2021-page-view .nifty-preview {
      margin-bottom: 25px;
      margin-top: 10px;
      max-width: 100%
  }
}

.my-flickr-year-2021-page-view .hidden {
  display: none
}

.my-flickr-year-2022-page-view .pyir-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  margin: 56px auto;
  max-width: 800px
}

.my-flickr-year-2022-page-view .pyir-container>.help {
  display: none
}

.my-flickr-year-2022-page-view .pyir-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.my-flickr-year-2022-page-view .pyir-text h2 {
  font-weight: 600;
  margin-bottom: 0
}

.my-flickr-year-2022-page-view .pyir-text p {
  font-size: 22px;
  line-height: 1.5;
  margin: 20px 0 10px
}

.my-flickr-year-2022-page-view .pyir-text button {
  margin: 20px 0
}

.my-flickr-year-2022-page-view .pyir-text .upload-error {
  color: #e2292b;
  font-size: 14px;
  margin: -10px 0 10px
}

.my-flickr-year-2022-page-view p.help {
  color: #898989;
  font-size: 14px;
  margin: 15px 0
}

.my-flickr-year-2022-page-view .nifty-preview {
  display: block;
  margin-right: 70px;
  max-height: 546px;
  max-width: 346px
}

.my-flickr-year-2022-page-view .nifty-preview.error {
  background: #e5e7e8 url(https://combo.staticflickr.com/pw/images/en-us/photo-dmca-takedown/q.png) 50% no-repeat;
  min-height: 300px;
  min-width: 300px
}

@media only screen and (max-width: 890px) {
  .my-flickr-year-2022-page-view .pyir-container {
      flex-direction:column-reverse;
      padding: 0 25px
  }

  .my-flickr-year-2022-page-view .pyir-container>.help {
      display: block;
      order: -1
  }

  .my-flickr-year-2022-page-view .pyir-text h2 {
      margin-top: 0
  }

  .my-flickr-year-2022-page-view .pyir-text .help {
      display: none
  }

  .my-flickr-year-2022-page-view .nifty-preview {
      margin-bottom: 25px;
      margin-top: 10px;
      max-width: 100%
  }
}

.my-flickr-year-2022-page-view .hidden {
  display: none
}

.native-share-panel-view .grab-link-permission-field {
  margin: 10px auto
}

.nav-selecta li p.bs-message {
  height: 20px;
  padding: 10px 5px
}

.nav-selecta li p.ns-search {
  background: transparent;
  text-align: left
}

.nav-selecta li p.ns-search a.inner,.nav-selecta li p.ns-search span.inner {
  display: block;
  padding: 0 5px 0 30px;
  position: relative;
  text-align: left
}

.nav-selecta li p.ns-search a.inner {
  background: transparent
}

.nav-selecta li p.ns-search span.icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -234px no-repeat;
  display: block;
  height: 18px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .nav-selecta li p.ns-search span.icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.nav-selecta li p.ns-search strong {
  color: #006dac;
  font-weight: 400
}

.nav-selecta li p.ns-section {
  background: transparent;
  color: #3886e6
}

.nav-selecta li p.ns-section a.inner,.nav-selecta li p.ns-section span.inner {
  display: block;
  padding: 0 5px 0 30px;
  position: relative;
  text-align: left
}

.nav-selecta li p.ns-section a.inner {
  background: transparent
}

.nav-selecta li p.ns-section span.icon {
  background: transparent url(https://www.flickr.com/images/nav-selecta-sprite.png.v3) no-repeat 0 0;
  display: block;
  height: 16px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 18px
}

.nav-selecta li p.ns-section span .term-highlight {
  display: inline;
  float: none
}

.nav-selecta li p.ns-search-more span.icon {
  background: none
}

.nav-selecta li p.ns-section-generic span.icon {
  background-position: -51px -14px
}

.nav-selecta li p.ns-section-photos span.icon {
  background-position: -51px -54px
}

.nav-selecta li p.ns-section-text span.icon {
  background-position: -91px -14px
}

.nav-selecta li p.ns-section-map span.icon {
  background-position: -91px -54px
}

.nav-selecta li p.ns-section-photo span.icon {
  background-position: -131px -14px
}

.nav-selecta li p.ns-section-video span.icon {
  background-position: -131px -54px
}

.nav-selecta li p.ns-section-stats span.icon {
  background-position: -171px -14px
}

.nav-selecta li p.ns-section-activity span.icon {
  background-position: -171px -54px
}

.nav-selecta li p.ns-section-contacts span.icon {
  background-position: -211px -14px
}

.nav-selecta li p.ns-section-empty span.icon {
  background-position: -211px -54px
}

.nav-selecta li p.ns-section-code span.icon {
  background-position: -251px -14px
}

.nav-selecta li p.ns-section-admin span.icon {
  background-position: -251px -54px
}

.nav-selecta li p.ns-section-meta span.icon {
  background-position: -291px -14px
}

.nav-selecta li p.first-contact {
  border-top: 1px solid #eee;
  padding-top: 4px
}

.nav-selecta li p.first-contact span.name img {
  top: 8px
}

.nav-selecta li p.first-group,.nav-selecta li p.first-section {
  border-top: 1px solid #eee
}

.nav-selecta li p.last-contact {
  padding-bottom: 4px
}

.nav-selecta li p span.name strong.username {
  color: #006dac;
  font-size: 14px;
  text-align: left
}

.nav-selecta li p span.name strong.username a:hover {
  color: #3886e6
}

.nav-selecta li p span.name .realname {
  margin-top: 0
}

.nav-selecta li p strong a {
  background: transparent
}

.nav-selecta li p.bs-global-search-link span .term-highlight {
  display: inline;
  float: none;
  padding: 0
}

.nav-selecta .term-highlight {
  background: none
}

.nav-selecta .yui3-aclist-item-hover .term-highlight {
  background: #c3ddff
}

.nav-selecta .yui3-aclist-item-active .term-highlight {
  background: #006dac
}

.nav-selecta a:hover .term-highlight {
  background: #c3ddff
}

.nav-selecta p {
  line-height: 14px
}

.nav-selecta em.term-highlight {
  font-style: normal
}

.nav-selecta #search-field {
  background: transparent;
  border: none;
  box-shadow: none;
  margin-left: 0;
  padding-left: 0
}

.nav-selecta .yui3-aclist {
  left: -40px!important
}

.new-feature-pulse {
  position: absolute;
  top: 50%;
  transform: translateY(-20px)
}

.new-feature-pulse .wave {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: featurePulse;
  animation-timing-function: linear;
  background-color: #128fdc;
  border-radius: 50%;
  height: 40px;
  left: -30px;
  opacity: 0;
  position: absolute;
  width: 40px
}

.new-feature-pulse .delay1 {
  animation-delay: .3s;
  background-color: #128fdc
}

.new-feature-pulse .delay2 {
  animation-delay: .6s;
  background-color: #128fdc
}

.new-feature-pulse[data-pulse-on=false] {
  display: none
}

@keyframes featurePulse {
  0% {
      opacity: 1;
      transform: scale(.125)
  }

  25% {
      opacity: .75;
      transform: scale(.25)
  }

  50% {
      opacity: .5;
      transform: scale(.5)
  }

  75% {
      opacity: .25;
      transform: scale(.75)
  }

  to {
      opacity: 0;
      transform: scale(1)
  }
}

.notification-center-page-view .notification-center-page-container.fluid-centered {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  max-width: 1200px
}

.notification-center-page-view .notification-center-page-container.fluid-centered .filter-container {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 20px
}

.notification-center-page-view .notification-center-page-container.fluid-centered .filter-container .filter-menu-button {
  align-items: center;
  color: #898989;
  cursor: pointer;
  display: flex;
  margin-right: 30px;
  position: relative
}

.notification-center-page-view .notification-center-page-container.fluid-centered .filter-container .filter-menu-button .filter-menu-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.notification-center-page-view .notification-center-page-container.fluid-centered .filter-container .filter-menu-button .arrow svg {
  display: block
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .notification-center-page-view .notification-center-page-container.fluid-centered .filter-container {
      margin:12px
  }
}

.notification-center-page-view .notification-center-page-container.fluid-centered .filter-container.invisible {
  visibility: hidden
}

.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container .load-top-button {
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  height: 48px;
  justify-content: center;
  transition: height .3s,opacity .3s
}

.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container .load-top-button.hidden {
  height: 0;
  opacity: 0;
  pointer-events: none
}

.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container .notifications-list-view {
  background-color: #fff
}

.notification-center-page-view .notification-center-page-container.fluid-centered .load-more-button-container {
  text-align: center
}

.notification-center-page-view .notification-center-page-container.fluid-centered .load-more-button-container .load-more-button {
  margin: 20px 0 0
}

.notification-center-page-view .notification-center-page-container.fluid-centered .load-more-button-container .load-more-button.hidden {
  display: none
}

.notification-center-page-view .fluid-subnav-shim {
  height: auto
}

.notifications-list-view {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  height: 100%;
  line-height: 1.2
}

.notifications-list-view .notifications-list {
  flex: 1 1 auto
}

.notifications-list-view .notifications-list ul.notification-item-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.notifications-list-view .notifications-list ul.notification-item-list .notification-item {
  border-bottom: 1px solid #e1e1e1
}

.notifications-list-view .notifications-list .notifications-empty-state {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  padding: 30px;
  text-align: center
}

.notifications-list-view .notifications-list .notifications-empty-state.hidden {
  display: none
}

.notifications-panel-view .notifications-list-view .notifications-list .notifications-empty-state {
  border: none
}

.notifications-list-view .notifications-list .loading-balls {
  padding: 16px;
  text-align: center
}

.notifications-list-view .notifications-list .loading-balls .balls {
  display: block
}

.notifications-list-view .notifications-list .loading-balls.hidden,.notifications-list-view.hidden {
  display: none
}

.notifications-panel-view .notifications-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.notifications-panel-view .notifications-panel .nav-container {
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between
}

.notifications-panel-view .notifications-panel .nav-container .tabs {
  display: flex;
  flex: 1 1 auto;
  overflow: auto
}

.notifications-panel-view .notifications-panel .nav-container .tabs .tab {
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  flex: 0 0 auto;
  opacity: .75;
  padding: 12px 16px;
  position: relative;
  transition: border-bottom .1s linear
}

.notifications-panel-view .notifications-panel .nav-container .tabs .tab:not(:last-child) {
  margin-right: 8px
}

.notifications-panel-view .notifications-panel .nav-container .tabs .tab.selected,.notifications-panel-view .notifications-panel .nav-container .tabs .tab:hover {
  border-bottom: 3px solid #0091dc;
  opacity: 1
}

.notifications-panel-view .notifications-panel .nav-container .tabs .tab .count-in-parens.hidden {
  display: none
}

.notifications-panel-view .notifications-panel .nav-container .tabs.disabled {
  cursor: default;
  pointer-events: none
}

.notifications-panel-view .notifications-panel .nav-container .actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  margin: 0 12px
}

.notifications-panel-view .notifications-panel .nav-container .actions .settings-link {
  color: #999;
  position: relative
}

.notifications-panel-view .notifications-panel .nav-container .actions .settings-link svg {
  display: block
}

.notifications-panel-view .notifications-panel .list-container {
  flex: 1 1 auto;
  overflow: auto
}

.notifications-panel-view .notifications-panel .list-container .load-top-button {
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  height: 48px;
  justify-content: center;
  transition: height .3s,opacity .3s
}

.notifications-panel-view .notifications-panel .list-container .load-top-button.hidden {
  height: 0;
  opacity: 0;
  pointer-events: none
}

.notifications-panel-view .notifications-panel .footer {
  border-top: 1px solid #e1e1e1;
  display: block;
  flex: 0 0 auto;
  font-weight: 600;
  padding: 16px;
  text-align: center
}

.notifications-panel-view .notifications-panel .footer .foot-link {
  color: #006dac
}

.notifications-panel-view .notifications-panel .footer .label-beta {
  margin-left: 10px
}

.notifications-panel-view .notifications-panel .tour-tooltip-start {
  margin-right: 15px
}

.opt-out-widget {
  animation: fadein .25s ease-in;
  backface-visibility: hidden;
  bottom: 0;
  margin: auto 20px 20px auto;
  position: fixed;
  right: 0
}

.opt-out-widget.hidden {
  display: none
}

.opt-out-widget.hugging-footer {
  bottom: 108px;
  position: absolute
}

.opt-out-widget form {
  float: right
}

.opt-out-widget .feedback {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll-8860a95b.png) -29px -73px no-repeat;
  display: inline-block;
  height: 28px;
  margin-right: 4px;
  opacity: .5;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .opt-out-widget .feedback {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/cameraroll@2x-65d84381.png);
      background-size: 162px 140px
  }
}

.opt-out-widget .feedback:hover {
  opacity: .75
}

.opt-out-widget .optout-toggle {
  background: #fff;
  border: 1px solid #eee;
  line-height: 28px;
  padding: 1px 2px 3px 8px
}

.opt-out-widget .optout-toggle .divider {
  border: 1px solid #eee;
  margin: 0 5px;
  width: 1px
}

.opt-out-widget .optout-toggle button {
  background-color: transparent;
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/groups-3ddd612f.png) -28px -145px no-repeat;
  height: 16px;
  margin-left: 4px;
  margin-top: 7px;
  min-width: 20px;
  padding: 0;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .opt-out-widget .optout-toggle button {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/groups@2x-ddb218b5.png);
      background-size: 167px 162px
  }
}

.opt-out-widget .optout-toggle button:hover {
  background-color: transparent;
  opacity: .75
}

.groups-list-view .opt-out-widget.hugging-footer {
  position: fixed
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .opt-out-widget {
      display:none
  }
}

.pagination-view {
  margin: 20px auto;
  min-height: 20px;
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .pagination-view {
      margin-bottom:45px
  }
}

.pagination-view span {
  border-radius: 3px;
  box-sizing: border-box;
  color: #898989;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  min-width: 32px;
  padding: 0 10px;
  text-align: center;
  transition: background-color .15s ease-in-out;
  vertical-align: top
}

.pagination-view span.is-current {
  background: #008ddf;
  color: #fff;
  font-weight: 600
}

.pagination-view .moredots {
  line-height: 28px
}

.pagination-view a {
  border-radius: 3px;
  display: inline-block;
  text-decoration: none
}

.pagination-view a:hover span {
  box-shadow: inset 0 0 0 2px #008ddf
}

.pagination-view i {
  display: inline-block;
  position: relative;
  top: 3px
}

.pagination-view .page-arrow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -334px no-repeat;
  height: 18px;
  width: 8px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .pagination-view .page-arrow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.pagination-view .page-arrow:hover {
  opacity: .8
}

.pagination-view .page-arrow.right {
  transform: rotate(180deg)
}

.pagination-view .disabled {
  cursor: default
}

.pagination-view .disabled .page-arrow {
  display: none
}

.parseable-text-input-view {
  background: none;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  height: 100%;
  line-height: 1.5;
  width: 100%
}

.parseable-text-input-view .parseable-text-input {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.parseable-text-input-view .parseable-text-input .custom-text {
  flex: 1 1 auto;
  min-height: 20px;
  outline: 0;
  overflow: auto;
  position: relative;
  top: -1px;
  width: 100%;
  word-break: break-word
}

.parseable-text-input-view .parseable-text-input .text-toolbar {
  align-items: center;
  display: flex
}

.parseable-text-input-view .parseable-text-input .text-toolbar .picker-icon-wrapper {
  color: #9ea4a7;
  cursor: pointer;
  margin-right: 6px
}

.parseable-text-input-view .parseable-text-input .text-toolbar .picker-icon-wrapper.selected,.parseable-text-input-view .parseable-text-input .text-toolbar .picker-icon-wrapper:hover {
  color: #008ddf
}

.parseable-text-input-view .parseable-text-input .text-toolbar .picker-icon-wrapper svg {
  pointer-events: none
}

.parseable-text-input-view .parseable-text-input .mention {
  background: #ff0
}

.parseable-text-input-view .parseable-text-input [data-textarea] {
  white-space: pre-line
}

.parseable-text-input-view .parseable-text-input [data-textarea]:empty:before {
  color: #b3b3b3;
  content: attr(data-placeholder);
  display: block
}

.parseable-text-input-view.focus .parseable-text-input .mention-icon-wrapper {
  color: #008ddf
}

.parseable-text-input-view.collapsed .parseable-text-input {
  overflow: hidden
}

.partner-account-banner-view .banner-container {
  align-items: center;
  background-color: #e12e45;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  height: 30px;
  justify-content: center;
  left: 0;
  padding: 5px 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000
}

.partner-account-banner-view .banner-container p {
  line-height: 20px
}

.partner-account-banner-view .banner-container p .learn-more {
  color: #fff;
  text-decoration: underline
}

.partner-account-banner-view .banner-container p .learn-more:active,.partner-account-banner-view .banner-container p .learn-more:hover {
  opacity: .7
}

@media only screen and (max-width: 862px) {
  .partner-account-banner-view .banner-container {
      height:50px;
      min-width: 0
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .partner-account-banner-view .banner-container p {
      font-size:12px;
      line-height: 14px
  }
}

.partner-account-view .content {
  box-sizing: border-box;
  padding: 0 10px
}

.partner-account-view .content .email-list {
  display: flex
}

.partner-account-view .content .email-list .column {
  width: 200px
}

.payment-method-view .is-loading {
  display: block;
  text-align: center
}

.payment-method-view.wait {
  cursor: wait
}

.payment-method-view.wait,.payment-method-view.wait *,.payment-method-view.wait * iframe,.payment-method-view.wait * input,.payment-method-view.wait * label,.payment-method-view.wait * select,.payment-method-view.wait iframe,.payment-method-view.wait input,.payment-method-view.wait label,.payment-method-view.wait select {
  pointer-events: none
}

.payment-method-view.wait .billing-container .field-container {
  opacity: .6
}

.payment-method-view #divider {
  display: none
}

.payment-method-view #billing-form,.payment-method-view #gift-pro-form,.payment-method-view #payment-method-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  opacity: 1;
  padding-top: 20px
}

.payment-method-view #billing-form input[type=text],.payment-method-view #gift-pro-form input[type=text],.payment-method-view #payment-method-form input[type=text] {
  transition: all .15s ease-in-out;
  transition-property: border,background,opacity,padding
}

.payment-method-view #billing-form input[type=number],.payment-method-view #gift-pro-form input[type=number],.payment-method-view #payment-method-form input[type=number] {
  transition: all .15s ease-in-out;
  transition-property: background,opacity
}

.payment-method-view #billing-form #credit-card-cvv,.payment-method-view #billing-form #credit-card-expiry,.payment-method-view #billing-form #credit-card-number,.payment-method-view #billing-form #postal-code,.payment-method-view #billing-form #zip-field,.payment-method-view #billing-form input[type=number],.payment-method-view #billing-form input[type=text],.payment-method-view #billing-form select,.payment-method-view #gift-pro-form #credit-card-cvv,.payment-method-view #gift-pro-form #credit-card-expiry,.payment-method-view #gift-pro-form #credit-card-number,.payment-method-view #gift-pro-form #postal-code,.payment-method-view #gift-pro-form #zip-field,.payment-method-view #gift-pro-form input[type=number],.payment-method-view #gift-pro-form input[type=text],.payment-method-view #gift-pro-form select,.payment-method-view #payment-method-form #credit-card-cvv,.payment-method-view #payment-method-form #credit-card-expiry,.payment-method-view #payment-method-form #credit-card-number,.payment-method-view #payment-method-form #postal-code,.payment-method-view #payment-method-form #zip-field,.payment-method-view #payment-method-form input[type=number],.payment-method-view #payment-method-form input[type=text],.payment-method-view #payment-method-form select {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #9ea4a7;
  box-sizing: border-box;
  color: #212124;
  display: block;
  font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  margin: 0;
  padding: 0 0 0 10px;
  transition: background-color .1s ease-in-out;
  width: 100%
}

.payment-method-view #billing-form #credit-card-cvv:focus,.payment-method-view #billing-form #credit-card-expiry:focus,.payment-method-view #billing-form #credit-card-number:focus,.payment-method-view #billing-form #postal-code:focus,.payment-method-view #billing-form #zip-field:focus,.payment-method-view #billing-form input[type=number]:focus,.payment-method-view #billing-form input[type=text]:focus,.payment-method-view #billing-form select:focus,.payment-method-view #gift-pro-form #credit-card-cvv:focus,.payment-method-view #gift-pro-form #credit-card-expiry:focus,.payment-method-view #gift-pro-form #credit-card-number:focus,.payment-method-view #gift-pro-form #postal-code:focus,.payment-method-view #gift-pro-form #zip-field:focus,.payment-method-view #gift-pro-form input[type=number]:focus,.payment-method-view #gift-pro-form input[type=text]:focus,.payment-method-view #gift-pro-form select:focus,.payment-method-view #payment-method-form #credit-card-cvv:focus,.payment-method-view #payment-method-form #credit-card-expiry:focus,.payment-method-view #payment-method-form #credit-card-number:focus,.payment-method-view #payment-method-form #postal-code:focus,.payment-method-view #payment-method-form #zip-field:focus,.payment-method-view #payment-method-form input[type=number]:focus,.payment-method-view #payment-method-form input[type=text]:focus,.payment-method-view #payment-method-form select:focus {
  box-shadow: inset 0 0 0 1px #008ddf;
  outline: 0
}

.payment-method-view #billing-form #credit-card-cvv[disabled],.payment-method-view #billing-form #credit-card-expiry[disabled],.payment-method-view #billing-form #credit-card-number[disabled],.payment-method-view #billing-form #postal-code[disabled],.payment-method-view #billing-form #zip-field[disabled],.payment-method-view #billing-form input[type=number][disabled],.payment-method-view #billing-form input[type=text][disabled],.payment-method-view #billing-form select[disabled],.payment-method-view #gift-pro-form #credit-card-cvv[disabled],.payment-method-view #gift-pro-form #credit-card-expiry[disabled],.payment-method-view #gift-pro-form #credit-card-number[disabled],.payment-method-view #gift-pro-form #postal-code[disabled],.payment-method-view #gift-pro-form #zip-field[disabled],.payment-method-view #gift-pro-form input[type=number][disabled],.payment-method-view #gift-pro-form input[type=text][disabled],.payment-method-view #gift-pro-form select[disabled],.payment-method-view #payment-method-form #credit-card-cvv[disabled],.payment-method-view #payment-method-form #credit-card-expiry[disabled],.payment-method-view #payment-method-form #credit-card-number[disabled],.payment-method-view #payment-method-form #postal-code[disabled],.payment-method-view #payment-method-form #zip-field[disabled],.payment-method-view #payment-method-form input[type=number][disabled],.payment-method-view #payment-method-form input[type=text][disabled],.payment-method-view #payment-method-form select[disabled] {
  background-color: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.1);
  border-right: 0!important;
  color: rgba(33,33,36,.5);
  cursor: not-allowed
}

.payment-method-view #billing-form #credit-card-cvv:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form #credit-card-expiry:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form #credit-card-number:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form #postal-code:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form #zip-field:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form input[type=number]:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form input[type=text]:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #billing-form select:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form #credit-card-cvv:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form #credit-card-expiry:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form #credit-card-number:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form #postal-code:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form #zip-field:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form input[type=number]:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form input[type=text]:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #gift-pro-form select:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form #credit-card-cvv:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form #credit-card-expiry:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form #credit-card-number:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form #postal-code:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form #zip-field:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form input[type=number]:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form input[type=text]:not(:focus):not(:placeholder-shown):invalid,.payment-method-view #payment-method-form select:not(:focus):not(:placeholder-shown):invalid {
  box-shadow: inset 0 0 0 1px #e2292b
}

.payment-method-view #billing-form .field-has-error,.payment-method-view #gift-pro-form .field-has-error,.payment-method-view #payment-method-form .field-has-error {
  color: #e2292b
}

.payment-method-view #billing-form label,.payment-method-view #gift-pro-form label,.payment-method-view #payment-method-form label {
  color: #898989;
  display: inline-block;
  font-size: 14px;
  line-height: 24px
}

.payment-method-view #billing-form label.title,.payment-method-view #gift-pro-form label.title,.payment-method-view #payment-method-form label.title {
  display: block;
  margin: 15px 0 3px
}

.payment-method-view #billing-form label.title.field-has-error,.payment-method-view #gift-pro-form label.title.field-has-error,.payment-method-view #payment-method-form label.title.field-has-error {
  color: #e2292b
}

.payment-method-view #billing-form label.title span,.payment-method-view #gift-pro-form label.title span,.payment-method-view #payment-method-form label.title span {
  color: #999
}

.payment-method-view #billing-form label.title b,.payment-method-view #gift-pro-form label.title b,.payment-method-view #payment-method-form label.title b {
  font-weight: 400
}

.payment-method-view #billing-form label.title+.field-container,.payment-method-view #gift-pro-form label.title+.field-container,.payment-method-view #payment-method-form label.title+.field-container {
  margin-top: 0;
  padding-top: 0
}

.payment-method-view #billing-form .error-message,.payment-method-view #gift-pro-form .error-message,.payment-method-view #payment-method-form .error-message {
  color: #e2292b;
  display: inline-block;
  font-weight: 600
}

.payment-method-view #billing-form .error-message.hidden,.payment-method-view #billing-form .new-card-fields.hidden,.payment-method-view #gift-pro-form .error-message.hidden,.payment-method-view #gift-pro-form .new-card-fields.hidden,.payment-method-view #payment-method-form .error-message.hidden,.payment-method-view #payment-method-form .new-card-fields.hidden {
  display: none
}

.payment-method-view #billing-form .credit-card-details,.payment-method-view #gift-pro-form .credit-card-details,.payment-method-view #payment-method-form .credit-card-details {
  margin: 0
}

.payment-method-view #billing-form .button-container,.payment-method-view #gift-pro-form .button-container,.payment-method-view #payment-method-form .button-container {
  text-align: right
}

.payment-method-view #billing-form .button-container .balls,.payment-method-view #gift-pro-form .button-container .balls,.payment-method-view #payment-method-form .button-container .balls {
  display: none;
  margin-right: 20px;
  margin-top: 13px
}

.payment-method-view #billing-form .legal-text,.payment-method-view #gift-pro-form .legal-text,.payment-method-view #payment-method-form .legal-text {
  color: #898989;
  font-size: 14px;
  margin-top: 20px
}

.payment-method-view #billing-form .legal-text span,.payment-method-view #gift-pro-form .legal-text span,.payment-method-view #payment-method-form .legal-text span {
  color: #000;
  font-weight: 600
}

.payment-method-view #billing-form h4,.payment-method-view #gift-pro-form h4,.payment-method-view #payment-method-form h4 {
  font-size: 18px;
  margin-top: 0
}

.payment-method-view #billing-form .credit-card-details .card-container,.payment-method-view #gift-pro-form .credit-card-details .card-container,.payment-method-view #payment-method-form .credit-card-details .card-container {
  display: flex
}

.payment-method-view #billing-form .credit-card-details .card-container.for-gifts,.payment-method-view #gift-pro-form .credit-card-details .card-container.for-gifts,.payment-method-view #payment-method-form .credit-card-details .card-container.for-gifts {
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #9ea4a7;
  display: block;
  padding: 10px
}

.payment-method-view #billing-form .credit-card-details .card-container .credit-card-number,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-number,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-number {
  flex: .9;
  margin-right: 20px
}

.payment-method-view #billing-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-expiry {
  margin-right: 20px
}

.payment-method-view #billing-form .credit-card-details .card-container .credit-card-cvv,.payment-method-view #billing-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-cvv,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-cvv,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-expiry {
  flex: .6
}

.payment-method-view #billing-form .credit-card-details .card-container #credit-card-cvv,.payment-method-view #billing-form .credit-card-details .card-container #credit-card-expiry,.payment-method-view #billing-form .credit-card-details .card-container #credit-card-number,.payment-method-view #gift-pro-form .credit-card-details .card-container #credit-card-cvv,.payment-method-view #gift-pro-form .credit-card-details .card-container #credit-card-expiry,.payment-method-view #gift-pro-form .credit-card-details .card-container #credit-card-number,.payment-method-view #payment-method-form .credit-card-details .card-container #credit-card-cvv,.payment-method-view #payment-method-form .credit-card-details .card-container #credit-card-expiry,.payment-method-view #payment-method-form .credit-card-details .card-container #credit-card-number {
  padding-top: 12px
}

@media only screen and (max-width: 1080px) {
  .payment-method-view #billing-form .credit-card-details .card-container,.payment-method-view #gift-pro-form .credit-card-details .card-container,.payment-method-view #payment-method-form .credit-card-details .card-container {
      display:inline
  }

  .payment-method-view #billing-form .credit-card-details .card-container .credit-card-cvv,.payment-method-view #billing-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #billing-form .credit-card-details .card-container .credit-card-number,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-cvv,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #gift-pro-form .credit-card-details .card-container .credit-card-number,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-cvv,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-expiry,.payment-method-view #payment-method-form .credit-card-details .card-container .credit-card-number {
      margin-right: 0
  }
}

.payment-method-view #billing-form .billing-container,.payment-method-view #gift-pro-form .billing-container,.payment-method-view #payment-method-form .billing-container {
  margin-bottom: 30px
}

.payment-method-view #billing-form .billing-container.address-container,.payment-method-view #gift-pro-form .billing-container.address-container,.payment-method-view #payment-method-form .billing-container.address-container {
  box-sizing: border-box;
  width: 100%
}

.payment-method-view #billing-form .billing-container.address-container .names,.payment-method-view #gift-pro-form .billing-container.address-container .names,.payment-method-view #payment-method-form .billing-container.address-container .names {
  align-items: center;
  display: flex;
  justify-items: center
}

.payment-method-view #billing-form .billing-container.address-container .names .name-block,.payment-method-view #gift-pro-form .billing-container.address-container .names .name-block,.payment-method-view #payment-method-form .billing-container.address-container .names .name-block {
  flex: 1
}

.payment-method-view #billing-form .billing-container.address-container .country-block,.payment-method-view #billing-form .billing-container.address-container .cvv-block,.payment-method-view #billing-form .billing-container.address-container .zip-block,.payment-method-view #gift-pro-form .billing-container.address-container .country-block,.payment-method-view #gift-pro-form .billing-container.address-container .cvv-block,.payment-method-view #gift-pro-form .billing-container.address-container .zip-block,.payment-method-view #payment-method-form .billing-container.address-container .country-block,.payment-method-view #payment-method-form .billing-container.address-container .cvv-block,.payment-method-view #payment-method-form .billing-container.address-container .zip-block {
  display: inline-block;
  width: 100%
}

.payment-method-view #billing-form .billing-container.address-container .street2-block,.payment-method-view #gift-pro-form .billing-container.address-container .street2-block,.payment-method-view #payment-method-form .billing-container.address-container .street2-block {
  display: block
}

.payment-method-view #billing-form .billing-container.address-container .street2-block.hide,.payment-method-view #gift-pro-form .billing-container.address-container .street2-block.hide,.payment-method-view #payment-method-form .billing-container.address-container .street2-block.hide {
  display: none
}

.payment-method-view #billing-form .billing-container.address-container .add-line-2-container,.payment-method-view #gift-pro-form .billing-container.address-container .add-line-2-container,.payment-method-view #payment-method-form .billing-container.address-container .add-line-2-container {
  margin-top: 10px
}

.payment-method-view #billing-form .billing-container.address-container .add-line-2-container .add-line-2,.payment-method-view #gift-pro-form .billing-container.address-container .add-line-2-container .add-line-2,.payment-method-view #payment-method-form .billing-container.address-container .add-line-2-container .add-line-2 {
  font-size: 13px
}

.payment-method-view #billing-form .billing-container.address-container .add-line-2-container .add-line-2.hide,.payment-method-view #gift-pro-form .billing-container.address-container .add-line-2-container .add-line-2.hide,.payment-method-view #payment-method-form .billing-container.address-container .add-line-2-container .add-line-2.hide {
  display: none
}

.payment-method-view #billing-form .billing-container.address-container .zip-city-state,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state {
  align-items: flex-start;
  display: flex;
  justify-content: space-between
}

.payment-method-view #billing-form .billing-container.address-container .zip-city-state .country-block,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .country-block,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .country-block {
  flex: 1.5;
  margin-right: 20px
}

.payment-method-view #billing-form .billing-container.address-container .zip-city-state .state-block,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .state-block,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .state-block {
  flex: .5;
  margin-right: 20px
}

.payment-method-view #billing-form .billing-container.address-container .zip-city-state .state-block #state-ca.hide,.payment-method-view #billing-form .billing-container.address-container .zip-city-state .state-block #state-us.hide,.payment-method-view #billing-form .billing-container.address-container .zip-city-state .state-block.hide,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .state-block #state-ca.hide,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .state-block #state-us.hide,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .state-block.hide,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .state-block #state-ca.hide,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .state-block #state-us.hide,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .state-block.hide {
  display: none
}

@media only screen and (max-width: 1080px) {
  .payment-method-view #billing-form .billing-container.address-container .zip-city-state,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state {
      display:inline
  }

  .payment-method-view #billing-form .billing-container.address-container .zip-city-state .country-block,.payment-method-view #billing-form .billing-container.address-container .zip-city-state .state-block,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .country-block,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .state-block,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .country-block,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .state-block {
      margin-right: 0
  }
}

.payment-method-view #billing-form .billing-container.address-container .zip-city-state .zipcode-block,.payment-method-view #gift-pro-form .billing-container.address-container .zip-city-state .zipcode-block,.payment-method-view #payment-method-form .billing-container.address-container .zip-city-state .zipcode-block {
  flex: 1
}

.payment-method-view #billing-form .field-has-error,.payment-method-view #gift-pro-form .field-has-error,.payment-method-view #payment-method-form .field-has-error {
  margin: 5px 0 0
}

.payment-method-view #billing-form .StripeElement.StripeElement--webkit-autofill,.payment-method-view #gift-pro-form .StripeElement.StripeElement--webkit-autofill,.payment-method-view #payment-method-form .StripeElement.StripeElement--webkit-autofill {
  background-color: #f3f5f6!important
}

.payment-method-view #payment-method-form {
  padding-top: 0
}

.payment-method-suggested-address .please-verify-title {
  margin-top: 0
}

.payment-method-suggested-address .address-selection {
  align-items: flex-start;
  display: flex
}

@media only screen and (max-width: 1080px) {
  .payment-method-suggested-address .address-selection {
      display:inline-block
  }

  .payment-method-suggested-address .address-selection .input-address {
      margin-bottom: 20px
  }
}

.payment-method-suggested-address .address-selection .input-address,.payment-method-suggested-address .address-selection .suggested-address {
  flex: 1;
  font-size: 14px;
  line-height: 20px
}

.payment-method-suggested-address .address-selection .input-address .radio p,.payment-method-suggested-address .address-selection .suggested-address .radio p {
  font-size: 14px;
  margin: 0;
  padding-left: 30px
}

#giverEmail {
  width: 100%
}

html[lang=id-id] .payment-method-view #billing-form .billing-container.address-container .zip-city-state .state-block {
  flex: .8
}

html[lang=pt-br] .payment-method-view #billing-form .credit-card-details .card-container .credit-card-cvv {
  flex: .7
}

.people-card-view {
  flex: 1 1 auto;
  height: 100%;
  width: 100%
}

.people-card-view .people-card {
  background-color: #fff
}

.people-card-view .people-card .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 12px
}

.people-card-view .people-card .people-list-container {
  padding: 0 12px
}

.people-card-view .people-card .people-list-container .people-list .people-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative
}

.people-card-view .people-card .people-list-container .people-list .people-layout .person-info-card-view {
  position: absolute
}

.people-card-view .people-card .view-more-footer {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
  display: flex;
  flex: 0 0 auto;
  height: 52px;
  justify-content: center
}

.people-card-view .people-card .view-more-footer .view-more-button {
  color: #212124;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none
}

.people-notes-view {
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%
}

.person-card-view {
  position: relative
}

.person-card-view .error-user,.person-card-view .no-user {
  display: inline-block;
  text-align: center;
  width: 100%
}

.person-card-view .attribution {
  position: relative;
  width: 250px
}

.person-card-view .attribution.shorter {
  width: 230px
}

.person-card-view .attribution.full {
  width: auto
}

.person-card-view .info {
  height: 25px;
  position: relative;
  width: auto
}

.person-card-view .info .realname {
  display: block;
  height: 25px
}

.person-card-view .info .fade-out:after {
  width: 29px
}

.person-card-view .fade-out {
  margin-top: 0;
  overflow: hidden;
  white-space: nowrap
}

.person-card-view .fade-out:after {
  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 49px
}

.person-card-view h3 {
  margin-top: 0
}

.person-card-view h3:after {
  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 89px
}

.person-card-view .follow-subview {
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 200
}

.person-card-view .follow-subview .follow-view {
  margin-top: 10px
}

.person-card-view .follow-subview .follow-view>.relationship .is-following {
  background-color: #fff
}

.person-card-view .recent-photos {
  clear: both
}

.person-card-view .recent-photos a {
  border-radius: 1px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.02);
  display: inline-block;
  height: 60px;
  margin-right: 2px;
  width: 60px
}

.person-card-view .recent-photos a:last-child {
  margin-right: 0
}

.person-card-view .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 4px
}

.person-card-view .links a.align-right {
  text-align: right
}

.person-card-view .follow-view {
  float: left
}

.person-card-view .follow-view>.relationship .follow.ui-button {
  background-color: #008ddf;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  margin-left: 20px;
  margin-top: 10px;
  position: relative;
  transition: all .2s ease-in-out
}

.person-card-view .follow-view>.relationship .follow.ui-button:after,.person-card-view .follow-view>.relationship .follow.ui-button:before {
  background: none;
  background-color: #fff;
  content: "";
  position: absolute;
  transition: all .15s ease-in-out
}

.person-card-view .follow-view>.relationship .follow.ui-button:before {
  height: 2px;
  left: 1px;
  top: 15px;
  transform-origin: left center;
  width: 14px
}

.person-card-view .follow-view>.relationship .follow.ui-button:after {
  height: 14px;
  left: 16px;
  top: 9px;
  width: 2px
}

.person-card-view .follow-view>.relationship .follow.ui-button:hover {
  background-color: #1c9be9
}

.person-card-view .follow-view>.relationship .follow.ui-button>span {
  color: #fff;
  padding-left: 30px;
  padding-right: 13px
}

.person-card-view .follow-view>.relationship .follow.is-following {
  background: #fff;
  border: none;
  box-shadow: inset 0 0 0 1px #128fdc
}

.person-card-view .follow-view>.relationship .follow.is-following:hover {
  background: #fff;
  box-shadow: inset 0 0 0 1px #1c9be9
}

.person-card-view .follow-view>.relationship .follow.is-following:hover>span {
  color: #1c9be9
}

.person-card-view .follow-view>.relationship .follow.is-following:before {
  background-color: #128fdc;
  opacity: 1;
  transform: rotate(45deg) translateY(-2px);
  width: 7px
}

.person-card-view .follow-view>.relationship .follow.is-following:after {
  background-color: #128fdc;
  height: 12px;
  transform: rotate(40deg) translate(2px,-1px)
}

.person-card-view .follow-view>.relationship .follow.is-following>span {
  color: #128fdc
}

.person-card-view .follow-view>.relationship .follow.is-following>span:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -36px no-repeat;
  height: 6px;
  opacity: .72;
  top: 13px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .person-card-view .follow-view>.relationship .follow.is-following>span:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.person-groups-page-view .group-list-belong-view {
  margin-bottom: 50px
}

.person-info-card-view {
  height: 100%;
  width: 100%
}

.person-info-card-view .person-info-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.person-info-card-view .person-info-card .photo-container {
  flex: 1 1 0
}

.person-info-card-view .person-info-card .photo-container .photo {
  background-color: #999;
  background-position: 50%;
  background-size: cover;
  display: block;
  height: 100%;
  width: 100%
}

.person-info-card-view .person-info-card .foot {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px 0
}

.person-info-card-view .person-info-card .foot .left-container {
  align-items: center;
  display: flex;
  min-width: 0
}

.person-info-card-view .person-info-card .foot .left-container .avatar {
  flex: 0 0 auto;
  margin: 0 12px 0 0
}

.person-info-card-view .person-info-card .foot .left-container .attribution {
  min-width: 0
}

.person-info-card-view .person-info-card .foot .left-container .attribution .displayname-container {
  align-items: center;
  display: flex
}

.person-info-card-view .person-info-card .foot .left-container .attribution .displayname-container .displayname {
  color: #212124;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.person-info-card-view .person-info-card .foot .left-container .attribution .displayname-container .pro-badge-new {
  margin-left: 4px
}

.person-info-card-view .person-info-card .foot .left-container .attribution .username {
  color: #898989;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.person-info-card-view .person-info-card .foot .right-container {
  margin-left: 12px
}

.person-info-card-view .person-info-card.theme-card {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 12px 12px 0
}

.person-info-card-view .person-info-card.theme-flat {
  background-color: transparent;
  padding: 0
}

.photo-page-ad-view {
  display: flex;
  font: 400 12px/1.45 Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  min-height: 100%
}

.photo-page-ad-view .ad-footer {
  background-color: #000;
  display: block;
  min-width: 90px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  z-index: 102
}

.photo-page-ad-view .ad-footer h1 {
  background-color: #1b1b1d;
  border: 1px solid #272727;
  color: #fff;
  display: block;
  font-size: 2.2em;
  font-weight: 300;
  margin: 20px auto;
  padding: 11px
}

.photo-page-ad-view .ad-wrapper {
  margin: 70px;
  overflow: hidden;
  padding-bottom: 80px
}

.photo-page-ad-view>.dialog-cta {
  width: 350px
}

.photo-page-ad-scrappy-view .ad-frame {
  border: 2px solid hsla(0,0%,84%,.95);
  position: relative;
  z-index: 102
}

.photo-page-ad-scrappy-view .ad-frame img {
  display: block
}

.photo-page-ad-scrappy-view .ad-frame .more-info {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.photo-page-ad-scrappy-view .ad-frame .more-info i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -122px -69px no-repeat;
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-page-ad-scrappy-view .ad-frame .more-info i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-page-ad-scrappy-view .ad-frame .more-info span {
  background: hsla(0,0%,84%,.95);
  border-radius: 4px 4px 0 0;
  color: #0063dc;
  display: inline-block;
  font-size: 14px;
  padding: 10px 15px 4px
}

.attribution-view {
  position: relative
}

.attribution-view.photo-attribution {
  margin: 0;
  min-height: 55px;
  padding: 24px 20px 20px
}

.attribution-view.photo-attribution.is-real-fullscreen {
  background: linear-gradient(0deg,transparent,rgba(0,0,0,.45));
  color: #fff;
  left: 0;
  opacity: .7;
  padding-left: 20px;
  position: absolute;
  top: 0;
  transition: opacity .75s ease;
  width: 100%;
  z-index: 103
}

.attribution-view.photo-attribution.is-real-fullscreen.is-hidden {
  opacity: 0
}

.attribution-view.photo-attribution.is-real-fullscreen.is-hidden:hover,.attribution-view.photo-attribution.is-real-fullscreen:hover {
  opacity: 1
}

.attribution-view.photo-attribution.is-real-fullscreen.is-always-hidden {
  display: none
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-icon {
  border: 1px solid #fff;
  border-radius: 40px;
  height: 40px;
  width: 40px
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-icon:after {
  border: none
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info {
  padding-top: 10px
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info>.owner-name {
  float: left;
  margin-right: 9px;
  max-width: 213px;
  padding-top: 7px;
  text-decoration: none;
  width: auto
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info>.owner-name-with-by {
  display: none
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info>.relationship {
  float: left
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info .relationship .follow.is-following:hover {
  padding-right: 26px
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info .relationship .follow.is-following span {
  color: #fff
}

.attribution-view.photo-attribution.is-real-fullscreen>.attribution-info .relationship .follow.is-following:before {
  opacity: 1
}

.attribution-view.photo-attribution.is-real-fullscreen>.avatar {
  margin: 0
}

.attribution-view.photo-attribution.is-real-fullscreen>.pro-badge-inline {
  bottom: -1em;
  color: #fff;
  left: 35px
}

.attribution-view.photo-attribution.is-real-fullscreen>.pro-badge-new {
  bottom: -11px;
  color: #fff;
  left: 35px
}

.attribution-view.photo-attribution.is-real-fullscreen>.pro-badge-new.pro-badge-legacy {
  left: 40px
}

.attribution-view.photo-attribution>.attribution-icon,.attribution-view.photo-attribution>.attribution-info {
  display: block;
  float: left
}

.attribution-view.photo-attribution>.attribution-icon {
  display: block;
  margin: 0;
  position: relative
}

.attribution-view.photo-attribution>.attribution-icon img {
  display: block
}

.attribution-view.photo-attribution>.pro-badge-inline {
  bottom: -2em;
  left: 14px;
  margin-left: 0;
  position: absolute
}

.attribution-view.photo-attribution>.pro-badge-new {
  bottom: -22px;
  left: 14px;
  margin-left: 0;
  position: absolute
}

.attribution-view.photo-attribution>.pro-badge-new.pro-badge-legacy {
  left: 19px
}

.attribution-view.photo-attribution>.attribution-info {
  margin-left: 9px
}

.attribution-view.photo-attribution>.attribution-info .owner-name {
  color: #fff;
  display: block;
  font-size: 21px;
  line-height: 1;
  padding-bottom: 4px;
  position: relative;
  top: -1px;
  width: 213px
}

.attribution-view.photo-attribution>.attribution-info .owner-name-with-by {
  display: none
}

.attribution-view.photo-attribution>.attribution-info .relationship {
  font-size: 14px;
  position: relative
}

.attribution-view.photo-attribution>.attribution-info .relationship .follow:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -214px no-repeat;
  height: 13px;
  top: 2px;
  vertical-align: text-top;
  width: 13px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .attribution-view.photo-attribution>.attribution-info .relationship .follow:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.attribution-view.photo-attribution>.attribution-info .relationship .follow:hover {
  border-color: #fff
}

.attribution-view.photo-attribution>.attribution-info .relationship .follow.is-following {
  background: transparent
}

.attribution-view.photo-attribution>.attribution-info .relationship .follow.is-following:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -542px -295px no-repeat;
  height: 11px;
  line-height: 28px;
  opacity: .7;
  vertical-align: text-top;
  width: 14px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .attribution-view.photo-attribution>.attribution-info .relationship .follow.is-following:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.attribution-view.photo-attribution>.avatar {
  float: left;
  margin: 26px 0 0
}

.attribution-view.album-attribution {
  bottom: 35px;
  position: absolute;
  text-align: center;
  width: 100%
}

.attribution-view.album-attribution>.attribution-info {
  margin: 10px auto 0
}

.attribution-view.album-attribution>.attribution-info>.owner-name {
  display: none
}

.attribution-view.album-attribution>.attribution-info>.owner-name-with-by {
  color: #fff;
  display: block;
  font-size: 14px;
  overflow: hidden;
  padding: 0 12px;
  text-overflow: ellipsis
}

.attribution-view.album-attribution>.avatar {
  margin: 0;
  opacity: 1
}

.attribution-view.album-attribution.justified-album-details-page>.avatar {
  display: none
}

.attribution-view.album-attribution .pro-badge-new {
  margin-bottom: -3px;
  margin-left: 5px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .attribution-view {
      display:flex
  }
}

@keyframes inflateButton {
  50% {
      transform: scale(1.3)
  }
}

@keyframes deflateButton {
  50% {
      transform: scale(.8)
  }
}

.photo-card-description-tooltip {
  font-size: 14px;
  line-height: 1.4;
  max-height: 200px;
  overflow: auto
}

.photo-card-description-tooltip .description-content {
  padding: 20px
}

.photo-card-engagement-view .photo-card-engagement {
  align-items: center;
  display: flex
}

.photo-card-engagement-view .photo-card-engagement .engagement-item {
  margin-right: 12px
}

.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon {
  display: block
}

.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon svg {
  display: block;
  height: 18px;
  width: 18px
}

.photo-card-engagement-view .photo-card-engagement .engagement-item:not(.like) {
  align-items: center;
  color: #212124;
  cursor: pointer;
  display: flex;
  opacity: .4
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave .engagement-icon {
  display: block
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave .engagement-icon i.animated-fave-star {
  background: url(https://combo.staticflickr.com/ap/build/images/fave-test/black@1x.png) 0 0/360px 18px no-repeat;
  display: block;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-card-engagement-view .photo-card-engagement .engagement-item.fave .engagement-icon i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/black@2x.png)
  }
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave .engagement-icon svg.filled {
  display: none
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star {
  animation: fave-starburst-18px .333s steps(19);
  background-position: -342px 0
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave.faved .engagement-icon svg {
  display: none
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave.faved .engagement-icon svg.filled {
  display: block
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.fave.can-not-fave {
  cursor: default;
  opacity: .2
}

.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-count {
  margin: 1px 0 0 4px
}

.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-count.empty,.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-count.hidden {
  display: none
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.last,.photo-card-engagement-view .photo-card-engagement .engagement-item:last-child {
  margin-right: 0
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.hidden {
  display: none
}

.photo-card-engagement-view .photo-card-engagement .engagement-item.active,.photo-card-engagement-view .photo-card-engagement .engagement-item:hover {
  opacity: 1
}

.photo-card-engagement-view .photo-card-engagement.theme-overlay .engagement-item:not(.like) {
  color: #fff;
  opacity: 1
}

.photo-card-engagement-view .photo-card-engagement.theme-overlay .engagement-item.fave.can-not-fave {
  opacity: .6
}

.photo-card-engagement-view .photo-card-engagement.theme-overlay .engagement-item.fave .engagement-icon i.animated-fave-star {
  background-image: url(https://combo.staticflickr.com/ap/build/images/fave-test/white@1x.png)
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-card-engagement-view .photo-card-engagement.theme-overlay .engagement-item.fave .engagement-icon i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/white@2x.png)
  }
}

.foot-overlay {
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .2s ease;
  width: 100%
}

.foot-overlay:before {
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.5));
  bottom: 0;
  content: "";
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -53px;
  transition: opacity .2s linear
}

.foot-overlay .details-footer {
  position: relative
}

.foot-overlay .details-footer .description,.foot-overlay .details-footer .title {
  color: #fff
}

.foot-overlay .details-footer .description a,.foot-overlay .details-footer .title a {
  color: #fff;
  text-decoration: underline
}

.foot-overlay .details-footer .description a:hover,.foot-overlay .details-footer .title a:hover {
  color: #e1e1e1
}

.foot-overlay .details-footer.has-more .details-full-container {
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1))
}

.foot-overlay .details-footer.has-more .details-full-container .title {
  color: #fff
}

.foot-overlay .info-bar {
  height: 44px;
  position: relative
}

.foot-overlay .info-bar .left-container .title,.foot-overlay .info-bar .left-container .views {
  color: #fff;
  opacity: 1
}

.foot-overlay.active-hover {
  opacity: 1
}

.details-footer {
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: flex-end;
  line-height: 1.6;
  padding: 12px;
  position: relative
}

.details-footer .title {
  color: #212124;
  display: block;
  font-weight: 600;
  max-width: 865px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: fit-content
}

.details-footer .description {
  color: #212124;
  display: flex;
  flex-direction: column
}

.details-footer .description .description-content {
  flex: 1 1 auto;
  max-width: 865px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-footer .description .description-more-button,.details-footer .details-full-container {
  display: none
}

.details-footer.has-more .details-container {
  transition: opacity .3s ease
}

.details-footer.has-more .description-more-button {
  display: block
}

.details-footer.has-more .details-full-container {
  background-color: #fff;
  bottom: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: block;
  height: 0;
  left: 0;
  opacity: 0;
  overflow: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  transition: height .3s ease,opacity .1s ease;
  z-index: 1
}

.details-footer.has-more .details-full-container .title {
  color: #212124;
  padding: 12px 12px 0
}

.details-footer.has-more .details-full-container .description {
  padding: 0 12px 12px
}

.details-footer.has-more .details-full-container .description .description-content {
  overflow: visible;
  white-space: normal
}

.details-footer.has-more.expanded .details-container {
  opacity: 0
}

.details-footer.has-more.expanded .details-full-container {
  height: 120px;
  opacity: 1;
  overflow: auto
}

.info-bar {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  height: 52px;
  justify-content: space-between;
  padding: 0 12px
}

.info-bar .left-container {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.2;
  margin-right: 12px;
  min-width: 0
}

.info-bar .left-container .title {
  color: #212124;
  display: block;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.info-bar .left-container .views {
  color: #212124;
  opacity: .4
}

.info-bar .left-container.views-container {
  flex: 0 0 auto
}

.info-bar .left-container.breakpoint-invisible {
  display: block;
  opacity: 0
}

.info-bar .left-container.breakpoint-hidden {
  display: none
}

.info-bar.breakpoint-narrow {
  justify-content: center;
  padding: 0
}

.info-bar .control-bar-container {
  background-color: transparent;
  bottom: 6px;
  height: 3em;
  max-width: 300px;
  position: absolute;
  right: 0;
  z-index: 107
}

.info-bar .control-bar-container .vjs-control-bar {
  background-color: transparent;
  display: flex
}

.info-bar .control-bar-container.is-hidden {
  display: none
}

.photo-card-header-view .photo-card-header {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  justify-content: space-between
}

.photo-card-header-view .photo-card-header .left-container {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  min-width: 0
}

.photo-card-header-view .photo-card-header .left-container .avatar {
  border-radius: 100%;
  flex: 0 0 auto;
  margin: 0 12px 0 0
}

.photo-card-header-view .photo-card-header .left-container .avatar.hidden {
  display: none
}

.photo-card-header-view .photo-card-header .left-container .attribution {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0
}

.photo-card-header-view .photo-card-header .left-container .attribution .title-container {
  align-items: center;
  display: flex;
  min-width: 0
}

.photo-card-header-view .photo-card-header .left-container .attribution .title-container .title {
  color: #212124;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.photo-card-header-view .photo-card-header .left-container .attribution .title-container .pro-badge-new {
  bottom: 1px;
  margin-left: 5px;
  position: relative
}

.photo-card-header-view .photo-card-header .left-container .attribution .title-container .pro-badge-new.hidden {
  display: none
}

.photo-card-header-view .photo-card-header .left-container .attribution .card-details {
  color: #b3b3b3;
  display: flex;
  white-space: nowrap
}

.photo-card-header-view .photo-card-header .left-container .attribution .card-details .activity-type,.photo-card-header-view .photo-card-header .left-container .attribution .card-details .time {
  overflow: hidden;
  text-overflow: ellipsis
}

.photo-card-header-view .photo-card-header .left-container .attribution .card-details .separator {
  margin: 0 6px
}

.photo-card-header-view .photo-card-header .right-container {
  flex: 0 0 auto;
  margin-left: 12px
}

.photo-card-header-view .photo-card-header .right-container .menu-button {
  cursor: pointer;
  pointer-events: all;
  position: relative
}

.photo-card-header-view .photo-card-header .right-container .menu-button svg {
  display: block;
  height: 24px;
  opacity: .5;
  width: 24px
}

.photo-card-header-view .photo-card-header .right-container .menu-button svg:hover {
  opacity: 1
}

.photo-card-header-view .photo-card-header.compact {
  justify-content: flex-start;
  padding: 0
}

.photo-card-header-view .photo-card-header.compact .left-container {
  flex: 0 1 auto
}

.photo-card-header-view .photo-card-header.compact .left-container .attribution {
  flex-direction: row
}

.photo-card-header-view .photo-card-header.compact .left-container .attribution .card-details {
  margin: 0 20px
}

.photo-card-header-view .photo-card-header.compact .right-container {
  margin-left: 0
}

.photo-card-header-view .photo-card-header.theme-overlay .attribution .card-details,.photo-card-header-view .photo-card-header.theme-overlay .attribution .title-container .title {
  color: #fff
}

html .photo-card-overlay-icon {
  align-items: center;
  border: 2px solid #fff;
  border-radius: 25px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  height: 50px;
  justify-content: center;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transition: opacity .3s ease;
  width: 50px
}

html .photo-card-overlay-icon.play svg {
  height: 24px;
  width: 24px
}

html .photo-card-overlay-icon.autoplay svg {
  height: 28px;
  position: relative;
  width: 28px
}

html .photo-card-overlay-icon.video svg {
  height: 18px;
  left: 1px;
  top: 1px;
  width: 18px
}

.photo-card-view {
  font-size: 14px;
  height: 100%;
  line-height: 1.2;
  width: 100%
}

.photo-card-view,.photo-card-view .photo-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.photo-card-view .photo-card {
  background-color: #fff;
  border-radius: 4px;
  opacity: 0;
  transition: opacity .25s ease-in
}

.photo-card-view .photo-card .header .header-container {
  display: flex;
  flex-direction: column;
  height: 58px;
  justify-content: center;
  padding: 0 12px
}

.photo-card-view .photo-card .photo-card-content {
  align-items: stretch;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  position: relative;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo {
  box-sizing: border-box;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo {
  background-color: #e1e1e1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo .photo-card-video {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo .photo-card-video[poster] {
  background-color: transparent;
  object-fit: cover
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo .photo-card-video .vjs-poster {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo video {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo video[poster] {
  object-fit: cover
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo .photo-link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain {
  background-color: transparent;
  background-size: contain
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain .photo-card-video {
  background-size: contain;
  object-fit: contain
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain .photo-card-video[poster] {
  object-fit: contain
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain .photo-card-video .vjs-poster {
  background-size: contain
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain video {
  background-size: contain;
  object-fit: contain
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain video[poster] {
  object-fit: contain
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .head-overlay {
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .head-overlay .header-container {
  padding: 12px;
  position: relative
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .head-overlay:before {
  background: linear-gradient(0deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.5));
  bottom: -53px;
  content: "";
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s linear
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .head-overlay.active-hover {
  opacity: 1
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .video-button.hidden {
  display: none
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo .count-overlay-button {
  align-items: center;
  background-color: rgba(0,0,0,.4);
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 2em;
  font-weight: 300;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo:hover .foot-overlay,.photo-card-view .photo-card .photo-card-content .photo-card-photo:hover .head-overlay {
  opacity: 1
}

.photo-card-view .photo-card .photo-card-content .photo-card-photo.large-padded {
  padding-top: 32px
}

.photo-card-view .photo-card .photo-card-content .blocking-overlay-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.photo-card-view .photo-card .link-footer {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex: 0 0 auto;
  height: 52px;
  justify-content: center
}

.photo-card-view .photo-card .link-footer a {
  color: #212124;
  font-weight: 600
}

.photo-card-view .photo-card.theme-flat {
  background-color: transparent
}

.photo-card-view .photo-card.layout-compact .header .header-container {
  height: auto;
  margin-bottom: 16px;
  padding: 0
}

.photo-card-view .photo-card.active {
  opacity: 1
}

.photo-card-view .photo-card.faded {
  opacity: .3;
  pointer-events: none
}

.photo-card-view .photo-card.awake .photo-card-content .photo-card-photo .foot-overlay,.photo-card-view .photo-card.awake .photo-card-content .photo-card-photo .head-overlay {
  display: block
}

.photo-charm-exif-scrappy-view .exif-charm-list>ul {
  list-style: none;
  padding: 0;
  width: 100%
}

.photo-charm-exif-scrappy-view .exif-charm-list>ul>li {
  padding: .5em
}

.photo-charm-exif-scrappy-view .c-charm-item-location>.empty {
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  display: block;
  height: 100px;
  position: relative;
  text-align: center;
  width: 244px
}

.photo-charm-exif-scrappy-view .c-charm-item-location>.empty .empty-map {
  background-color: #afcaf7;
  background-image: url(https://combo.staticflickr.com/ap/build/images/scrappy/empty-map-1x.png);
  background-image: -webkit-image-set(url(https://combo.staticflickr.com/ap/build/images/scrappy/empty-map-1x.png) 1x,url(https://combo.staticflickr.com/ap/build/images/scrappy/empty-map-2x.png) 2x);
  background-position: 100% 0;
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  opacity: .15;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.photo-charm-exif-scrappy-view .c-charm-item-location>.empty a.add-location {
  display: inline-block;
  font-size: 14px;
  margin-top: 39px;
  position: relative;
  z-index: 3
}

.photo-charm-exif-scrappy-view .c-charm-item-location .map-container {
  align-items: center;
  border: 1px solid #cfd6d9;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.photo-charm-exif-scrappy-view .c-charm-item-location .map-container .static-maps {
  background-position: 50%;
  background-size: 245px 100px;
  display: block;
  height: 100px;
  overflow: hidden;
  position: relative;
  width: 245px
}

.photo-charm-exif-scrappy-view .c-charm-item-location .map-container .static-maps:hover .bullseye {
  height: 22px;
  left: calc(50% - 13px);
  top: calc(50% - 13px);
  width: 22px
}

.photo-charm-exif-scrappy-view .c-charm-item-location .empty-map.balls,.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.balls {
  margin-left: -50%;
  z-index: 10
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container {
  font-size: 14px;
  margin: 5px 0 -10px -10px;
  overflow: hidden;
  padding: 10px;
  transition: background-color .2s ease-in-out
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container>a {
  float: left;
  font-weight: 400
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container>a.foursquare-venue {
  display: block;
  font-size: 10px;
  font-weight: 400;
  margin-top: 5px
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container>.edit-location {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -19px no-repeat;
  display: inline-block;
  float: right;
  height: 16px;
  opacity: 0;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container>.edit-location {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container.editable {
  margin-right: -10px;
  padding-right: 10px
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container.editable>a:not(.edit-location):first-of-type {
  word-wrap: break-word;
  width: 93%
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container.editable:hover {
  background-color: #e6eaec
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container.editable:hover>.edit-location {
  opacity: .47
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container.editable:hover>.edit-location:hover,.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container.editable>.edit-location:focus {
  opacity: 1
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container .location-name-link {
      margin:0
  }

  .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container .location-name-link.mobile-view {
      pointer-events: none
  }
}

.photo-charm-exif-scrappy-view .c-charm-item-location .zoom {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 3px;
  height: 100px;
  max-width: 100%;
  position: absolute;
  transition: opacity .15s ease-in-out;
  width: 245px
}

.photo-charm-exif-scrappy-view .c-charm-item-location .static-map-attribution {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) 0 -101px no-repeat;
  bottom: 3px;
  display: block;
  height: 24px;
  left: 3px;
  opacity: 0;
  position: absolute;
  transition: opacity .15s ease-in-out;
  width: 24px;
  z-index: 5
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-charm-exif-scrappy-view .c-charm-item-location .static-map-attribution {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-charm-exif-scrappy-view .c-charm-item-location .static-map-mb-attr {
  background: #fff;
  border-radius: 2px 0;
  bottom: 0;
  display: block;
  font-size: 9px;
  opacity: .9;
  padding: 1px 1px 0 2px;
  position: absolute;
  right: 0;
  transition: opacity .15s ease-in-out;
  z-index: 5
}

.photo-charm-exif-scrappy-view .c-charm-item-location .static-map-mb-attr:hover {
  opacity: 1
}

.photo-charm-exif-scrappy-view .c-charm-item-location .static-map-mb-attr,.photo-charm-exif-scrappy-view .c-charm-item-location .static-map-mb-attr a {
  color: #000!important
}

.photo-charm-exif-scrappy-view .c-charm-item-location .bullseye {
  background-color: rgba(0,0,0,.2);
  border: 2px solid #fff;
  border-radius: 50%;
  height: 10px;
  left: calc(50% - 7px);
  position: absolute;
  top: calc(50% - 7px);
  transition: all .15s ease-in-out;
  width: 10px;
  z-index: 5
}

.photo-charm-exif-scrappy-view .c-charm-item-location .bullseye:hover {
  height: 42px!important;
  left: calc(50% - 23px)!important;
  top: calc(50% - 23px)!important;
  width: 42px!important
}

.photo-charm-exif-scrappy-view .c-charm-item-location .location {
  float: left;
  margin-bottom: 10px;
  margin-right: 15px
}

.photo-charm-exif-scrappy-view .c-charm-item-location i.ui-icon-tiny-location {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -104px -55px no-repeat;
  height: 22px;
  vertical-align: text-bottom;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-charm-exif-scrappy-view .c-charm-item-location i.ui-icon-tiny-location {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-charm-exif-scrappy-view .c-charm-item-location i.ui-icon-tiny-foursquare {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -172px -87px no-repeat;
  float: none;
  height: 16px;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: text-top;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-charm-exif-scrappy-view .c-charm-item-location i.ui-icon-tiny-foursquare {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .photo-charm-exif-scrappy-view .exif-charm-list {
      border-top:1px solid #cfd6d9;
      padding-top: 20px
  }

  .photo-charm-exif-scrappy-view .exif-charm-list.empty-exif.empty-map {
      display: none
  }
}

.photo-comments-view {
  box-sizing: border-box;
  min-width: 0
}

.photo-comments-view .photo-comments {
  display: flex;
  flex-direction: column
}

.photo-comments-view .photo-comments header.comments-header {
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex: 0 0 auto;
  height: 60px;
  justify-content: space-between
}

.photo-comments-view .photo-comments header.comments-header h1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 18px
}

.photo-comments-view .photo-comments header.comments-header .close-x-button {
  cursor: pointer;
  height: 22px;
  opacity: .3;
  width: 22px
}

.photo-comments-view .photo-comments header.comments-header .close-x-button:hover {
  opacity: .5
}

.photo-comments-view .photo-comments .comments-list-section {
  display: flex;
  flex: 1 1 auto;
  min-height: 0
}

.photo-comments-view .photo-comments .comments-list-section.scrollable {
  flex: 1 1 0
}

.fluid-modal-view .photo-comments-view {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.fluid-modal-view .photo-comments-view .photo-comments {
  flex: 1 1 auto;
  padding: 0 20px
}

.fluid-modal-view .photo-comments-view .photo-comments .add-comment-section {
  border-top: 1px solid #e1e1e1;
  padding-right: 20px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .fluid-modal-view .photo-comments-view .photo-comments {
      padding:0
  }

  .fluid-modal-view .photo-comments-view .photo-comments .comments-header {
      padding: 0 20px
  }
}

.fluid-droparound-view .photo-comments-view .photo-comments {
  height: 400px
}

.fluid-droparound-view .photo-comments-view .photo-comments .add-comment-section {
  border-top: 1px solid #e1e1e1;
  padding-right: 20px
}

html[lang=fr-fr] .photo-engagement-view>div.download .dialog-tooltip,html[lang=it-it] .photo-engagement-view>div.download .dialog-tooltip {
  width: 210px
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip {
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);
  margin-top: 10px;
  min-height: 40px;
  right: 25px
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content {
  padding: 0 0 2px
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes {
  margin: 0;
  padding-left: 0
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li {
  list-style: none
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li>a {
  box-sizing: border-box;
  color: #212124;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 15px;
  text-decoration: none;
  width: 100%
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li>a.delete-photo {
  color: #e2292b
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li:hover {
  background-color: #dce3e6
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li:first-of-type {
  margin-top: 10px
}

.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li:last-of-type {
  margin-bottom: 10px
}

.photo-engagement-view {
  align-items: center;
  bottom: 6px;
  display: flex;
  position: absolute;
  right: 0;
  z-index: 111
}

.photo-engagement-view .engagement-item {
  align-items: center;
  color: #fff;
  display: flex;
  margin-right: 12px
}

.photo-engagement-view .engagement-item.fluid-share-photo-view .fluid-share-button,.photo-engagement-view .engagement-item.photo-well-scrappy-edit-view .edit a {
  padding: 6px
}

.photo-engagement-view .engagement-item.curate {
  cursor: pointer;
  padding: 6px
}

.photo-engagement-view .engagement-item.curate .engagement-icon svg {
  display: block
}

.photo-engagement-view .share,.photo-engagement-view .share-photo-icon {
  position: relative
}

.photo-engagement-view.has-fullscreen {
  width: 203px
}

.photo-engagement-view.has-fullscreen>.download {
  margin-right: 10px
}

.photo-engagement-view.has-wallart {
  width: 211px
}

.photo-engagement-view.has-wallart.has-fullscreen {
  width: 259px
}

.photo-engagement-view>div.wallart {
  margin-right: 13px
}

.photo-engagement-view>div.butt {
  border-radius: 20px;
  height: 28px;
  margin-top: 5px;
  min-width: 40px;
  padding: 0 10px
}

.photo-engagement-view>div.butt a {
  color: #fff;
  font-weight: 400;
  margin-top: -10px
}

.photo-engagement-view>div.butt a:hover {
  text-decoration: none
}

.photo-engagement-view>div a,.photo-engagement-view>div a i {
  display: block
}

.photo-engagement-view>div.dimmed {
  opacity: .25
}

.photo-engagement-view>div i.ui-icon-download {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -58px -126px no-repeat;
  height: 20px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div i.ui-icon-download {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div i.ui-icon-vr {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -77px -55px no-repeat;
  height: 22px;
  width: 26px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div i.ui-icon-vr {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.download a {
  padding: 6px
}

.photo-engagement-view>div.download.disabled>a {
  cursor: default
}

.photo-engagement-view>div.download.disabled .ui-icon-download {
  cursor: default;
  opacity: .47
}

.photo-engagement-view>div.download .display-obscured-download-sizes {
  display: none
}

.photo-engagement-view>div.share .share-view {
  min-width: 260px;
  width: 260px
}

.photo-engagement-view>div.share .share-view h2 {
  color: #212124;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 14px 0;
  text-align: left
}

.photo-engagement-view>div.share .share-view .ui-button-logo {
  background: none;
  border: none;
  margin-right: 32px;
  min-width: 0;
  padding-bottom: 14px
}

.photo-engagement-view>div.share .share-view .ui-button-logo.ui-button-disabled {
  opacity: .2
}

.photo-engagement-view>div.share .share-view .license-info {
  display: none;
  margin-top: 0;
  overflow: hidden;
  padding-bottom: 0
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url {
  color: #006dac;
  padding-left: 0;
  text-decoration: none
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url:hover {
  text-decoration: underline
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i {
  display: inline-block;
  opacity: .47;
  text-decoration: none
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i:hover {
  opacity: 1;
  text-decoration: none
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-copyright {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -25px -101px no-repeat;
  height: 22px;
  width: 22px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-copyright {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-1cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) 0 -78px no-repeat;
  height: 22px;
  width: 76px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-1cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-2cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -122px -23px no-repeat;
  height: 22px;
  width: 49px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-2cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-3cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) 0 -55px no-repeat;
  height: 22px;
  width: 76px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-3cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-4cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -77px -78px no-repeat;
  height: 22px;
  width: 22px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-4cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-5cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -48px -101px no-repeat;
  height: 22px;
  width: 22px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-5cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-6cc {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -122px 0 no-repeat;
  height: 22px;
  width: 49px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-engagement-view>div.share .share-view .license-info>a.license-url>i.ui-icon-tiny-6cc {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-engagement-view>div.share .share-view h1 {
  color: #212124;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
  padding-left: 0;
  padding-top: 14px
}

.photo-engagement-view>div.share .share-view h1 i {
  display: inline-block;
  margin-right: 10px
}

.photo-engagement-view>div.share .share-view .ui-button-cta {
  background: #128fdc;
  font-size: 16px;
  height: 32px;
  min-width: 100px;
  transition: background .15s ease-in-out
}

.photo-engagement-view>div.share .share-view .ui-button-cta:hover {
  background: #1c9be9
}

.photo-engagement-view>div.share .share-view .ui-util-locked .ui-button-cta {
  background: #ddd;
  border: none;
  color: #898989
}

.photo-engagement-view>div.share .share-view .c-contact-search-autocomplete ul.contact-list {
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-sizing: border-box;
  color: #212124;
  z-index: 2003
}

.photo-engagement-view>div.share .share-view .c-contact-search-autocomplete ul.contact-list li {
  transition: background .15s ease-in-out
}

.photo-engagement-view>div.share .share-view .c-contact-search-autocomplete ul.contact-list li h2 {
  color: #006dac;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.photo-engagement-view>div.share .share-view .c-contact-search-autocomplete ul.contact-list li h3 {
  display: none
}

.photo-engagement-view>div.share .share-view .c-contact-search-autocomplete ul.contact-list li.highlight {
  background: #e6eaec
}

.photo-sidebar-view .photo-engagement-view>div.share .share-view .c-contact-search-autocomplete ul.contact-list li.highlight {
  background: hsla(0,0%,100%,.1)
}

.photo-engagement-view.responsive-mobile {
  justify-content: space-between;
  padding: 0 12px;
  position: static
}

@media only screen and (max-width: 1080px) {
  .photo-engagement-view.responsive-mobile {
      padding-left:calc(12px + env(safe-area-inset-left, 0));
      padding-right: calc(12px + env(safe-area-inset-right, 0))
  }
}

.photo-engagement-view.responsive-mobile .engagement-item {
  margin: 0;
  padding: 4px 0
}

.photo-engagement-view.responsive-mobile .engagement-count.hidden,.photo-engagement-view.responsive-mobile .fave-count.hidden {
  display: none
}

@media only screen and (max-width: 1080px) {
  .photo-engagement-view.responsive-mobile .photo-well-scrappy-edit-view:not(.enable-photo-page-lightbox-updates) {
      display:none
  }

  .photo-engagement-view.responsive-mobile .engagement-item.comment,.photo-engagement-view.responsive-mobile .fave-view {
      display: flex
  }

  .photo-engagement-view.responsive-mobile .engagement-item.comment svg {
      display: block
  }
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button {
  background-color: #008ddf;
  border-color: transparent;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  margin: 0;
  position: relative;
  transition: all .2s ease-in-out
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button:after,.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button:before {
  background: none;
  background-color: #fff;
  content: "";
  position: absolute;
  transition: all .15s ease-in-out
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button:before {
  height: 2px;
  left: 1px;
  top: 15px;
  transform-origin: left center;
  width: 14px
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button:after {
  height: 14px;
  left: 16px;
  top: 9px;
  width: 2px
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button:hover {
  background-color: #1c9be9
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button>span {
  color: #fff;
  padding-left: 30px;
  padding-right: 13px
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button.follow-anim,.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.ui-button.unfollow-anim {
  animation: none
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following {
  background: transparent;
  border: none;
  box-shadow: inset 0 0 0 1px #128fdc
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following:hover {
  background: transparent;
  box-shadow: inset 0 0 0 1px #1c9be9
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following:hover>span {
  color: #1c9be9
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following:before {
  background-color: #128fdc;
  opacity: 1;
  transform: rotate(45deg) translateY(-2px);
  width: 7px
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following:after {
  background-color: #128fdc;
  height: 12px;
  transform: rotate(40deg) translate(2px,-1px)
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following>span {
  color: #128fdc
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following>span:after {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -36px no-repeat;
  height: 6px;
  opacity: .72;
  top: 13px;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .follow.is-following>span:after {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .dialog-tooltip {
  background-color: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);
  right: 0
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .dialog-tooltip .following-unfollow {
  transition: background .15s ease-in-out
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .dialog-tooltip .following-unfollow a {
  color: #212124;
  padding-left: 40px
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .dialog-tooltip .following-unfollow:hover .ui-icon-tiny-unfollow {
  opacity: 1
}

.scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .dialog-tooltip .following-unfollow .ui-icon-tiny-unfollow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px -16px no-repeat;
  height: 9px;
  left: 18px;
  opacity: .47;
  top: 11px;
  width: 9px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .scrappy-photo-page-enabled .follow-view.is-real-fullscreen .relationship .dialog-tooltip .following-unfollow .ui-icon-tiny-unfollow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.photo-faved-by-list-view ul.photo-faved-by-list {
  list-style: none;
  margin: 0;
  max-height: 320px;
  overflow: auto;
  padding: 0
}

.photo-faved-by-list-view ul.photo-faved-by-list .loading-item {
  display: none
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item {
  font-size: 14px;
  line-height: 0;
  margin: 0;
  white-space: nowrap
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item .circle-icon {
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  vertical-align: middle
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item .circle-icon img {
  border-radius: 50%
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item .person-icon {
  display: block;
  padding: 5px 15px
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item a {
  color: #006dac;
  font-weight: 600;
  text-decoration: none
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item:hover {
  background-color: #e6eaec
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item:first-child {
  margin-top: 8px
}

.photo-faved-by-list-view ul.photo-faved-by-list .person-item:last-child {
  margin-bottom: 8px
}

.photo-faved-by-list-view ul.photo-faved-by-list.loading {
  text-align: center
}

.photo-faved-by-list-view ul.photo-faved-by-list.loading .loading-item {
  display: block
}

.photo-faves-list-view,.photo-faves-list-view .photo-faves-list {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column
}

.photo-faves-list-view .photo-faves-list {
  box-sizing: border-box;
  padding: 16px
}

.photo-faves-list-view .photo-faves-list .list-header {
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding-bottom: 12px
}

.photo-faves-list-view .photo-faves-list .list-header .list-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.photo-faves-list-view .photo-faves-list .list-header .close-x-button {
  color: #212124;
  cursor: pointer;
  opacity: .3
}

.photo-faves-list-view .photo-faves-list .list-header .close-x-button svg {
  display: block
}

.photo-faves-list-view .photo-faves-list .list-header .close-x-button:hover {
  opacity: .5
}

.photo-faves-list-view .photo-faves-list .list-container {
  flex: 1 1 0;
  overflow: auto;
  padding-right: 19px
}

.photo-faves-list-view .photo-faves-list .list-container .person-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.photo-faves-list-view .photo-faves-list .list-container .loader {
  padding: 16px;
  text-align: center
}

.photo-faves-list-view .photo-faves-list .list-container .loader.hidden {
  display: none
}

.photo-faves-person-item {
  align-items: center;
  display: flex
}

.photo-faves-person-item .avatar {
  flex: 0 0 auto;
  margin-right: 16px
}

.photo-faves-person-item .attribution-info {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0
}

.photo-faves-person-item .attribution-info .attribution-displayname {
  display: flex;
  flex: 0 0 auto;
  margin-right: 16px;
  min-width: 0
}

.photo-faves-person-item .attribution-info .attribution-displayname .pro-badge-new {
  color: #006dac;
  margin-left: 8px
}

.photo-faves-person-item .attribution-info .username {
  color: #999
}

.photo-faves-person-item .follow-button-container {
  flex: 0 0 auto
}

.photo-geotag-modal-view .geotag-map {
  bottom: 90px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 20px
}

.photo-geotag-modal-view .map-aux-controls {
  left: 65px;
  position: absolute;
  top: 30px
}

.photo-geotag-modal-view .place-link {
  bottom: 70px;
  left: 20px;
  position: absolute
}

.photo-geotag-modal-view .geoprivacy-menu {
  bottom: 25px;
  color: #898989;
  cursor: pointer;
  left: 20px;
  outline: 0;
  position: absolute;
  text-decoration: none
}

.photo-geotag-modal-view .geoprivacy-menu p {
  display: inline-block;
  margin: 0;
  pointer-events: none
}

.photo-geotag-modal-view .geoprivacy-menu .geoprivacy-menu-title {
  display: inline-block;
  margin-right: 10px;
  pointer-events: none
}

.photo-geotag-modal-view .geoprivacy-menu .dropdown-arrow {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -527px -93px no-repeat;
  display: inline-block;
  height: 6px;
  margin: 0 0 2px 5px;
  pointer-events: none;
  width: 10px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-geotag-modal-view .geoprivacy-menu .dropdown-arrow {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-geotag-modal-view .map-photo-icon {
  background-color: rgba(255,204,153,.95);
  border: 3px solid #fff;
  border-radius: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,.33);
  height: 12px;
  margin: -8px 0 0 -8px;
  transition: width .5s cubic-bezier(0,.75,.4,1.33),height .5s cubic-bezier(0,.75,.4,1.33),left .5s cubic-bezier(0,.75,.4,1.33),top .5s cubic-bezier(0,.75,.4,1.33);
  width: 12px
}

.photo-geotag-modal-view .map-photo-icon.highlighted {
  background-color: rgba(255,153,0,.8);
  box-shadow: 0 0 12px rgba(0,0,0,.5);
  height: 24px;
  left: -6px;
  top: -6px;
  width: 24px
}

.photo-geotag-modal-view .map-photo-icon.highlighted:after {
  color: hsla(0,0%,100%,.75);
  content: "×";
  display: block;
  line-height: 22px;
  text-align: center
}

.photo-geotag-modal-view form {
  display: inline-block;
  opacity: .75;
  position: relative
}

.photo-geotag-modal-view form.manual-focus,.photo-geotag-modal-view form:focus,.photo-geotag-modal-view form:hover {
  opacity: 1
}

.photo-geotag-modal-view form input {
  background-color: hsla(0,0%,100%,.8);
  border: 1px solid #a4aaac;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.33);
  font-size: 11pt;
  height: 30px;
  outline: 0;
  padding: 0 4px 2px 34px;
  transition: border 1s ease-in,background-color 1s ease-in;
  width: 232px
}

.photo-geotag-modal-view form input[disabled] {
  background-color: #898989
}

.photo-geotag-modal-view form input.error-state {
  background-color: rgba(252,156,174,.8);
  border: 1px solid #fc2e4a;
  transition: border 0s,background-color 0s
}

.photo-geotag-modal-view form:before {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -202px no-repeat;
  content: "";
  display: block;
  height: 18px;
  left: 9px;
  position: absolute;
  top: 7px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-geotag-modal-view form:before {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-geotag-modal-view .recenter {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0,0,0,.65);
  display: block;
  height: 26px;
  left: -35px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 64px;
  width: 26px
}

.photo-geotag-modal-view .recenter i {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -403px -494px no-repeat;
  display: inline-block;
  height: 16px;
  margin-top: 5px;
  opacity: .8;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-geotag-modal-view .recenter i {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-geotag-modal-view .loading-balls {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 2000
}

.photo-geotag-modal-view .loading-balls .balls {
  margin-left: -12px;
  margin-top: 1px;
  position: absolute;
  top: 50%
}

.photo-license-view {
  font-size: 14px;
  margin: 0 20px 25px
}

.photo-license-view>.photo-license-info {
  align-items: center;
  display: flex
}

.photo-license-view>.photo-license-info i {
  display: inline-block
}

.photo-license-view>.photo-license-info>.photo-license-url-iconOnly i {
  display: inline-block;
  opacity: .47
}

.photo-license-view>.photo-license-info>.photo-license-url-iconOnly i:hover {
  opacity: 1
}

.photo-license-view>.photo-license-info>.photo-license-url {
  color: #898989
}

.photo-license-view>.photo-license-info>.photo-license-url i {
  opacity: .47
}

.photo-license-view>.photo-license-info>.photo-license-url span {
  margin-left: 5px;
  vertical-align: top
}

.photo-license-view>.photo-license-info>.photo-license-url:hover {
  color: #fff
}

.photo-license-view>.photo-license-info>.photo-license-url:hover i {
  opacity: 1
}

.photo-license-view>.photo-license-info>.photo-license {
  color: #898989;
  margin-left: 5px;
  vertical-align: top
}

.photo-license-view>.photo-license-info>.photo-license:hover {
  color: #fff
}

.photo-license-view>.photo-license-info .license-label {
  align-items: center;
  color: #006dac;
  cursor: pointer;
  display: flex;
  margin-left: 8px
}

.photo-license-view>.photo-license-info .license-label .arrow {
  display: flex
}

.photo-license-droparound {
  font-size: 14px
}

.photo-list-album-attr-interaction-item-container {
  height: 100%
}

.photo-list-album-attr-interaction-item-container div.photo-list-album-attr-interaction {
  background-color: transparent;
  height: 100%;
  transform: translateZ(0)
}

.photo-list-album-attr-interaction-item-container a.overlay {
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-album-attr-interaction-item-container .interaction-bar {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  bottom: 0;
  box-sizing: border-box;
  position: absolute;
  width: 100%
}

.photo-list-album-attr-interaction-item-container .album-title {
  line-height: 20px;
  margin: 0;
  text-shadow: 0 1px 1px #000;
  word-break: break-word
}

.photo-list-album-attr-interaction-item-container .album-photo-count,.photo-list-album-attr-interaction-item-container .album-views-label {
  text-shadow: 0 1px 1px #000
}

.photo-list-album-attr-interaction-item-container .metadata {
  bottom: 20px;
  box-sizing: border-box;
  font-weight: 600;
  padding: 0 20px;
  position: absolute;
  transform: translateZ(0);
  transition: bottom .15s ease-out;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .photo-list-album-attr-interaction-item-container .metadata {
      bottom:10px;
      padding: 0 10px
  }

  .photo-list-album-attr-interaction-item-container .metadata h4 {
      font-size: 16px;
      font-weight: 600;
      line-height: 1
  }

  .photo-list-album-attr-interaction-item-container .metadata span {
      font-size: 12px;
      line-height: 1
  }
}

.photo-list-album-attr-interaction-item-container .metadata .album-views-count-wrapper {
  white-space: nowrap
}

.photo-list-album-attr-interaction-item-container .metadot {
  font-size: 18px;
  font-weight: 800;
  margin: 0 5px
}

.photo-list-album-attr-interaction-item-container figcaption {
  color: #898989;
  font-size: 18px;
  margin-top: 15px;
  position: relative;
  text-align: center
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .photo-list-album-attr-interaction-item-container figcaption {
      font-size:14px
  }
}

.photo-list-album-attr-interaction-item-container figcaption .owner {
  color: #006dac
}

.photo-list-album-attr-interaction-item-container figcaption .owner:hover {
  text-decoration: underline
}

div.photo-list-album-interaction {
  background-color: transparent;
  height: 100%;
  transform: translateZ(0)
}

div.photo-list-album-interaction .interaction-bar {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  bottom: 0;
  box-sizing: border-box;
  position: absolute;
  transform: translateZ(0);
  width: 100%
}

div.photo-list-album-interaction.has-actions:hover .actions {
  height: 50px
}

div.photo-list-album-interaction.has-actions:hover .metadata {
  bottom: 50px
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  div.photo-list-album-interaction.has-actions:hover .metadata {
      bottom:40px
  }
}

div.photo-list-album-interaction .album-title {
  line-height: 20px;
  margin: 0;
  text-shadow: 0 1px 1px #000;
  word-break: break-word
}

div.photo-list-album-interaction .album-photo-count,div.photo-list-album-interaction .album-views-label {
  text-shadow: 0 1px 1px #000
}

div.photo-list-album-interaction .metadata {
  bottom: 20px;
  box-sizing: border-box;
  font-weight: 600;
  padding: 0 20px;
  position: absolute;
  transform: translateZ(0);
  transition: bottom .15s ease-out;
  width: 100%
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  div.photo-list-album-interaction .metadata {
      bottom:10px;
      padding: 0 10px
  }

  div.photo-list-album-interaction .metadata h4 {
      font-size: 16px;
      font-weight: 600;
      line-height: 1
  }

  div.photo-list-album-interaction .metadata span {
      font-size: 12px;
      line-height: 1
  }
}

div.photo-list-album-interaction .metadata .album-views-count-wrapper {
  white-space: nowrap
}

div.photo-list-album-interaction .metadot {
  font-size: 18px;
  font-weight: 800;
  margin: 0 5px
}

div.photo-list-album-interaction .actions {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 0;
  justify-content: space-between;
  overflow: hidden;
  position: absolute;
  transform: translateZ(0);
  transition: height .15s ease-out;
  width: 100%
}

div.photo-list-album-interaction .actions.less-items {
  justify-content: flex-end
}

div.photo-list-album-interaction .actions a {
  display: flex;
  outline: none;
  padding: 15px;
  position: relative
}

div.photo-list-album-interaction .actions a:first-of-type {
  padding-left: 20px
}

div.photo-list-album-interaction .actions a:first-of-type span {
  left: 0
}

div.photo-list-album-interaction .actions a:last-of-type {
  padding-right: 20px
}

div.photo-list-album-interaction .actions a span {
  display: block;
  pointer-events: none;
  position: relative
}

div.photo-list-album-interaction .actions a.is-disabled {
  cursor: default;
  opacity: .5
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  div.photo-list-album-interaction .actions a.book.cta,div.photo-list-album-interaction .actions a.share.cta {
      display:none
  }
}

div.photo-list-album-interaction .actions .share span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -29px -448px no-repeat;
  height: 28px;
  width: 28px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  div.photo-list-album-interaction .actions .share span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

div.photo-list-album-interaction .actions .book span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -111px no-repeat;
  height: 21px;
  left: -4px;
  top: 2px;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  div.photo-list-album-interaction .actions .book span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

div.photo-list-album-interaction .actions .download span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -397px no-repeat;
  height: 22px;
  left: -2px;
  top: 2px;
  width: 20px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  div.photo-list-album-interaction .actions .download span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

div.photo-list-album-interaction .actions .trash span {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -157px no-repeat;
  height: 20px;
  top: 1px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  div.photo-list-album-interaction .actions .trash span {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

div.photo-list-album-interaction.photo-selector-album .interaction-bar {
  padding: 0 0 15px 15px;
  width: auto
}

div.photo-list-album-interaction.photo-selector-album .album-title {
  bottom: 48px;
  font-size: 16px
}

div.photo-list-album-interaction.photo-selector-album .album-photo-count {
  bottom: 20px;
  font-size: 14px
}

.photo-list-album-view {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  position: absolute;
  transition: opacity .1s linear
}

.photo-list-album-view.awake {
  opacity: 1
}

.photo-list-album-view a.click-target {
  background-color: transparent;
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-album-view .interaction-view {
  opacity: 1;
  position: absolute;
  transition: opacity .2s linear
}

.photo-list-album-view .interaction-view.photo-list-album {
  background: linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent 50%,transparent);
  height: 100%;
  margin: inherit;
  width: 100%
}

.photo-list-album-view .interaction-view.photo-list-album:hover {
  text-decoration: none
}

.photo-list-comment-view i.comments {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px -179px no-repeat;
  display: inline-block;
  height: 20px;
  margin: 2px 1px 0 0;
  vertical-align: bottom;
  width: 24px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-comment-view i.comments {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-description-view {
  position: absolute
}

.photo-list-description-view .photo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%
}

.photo-list-description-view .photo-list-photo-interaction-view {
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s linear;
  width: 100%
}

.photo-list-description-view .photo-list-photo-interaction-view.manual-hover,.photo-list-description-view .photo-list-photo-interaction-view:hover {
  background-image: linear-gradient(transparent 65%,rgba(0,0,0,.35));
  opacity: 1
}

.photo-list-description-view .description,.photo-list-description-view .description * {
  clear: both;
  color: #7f96a3;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 0;
  margin-top: -5px;
  max-height: 40px;
  min-height: 14px;
  overflow: hidden;
  pointer-events: none
}

.photo-list-description-view .description *>p,.photo-list-description-view .description>p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin: 0
}

.photo-list-description-view .description * a,.photo-list-description-view .description a {
  text-decoration: none
}

.photo-list-description-view .description {
  width: 100%
}

.photo-list-description-view .description * {
  width: 90%
}

.photo-list-gallery-photo-view {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
  transition: box-shadow .2s linear
}

.photo-list-gallery-photo-view .photo-list-photo-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container {
  flex: 1 1 auto;
  position: relative
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .photo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .click-target {
  background-color: transparent;
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container {
  color: #fff;
  display: flex;
  justify-content: flex-end;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .2s ease
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container .remove-x-button {
  cursor: pointer;
  flex: 0 0 auto;
  height: 24px;
  margin: 12px 12px 0 0;
  width: 24px
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container .remove-x-button svg {
  filter: drop-shadow(0 0 3px rgba(0,0,0,.3))
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container.invisible {
  opacity: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container {
  align-items: center;
  background-color: transparent;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  padding: 12px;
  position: absolute;
  right: 0;
  transition: opacity .2s linear;
  z-index: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container:before {
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.5));
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -53px;
  transition: opacity .2s linear;
  z-index: -1
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container {
  color: #fff;
  flex: 1 1 auto;
  font-size: 14px;
  margin-right: 12px;
  opacity: 0;
  overflow: hidden;
  text-align: right;
  transition: opacity .2s ease;
  white-space: nowrap
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line {
  overflow: hidden;
  text-overflow: ellipsis
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line .title {
  font-weight: 600
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line .title.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line .remark {
  color: #e1e1e1;
  font-weight: 400
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button {
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  line-height: 0;
  transition: opacity .2s ease
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button .icon {
  filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
  height: 18px;
  width: 18px
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button .icon.hollow {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button .icon.filled,.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.narrow {
  justify-content: flex-end
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.narrow .remark-line-container {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.invisible {
  opacity: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.active,.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present {
  opacity: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.active .remark-button .icon.hollow {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.active .remark-button .icon.filled {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container,.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container .remark-button,.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container .remark-line-container,.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container:before,.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remove-x-container {
  opacity: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container.present .remark-button .icon {
  filter: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container.present .remark-button .icon.hollow {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-container.present .remark-button .icon.filled {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container.narrow .remove-x-container {
  justify-content: center
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container.narrow .remove-x-container .remove-x-button {
  margin-right: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container.narrow .remark-container {
  justify-content: center;
  padding-left: 0;
  padding-right: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container.narrow .remark-container .remark-line-container {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .photo-card-overlay-icon {
  opacity: .5
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  height: 70px;
  justify-content: space-between;
  opacity: 1;
  padding: 16px
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container {
  align-items: center;
  display: flex;
  margin-right: 12px;
  min-width: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .avatar {
  flex: 0 0 auto;
  margin: 0 12px 0 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .avatar.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details {
  min-width: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.title {
  color: #212124;
  font-weight: 600
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution {
  color: #b3b3b3;
  font-size: 12px;
  margin-top: 6px
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement {
  display: flex
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item {
  color: #b3b3b3;
  cursor: pointer;
  display: flex;
  margin-right: 12px
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-icon svg {
  display: block;
  height: 18px;
  width: 18px
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon i.animated-fave-star {
  background: url(https://combo.staticflickr.com/ap/build/images/fave-test/black@1x.png) 0 0/360px 18px no-repeat;
  display: block;
  height: 18px;
  opacity: .4;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/black@2x.png)
  }
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon svg.filled {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon i.animated-fave-star {
  animation: fave-starburst-18px .333s steps(19);
  background-position: -342px 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon svg {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon svg.filled {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.can-not-fave {
  cursor: default;
  opacity: .6
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.comment .engagement-icon {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.comment.active {
  color: #212124
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-count {
  margin: 1px 0 0 4px
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-count.empty,.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item .engagement-count.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.last,.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:last-child {
  margin-right: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover {
  color: #212124
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover.fave .engagement-icon i.animated-fave-star {
  opacity: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar.invisible {
  opacity: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar.narrow {
  justify-content: center;
  padding-left: 0;
  padding-right: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar {
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.5));
  bottom: 0;
  height: auto;
  left: 0;
  opacity: 0;
  padding: 65px 8px 8px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-shadow: 0 0 2px #000
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container {
  pointer-events: all
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a {
  text-decoration: none
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a.title {
  color: #fff
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a.attribution {
  color: #b3b3b3;
  font-size: 11px;
  margin-top: 2px
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .details-container .details a.attribution:hover {
  color: #fff
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement {
  pointer-events: all
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item,.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item.comment.active {
  color: #fff
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon {
  display: block
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon i.animated-fave-star {
  background-image: url(https://combo.staticflickr.com/ap/build/images/fave-test/white@1x.png);
  opacity: 1
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement span.engagement-item.fave .engagement-icon i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/white@2x.png)
  }
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar.active {
  display: flex;
  opacity: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .remove-message-container .remove-message-content {
  top: 0
}

.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover:hover .sub-photo-info-bar {
  display: flex;
  opacity: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container {
  align-items: center;
  background-color: hsla(0,0%,100%,.75);
  bottom: 0;
  color: #000;
  display: flex;
  font-weight: 600;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container .remove-message-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  top: -35px
}

.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container .remove-message-content .removing-text {
  margin-bottom: 8px
}

.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container .remove-message-content .removing-text.hidden,.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container .remove-message-content.hidden,.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container.hidden {
  display: none
}

.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container.unhidden {
  display: flex
}

.photo-list-gallery-photo-view .photo-list-photo-container.loading .photo-container .photo-card-overlay-icon,.photo-list-gallery-photo-view .photo-list-photo-container.loading .photo-container .remark-container {
  opacity: 0
}

.photo-list-gallery-photo-view.placeholder {
  opacity: .3
}

.photo-list-gallery-photo-view:hover {
  box-shadow: 0 1px 16px rgba(0,0,0,.1)
}

.photo-list-gallery-view {
  background-color: #fff;
  border-radius: 4px;
  opacity: 0;
  position: absolute;
  transition: opacity .1s linear,box-shadow .2s linear
}

.photo-list-gallery-view.awake {
  opacity: 1
}

.photo-list-gallery-view .photo-list-gallery-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  position: relative
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile {
  background-position: 50%
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile.tile-cover {
  background-color: #e1e1e1;
  background-size: cover;
  margin-right: 1px;
  width: 66.66667%
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-rows {
  display: flex;
  flex-direction: column;
  width: 33.33333%
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row {
  display: flex;
  flex: 1 1 auto
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile {
  background-color: #e1e1e1;
  background-size: cover;
  flex: 1 1 auto
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.top {
  margin-bottom: 1px
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.bottom {
  margin-top: 1px
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.left {
  margin-right: 1px
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.center {
  margin-left: 1px;
  margin-right: 1px
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.right {
  margin-left: 1px
}

.photo-list-gallery-view .photo-list-gallery-container .tile-container a.click-target {
  background-color: transparent;
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container {
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 0 0 0 16px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin: 1px 0 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details h4 a {
  color: #000
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details h4 a:focus {
  outline: none;
  text-decoration: underline
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details .stats {
  color: #b3b3b3;
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
  white-space: nowrap
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details .stats .stat {
  white-space: nowrap
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details .stats .stat.hidden {
  display: none
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details .stats .stats-separator {
  font-size: 12px;
  font-weight: 800;
  margin: 0 6px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .details .stats .stats-separator.hidden {
  display: none
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .engagement {
  color: #b3b3b3;
  display: flex
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .engagement .item {
  align-items: center;
  color: #b3b3b3;
  display: flex;
  padding: 0 16px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .engagement .item svg {
  height: 18px;
  width: 18px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .engagement .item span {
  margin-left: 4px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .engagement .item.share:hover {
  color: #212124;
  cursor: pointer
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container .engagement .item:focus {
  box-shadow: inset 0 0 0 2px #0091dc;
  outline: none
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container {
  border-top: 1px solid #e1e1e1;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  padding: 0 20px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container header {
  color: #999;
  font-size: 14px;
  margin-bottom: 8px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container .photo-container {
  align-items: center;
  display: flex
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container .photo-container .photo-thumb {
  background-color: #999;
  flex: 0 0 auto;
  height: 32px;
  margin-right: 12px;
  width: 32px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container .photo-container .title-container {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  min-width: 0
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container .photo-container .title-container .photo-title {
  color: #000;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container .photo-container .title-container .and-more-link {
  color: #006dac;
  flex: 0 0 auto;
  margin-left: 4px;
  margin-right: 40px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container .photo-container .title-container .remove-x-button {
  cursor: pointer;
  flex: 0 0 auto;
  height: 22px;
  margin-left: 40px;
  opacity: .3;
  width: 22px
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .photos-in-gallery-container.single-photo .title-container {
  flex: 1 1 auto
}

.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar.invisible {
  opacity: 0
}

.photo-list-gallery-view:hover {
  box-shadow: 0 1px 16px rgba(0,0,0,.1)
}

.interaction-view .photo-list-photo-edit-interaction {
  border: 1px solid #f3f5f6;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  width: 100%
}

.interaction-view .photo-list-photo-edit-interaction.has-focus {
  border: 1px solid #e3e3e3
}

.interaction-view .photo-list-photo-edit-interaction a.overlay {
  height: calc(100% - 90px);
  position: absolute;
  width: 100%;
  z-index: 1
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar {
  background-color: #fff;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  max-height: 182px;
  min-height: 90px;
  padding: 9px 6px 6px;
  position: absolute;
  width: 100%;
  z-index: 2
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar a,.interaction-view .photo-list-photo-edit-interaction .interaction-bar a:hover {
  text-decoration: none
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .sub-photo-title-desc-view {
  margin: 0
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .sub-photo-title-desc-view .mobile-edit-title-desc {
  fill: #006dac;
  float: right
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .sub-photo-title-desc-view.editing .mobile-edit-title-desc {
  display: none
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .sub-photo-title-desc-view.editing .title-desc-block.editable {
  background: none;
  cursor: auto
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .sub-photo-title-desc-view.editing .title-desc-block.editable .done-editing-title-desc {
  font-size: 14px;
  height: 29px;
  min-width: 80px
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .sub-photo-title-desc-view .title-desc-block.editable:focus:not(:hover) {
  background: none
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tools {
  display: flex;
  justify-content: space-between;
  padding-right: 3px
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool {
  align-items: center;
  color: #212124;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  margin: 4px 0 4px 14px
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool:first-child {
  margin-left: 6px
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area {
  cursor: pointer
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon {
  transform: translateZ(0)
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.private {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) -189px 0 no-repeat;
  height: 15px;
  width: 12px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.private {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.public {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) 0 -151px no-repeat;
  height: 17px;
  width: 17px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.public {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.family,.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.friends,.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.friendsandfamily {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png) 0 -169px no-repeat;
  height: 17px;
  width: 12px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.family,.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.friends,.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .privacy-icon.friendsandfamily {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy@2x-4a618d72.png);
      background-size: 201px 186px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .down-caret {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -51px -512px no-repeat;
  height: 16px;
  margin-left: 3px;
  opacity: .4;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .down-caret {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .balls {
  margin: 0 -6px;
  transform: scale(.5);
  vertical-align: middle
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.view-area .view-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -413px -259px no-repeat;
  height: 12px;
  margin-top: 2px;
  opacity: .9;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.view-area .view-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.fave-area .fave-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -494px no-repeat;
  display: inline-block;
  height: 17px;
  opacity: .6;
  vertical-align: middle;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.fave-area .fave-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.like-area .icon-like {
  display: inline-block;
  height: 18px;
  opacity: .35;
  vertical-align: middle;
  width: 18px
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.comment-area .comment-icon {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -335px -494px no-repeat;
  display: inline-block;
  height: 16px;
  margin-top: 1px;
  opacity: .6;
  vertical-align: middle;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.comment-area .comment-icon {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool .icon-count {
  bottom: -2px;
  display: inline-block;
  margin-left: 4px;
  opacity: .4;
  position: relative
}

.interaction-view .photo-list-photo-edit-interaction .extra-tool {
  cursor: pointer;
  min-width: auto;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: opacity .25s ease-in-out;
  z-index: 5
}

.interaction-view .photo-list-photo-edit-interaction .extra-tool:focus {
  box-shadow: none;
  outline-color: -webkit-focus-ring-color;
  outline-style: auto
}

.interaction-view .photo-list-photo-edit-interaction .extra-tool.hidden {
  opacity: 0
}

.interaction-view .photo-list-photo-edit-interaction .remove-photo {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -433px -155px no-repeat;
  height: 39px;
  width: 34px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .interaction-view .photo-list-photo-edit-interaction .remove-photo {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-photo-interaction {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-photo-interaction.printable .notprintable-alert {
  display: none
}

.photo-list-photo-interaction a.overlay {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.photo-list-photo-interaction .square {
  border-radius: 3px;
  box-shadow: inset 0 0 0 10px #128fdc;
  display: inline-block;
  height: 20px;
  line-height: 24px;
  margin-right: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: 20px
}

.photo-list-photo-interaction .square:after {
  background: transparent;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  height: 8px;
  left: 7px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 4px
}

.photo-list-photo-interaction .marketplace-licensable {
  box-sizing: border-box;
  left: 0;
  padding: 8px 8px 0;
  position: absolute;
  top: 0;
  z-index: 2
}

.photo-list-photo-interaction .interaction-bar {
  align-items: flex-end;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  left: 0;
  padding: 0 8px 8px;
  position: absolute;
  width: 100%;
  z-index: 2
}

.photo-list-photo-interaction .interaction-bar.narrow {
  justify-content: center;
  padding: 0 0 8px
}

.photo-list-photo-interaction .interaction-bar.narrow .text {
  display: none
}

.photo-list-photo-interaction .interaction-bar.invisible {
  opacity: 0
}

.photo-list-photo-interaction .interaction-bar a,.photo-list-photo-interaction .interaction-bar a:hover {
  text-decoration: none
}

.photo-list-photo-interaction .interaction-bar .text {
  flex: 1;
  margin-right: 12px;
  min-height: 0;
  min-width: 0
}

.photo-list-photo-interaction .interaction-bar .text .attribution,.photo-list-photo-interaction .interaction-bar .text .title {
  display: block;
  margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 0 2px #000;
  white-space: nowrap;
  width: 100%;
  z-index: 2
}

.photo-list-photo-interaction .interaction-bar .text .attribution.empty,.photo-list-photo-interaction .interaction-bar .text .title.empty {
  white-space: pre
}

.photo-list-photo-interaction .interaction-bar .text p {
  line-height: 1em
}

.photo-list-photo-interaction .interaction-bar .text .title {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-height: 17px
}

.photo-list-photo-interaction .interaction-bar .text .attribution {
  color: hsla(0,0%,100%,.7);
  font-size: 11px;
  transition: color .15s linear
}

.photo-list-photo-interaction .interaction-bar .text .attribution:hover {
  color: #fff
}

.photo-list-photo-interaction .interaction-bar .tool {
  align-items: center;
  color: #fff;
  display: inline-block;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  margin: 0 0 4px 8px;
  padding-top: 9px;
  text-align: center;
  vertical-align: middle
}

.photo-list-photo-interaction .interaction-bar .tool.create {
  margin-top: -10px;
  padding-top: 0
}

.photo-list-photo-interaction .interaction-bar .tool.lonely {
  margin: 0 auto 4px
}

.photo-list-photo-interaction .interaction-bar .tool.lonely .fave-area i.fave-star {
  margin-right: 0!important
}

.photo-list-photo-interaction .interaction-bar .tool .fave-area {
  color: #fff
}

.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star {
  cursor: pointer;
  display: inline-block;
  margin-right: 1px;
  vertical-align: middle
}

.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.faved {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -19px -494px no-repeat;
  cursor: pointer;
  height: 17px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.faved {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.fave {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -253px no-repeat;
  cursor: pointer;
  height: 17px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.fave {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.can-not-fave {
  cursor: default;
  opacity: .6
}

.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.can-not-fave+.icon-count {
  cursor: default
}

.photo-list-photo-interaction .interaction-bar .tool .comment-area {
  color: #fff
}

.photo-list-photo-interaction .interaction-bar .tool .comment-area i.comments {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -318px -494px no-repeat;
  display: inline-block;
  height: 16px;
  margin: 2px 0 0 1px;
  vertical-align: middle;
  width: 16px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-photo-interaction .interaction-bar .tool .comment-area i.comments {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-photo-interaction .interaction-bar .tool span.icon-count {
  bottom: -2px;
  display: inline-block;
  margin-left: 4px;
  position: relative
}

.photo-list-photo-interaction .interaction-bar .engagement {
  display: flex;
  font-size: 14px
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item {
  color: #fff;
  cursor: pointer;
  display: flex;
  margin-right: 12px
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-icon svg {
  display: block;
  height: 18px;
  width: 18px
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave .engagement-icon {
  display: block
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave .engagement-icon i.animated-fave-star {
  background: url(https://combo.staticflickr.com/ap/build/images/fave-test/white@1x.png) 0 0/360px 18px no-repeat;
  display: block;
  height: 18px;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave .engagement-icon i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/white@2x.png)
  }
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave .engagement-icon svg.filled {
  display: none
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star {
  animation: fave-starburst-18px .333s steps(19);
  background-position: -342px 0
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon svg {
  display: none
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon svg.filled {
  display: block
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.can-not-fave {
  cursor: default;
  opacity: .6
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.comment .engagement-icon {
  display: block
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.comment.active {
  color: #fff
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count {
  margin: 1px 0 0 4px
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.empty,.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.hidden {
  display: none
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.last,.photo-list-photo-interaction .interaction-bar .engagement .engagement-item:last-child {
  margin-right: 0
}

.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.hidden {
  display: none
}

.photo-list-photo-interaction .extra-tools {
  position: absolute;
  right: 5px;
  top: 5px
}

.photo-list-photo-interaction .extra-tool {
  cursor: pointer;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 5
}

.photo-list-photo-interaction .remove-photo {
  height: 20px;
  margin-right: 5px;
  margin-top: 5px;
  width: 20px
}

.photo-list-photo-interaction .remove-photo:after,.photo-list-photo-interaction .remove-photo:before {
  background-color: #fff;
  box-shadow: 2px 2px 9px 2px rgba(0,0,0,.1);
  content: "";
  position: absolute;
  transition: all .15s ease-in-out
}

.scotched .photo-list-photo-interaction .remove-photo:after,.scotched .photo-list-photo-interaction .remove-photo:before {
  background-color: #e2292b
}

.photo-list-photo-interaction .remove-photo:before {
  height: 2px;
  left: 0;
  top: 7px;
  transform: rotate(45deg) translate(-2px,-6px);
  transform-origin: left center;
  width: 21px
}

.photo-list-photo-interaction .remove-photo:after {
  height: 21px;
  left: 8px;
  top: 0;
  transform: rotate(45deg) translateY(-1px);
  width: 2px
}

.photo-list-photo-interaction .big-scotch {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -407px no-repeat;
  height: 40px;
  margin-top: -4px;
  width: 42px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-photo-interaction .big-scotch {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-photo-interaction .more-menu {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px 0 no-repeat;
  height: 18px;
  width: 30px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-photo-interaction .more-menu {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-photo-interaction .curator-tools {
  padding: 4px
}

.photo-list-photo-interaction .curator-tools li {
  list-style-type: none
}

.photo-list-photo-interaction .curator-tools i {
  display: inline-block
}

.photo-list-photo-view {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  position: absolute
}

.photo-list-photo-view.edit.landscape {
  background-position: top;
  background-size: auto calc(100% - 90px)
}

.photo-list-photo-view.edit.portrait {
  background-position-y: calc(50% - 45px)
}

.photo-list-photo-view.edit.is-video .photo-card-overlay-icon {
  top: calc(50% - 45px)
}

.photo-list-photo-view.edit .interaction-view-placeholder {
  background: #fff;
  bottom: 0;
  height: 90px;
  position: absolute;
  width: 100%
}

.photo-list-photo-view.low-res {
  display: block;
  filter: blur(50px);
  overflow: hidden;
  transition: filter .2s linear
}

.photo-list-photo-view.low-res.awake {
  filter: none
}

.photo-list-photo-view.awake {
  display: block
}

.photo-list-photo-view.forced-aspect-ratio {
  background-size: cover
}

.photo-list-photo-view.is-video:hover .photo-card-overlay-icon {
  opacity: .5
}

.photo-list-photo-view.scotched {
  opacity: .25
}

.photo-list-photo-view a.click-target {
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-photo-view.curation-border {
  outline-offset: -4px;
  outline-style: solid;
  outline-width: 8px
}

.photo-list-photo-view .interaction-view {
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity .2s linear;
  width: 100%
}

.edit .photo-list-photo-view .interaction-view {
  opacity: 1
}

.edit .photo-list-photo-view .interaction-view.has-keyboard-focus,.edit .photo-list-photo-view .interaction-view.manual-hover,.edit .photo-list-photo-view .interaction-view:focus,.edit .photo-list-photo-view .interaction-view:hover {
  background: none
}

.photo-list-photo-view .interaction-view.has-keyboard-focus,.photo-list-photo-view .interaction-view.manual-hover,.photo-list-photo-view .interaction-view:focus,.photo-list-photo-view .interaction-view:hover {
  background-image: linear-gradient(transparent 65%,rgba(0,0,0,.35));
  opacity: 1
}

.photo-list-photo-view .interaction-view.active,.photo-list-photo-view .interaction-view.disabled-selected {
  box-shadow: inset 0 0 0 3px #fff;
  opacity: 1
}

.photo-list-photo-view .interaction-view.active .square,.photo-list-photo-view .interaction-view.disabled-selected .square {
  opacity: 1
}

.photo-list-photo-view .interaction-view.active .interaction-bar,.photo-list-photo-view .interaction-view.disabled-selected .interaction-bar {
  border-radius: 0 0 3px 3px
}

.photo-list-photo-view .interaction-view.active:before,.photo-list-photo-view .interaction-view.disabled-selected:before {
  border-radius: 3px;
  box-shadow: inset 0 0 0 3px #128fdc;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3
}

.photo-list-photo-view .interaction-view .disabled-overlay {
  display: none
}

.photo-list-photo-view .interaction-view.disabled,.photo-list-photo-view .interaction-view.disabled-selected {
  opacity: 1
}

.photo-list-photo-view .interaction-view.disabled .disabled-overlay,.photo-list-photo-view .interaction-view.disabled-selected .disabled-overlay {
  background-color: #fff;
  bottom: 0;
  display: block;
  left: 0;
  opacity: .75;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3
}

.photo-list-photo-view .interaction-view.disabled-selected:hover,.photo-list-photo-view .interaction-view.disabled:hover {
  background-image: none
}

.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected) .square {
  opacity: 0
}

.photo-list-photo-view .photo-list-photo-container {
  height: 100%;
  position: relative;
  width: 100%
}

.photo-list-photo-view .photo-list-photo-container>.interaction-view {
  left: 0;
  top: 0
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.photo-list-moola-item-view,.photo-list-static-item-view {
  background-color: #212124;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e6eaec;
  box-sizing: border-box;
  display: block;
  position: absolute
}

.photo-list-moola-item-view .photo-list-static-item-container,.photo-list-static-item-view .photo-list-static-item-container {
  align-items: center;
  border: 1px solid #e6eaec;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

.photo-list-moola-item-view .photo-list-static-item-container.w-pro-upsell-bg,.photo-list-static-item-view .photo-list-static-item-container.w-pro-upsell-bg {
  background-image: url(https://combo.staticflickr.com/ap/build/images/pro/photolist-pro-ad-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat
}

.photo-list-moola-item-view .photo-list-static-item-container.w-pro-upsell-bg:before,.photo-list-static-item-view .photo-list-static-item-container.w-pro-upsell-bg:before {
  content: ""
}

.photo-list-moola-item-view .photo-list-static-item-container.show-animation,.photo-list-static-item-view .photo-list-static-item-container.show-animation {
  animation: fadeIn .5s linear;
  opacity: 1
}

.photo-list-moola-item-view .photo-list-static-item-container:before,.photo-list-static-item-view .photo-list-static-item-container:before {
  align-items: center;
  color: #898989;
  content: "";
  display: block;
  display: flex;
  font-family: sans-serif;
  font-size: 11px;
  height: 100%;
  justify-content: center;
  line-height: 23px;
  opacity: .7;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1
}

.photo-list-moola-item-view .photo-list-static-item-container>div,.photo-list-static-item-view .photo-list-static-item-container>div {
  z-index: 2
}

.photo-list-moola-item-view .photo-list-static-item-container .pro-upsell,.photo-list-static-item-view .photo-list-static-item-container .pro-upsell {
  color: #f3f5f6;
  font-size: 18px;
  padding: 20px
}

.photo-list-moola-item-view .photo-list-static-item-container .pro-upsell .get-pro,.photo-list-static-item-view .photo-list-static-item-container .pro-upsell .get-pro {
  color: #fff;
  text-decoration: underline
}

.photo-list-moola-item-view .photo-list-static-item-container .upgrade-to-pro,.photo-list-static-item-view .photo-list-static-item-container .upgrade-to-pro {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 8px 8px 0
}

.photo-list-moola-item-view .photo-list-static-item-container .upgrade-to-pro a,.photo-list-static-item-view .photo-list-static-item-container .upgrade-to-pro a {
  color: #898989
}

.photo-list-moola-item-view.awake,.photo-list-static-item-view.awake {
  display: block
}

.photo-list-moola-item-view.forced-aspect-ratio,.photo-list-static-item-view.forced-aspect-ratio {
  background-size: cover
}

.photo-list-moola-item-view a.click-target,.photo-list-static-item-view a.click-target {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%
}

.photo-list-getty-item-view {
  position: absolute
}

.photo-list-tag-view {
  backface-visibility: hidden;
  position: absolute
}

.photo-list-tag-view .photo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: .8;
  z-index: 111
}

.photo-list-tag-view .overlay {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 400
}

.photo-list-tag-view .overlay:after {
  background: rgba(0,0,0,.2);
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease-out;
  width: 100%;
  z-index: -1
}

.photo-list-tag-view .tag {
  word-wrap: break-word;
  border-radius: 5px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .05em;
  max-width: 80%;
  overflow: hidden;
  padding: 12px 10px;
  text-align: center;
  text-shadow: 0 0 3px rgba(0,0,0,.3);
  z-index: 400
}

.photo-list-tag-view .photo-link {
  background: rgba(0,0,0,.6);
  border-radius: 4px;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 10px;
  height: 10px;
  opacity: 1;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  width: auto;
  z-index: 400
}

.photo-list-tag-view:hover .overlay:after {
  opacity: 0;
  transition: opacity .2s ease-in
}

.photo-list-tag-view:hover .photo-link {
  color: #fff;
  display: inline-block
}

@media (max-width: 900px)and (orientation:landscape),only screen and (max-width:700px)and (orientation:portrait) {
  .photo-list-tag-view:hover .photo-link {
      display:none
  }
}

.is-mobile .photo-list-tag-view .photo {
  opacity: 1
}

.photo-list-tile-view {
  background-color: #fcfeff;
  border: 1px solid hsla(0,0%,54%,.3);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 8px;
  position: absolute
}

.photo-list-tile-view .photo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 65%
}

.photo-list-tile-view .photo.has-descriptions {
  height: 55%
}

.photo-list-tile-view .photo.is-video .photo-card-overlay-icon {
  top: 32.5%
}

.photo-list-tile-view .photo.is-video:hover .photo-card-overlay-icon {
  opacity: .5
}

.photo-list-tile-view .metadata {
  padding-top: 12px;
  width: 100%
}

.photo-list-tile-view .metadata .title {
  color: #212124;
  font-size: 14px;
  font-weight: 600;
  min-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.photo-list-tile-view .metadata .attribution {
  color: rgba(33,33,36,.7);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .15s linear;
  white-space: nowrap;
  width: 100%
}

.photo-list-tile-view .metadata .attribution:hover {
  color: #212124
}

.photo-list-tile-view .metadata .description {
  clear: both;
  color: rgba(33,33,36,.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 0;
  margin-top: 9px;
  max-height: 28px;
  min-height: 14px;
  overflow: hidden;
  width: 100%
}

.photo-list-tile-view .metadata .description>p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin: 0
}

.photo-list-tile-view .metadata .description a {
  color: rgba(33,33,36,.7);
  text-decoration: none
}

.photo-list-tile-view .metadata .bottom-icons {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0 8px 8px;
  position: absolute;
  right: 0
}

.photo-list-tile-view .metadata .bottom-icons .license a,.photo-list-tile-view .metadata .bottom-icons .license i {
  display: block
}

.photo-list-tile-view .metadata .bottom-icons .engagement {
  align-items: center;
  display: flex
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item {
  color: #b3b3b3;
  cursor: pointer;
  display: flex;
  margin-right: 12px;
  text-decoration: none
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item .engagement-icon svg {
  display: block;
  height: 18px;
  width: 18px
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave .engagement-icon {
  display: block
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave .engagement-icon i.animated-fave-star {
  background: url(https://combo.staticflickr.com/ap/build/images/fave-test/black@1x.png) 0 0/360px 18px no-repeat;
  display: block;
  height: 18px;
  opacity: .35;
  width: 18px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave .engagement-icon i.animated-fave-star {
      background-image:url(https://combo.staticflickr.com/ap/build/images/fave-test/black@2x.png)
  }
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave .engagement-icon svg.filled {
  display: none
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star {
  animation: fave-starburst-18px .333s steps(19);
  background-position: -342px 0
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave.faved .engagement-icon svg {
  display: none
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave.faved .engagement-icon svg.filled {
  display: block
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave.can-not-fave {
  cursor: default;
  opacity: .6
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.comment .engagement-icon {
  display: block
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.comment.active {
  color: #212124
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item .engagement-count {
  font-size: 14px;
  margin: 1px 0 0 4px
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item .engagement-count.empty,.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item .engagement-count.hidden {
  display: none
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.last,.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item:last-child {
  margin-right: 0
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.hidden {
  display: none
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item:hover:not(.can-not-fave) {
  color: #212124
}

.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item:hover:not(.can-not-fave).fave .engagement-icon i.animated-fave-star,.photo-list-tile-view.manual-hover .extra-tools,.photo-list-tile-view:hover .extra-tools {
  opacity: 1
}

.photo-list-tile-view .extra-tools {
  opacity: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  transition: opacity .2s linear
}

.photo-list-tile-view .extra-tool {
  cursor: pointer;
  display: inline-block;
  float: right;
  position: relative;
  z-index: 5
}

.photo-list-tile-view .remove-photo {
  height: 20px;
  margin-right: 5px;
  margin-top: 5px;
  width: 20px
}

.photo-list-tile-view .remove-photo:after,.photo-list-tile-view .remove-photo:before {
  background-color: #fff;
  box-shadow: 2px 2px 9px 2px rgba(0,0,0,.1);
  content: "";
  position: absolute;
  transition: all .15s ease-in-out
}

.scotched .photo-list-tile-view .remove-photo:after,.scotched .photo-list-tile-view .remove-photo:before {
  background-color: #e2292b
}

.photo-list-tile-view .remove-photo:before {
  height: 2px;
  left: 0;
  top: 7px;
  transform: rotate(45deg) translate(-2px,-6px);
  transform-origin: left center;
  width: 21px
}

.photo-list-tile-view .remove-photo:after {
  height: 21px;
  left: 8px;
  top: 0;
  transform: rotate(45deg) translateY(-1px);
  width: 2px
}

.photo-list-tile-view .big-scotch {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) 0 -407px no-repeat;
  height: 40px;
  margin-top: -4px;
  width: 42px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-tile-view .big-scotch {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-tile-view .more-menu {
  background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -496px 0 no-repeat;
  height: 18px;
  width: 30px
}

@media only screen and (-o-min-device-pixel-ratio: 150/100),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
  .photo-list-tile-view .more-menu {
      background-image:url(https://combo.staticflickr.com/ap/build/images/sprites/icons@2x-0fdea6e9.png);
      background-size: 557px 528px
  }
}

.photo-list-tile-view .marketplace-licensable {
  box-sizing: border-box;
  left: 0;
  padding: 8px 8px 0;
  position: absolute;
  top: 0;
  z-index: 2
}

.fluid .droparound.license-tooltip {
  color: #212124
}

.fluid .droparound.license-tooltip,.fluid .droparound.license-tooltip .droparrow:after {
  box-shadow: 0 0 3px rgba(0,0,0,.15),0 3px 4px rgba(0,0,0,.1)
}

.fluid .droparound.license-tooltip p {
  line-height: 18px
}

.fluid .droparound.license-tooltip p:first-of-type {
  font-weight: 600
}

.photo-notes-scrappy-view {
  -webkit-touch-callout: none;
  color: #fff;
  cursor: zoom-in;
  display: none;
  height: 100%;
  position: absolute;
  user-select: none;
  width: 100%;
  z-index: 109
}

.photo-notes-scrappy-view.is-ready {
  display: block
}

.photo-notes-scrappy-view .new-note {
  display: block;
  position: absolute;
  transform: translateZ(0)
}

.photo-notes-scrappy-view .note {
  border: 1px solid rgba(0,0,0,.8);
  border-radius: 2px;
  cursor: default;
  display: block;
  opacity: 0;
  position: absolute;
  transition: opacity .2s ease-out
}

.photo-notes-scrappy-view .note:before {
  border: 1px solid hsla(0,0%,100%,.8);
  border-radius: 2px;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.photo-notes-scrappy-view .note.note-hovered {
  opacity: 1!important
}

.photo-notes-scrappy-view .note-text {
  display: block;
  position: absolute
}

.photo-notes-scrappy-view .note-text.adding .text-alignment-fix,.photo-notes-scrappy-view .note-text.editing .text-alignment-fix {
  background-color: #f3f5f6;
  border-radius: 3px;
  max-height: none
}

.photo-notes-scrappy-view .note-text.adding textarea,.photo-notes-scrappy-view .note-text.editing textarea {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #9ea4a7;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 7px;
  color: #212124;
  font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  margin: -5px -7px 0;
  outline: none;
  padding: 5px 7px 7px;
  resize: vertical;
  transform: translateZ(0);
  width: 100%
}

.photo-notes-scrappy-view .note-text .text-alignment-fix {
  -webkit-touch-callout: default;
  background-color: #fcf1d1;
  border-radius: 7px;
  border-top-left-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.3),0 3px 20px 0 rgba(0,0,0,.3);
  color: #212124;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  max-height: 155px;
  max-width: 210px;
  overflow: auto;
  padding: 5px 7px;
  position: relative;
  user-select: auto
}

.tumb-outer{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:20px;
}
    .tumb-outer .column {
        width: calc(20% - 16px);
        height: 176px;
        position: relative;
    }
        .tumb-outer .column:after {
            background: #afb7bc;
            content: "";
            height: 1px;
            position: absolute;
            transition: all .15s ease-in-out;
            left: 15px;
            right: 15px;
            top: -2px;
        }
        .tumb-outer .column:before {
            background: #afb7bc;
            content: "";
            height: 1px;
            position: absolute;
            transition: all .15s ease-in-out;
            left: 20px;
            right: 20px;
            top:-4px;
        }
        .tumb-outer .column:hover::after {
            top: -3px;
        }
        .tumb-outer .column:hover::before {
            top: -6px;
        }

        .tumb-outer .column a {
            position: absolute;
            height: 100%;
            width: 100%;
        }
            .tumb-outer .column a:before{
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
                content:"";
                background-color:rgba(0,0,0,.1);
                display:block;
                z-index:1;
                transition:all .3s ease-in-out;
            }
            .tumb-outer .column img {
                width: 100%;
                height: 100%;
                position: absolute;
                object-fit: cover;
            }
        
        .tumb-outer .column a:hover::before {
            background-color: rgba(0,0,0,.2);
        }
        .tumb-outer .column a:hover .thum-title {
            bottom: 20px;
        }

        .requiredToShowOnServer {
            position: relative;
        }
   
.thum-title {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    z-index: 2;
    transition: all .3s ease-in-out;
}
.daytitle {
    color: #000;
    display: flex;
    font-size: 12pt;
    font-weight: 600;
    height: 48px;
    line-height: 170%;
    padding: 20px 0px 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    text-transform:capitalize;
}
.feature-section {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}

@media(max-width:1366px) {
    .feature-section {
        max-width: 99%;
    }
}
.backtitle{
    padding:20px 0;
}
    .backtitle a {
        font-weight: 600;
        color: #212124;
        position: relative;
        font-size: 16px;
        background-image: url(../image/arrow-back.svg);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 30px;
        background-size:28px;
    }
footer{
    padding:20px 0;
}
@media screen and (max-width: 990px) {
    header {
        height: auto;
    }
    .tumb-outer{
      flex-direction:column;
    }
        .tumb-outer .column {
            width: calc(100%);
        }
}
.requiredToShowOnServer:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,.3);
    display: block;
    z-index: 1;
}
.heading {
    margin-top: 123px;
    display: flex;
    align-items: center;
}
    .heading .avtar {
        height: 100px;
        margin-right: 12px;
        width: 100px;
        border-radius: 50%;
    }
        .heading .avtar img{
            width:100px;
            height:100px;
            border-radius:50%;
        }
        .bannerText {
            position: relative;
            z-index: 2;
        }
    .bannerText h1 {
      
    }
.album-header-content {
    height: 420px;
}
.album-title-desc-view > .title-desc-block > .album-title {
    text-transform:capitalize;
}
@media screen and (max-width: 990px) {
    .album-title-desc-view > .title-desc-block{
        padding-bottom:0;
    }
        .album-title-desc-view > .title-desc-block > .album-title{
            font-size:2em;
        }
        .bannerText h1 {
            font-size: 3.5rem;
        }
    .album-header-content {
        height: 220px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .feature-section {
        padding: 0px 0 0;
    }
}