Summary report > Page report

2 Errors

  • 2 CSS
    • 2 E777 - Invalid value. Check the value against the list of valid rules from the official standard.
        1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3.
            width:-moz-fit-content
      
          1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3.
            width:-moz-fit-content
        
Display issue details

Go to first issue

  1 @media screen and (max-width:767px) {
    1   .ResortSlider_resort-slider__R4C_r,.ResortSlider_resort-slider__R4C_r .ResortSlider_container__7CRo0 {
    1     padding-inline:0;
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r * {
    1   color:#fff;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-wrapper__0G9Qy {
    1   position:relative;
    1   display:flex;
    1   justify-content:center;
    1   max-height:90svh;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-wrapper__0G9Qy .ResortSlider_embla-slider__kRROj {
    1   overflow:hidden;
    1   width:100%;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-wrapper__0G9Qy .ResortSlider_embla-slider__kRROj .ResortSlider_embla-container__l_7UL {
    1   display:flex;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-wrapper__0G9Qy .ResortSlider_embla-slider__kRROj .ResortSlider_embla-container__l_7UL .ResortSlider_embla-slide__Sh_hk {
    1   position:relative;
    1   flex:0 0 100%;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_bullet-wrapper__LOlO5 {
    1   display:flex;
    1   justify-content:center;
    1   align-items:center;
    1   margin-top:2.25rem;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_bullet-wrapper__LOlO5 .ResortSlider_bullet__F86Tl {
    1   width:8px;
    1   height:8px;
    1   border:1px solid #fff;
    1   border-radius:50%;
    1   padding:0;
    1   margin-right:.875rem;
    1   background:transparent;
    1   cursor:pointer;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_bullet-wrapper__LOlO5 .ResortSlider_bullet__F86Tl[data-is-active=true] {
    1   background:#fff;
    1   width:10px;
    1   height:10px;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_bullet-wrapper__LOlO5 .ResortSlider_bullet__F86Tl:last-child {
    1   margin-right:0;
    1 }
    1 .ResortSlider_resort-slider__R4C_r svg {
    1   width:80px;
    1   height:80px;
    1   display:block;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ {
    1   position:absolute;
    1   top:0;
    1   padding:56px 8px;
    1   width:100%;
    1   display:flex;
    1   flex-direction:column;
    1   justify-content:center;
    1   align-items:center;
    1   z-index:2;
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ {
    1     top:auto;
    1     bottom:0;
    1     padding:0;
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-headline__eH35G {
    1   text-transform:uppercase;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c {
    1   width:100%;
    1   display:flex;
    1   justify-content:center;
    1   gap:1rem;
    1 }
    1 @media print,screen and (min-width:768px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c {
    1     gap:3rem;
    1   }
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c {
    1     margin-top:3.75rem;
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF {
    1   text-align:center;
    1   font-size:.875rem;
    1   line-height:1rem;
    1   text-transform:uppercase;
    1   letter-spacing:.175rem;
    1   display:flex;
    1   flex-direction:column;
    1   align-items:center;
    1   cursor:pointer;
    1   transition:all .5s cubic-bezier(.075,.82,.165,1);
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_title__rFkIL {
    1   display:block;
    1   opacity:.5;
    1   font-family:Fruitiger Bold,arial,helvetica,sans-serif;
    1   margin-bottom:5px;
    1 next issueprevious issueE777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
  Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
        width:-moz-fit-content;
    1   width:fit-content;
    1   transition:all .5s cubic-bezier(.075,.82,.165,1);
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_title__rFkIL[data-is-active=true] {
    1   opacity:1;
    1   border-top:1px solid #fff;
    1   padding-top:1rem;
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_title__rFkIL[data-is-active=true] {
    1     padding-top:0;
    1     border-top:none;
    1   }
    1 }
    1 @media print,screen and (min-width:768px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_title__rFkIL {
    1     opacity:1;
    1   }
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_title__rFkIL {
    1     border-bottom:2px solid #fff;
    1     padding-bottom:1rem;
    1     margin-bottom:0;
    1     opacity:1;
    1   }
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_title__rFkIL[data-is-active=true] {
    1     border-bottom:none;
    1     padding-bottom:0;
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_content__TtNAd {
    1   display:block;
    1   font-family:Fruitiger,arial,helvetica,sans-serif;
    1 next issueprevious issueE777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
  Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
        width:-moz-fit-content;
    1   width:fit-content;
    1   opacity:0;
    1   height:0;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_content__TtNAd[data-is-active=true] {
    1   opacity:1;
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF .ResortSlider_content__TtNAd[data-is-active=true] {
    1     margin-top:.5625rem;
    1   }
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF {
    1     justify-content:flex-end;
    1   }
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-headline-titles__aOpv_ .ResortSlider_slider-titles__Qsj4c .ResortSlider_slider-title__k0iiF[data-is-active=true] {
    1     transform:translateY(-100%);
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link-bullets__bPPwA {
    1   position:absolute;
    1   bottom:1.5rem;
    1   left:50%;
    1   transform:translateX(-50%);
    1   z-index:2;
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link-bullets__bPPwA {
    1     bottom:50%;
    1     transform:translate(-50%,50%);
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m {
    1   position:absolute;
    1   bottom:100%;
    1   left:50%;
    1   transform:translateX(-50%);
    1   width:5rem;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m .ResortSlider_slider-button___rfXm:before {
    1   border:1px solid #fff;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m .ResortSlider_slider-button___rfXm:after {
    1   filter:invert(1);
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m .ResortSlider_slider-button___rfXm span {
    1   opacity:0;
    1   transition:opacity .3s ease-in-out;
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m .ResortSlider_slider-button___rfXm:focus:before,.ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m .ResortSlider_slider-button___rfXm:hover:before {
    1   transition:none;
    1   width:5rem;
    1 }
    1 @media screen and (min-width:1024px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-link__jIL0m {
    1     transform:translate(-3rem,50%);
    1   }
    1 }
    1 .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-overlay__fH9Tq {
    1   position:absolute;
    1   top:0;
    1   left:0;
    1   width:100%;
    1   height:100%;
    1   background:transparent linear-gradient(180deg,transparent,rgba(0,0,0,.502)) 0 0 no-repeat padding-box;
    1   z-index:1;
    1 }
    1 @media screen and (max-width:1023px) {
    1   .ResortSlider_resort-slider__R4C_r .ResortSlider_slider-overlay__fH9Tq {
    1     transform:matrix(-1,0,0,-1,0,0);
    1   }
    1 }