@property --ef-top{ syntax:"<length>"; inherits:false; initial-value:0px; }
@property --ef-bottom{ syntax:"<length>"; inherits:false; initial-value:0px; }







:is(.island .cfg-selector,
    body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer)){
  --ef-size:28px; --ef-top:0px; --ef-bottom:0px;
  scrollbar-width:none;       
  scrollbar-gutter:auto;      
}
:is(.island .cfg-selector,
    body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer))::-webkit-scrollbar{ width:0; height:0; }





.island .cfg-selector{ padding-left:16px; padding-right:16px; }



:is(.island .cfg-selector,
    body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer)):is(.fade-top,.fade-bottom){
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ef-top), #000 calc(100% - var(--ef-bottom)), transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ef-top), #000 calc(100% - var(--ef-bottom)), transparent 100%);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
:is(.island .cfg-selector,
    body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer)).fade-top{ --ef-top:var(--ef-size); }
:is(.island .cfg-selector,
    body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer)).fade-bottom{ --ef-bottom:var(--ef-size); }

@keyframes ef-fade-top{ from{ --ef-top:0px; } to{ --ef-top:28px; } }
@keyframes ef-fade-bottom{ from{ --ef-bottom:28px; } to{ --ef-bottom:0px; } }






@supports (animation-timeline:scroll(self)){
  :is(.island .cfg-selector,
      body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer)){
    animation-name:ef-fade-top, ef-fade-bottom;
    animation-timing-function:linear;
    animation-fill-mode:none;
    animation-timeline:scroll(self), scroll(self);
    animation-range:0px var(--ef-size), calc(100% - var(--ef-size)) 100%;
  }
  


  @media (prefers-reduced-motion:reduce){
    :is(.island .cfg-selector,
        body.builderdeploy #pvIsland.island :is(.island-body,.island-drawer)){ animation-name:none; }
  }
}