.elementor-1627 .elementor-element.elementor-element-7a4266a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1627 .elementor-element.elementor-element-d59ef94{--display:flex;}.elementor-1627 .elementor-element.elementor-element-c5bca40 > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1627 .elementor-element.elementor-element-bd24062{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1627 .elementor-element.elementor-element-bd24062:not(.elementor-motion-effects-element-type-background), .elementor-1627 .elementor-element.elementor-element-bd24062 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #90B4FF 0%, #3365CA 20%);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1627 .elementor-element.elementor-element-cb4ff90 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;padding:10px 10px 10px 10px;}.elementor-1627 .elementor-element.elementor-element-cb4ff90 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1627 .elementor-element.elementor-element-cb4ff90 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1627 .elementor-element.elementor-element-cb4ff90 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-1627 .elementor-element.elementor-element-dfaae32 .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;background-image:linear-gradient(180deg, #2B8CB6 0%, #3E9CE4 27%);padding:20px 20px 20px 20px;}.elementor-1627 .elementor-element.elementor-element-dfaae32 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1627 .elementor-element.elementor-element-dfaae32 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1627 .elementor-element.elementor-element-dfaae32 .elementor-button .elementor-button-content-wrapper{gap:12px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c5bca40 */.player-frame {
  border: 2px solid #3a6ea5;
  border-radius: 4px;
  background: #c0c0c0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  overflow: hidden;
  font-family: Tahoma, Arial, sans-serif;
}

.player-header {
  height: 28px;
  background: linear-gradient(to bottom, #3a6ea5, #1f4e85);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  font-size: 13px;
  font-weight: bold;
}

.player-controls {
  display: flex;
  gap: 4px;
}

.player-controls span {
  width: 14px;
  height: 14px;
  background: #dcdcdc;
  border: 1px solid #333;
  box-shadow: inset 1px 1px 0 #fff;
}

.player-body {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: black;
  border-top: 2px solid #ffffff;
}

.player-body iframe,
.player-body > div {
  width: 100%;
  height: 100%;
}

.slido-wrapper {
  margin-top: 20px;
}

.live-layout {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.video-column {
  flex: 4;
}

.emoji-column {
  flex: 1;
}

.video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.video-wrapper iframe,
.video-wrapper > div {
  width: 100%;
  height: 100%;
}

.emoji-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.emoji-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #111;
  padding: 15px;
  border-radius: 10px;
}

.emoji-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border-radius: 10px;
  background: linear-gradient(to bottom, #f0f0f0, #d6d6d6);
  border: 1px solid #a0a0a0;
  box-shadow: inset 0 1px 0 #ffffff, 0 2px 6px rgba(0,0,0,0.2);
}

.emoji-btn {
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #7a7a7a;
  background: linear-gradient(to bottom, #ffffff, #dcdcdc);
  box-shadow: inset 0 1px 0 #ffffff;
  transition: 0.1s;
}

.emoji-btn:hover {
  background: linear-gradient(to bottom, #ffffff, #cfcfcf);
}

.emoji-btn:active {
  background: linear-gradient(to bottom, #dcdcdc, #ffffff);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}

.emoji-overlay div {
  animation: floatUp 1.5s ease-out forwards;
}

@keyframes floatUp {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-150px);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cb4ff90 */.start-button {
  background: linear-gradient(
    to bottom,
    #6bdc5c 0%,
    #4cc43f 45%,
    #2ea52e 55%,
    #1f7d1f 100%
  );

  border-radius: 0 10px 10px 0;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    inset 0 -1px 0 rgba(0,0,0,0.2),
    0 1px 2px rgba(0,0,0,0.4);
  color: white;
  font-weight: bold;
  font-family: Tahoma, sans-serif;
}

.start-button svg {
  width: 34px;
  height: 34px;
}

.elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dfaae32 */.laikas-button {


  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    inset 0 -1px 0 rgba(0,0,0,0.2),
    0 1px 2px rgba(0,0,0,0.4);
  color: white;
  font-weight: bold;
  font-family: Tahoma, sans-serif;
}

.laikas-button svg {
  width: 34px;
  height: 34px;
}

.elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}/* End custom CSS */