/* Casting Card Grid */
.casting-card {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 10px 20px;
  margin: 0 0 30px 0;
  aspect-ratio: 1/1;
}
.casting-card_arch {
  position: absolute;
  width: 100%;
  aspect-ratio: 8/10;
  border: 6px solid transparent;
  border-radius: 50% 50%/40% 40% 0 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, white 100%);
  background-origin: border-box;
  mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  mask-clip: padding-box, border-box;
  mask-composite: exclude;
  z-index: -1;
}
.casting-card_head {
  flex-basis: 200px;
  align-self: stretch;
  padding: 0 15px;
  display: flex;
  flex-direction: column-reverse;
}
.casting-card_head h3 {
  font-family: "Intro Friday", sans-serif;
  font-size: 28px;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 0 7px 0;
  order: 2;
}
.casting-card_head span {
  font-family: "Intro Friday", sans-serif;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  margin: 0 0 10px 0;
  order: 1;
}
.casting-card_foot {
  align-self: stretch;
}
.casting-card_foot p {
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
  color: #FFFFFF;
  margin: 0 0 10px 0;
}

/* Casting Card Palette */
[data-casting-card=all] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, white 100%);
}
[data-casting-card=all] .casting-card_head span {
  color: white;
}

[data-casting-filter=all] {
  color: white;
}
[data-casting-filter=all]._active {
  pointer-events: none;
  color: #000000;
  border-color: white;
  background-color: white;
}

[data-casting-card=travels] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #c2fc50 100%);
}
[data-casting-card=travels] .casting-card_head span {
  color: #c2fc50;
}

[data-casting-filter=travels] {
  color: #c2fc50;
}
[data-casting-filter=travels]._active {
  pointer-events: none;
  color: #000000;
  border-color: #c2fc50;
  background-color: #c2fc50;
}

[data-casting-card=taste] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #ffb200 100%);
}
[data-casting-card=taste] .casting-card_head span {
  color: #ffb200;
}

[data-casting-filter=taste] {
  color: #ffb200;
}
[data-casting-filter=taste]._active {
  pointer-events: none;
  color: #000000;
  border-color: #ffb200;
  background-color: #ffb200;
}

[data-casting-card=beauty] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #e60086 100%);
}
[data-casting-card=beauty] .casting-card_head span {
  color: #e60086;
}

[data-casting-filter=beauty] {
  color: #e60086;
}
[data-casting-filter=beauty]._active {
  pointer-events: none;
  color: #000000;
  border-color: #e60086;
  background-color: #e60086;
}

[data-casting-card=changes] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #9ddbc2 100%);
}
[data-casting-card=changes] .casting-card_head span {
  color: #9ddbc2;
}

[data-casting-filter=changes] {
  color: #9ddbc2;
}
[data-casting-filter=changes]._active {
  pointer-events: none;
  color: #000000;
  border-color: #9ddbc2;
  background-color: #9ddbc2;
}

[data-casting-card=talent] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #fdee1f 100%);
}
[data-casting-card=talent] .casting-card_head span {
  color: #fdee1f;
}

[data-casting-filter=talent] {
  color: #fdee1f;
}
[data-casting-filter=talent]._active {
  pointer-events: none;
  color: #000000;
  border-color: #fdee1f;
  background-color: #fdee1f;
}

[data-casting-card=expert] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #bdccd4 100%);
}
[data-casting-card=expert] .casting-card_head span {
  color: #bdccd4;
}

[data-casting-filter=expert] {
  color: #bdccd4;
}
[data-casting-filter=expert]._active {
  pointer-events: none;
  color: #000000;
  border-color: #bdccd4;
  background-color: #bdccd4;
}

[data-casting-card=emotions] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #00b0f0 100%);
}
[data-casting-card=emotions] .casting-card_head span {
  color: #00b0f0;
}

[data-casting-filter=emotions] {
  color: #00b0f0;
}
[data-casting-filter=emotions]._active {
  pointer-events: none;
  color: #000000;
  border-color: #00b0f0;
  background-color: #00b0f0;
}

[data-casting-card=hits] .casting-card_arch {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, #c92a2a 100%);
}
[data-casting-card=hits] .casting-card_head span {
  color: #c92a2a;
}

[data-casting-filter=hits] {
  color: #c92a2a;
}
[data-casting-filter=hits]._active {
  pointer-events: none;
  color: #000000;
  border-color: #c92a2a;
  background-color: #c92a2a;
}

._desktop [data-casting-filter=all]:hover {
  border-color: white !important;
}
._desktop [data-casting-card=all] .btn:hover {
  border-color: white;
}
._desktop [data-casting-filter=travels]:hover {
  border-color: #c2fc50 !important;
}
._desktop [data-casting-card=travels] .btn:hover {
  border-color: #c2fc50;
}
._desktop [data-casting-filter=taste]:hover {
  border-color: #ffb200 !important;
}
._desktop [data-casting-card=taste] .btn:hover {
  border-color: #ffb200;
}
._desktop [data-casting-filter=beauty]:hover {
  border-color: #e60086 !important;
}
._desktop [data-casting-card=beauty] .btn:hover {
  border-color: #e60086;
}
._desktop [data-casting-filter=changes]:hover {
  border-color: #9ddbc2 !important;
}
._desktop [data-casting-card=changes] .btn:hover {
  border-color: #9ddbc2;
}
._desktop [data-casting-filter=talent]:hover {
  border-color: #fdee1f !important;
}
._desktop [data-casting-card=talent] .btn:hover {
  border-color: #fdee1f;
}
._desktop [data-casting-filter=expert]:hover {
  border-color: #bdccd4 !important;
}
._desktop [data-casting-card=expert] .btn:hover {
  border-color: #bdccd4;
}
._desktop [data-casting-filter=emotions]:hover {
  border-color: #00b0f0 !important;
}
._desktop [data-casting-card=emotions] .btn:hover {
  border-color: #00b0f0;
}
._desktop [data-casting-filter=hits]:hover {
  border-color: #c92a2a !important;
}
._desktop [data-casting-card=hits] .btn:hover {
  border-color: #c92a2a;
}

/* Casting Card Adaptive */
@media only screen and (max-width: 1023px) {
  .casting-card {
    padding: 10px 35px;
  }
}
@media only screen and (max-width: 723px) {
  .casting-card {
    padding: 10px 50px;
  }
  .casting-card_head {
    padding: 0 7px;
  }
  ._castings__list {
    min-height: 50vh;
  }
}
/* Casting Filter Base */
.casting-card-filter {
  padding: 5px;
  margin: 0 0 45px 0;
}

.casting-card-filter > button {
  display: block;
  float: left;
  font-family: "Intro Friday", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  background-color: #000000;
  border: #FFFFFF solid 1px;
  color: #FFFFFF;
  padding: 11px 20px;
  margin: 0 3px 6px 3px;
  border-radius: 50px;
  cursor: pointer;
}

.casting-card-filter > button:first-child {
  margin-left: 0;
}

.casting-card-filter > button:last-child {
  margin-right: 0;
}

.casting-card-filter > button:hover,
.casting-card-filter > button.active {
  background-color: #FFFFFF;
  color: #000000;
}

/* Casting Filter Adaptive */
@media only screen and (max-width: 1023px) {
  .casting-card-filter {
    margin: 0 0 28px 0;
  }
}
/* Other Styles */
.grid {
  margin: 0 -32px !important;
}

.col {
  padding: 0 32px !important;
}

@media only screen and (max-width: 723px) {
  .grid {
    margin: 0 -16px !important;
  }
  .col {
    padding: 0 16px !important;
  }
}

/*# sourceMappingURL=castings.css.map */