/** Shopify CDN: Minification failed

Line 526:3 Unexpected "{"

**/
/* Place any CSS overrides in this file. */

.mobile-nav-header{
  opacity:1;
  font-size:18px;
  text-transform:none;

}


.product-medias__main{
  position:relative;
}
.product-medias__main .controls{
  z-index:100;
  user-select: none;
}

.product-medias__main .controls .arrow{
  cursor: pointer;
  position: absolute;
  display: block;
  top: 50%;
  z-index: 100;
  margin-top: -17px;
  color: #ddd;
  background: rgba(0,0,0,0.5);
  padding: 7px;
  border-radius: 5px;
  user-select: none;
}
.product-medias__main .controls .arrow-right{
  right:0px;
}


body.body-opacity-1 {
  opacity: 1 !important;
}


@media screen and (max-width: 768px){
  .shopify-section .homepage-sections-wrapper--white, .featured-collections-wrapper .homepage-collections-background.content-width {
    padding-top: 0;
  }
  .shopify-section .homepage-sections-wrapper--white {
    padding-bottom: 0;
  }
  .grid--full>.grid__item {
    margin-top: 0;
  }
  #shopify-section-footer .grid .grid__item:first-child .footer-header {
    padding-top: 0;
  }
  .testimonial--single-item:last-child {
    margin-bottom: 15px;
  }
  .shopify-section .homepage-sections-wrapper--white.padding-top {
    padding-top: 30px;
  }
}
@media screen and (min-width: 768px){
  .shopify-section .homepage-sections-wrapper--white {
    padding-bottom: 0;
  }
  #shopify-section-collection--featured-collection .homepage-product-grid-wrapper .grid__item  {
    margin-bottom: 15px;
  }
}

body .product-form-vue #ProductPrice .money:after {
  color: #333
}

.shipping-info {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 14px;
}

.shipping-info__text {
  font-size: 17px;
  font-weight: 700;
  line-height: 27.2px;
  font-family: Neuzeit Office;
}
.product-form-vue #ProductPrice {
  display: flex;
  flex-wrap: wrap;
}

.product-form-vue #ProductPrice .money {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.free-delivery,
.eta-span {
  font-size: 17px;
  line-height: 27.2px;
  font-weight: 700;
  display: block;
}
.eta-day, .eta-date, .eta-time {
  color: #419d61;
}
.eta-time span {
  color: initial;
}
body .product-form-vue #ProductPrice .money:after {
  display: none;
}
body .search-drawer {
  display: block !important;
}

@media screen and (max-width: 768px){
  .free-delivery,
  .eta-span {
    font-size: 15px;
    line-height: 23px;
  }
  #PageContainer .image-size-chart-wrapper {
    margin-bottom: 9px;
  }
  #PageContainer .swatches-wrapper {
    margin-bottom: 0;
  }
  #PageContainer .quantity-selector.product-sub-label {
    margin-top: 0px;
  }
  #PageContainer .quantity-selector + .js-qty {
    margin-bottom: 0;
  }
  #AddToCart {
    margin-bottom: 0;
  }
  body #shopify-section-template--product .image-size-chart-wrapper {
    margin-bottom: 14.5px;
  }
  .swatch-items-wrapper {
    padding-bottom: 4.5px;
  }
  .js-qty {
    margin-bottom: 9.5px;
  }
  body .paymentButtonsWrapper {
    margin-top: 14.5px;
  }
  .product-page__policies {
    display: none;
  }
  body .out-of-stock-form.out-of-stock-form--active {
    margin-top: 0;
    padding-top: 14.5px;
    margin-bottom: 0px;
    padding-bottom: 14.5px;
  }
  body .product-details--form-wrapper {
    margin-bottom: 0;
  }
}
#CartSpecialInstructions {
  min-height: 20px;
  padding: 0;
  max-height: 30px;
}
body .ajaxcart__special_instructions {
  padding-bottom: 0;
  margin-bottom: 10px;
  margin-top: 0;
  padding-top: 0;
}
body .ajax-cart--notes {
  padding-bottom: 5px;
}
@media screen and (max-width: 750px){
  body .ajaxcart__special_instructions {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  body .ajaxcart__row {
    padding-top: 0;
  }
  #shopify-section-template--collection .page-main--wrapper {
    padding-top: 10px;
  }

  body .ajaxcart__row>.grid>.grid__item {
    margin-top: 5px;
  }
  #shopify-section-template--collection .section-header {
    margin-bottom: 10px;
  }
  body .ajaxcart__subtotal_header p {
    margin-top: 10px;
  }
  .ajaxcart__inner .grid__item {
    margin-top: 0;
  }
  body .ajaxcart__row .grid .ajaxcart__quantity-wrapper {
    padding-bottom: 0;
    padding-top: 0;
  }
  body .ajaxcart__row {
    padding-bottom: 0px;
  }
  body .ajaxcart__row {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1350px){
  body .site-nav__link {
    padding-left: 8px;
    padding-right: 8px;
  }
  .collection-sidebar-filter button {
    /* padding: 0;
    min-width: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    */
  }
  .collection-sidebar-filter button .header--supporting-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1250px){
  body .site-nav__link {
    padding-left: 3px;
    padding-right: 3px;
    letter-spacing: 0;
  }
}
#ProductPrice {
  font-weight: bold;
}
.money.sale-price {
  font-weight: bold;
}

.text-content--inner.wow.fadeInUp, h1.text-size-28px.wow.fadeInUp { font-weight: bold; }
.homepage-indiv-section-wrapper .rte {
  display: none;
}
.drawer--cart .shopify-cleanslate {
  display: none;
}
.template-cart .shopify-cleanslate {
  display: none;
}

.rte a.call-button {
  border: 1px solid;
  padding: 2px 32px 7px 26px;
  margin: 7px 0;
  display: inline-block;
  /*background: #000 url({{ 'phone-icon_200_white.png' | assets_url }}) 18% 50% no-repeat;*/
  background: #000;
  background-size: 29px;
  text-transform: uppercase;
  color: white;
}
.rte a.call-button::before {
  content: "\f095";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 31px;
  padding-right: 10px;
  top: 5px;
  position: relative;
}

#AccessibleNav li:nth-child(6) .site-nav__link {
  color: red;
}

.mobile-nav.with-logo .mobile-nav__item:nth-child(6) .mobile-nav__link {
  color: red !important;
}




.badge {
  font-size: 12px !important;
}

.sale-badge.badge {
  font-size: 15px !important;
}

@media only screen and (max-width: 768px){
  .sale-badge{
    padding: 5px 8px !important;
  }
}
.sold-out-badge.new-badge.badge-margin {
  margin-top: 27px;
}
.our-choice.sale-badge {
  left: unset !important;
  right: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  max-width: 69.5px;
  text-align: center;
  padding: 5px 10px;
  max-width: 62.5px;
}
#shopify-product-reviews--wrapper .page--title {
  display: none;
}
@media screen and (max-width: 768px){
  .hide-no-sale {
    display: none;
  }
}
.our-choice.sale-badge {
  left: unset !important;
  right: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  max-width: 69.5px;
  text-align: center;
  padding: 5px 10px;
  max-width: 85.5px;

}
#PageContainer .badge {
  font-size: 11px !important;
  padding: 5px !important;
  /* letter-spacing: -0.1px; */
}
#PageContainer .sale-badge.badge.bigger-font {
  font-size: 16px !important;
}
.sold-out-badge.new-badge, .sale-badge {
  min-width: 50.5px;
  padding: 5px 10px !important;
}

.reviewRateCount{
  padding-left: 3px !important;
}
.collection-style--grid .section-header {
  display: table;
  width: 100%;
}
.collection-style--grid .collection-style--grid-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px){
  .ajaxcart__row>.grid>.grid__item {
    margin-top: 0;
  }
  #CartContainer button.ajaxcart__qty-remove {
    top: -7px;
    right: 50px;
  }
  .ajaxcart__row {
    padding-bottom: 0;
  }
  .drawer--right a {
    margin-top: -10px;
  }
}
@media screen and (max-width: 1350px){
  body .site-nav__link {
    padding-left: 8px;
    padding-right: 8px;
  }
  .collection-sidebar-filter button {
    /* padding: 0;
    min-width: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    */
  }
  .collection-sidebar-filter button .header--supporting-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1250px){
  body .site-nav__link {
    padding-left: 3px;
    padding-right: 3px;
    letter-spacing: 0;
    font-size: 11px;
  }
}
@media screen and (max-width: 1050px){
  body .site-nav__link {
    padding-left: 3px;
    padding-right: 3px;
    letter-spacing: -0.01px;
    font-size: 10px;
  }
}
.wc_review_head {
  margin-top: 0 !important;
}
.product-details-wrapper .rivyoReviewWidget {
  padding: 0 !important;
  margin-bottom: 14px;
}
.price-and-quantity {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 10px;
}
.price-and-quantity .price {
  flex-basis: 230px;
}
@media screen and (max-width: 750px) {
  .price-and-quantity {
    flex-direction: row;
  }
  .price-and-quantity .price {
    flex-basis: 100%;
  }
  .swatch-items-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.wc_review_title h2 {
  font-size: var(--product-page-font-size-px);
}
.badge + .badge:not(.our-choice.sale-badge) {
  top: 28px !important;
}
.wc_review_item_body :empty {
  display: none;
}
.product-grid--price s + .money {
  color: #952525;
}
.blog-template--main .rte > * {
  margin-bottom: 7px;
}
.blog-template--main .rte ul {
  margin-top: 7px;
  margin-left: 0;
}
.blog-template--main .rte img {
  display: none;
}
.blog-template--main .rte div > br {
  display: block;
}
article ul,
.product-description.rte ul {
  margin: 0 0 25px 22px;
  list-style: none;
}

article ul li,
.product-description.rte ul li {
  list-style-position: outside;
  line-height: 1.3;
  position: relative;
  margin: 0 0 .35em;
}

article ul li:before,
.product-description.rte ul li:before {
  content: '•';
  font-size: 1.4em;
  line-height: 0;
  position: absolute;
  top: 11.5px;
  left: -15px;
  opacity: 1;
}
.product-details-protectors {
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 18px;
}
.image-size-chart-wrapper {
  background-color: rgb(149, 37, 37);
  width: fit-content;
  padding: 10px 20px;
  color: white;
  margin-bottom: 14px !important;
}
.image-size-chart-wrapper a {
  color: white;
}
#shopify-product-reviews--wrapper {
  padding-top: 0px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .product-details-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .MagicToolboxSelectorsContainer {
    margin-bottom: 0 !important;
  }
   {
    padding-top: 0;
    margin-top: 0;
  }
  #sharing {
    padding-top: 0;
    margin-top: 0;
  }
}
.zyler-try-on-cta.zyler-hide {
  display: none;
}
@media only screen and (min-width: 768px) {
  .swatch .swatch-element {
    margin: 0px 10px 14px 0;
  }
}
#AddToCartForm .selector-wrapper label,
#AddToCartForm .product-sub-label {
  display: block;
  margin-bottom: 4px !important;
}
.paymentButtonsWrapper {
  margin-top: 0 !important;
}
.product-details--form-wrapper {
  margin-bottom: 4px !important;
}
.form-vertical {
  margin-bottom: 0 !important;
}
.product-sticky {
  margin-top: 0 !important;
}
.product-meta-header h4 {
  margin-bottom: 6px !important;
}
.shipping-info .free-delivery {
  margin-bottom: 4px;
}
.hide-no-sale {
  display: none;
}
.out-of-stock-form.out-of-stock-form--active, .out-of-stock-form:not(.out-of-stock-form--active) .accent-text {
  margin: 12px 0 !important;
  padding: 12px 0 !important;
}
.paymentButtonsWrapper #AddToCart, .paymentButtonsWrapper .shopify-payment-button {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
}
#AddToCart {
  margin-bottom: 4px !important;
}
.product-page--sale-badge {
    display: none;
  }
  .product-details-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .product-details-contact {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin: 4px auto 20px;
    width: fit-content;
    max-width: 100%;
    position: relative;
  }
  .svg-phone {
    position: relative;
    display: inline-flex;
    padding: 4px 5px 3px 4px;
    border-radius: 50%;
    border: 3px solid #70bf54;
    width: 41px;
    height: 40px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .svg-phone path {
    fill: #70bf54;
    stroke: #70bf54;
  }
  .copyright-text {
    color: #b3b3b3;
  }
  .cf__trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #111;background:#fff;border-radius:2px;font:inherit;font-size:14px;cursor:pointer;line-height:1}
.cf__trigger:hover{background:#111;color:#fff}
.cf__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#111;color:#fff;font-size:11px}
.cf__trigger:hover .cf__badge{background:#fff;color:#111}

.cf__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cf__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #ddd;border-radius:999px;font-size:12px;text-decoration:none;color:#111}
.cf__chip:hover{border-color:#111}
.cf__chip--clear{border-style:dashed}

.cf__overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:998}
.cf__overlay[hidden]{display:none}

.cf__popup{position:fixed;z-index:999;background:#fff;display:flex;flex-direction:column;
  top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:min(80vh,720px);
  box-shadow:0 20px 60px rgba(0,0,0,.25);border-radius:4px}

.cf__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}
.cf__title{margin:0;font-size:16px;letter-spacing:.02em}
.cf__close{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;padding:0 4px !important;margin-right:-4px;}

.cf__form{display:flex;flex-direction:column;min-height:0;flex:1}
.cf__body{overflow-y:auto;padding:0 20px;flex:1;-webkit-overflow-scrolling:touch}

.cf__group{border-bottom:1px solid #eee}
.cf__group:last-child{border-bottom:0}
.cf__summary{display:flex;align-items:center;gap:8px;padding:16px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:500}
.cf__summary::-webkit-details-marker{display:none}
.cf__caret{margin-left:auto;transition:transform .2s}
.cf__group[open] .cf__caret{transform:rotate(180deg)}
.cf__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#111;color:#fff;font-size:11px}
.cf__content{padding:0 0 16px}

.cf__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}
.cf__list--swatch{flex-direction:row;flex-wrap:wrap;gap:10px;max-height:none}

.cf__item{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:14px}
.cf__item.is-disabled{opacity:.35;cursor:not-allowed}
.cf__item input{position:absolute;opacity:0;width:0;height:0}
.cf__box{width:16px;height:16px;border:1px solid #999;border-radius:2px;flex:0 0 16px;position:relative}
.cf__item input:checked + .cf__box{background:#111;border-color:#111}
.cf__item input:checked + .cf__box::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cf__item input:focus-visible + .cf__box{outline:2px solid #111;outline-offset:2px}
.cf__label{flex:1}
.cf__num{color:#888;font-size:12px}

.cf__item--swatch{flex-direction:column;gap:6px;width:56px;text-align:center;font-size:11px}
.cf__swatch{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background-size:cover;background-position:center;box-shadow:0 0 0 0 #111;transition:box-shadow .15s}
.cf__item--swatch input:checked + .cf__swatch{box-shadow:0 0 0 2px #fff inset,0 0 0 2px #111}

.cf__price{display:flex;gap:12px}
.cf__price label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}
.cf__price input{width:100%;padding:9px 10px;border:1px solid #ccc;border-radius:2px;font:inherit;font-size:14px}

.cf__foot{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #eee;background:#fff}
.cf__btn{flex:1;padding:12px 16px;border-radius:2px;font:inherit;font-size:14px;cursor:pointer;border:1px solid #111}
.cf__btn--ghost{background:#fff;color:#111}
.cf__btn--solid{background:#111;color:#fff}
.pill{
  position:relative;
  display:inline-flex;align-items:center;gap:4px;
  padding:8px 12px;
  border:0;border-radius:6px;
  background:#f0f0f3;color:#111;
  font:inherit;font-size:14px;line-height:1;font-weight:400;
  cursor:pointer;white-space:nowrap;
  transition:background .15s;
}
.pill:hover{background:#e5e5ea}
.pill svg{flex:0 0 auto;opacity:.85}

.pill__badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;margin-left:2px;
  border-radius:9px;background:#111;color:#fff;font-size:11px;
}
.pill--select .pill__native{
  position:absolute;inset:0;
  width:100%;height:100%;
  opacity:0;cursor:pointer;
  border:0;padding:0;margin:0;
  -webkit-appearance:none;appearance:none;
  font-size:16px;
}
.pill--select:focus-within{outline:2px solid #111;outline-offset:2px}
.cf__popup{transition:.2s ease-out}
@media (max-width:749px){
  .cf__popup[hidden]{transform:translateY(100%);opacity:0}
  .cf__popup{top:auto;bottom:0;left:0;transform:translateY(0);width:100%;max-height:88vh;border-radius:12px 12px 0 0;opacity:1}
  .cf__list{max-height:none}
}
@media (min-width:750px){
  .cf__popup[hidden]{display:none}
}
body.cf-open{overflow:hidden}
.pill:focus-visible{outline:2px solid #111;outline-offset:2px}
.pill__caret{margin-left:2px;opacity:.6;transition:transform .18s}

.sortpill{position:relative;display:inline-block}
.sortpill__native{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;border:0;
}
.sortpill.is-open .pill{background:#e5e5ea}
.sortpill.is-open .pill__caret{transform:rotate(180deg)}

.sortpill__sheet{
  position:absolute;top:calc(100% + 8px);left:0;z-index:60;
  min-width:max(180px,100%);
  background:#fff;border-radius:8px;padding:6px;
  box-shadow:0 8px 32px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.06);
  transform-origin:top left;
  animation:sortIn .14s ease-out;
}
.sortpill__sheet[hidden]{display:none}
.sortpill--right .sortpill__sheet{left:auto;right:0;transform-origin:top right}
@keyframes sortIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}

.sortpill__head{display:none}
.sortpill__scrim{display:none}

.sortmenu{list-style:none;margin:0;padding:0}
.sortmenu__opt{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:10px 12px;border:0;border-radius:5px;background:none;
  font:inherit;font-size:14px;line-height:1.3;text-align:left;color:#111;
  cursor:pointer;white-space:nowrap;
}
.sortmenu__opt:hover,.sortmenu__opt.is-focus{background:#f0f0f3}
.sortmenu__opt:focus-visible{outline:2px solid #111;outline-offset:-2px}
.sortmenu__label{flex:1}
.sortmenu__tick{flex:0 0 auto;opacity:0;transition:opacity .12s}
.sortmenu__opt[aria-selected="true"]{font-weight:500}
.sortmenu__opt[aria-selected="true"] .sortmenu__tick{opacity:1}
.sortpill.is-busy .sortmenu{opacity:.5;pointer-events:none}

@media (max-width:749px){
  .sortpill__sheet[hidden] {
    transform: translateY(100%);
    opacity: 0;
    display: block;
  }
  .sortpill__sheet{
    position:fixed;top:auto;bottom:0;left:0;right:0;
    min-width:0;width:100%;max-height:70vh;overflow-y:auto;
    border-radius:14px 14px 0 0;padding:0 8px 8px;
    transition: .2s ease-out;
    transform: translateY(0);
    z-index:1000;
  }
  @keyframes sortUp{from{transform:translateY(100%)}to{transform:none}}
  .sortpill__head{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;position:sticky;top:0;background:#fff;
    border-bottom:1px solid #eee;margin:0 -8px 6px;
  }
  .sortpill__title{font-size:16px;font-weight:500}
  .sortpill__close{border:0;background:none;font-size:26px;line-height:1;padding:0 !important;cursor:pointer}
  .sortpill__scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:999}
  .sortpill__scrim[hidden]{display:none}
  .sortmenu__opt{padding:14px 12px;font-size:15px}
}
body.sort-open{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .sortpill__sheet{animation:none}
  .pill__caret,.sortmenu__tick{transition:none}
}

.collection-sidebar-filter{display:inline-block;vertical-align:top}
.collection-sidebar-filter + .collection-sidebar-filter{margin-left:10px}
.grid-uniform .collection-sidebar-filter{min-width:unset;width:unset}
.grid-uniform .cf__chips{display:none}
.grid-uniform .collection-sidebar{display:flex;justify-content: space-between}
.material-description{font-family: var(--header-font-stack);font-size: var(--body-font-size-14-to-em)}
@media (max-width:767px) {
  .collections-sidebar-banner {
    display: none;
  }
}
.collection-banner {
  position: relative;
  display: block;
  overflow: hidden;
}

.collection-banner__image {
  display: block;
  width: 100%;
  height: auto;
}

.collection-banner__video {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--banner-ratio, 16 / 9);
}

.collection-banner__video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}

.collection-banner__video-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.collection-banner__video[data-type="youtube"] {
  opacity: 0;
  transition: opacity .3s;
}

.collection-banner__video[data-type="youtube"].is-playing {
  opacity: 1;
}