/**
 * @name EmbedBorder
 * @description Nicer looking embeds
 * @author 0pyr
 * @version 1
 * @authorId 277851641976324096
 * @authorLink https://0pyr.cfd/
*/

.embedFull__623de {
  overflow: hidden;
  border-left-width: 0px !important;
  padding-left: 4px;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  position: relative;
  border-radius: var(--wh-border-radious);
}

.embedFull__623de .embedSuppressButton__623de {
  opacity: calc(1 * var(--wh-always-show-suppress-embed-button)) !important;
  top: var(--wh-border-width);
  right: var(--wh-border-width);
  z-index: 10;
  color: white;
  position: absolute;
}

.embedFull__623de::before {
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  border: inherit;
  border-left-width: 100vw;
  box-sizing: border-box !important;
  z-index: 1;
  border-radius: var(--wh-border-radious);
}

.embedFull__623de::after {
  content: "";
  position: absolute;
  background: hsl(
    from var(--background-surface-high) h s l /
      calc(100% - var(--wh-background-opacity))
  );
  border-radius: var(--wh-border-radious);
  top: var(--wh-border-width);
  left: var(--wh-border-width);
  right: var(--wh-border-width);
  bottom: var(--wh-border-width);
  z-index: 2;
}

.embedFull__623de .gridContainer__623de {
  z-index: 3;
}

.withAccentColor__60fa3::before {
  display: none;
}

.withAccentColor__60fa3 {
  background: color-mix(
    in oklch,
    hsl(from var(--background-surface-high) h s l / 100%),
    var(--__accent-color) var(--wh-background-opacity)
  );
  border: 4px solid var(--__accent-color);
  border-radius: var(--wh-border-radious);
}

.container__5e208 {
  overflow: hidden;
  border-left-width: 0px !important;
  padding-left: 4px;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  position: relative;
  border-radius: var(--wh-border-radious);
}