@charset "utf-8";

form:not([id]):not([class]) { display: none; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 768px) {
}

form button { margin-bottom: 25px; max-width: 90%; text-transform: uppercase; text-align: center; animation-name: play_down; animation-duration: 1s; animation-iteration-count: infinite; background-color: rgb(216, 4, 4) !important; border-color: rgb(216, 4, 4) !important; color: white !important; padding: 20px 26px !important; margin-top: 0px !important; }

@keyframes play_top { 
  0% { box-shadow: rgba(0, 163, 182, 0.6) 0px 0px; }
  100% { box-shadow: rgba(0, 163, 182, 0) 0px 0px 0px 20px; }
}

.linki { font-weight: 700; color: rgb(0, 85, 153); text-decoration: underline !important; }

@keyframes play_top { 
  0% { box-shadow: rgba(0, 163, 182, 0.6) 0px 0px; }
  100% { box-shadow: rgba(0, 163, 182, 0) 0px 0px 0px 20px; }
}

@media (max-width: 800px) {
}

@keyframes blink { 
  0%, 50% { box-shadow: rgb(0, 22, 85) 0px 0px 10px; }
  25%, 75% { box-shadow: none; }
  100% { box-shadow: rgb(0, 22, 85) 0px 0px 10px; }
}

.my-list li { list-style-type: disc; }

.ue-c-article__tags-container { padding-top: 20px; }

@keyframes heartbeat { 
  0% { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out; }
  10% { transform: scale(0.91); animation-timing-function: ease-in; }
  17% { transform: scale(0.98); animation-timing-function: ease-out; }
  33% { transform: scale(0.87); animation-timing-function: ease-in; }
  45% { transform: scale(1); animation-timing-function: ease-out; }
}

.my-h2 { margin-top: 0px; margin-bottom: 15px; }

@media screen and (max-width: 767px) {
}

.comment { margin-top: 32px; margin-bottom: 15px; }

.btn_comm { width: 100%; }

.block-avatar img { border-radius: 50%; }

.fb-comment__text-input { display: flex; justify-content: space-between; }

.comment-block-input__input { border: none; outline: none; background-color: inherit; flex: 0 1 70%; }

.comment-block-input__button { border: none; font-weight: 500; float: right; cursor: pointer; color: rgb(54, 88, 153); padding: 10px; }

.fb-post { width: 100%; padding: 20px; box-sizing: border-box; border: 1px solid rgb(221, 223, 226); border-radius: 3px; font: 400 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.fb-comment__sort { cursor: pointer; margin: 10px 0px; color: rgb(54, 88, 153) !important; }

.fb-comment__sort:hover { text-decoration: underline; }

.fb-comment__avatar { height: 32px; min-width: 32px; margin-right: 8px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; padding: 0px; }

.fb-comment__item { display: flex; margin: 10px 0px; }

.fb-comment__content { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.fb-comment__answer { display: flex; margin-top: 1.1rem; }

.fb-comment__text { width: 100%; margin: 0px; padding: 8px 10px; color: rgb(29, 33, 41); background-color: rgb(242, 243, 245); border-radius: 18px; box-sizing: border-box; position: relative; }

.fb-comment__author { font-weight: 600; text-decoration: none; cursor: pointer; color: rgb(54, 88, 153) !important; }

.fb-comment__author:hover { text-decoration: underline; }

.fb-comment__react { text-decoration: none; color: rgb(54, 88, 153) !important; }

.fb-comment__react::after { content: "·"; color: rgb(96, 103, 112); padding: 3px; }

.fb-comment__posted { color: rgb(96, 103, 112); }

.fb-comment__like { position: relative; bottom: 5px; right: 0px; height: 20px; width: 44px; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px; color: rgb(141, 148, 158); font-size: 11px; font-weight: normal; padding: 2px 1px 2px 2px; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; margin: 5px; }

.fb-comment__like img { height: 18px; width: 18px; display: inline-block; margin-right: 3px; padding: 0px; }

@keyframes coments { 
  0% { top: 0px; }
  50% { top: -8px; }
  100% { top: 0px; }
}

@keyframes fadeIn { 
  0% { display: none; }
  100% { display: block; height: 100%; opacity: 1; }
}

@media screen and (max-width: 600px) {
  .fb-post { width: 100%; margin: 0px; padding: 5px; }
  .fb-comment__text { max-width: 100%; }
}

.facebook_logo { width: 30px; }

.facebook_header { background: rgb(66, 103, 178); padding: 10px; border-radius: 8px 8px 0px 0px; cursor: pointer; display: flex; gap: 10px; -webkit-box-align: center; align-items: center; }

.facebook_text { color: rgb(255, 255, 255); font-size: 20px; }
