

#sidebar-widget-area {
	--my-widget-margin: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: var(--my-widget-margin);
    width: var(--wp--style--global--content-size);
	max-width: 100%;
    mask-image: linear-gradient(0deg, #00000030 50%, #000000);
    height: fit-content;
    transition: transform 0.2s ease;
    z-index: 9990;
    border-radius: 5px;
    overflow: hidden;
}
#sidebar-widget-area:hover { mask-image: none; }
#sidebar-widget-area.hide {
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(100%);
}

.cloned-widget {
  width: 100%;
  height: auto;
}

.cloned-widget.invisible {
  display: none !important;
}

#sidebar-widget-area figure.wp-block-embed-youtube:first-child {
	margin: 0;
	cursor:pointer;
}
	
@media (max-width: 768px) {
  #sidebar-widget-area {
	  mask-image: linear-gradient(0deg, #00000030 30%, #000000);
	  width: 90%;
	  }
}