//{background: linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.45)), url(https://static.tildacdn.com/tild3333-6234-4835-b533-353930653965/old-paper-texture3.jpg);}
//{ background-image: url(https://static.tildacdn.com/tild3333-6234-4835-b533-353930653965/old-paper-texture3.jpg); }
#allrecords ,  .t-popup.t-popup_show, .t-zoomer__container, 
.t706__cartwin-content, .t706__cartpage,.t706__cartpage-top, .t706__cartpage-top,
.t706__sidebar-content {background: linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.45)), url(https://static.tildacdn.com/tild3333-6234-4835-b533-353930653965/old-paper-texture3.jpg) !important; }

.t967 {background: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.35)), url(https://static.tildacdn.com/tild3333-6234-4835-b533-353930653965/old-paper-texture3.jpg) !important; }


/*.t967:before,
 #allrecords:before {
    content: "";
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
     background-color: rgba(255,255,255,0.35); 

}*/

*,
.t-text { 
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
    hyphens:auto;
    
}

.t-btnflex__text {   hyphens: none; }

a[style="color: rgb(255, 255, 0);"] ,
a[style="color: rgb(255, 0, 0);"] ,
span[style="color: rgb(255, 0, 0);"],
span[style="color: rgb(255, 255, 0);"],
.mbSubHead .tn-atom,
.noHyphen .tn-atom,
.noHyphen {
        -webkit-hyphens: none;
   -moz-hyphens: none;
    hyphens:none;
}

/*     backButton.   */

    .uc-backButton .t393 {bottom: 3vh;   left: 3vw;    position: fixed; mix-blend-mode: multiply; opacity: .7 !important;}
    .uc-backButton .t-btn.t393__submit { padding: 0px 21px !important;  }
   

/*=============Menu===================*/

/*menu*/

.uc-ppiMenu    .t967 .t-sociallinks, .t967__additional-social-links {  padding-right: 8vw; }
.uc-ppiMenu    .t967__maincontainer {     mix-blend-mode: multiply;    opacity: .7;     }
    /* фон меню в мобилке */
.uc-ppiMenu    .tmenu-mobile {   mix-blend-mode: multiply; opacity: .7; background-color: transparent; }

/*фон меню в мобилке */
    @media screen and (max-width:980px) {
        .uc-ppiMenu .t967 {    z-index:890; }

    /* mobile menu - full screen */
        .uc-ppiMenu .tmenu-mobile__menucontent_fixed {
            top: 0px !important;
            height: 100% !important;
            padding-top: 40px;
          }
    
     /*пункты меню в мобилке */
        .uc-ppiMenu a.t-menu__link-item {
           font-size: 1.6vmax !important;
          color: #d70000 !important;
          font-weight: 800!important;
           border-bottom: 1px solid black;
          line-height: 1.45;
        }    
        
        
    
    /*logo sociallinks в меню в мобилке */
        .uc-ppiMenu .t967__imglogo.t967__imglogomobile {   max-width: 100% !important;   width: 30vw !important;    }
        .uc-ppiMenu .t967__logo {       width: 100%;     }
    
        .uc-ppiMenu .t967 .t-sociallinks, .t967__additional-social-links { padding-right: 0 !important; }
        .uc-ppiMenu .t967 .t-sociallinks, .t967__additional-social-links {   padding-right: 150px; }
    
        .uc-ppiMenu .t967__listwrapper {        padding: 0px 0;   padding-bottom: 20px; }
      }  

 
.tmenu-mobile__menucontent_fixed:before { 
        content: "";
        background-color: rgba(255,255,255,0.35) !important;
    }

.tmenu-mobile__menucontent_fixed {   opacity: 1;    mix-blend-mode: normal; }    

.t967__top, .t967__bottom { mix-blend-mode: multiply;    }

.t967__list.t-menu__list.t967__menualign_center {    justify-content: space-evenly !important;    }

.t-menu__link-item:not(.t-active):not(.tooltipstered):hover {
    color: #000000 !important;
    opacity: 1 !important;
    filter: invert();
    background-color: white;
    padding: 0.7em 0px;
    top: -.2em;
}


/*======================================================*/




/*============+AutoHeigh for blocks ===================*/
    .uc-AutoHeight .t396__artboard { height:auto !important; }
    .uc-AutoHeight .tn-atom:first-of-type,


    .uc-AutoHeight .tn-elem:first-of-type{position: relative; }
     .uc-AutoHeight .tn-elem:last-of-type     {position: relative;  }
    .uc-AutoHeight .tn-group { position: relative !important; height: auto !important;   }
     

@media screen and (max-width:980px) {
  /* .tn-molecule:has(.mbColumns)   {  border-left: 1px solid black !important;   border-right: 1px solid black !important; }*/
}
.mbColumns .tn-atom {
    columns: 4;
    column-gap: 40px;
    column-rule: 1px solid  black;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
 }
 
/*======================================================*/



.mbInvert,
.mbInvert .tn-atom {
    color:white !important;
    background-color: black;
    opacity: .7;
}

.tn-group:has(.mbMultiply),
.uc-mbMultiply,
.mbMultiply{
    mix-blend-mode:multiply;
    // opacity: .75;
    }
    
.mbHead2Lines {
    border: .3em solid rgba(0,0,0,.7);
    border-left: 0px;
    border-right: 0px;
    opacity:0.85;
}

.mbSubHead {
    border: .08em solid rgba(0,0,0,.7);
    border-left: 0px;
    border-right: 0px;
    opacity:0.85;
}



.t-bgimg{
    mix-blend-mode:multiply;
    opacity: 0.9;
}   

//.t-bgimg:hover{
    mix-blend-mode:normal;
     opacity: 1;
}   

/* Interview */
.t356__text.t-text.t-text_md {
    columns: 3;
    column-gap: 40px;
    line-height: 1.15;
    column-rule: 1px solid black;
}


    .uc-MaxWidth   .t-cover {
      width: 90%;
       margin-left: 5%;
    }
    .uc-MaxWidth  .t-container { width:90%; max-width:90%;  margin-left:5%;}



@media screen and (max-width:1200px) {
    .t356__text.t-text.t-text_md { columns: 3; }
}
@media screen and (max-width:860px) {
    .t356__text.t-text.t-text_md { columns: 2;  column-gap: 40px;    }
}
@media screen and (max-width:480px) {
   .t356__text.t-text.t-text_md { columns: 1;
     border-left: 1px solid black;
     border-right: 1px solid black;
     padding: 0 20px
    }    
}


/*Shop*/


/* Оформление покупки*/
.t706__sidebar-content,
.t706__cartpage-content.t-container {     mix-blend-mode: multiply; }
.t-name.t-name_md, .t706__cartpage-open-form-wrap {    opacity: 0.8; }

.t706__cartpage-top {
  //  filter: invert();
    mix-blend-mode: multiply;
    //opacity: .6;
}

/* + -  кнопки при оформлении товара */
.t706__product .t706__product-del, .t706__product .t706__product-minus, .t706__product .t706__product-plus {
    opacity: 1;
    filter: invert();
}


.t706__cartwin-bottom, .t706__cartwin-top,.t706__sidebar-products 
.t706__sidebar-top {  border-bottom: 1px solid rgba(0,0,0,.8);  opacity: .7;}
.t706__product {     mix-blend-mode: multiply; }

.t706__sidebar-continue.t-btn {   mix-blend-mode: multiply; opacity: .8; }

.t706__orderform .t-input-group .t-name.t-name_md,
.t706__cartwin-bottom, .t706__cartwin-top, .t706__sidebar-products .t706__sidebar-top {
    background-color: white;
    filter: invert();
    mix-blend-mode: multiply;
    padding: 10px 10px 10px 10px;
opacity:.7;
    
}



/*===========================================*/


.t706__close-icon g {  fill: wheat;}

.t-submit,t706__sidebar-continue t-btn {   mix-blend-mode: multiply;    opacity: .7; }
t706__sidebar-continue t-btn {filter:invert();}
/*==============================*/

.t706__carticon {    top: 1vh !important;     right: 5vw !important; }
.t706__carticon-imgwrap {    background-color: black;    mix-blend-mode: multiply; opacity:.7;}
    
/* красный лебл у карточки*/
.t-store__card__mark {
    font-size: .8vmax;
    hyphens: none;
    aspect-ratio: 1/1;
}

.t-store__card__wrap_txt-and-btns {  mix-blend-mode: multiply; }
.t-store__card__imgwrapper:hover {    mix-blend-mode: normal; transition:  all .5s ease; }

.t706__product-amount,
.t706__product-plusminus {    font-weight: 500;}

.t-slds__arrow-withbg,
.t778 .t-store__card__wrap_all { background-color: transparent; }

/*card popup*/
.t-store__prod-popup__info {     mix-blend-mode: multiply !important; }

.t-popup__container {    background:  transparent; }

.t-store__prod-popup__info{ position:relative; }
.t-store__prod-popup__info > * {padding: 0px 20px}

.t-store__prod-popup__info:before {
    content:"";
    border-left:1px solid black;
    position:absolute;
    margin: -40px;
    
      height: -webkit-fill-available;
   top: 0px;
    height: 110%;

}

    .t-store .t-popup.t-popup_show .t-popup__container {
        opacity: 1;
       //  background-color: transparent;
        border: 1px solid black;

    }
    
/*карточка товара*/
.js-store-prod-text.t-store__prod-popup__text.t-descr.t-descr_xxs {
    font-size: 1.3rem;
    padding:0px 20px;
}
    .js-store-prod-all-charcs,    .t-store__prod-popup__text { margin-top: 60px !important;   }
@media screen and (max-width:980px) {
    .js-store-prod-all-text {
        columns: 2;
        column-gap: 60px;
        column-width: auto;
        column-rule: 1px solid;
        font-size: 1.3rem;
        font-weight: 300;
    }    
    .t-store__product-snippet .t-store__prod-popup__col-right, .t-store__product-snippet .t-store__prod-popup__col-left {
        padding-left: 40px;
        padding-right: 40px;
    }
    .t-store__prod-popup__info::before {content: initial;}
}


    .t-name_xl { font-size: 1.6rem; }

@media screen and (max-width:640px) {
    .js-store-prod-all-text {       columns: 2; }    
    .t-name_xl {  font-size: 1.3rem;    }

}

@media screen and (max-width:480px) {
    .js-store-prod-all-text {       columns: 1; 
            border-left: 1px solid black;
            border-right: 1px solid black;
            padding: 0 20px; 
    }    
    .t-store__product-snippet .t-store__prod-popup__col-right, .t-store__product-snippet .t-store__prod-popup__col-left {
        padding-left: 40px;
        padding-right: 40px;
    }
    .js-store-prod-all-charcs, .t-store__prod-popup__text { margin-top: 40px !important; }
    .t-name_xl {  font-size: 1.2rem;    }

}

@media screen and (max-width:577px) {
    .t-store__prod-popup__btn-wrapper.t-store__prod-popup__btn-wrapper-fixed {         box-shadow: 0 -8px 12px 0 rgba(0,0,0,.00); }
    .t-store__prod-popup__btn.t-btn.t-btn_sm {
       background-color: black;
       color: white !important;
      mix-blend-mode: multiply;
      opacity:.7;
    
    }
    
}

/*======================================================*/



.uc-Multiply:not(.mbHft) {    mix-blend-mode:multiply; }

// .mbVLR .tn-atom,
// .mbVLL .tn-atom{ font-size: .42em !important; line-height: 1.12 !important; }    
//.mbVLL:last-of-type , .mbVLR:last-of-type  {    position: relative;}
//.mbVLR { position:absolute; }
.mbVLR:after {
    content:" ";
    border-right: .03em solid black;
    height: -webkit-fill-available;
    margin-left: 15px;
   top: 0px;
    height: 100%;
        position: absolute !important;
            opacity: .5;
}

    .mbVLL:before {
    content:" ";
    border-right: .03em solid black;
    height: -webkit-fill-available;
    margin-left: -15px;
   top: 0px;
    height: 100%;
    position: absolute !important;
    opacity: .5;

}
/*подзаголовки*/
span[style="color: rgb(255, 255, 0);"] {    
    color: rgba(0,0,0,.8)!important;
    font-size: 1.65em;
font-family: 'TildaSans',Arial,sans-serif;
line-height: 1.25em;
font-weight: 900;
text-transform: uppercase;
opacity: 0.7;
display: table;
margin: 0 auto;
text-align: center;
     transition: 0.3s;
     
             -webkit-hyphens: none;
   -moz-hyphens: none;
    hyphens:none;
}
 
.uc-UnderlineButt {
    padding-top: 0px !important;
      opacity: 0.8;
        mix-blend-mode:multiply;
    transition: 0.5s;
}


 .uc-UnderlineButt .t-btn {
    line-height: 1.5em !important;
        -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    word-break: normal;
    padding-bottom: 0px !important;
}
 .uc-UnderlineButt:after,
 .uc-UnderlineButt .t-btn:after {
  content: '';
    width: 73%;
    display: block;
    height: 1px;
    background-color: black;
    margin: 0 auto;
    margin-top: -0.25em;
    margin-top: 0.001em;
        mix-blend-mode:multiply;
         transition: 0.5s;
 }
 .uc-UnderlineButt .t-btnflex:before,
  .uc-UnderlineButt .t-btn:before {
  content: '';
    display: block;
    background-color: black;
    margin-top: 1em;
 }
 
.uc-UnderlineButt .t400 .t400__submit_size_lg, .t400 .t400__submit_size_xl, .t400 .t400__submit_size_xxl {     height: unset;  } 
.uc-UnderlineButt .t-btn.t400__submit.t400__submit_size_xxl.t400__submit-overflowed.t400__submit_hide-back {
    color:black !important;
    color: white !important;
    background-color: black;
}

.uc-UnderlineButt .t-btn:not(.t-animate_no-hover):hover {                opacity: .85;   padding-top:0px; width:70vmin; }



//   .uc-UnderlineButt .t-btn:hover,
  .t400__submit_hide-back,
  .uc-UnderlineButt .t-btn:not(.t-animate_no-hover):hover:after {    
    content: '';
    background-color: #000000 !important;
    mix-blend-mode:multiply;
    transition: 0.5s;
    opacity: 0.85;
    width:70vmin; 
}  
 
 /*заголовки с переходом*/

a[style="color: rgb(255, 0, 0);"] ,
span[style="color: rgb(255, 0, 0);"] {    
    color: rgba(0,0,0,.8)!important;
    font-size: 1.15em;
font-family: 'TildaSans',Arial,sans-serif;
line-height: 1.15em;
font-weight: 900;
text-transform: uppercase;
opacity: 0.7;
display: table;
margin: 0 auto;
text-align: center;
     transition: 0.3s;
}

a[style="color: rgb(255, 0, 0);"]:after,
span[style="color: rgb(255, 0, 0);"]:after {    
    content: '';
    width: 70%;
    display: block;
    height: .55px;
    background-color: black;
    margin: 0 auto;
    margin-top: .5em;    
         transition: 0.3s;

}  

a[style="color: rgb(255, 0, 0);"]:hover {
     color:#cbad90 !important;
     line-height: 1.4em;
     transition: 0.3s;
 }

 a[style="color: rgb(255, 0, 0);"]:hover:after {    
    content: '';
    display: table-column;
    height: 1.5em;
    background-color: black;
    margin-top: 0em;   
}  

a[style="color: rgb(255, 0, 0);"] {  color:#CE0000 !important; }




/*.t-menu__link-item:not(.t-active):not(.tooltipstered):hover::after {
    opacity: 1;
    bottom: -50% !important;
}

 .t-menu__link-item:not(.t-active):not(.tooltipstered)::after {
    left: -5% !important;
    width: 110% !important;
    border-bottom: 32px solid #000000 !important;
    mix-blend-mode: color !important;
}

.t-menu__link-item:not(.t-active):not(.tooltipstered)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 20%;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-bottom: 32px solid #000000;
    -webkit-box-shadow: inset 0px -3px 0px 0px #000000;
    -moz-box-shadow: inset 0px -3px 0px 0px #000000;
    box-shadow: inset 0px -3px 0px 0px #000000;
//    -webkit-transition: all 0.3s ease;
//    transition: all 0.3s ease;
    pointer-events: none;
}*/


.mbUnderline::after  {
        content: '';
    position: absolute;
    width: 70%;
    display: block;
    height: 1px;
    background-color: black;
    bottom: var(--UnderlineOff);
    left: 15%;
}

.t-store__card__imgwrapper ,
.mbHft {
    --halftone-size: 4px;
    --halftone-bleed: 2;
    --halftone-rotation: 34.3deg;
    
    --halftone-dot-size: calc(var(--halftone-size) * var(--halftone-bleed));
    --halftone-color-dot-size: var(--halftone-dot-size);
    position: relative;
  // margin: -18px;
filter: brightness(
calc(0.5 + var(--halftone-bleed) * 0.3 - var(--halftone-separate-k) * 0.02)
)
blur(calc(var(--halftone-size) * 0.1)) contrast(1000) blur(0.6px);
overflow: hidden;
mix-blend-mode: multiply;
}



/*.t-store__card:before {
    content:" ";
    border-right: 1px solid black;
    height: -webkit-fill-available;
//    margin-left: -20px;
  // top: 0px;
  //  height: 100%;
        position: absolute;

}
.t-store__card:first-of-type:before,
.t-store__card:nth-of-type(4):before {
   border-right: 0px solid black;
}*/



//.t-store__card__imgwrapper ::after ,
.mbHft::after {
    content: " ";
    position: absolute;
    inset: -38%;
    background-size: var(--halftone-size) var(--halftone-size);
    //background-blend-mode: multiply;
    mix-blend-mode: screen;
    transform: rotate(30deg);
    background-image: radial-gradient(
        var(--halftone-color-dot-size) at 25% 25%,
        #000,
        #666,
        #ccc,
        #fff
      ),
      radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #000, #fff);
      pointer-events: none;
      opacity:0;
  }


.mbHft:hover::after {
opacity: 0;
transition: all .5s ease;
pointer-events: none;
  mix-blend-mode: normal;
}

.mbHft:hover {
filter: none;
-webkit-filter:none;
mix-blend-mode: normal;
transition: all .5s ease;
}










    @media screen and (min-width: 1200px){
    /*-----Стили только для блоков без стандартных заголовков-----*/
   .t-store__card__wrap_all {     padding: 40px; }
    .uc-window > div{         padding: 0 0px;    /*Отступы по бокам экрана*/    }
    .uc-window > div > .t-container,
    .uc-window > div > [class*="container"]:not(.t-popup__container),
    .uc-window .js-feed-container,
    .uc-window .js-store-grid-cont{
        display: grid;
        //grid-template-columns: 1fr 1fr 1fr /*1fr;   /*Количество колонок и их размер*/
       // gap: 10px 10px;  /*Отступ между колонками, первое значение – по оси Y, второй – по оси X*/
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .uc-window .t-col:not(.t-popup__container .t-col):not(.t-feed__post-popup__content),
    .uc-window .t-item:not(.t-popup__container .t-col){
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /*Скрываем разделители*/
    .uc-window .t-container:before,
    .uc-window .t-container:after,
    .uc-window [class*="container"]:before,
    .uc-window [class*="container"]:after,
    .uc-window [class*="separator"]{
        display: none;
    }




/*for test
   .halftone-separate-k {
    --halftone-separate-k: 1;
  }

  .halftone-demo,
  .halftone-demo-k-layer {
      --halftone-size: 9px; 
      --halftone-bleed: 0.2; 
      --halftone-rotation: 85.7deg;
      
    --halftone-dot-size: calc(var(--halftone-size) * var(--halftone-bleed));
    --halftone-color-dot-size: var(--halftone-dot-size);
    position: relative;
    //margin: -18px;
    filter: brightness(
        calc(
          0.5 + var(--halftone-bleed) * 0.3 - var(--halftone-separate-k) * 0.02
        )
      )
      blur(calc(var(--halftone-size) * 0.1)) contrast(1000) blur(0.6px);
    overflow: hidden;
   //border: solid 54px #fff;
  }
  .halftone-grayscale .halftone-demo {
    --halftone-color-dot-size: 0;
  }
  .halftone-disabled .halftone-demo {
    filter: none;
  }
  .halftone-disabled .halftone-media {
    filter: none !important;
  }
  .halftone-disabled .halftone-demo-k-layer {
    display: none !important;
  }

  .halftone-demo-k-layer {
    display: none;
    position: absolute;
    inset: 0;
    mix-blend-mode: multiply;
  }
  .halftone-separate-k .halftone-demo-k-layer {
    display: block;
  }

  .halftone-demo > .halftone-media,
  .halftone-demo-k-layer > .halftone-media {
    display: block;
    width: 100%;
  }
  .halftone-demo > .halftone-media {
    filter: brightness(1.5);
  }
  .halftone-grayscale .halftone-demo > .halftone-media {
    filter: grayscale(1);
  }
  .halftone-separate-k .halftone-demo > .halftone-media {
    /* main layer is hues only */
    filter: invert(1) brightness(0.75) invert(1) saturate(2);
  }
  .halftone-demo-k-layer > .halftone-media {
    /* K layer is greyscale only */
    filter: grayscale(1) brightness(2);
  }

  .halftone-disabled .halftone-demo-ink {
    visibility: hidden;
  }
  .halftone-demo-ink {
    mix-blend-mode: screen;
  }
  .halftone-demo-ink::before,
  .halftone-demo-ink::after {
    content: " ";
    position: absolute;
    inset: -30%;
    background-size: var(--halftone-size) var(--halftone-size);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
  }
  .halftone-demo-ink::before {
    transform: rotate(30deg);
    background-image: radial-gradient(
        var(--halftone-dot-size) at 25% 75%,
        #000,
        #666,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 75% 25%,
        #000,
        #666,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 25% 25%,
        #ff0,
        #ff6,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 75% 75%,
        #ff0,
        #ff6,
        #fff
      );
  }
  .halftone-demo-ink::after {
    transform: rotate(calc(-21deg + var(--halftone-rotation)))
      translateX(calc(var(--halftone-size) * 0.58));
    background-image: radial-gradient(
        var(--halftone-color-dot-size) at 75% 25%,
        #f0f,
        #f6f,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 25% 75%,
        #f0f,
        #f6f,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 75% 75%,
        #0ff,
        #6ff,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 25% 25%,
        #0ff,
        #6ff,
        #fff
      );
    transition: transform 100ms;
  }

  .halftone-separate-k .halftone-demo-ink::before {
    background-image: radial-gradient(
        var(--halftone-color-dot-size) at 25% 25%,
        #ff0,
        #ff6,
        #fff
      ),
      radial-gradient(
        var(--halftone-color-dot-size) at 75% 75%,
        #ff0,
        #ff6,
        #fff
      );
  }
  .halftone-demo-k-layer::after {
    content: "";
    position: absolute;
    inset: -30%;
    background-size: var(--halftone-size) var(--halftone-size);
    background-blend-mode: multiply;
    mix-blend-mode: screen;
    transform: rotate(30deg);
    background-image: radial-gradient(
        var(--halftone-color-dot-size) at 25% 25%,
        #000,
        #666,
        #ccc,
        #fff
      ),
      radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #000, #fff);
  }


.mbHftC {

    --halftone-size: 10px;
    --halftone-bleed: 0.17;
    --halftone-rotation: 34.3deg;
    --halftone-separate-k:1;
    
    position: relative;
filter: sepia(0.4);
--halftone-dot-size: calc(var(--halftone-size) * var(--halftone-bleed));
--halftone-color-dot-size: var(--halftone-dot-size);

filter: brightness(
calc(0.5 + var(--halftone-bleed) * 0.3 - var(--halftone-separate-k) * 0.02)
)
blur(calc(var(--halftone-size) * 0.1)) contrast(1000) blur(0.6px);
overflow: hidden;

}


.mbHftC:after {
       content: ' ';
transform: rotate(calc(-21deg + var(--halftone-rotation)));
translateX(calc(var(--halftone-size) * 0.58));
background-image: radial-gradient(
var(--halftone-color-dot-size) at 75% 25%,
#f0f,
#f6f,
#fff
),
radial-gradient(
var(--halftone-color-dot-size) at 25% 75%,
#f0f,
#f6f,
#fff
),
radial-gradient(
var(--halftone-color-dot-size) at 75% 75%,
#0ff,
#6ff,
#fff
),
radial-gradient(
var(--halftone-color-dot-size) at 25% 25%,
#0ff,
#6ff,
#fff
);
transition: transform 100ms;
    pointer-events: none;
}

.mbHftC:before{
    content: ' ';
position: absolute;
inset: -30%;
transform: rotate(30deg);
background-image: radial-gradient(
var(--halftone-dot-size) at 25% 75%,
#000,
#666,
#fff
),
radial-gradient(
var(--halftone-color-dot-size) at 75% 25%,
#000,
#666,
#fff
),
radial-gradient(
var(--halftone-color-dot-size) at 25% 25%,
#ff0,
#ff6,
#fff
),
radial-gradient(
var(--halftone-color-dot-size) at 75% 75%,
#ff0,
#ff6,
#fff
);
background-blend-mode: multiply;
mix-blend-mode: multiply;
pointer-events: none;
}



/*
.mbHft {
 /* filter: grayscale(5) brightness(1) contrast(4) opacity(0.8);
  -webkit-filter: grayscale(5) brightness(1) contrast(4) opacity(0.8); */
/*  position: relative;
  filter: brightness(0.8) blur(.2px) contrast(8) opacity(1.0);
  mix-blend-mode: multiply;
}*/ 

/*.mbHft::after {
  /*content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  //pointer-events: none;
  background-size: 5px 6px, 5px 6px;
  background-position: 0, 7px 1px;
  background-image: radial-gradient(circle, #404040, rgba(255, 255, 255, 0) 60%), radial-gradient(circle, #404040, rgba(255, 255, 255, 0) 60%);
  mix-blend-mode: multiply;
  left:0px;*/
 /* content: ' ';
  position: absolute;
  inset: 0;
background:
      radial-gradient(20px at center, black, white),
      radial-gradient(10px at 5px 5px, #006e85, white),
      radial-gradient(10px at 15px 5px, magenta, white),
      radial-gradient(20px at 10px 15px, yellow, white);
    background-size: 6px 5px;
    background-blend-mode: multiply;
    mix-blend-mode: screen;
  
}

.mbHft:hover::after {
opacity: 0;
transition: opacity ease-in .5s;
}

.mbHft:hover {
filter: none;
-webkit-filter:none;
mix-blend-mode: normal;
transition: opacity ease-in .5s;
}

    
*/