/* clips-fullscreen.css?file=../ui/components/Icon/Icon.styl */
.clips_fullscreen_icon {
  display: inline-block;
}
.clips_fullscreen_icon > svg {
  display: block;
}
.clips_fullscreen_icon.clips_fullscreen___is-flipped {
  transform: scaleX(-1);
}
.clips_fullscreen_icon.clips_fullscreen___margin-right {
  margin-right: 4px;
}
.clips_fullscreen_icon.clips_fullscreen___margin-left {
  margin-left: 4px;
}
.clips_fullscreen_icon.clips_fullscreen___size-8 {
  width: 8px;
  height: 8px;
}
.clips_fullscreen_icon.clips_fullscreen___size-10 {
  width: 10px;
  height: 10px;
}
.clips_fullscreen_icon.clips_fullscreen___size-12 {
  width: 12px;
  height: 12px;
}
.clips_fullscreen_icon.clips_fullscreen___size-16 {
  width: 16px;
  height: 16px;
}
.clips_fullscreen_icon.clips_fullscreen___size-18 {
  width: 18px;
  height: 18px;
}
.clips_fullscreen_icon.clips_fullscreen___size-20 {
  width: 20px;
  height: 20px;
}
.clips_fullscreen_icon.clips_fullscreen___size-24 {
  width: 24px;
  height: 24px;
}
.clips_fullscreen_icon.clips_fullscreen___size-26 {
  width: 26px;
  height: 26px;
}
.clips_fullscreen_icon.clips_fullscreen___size-28 {
  width: 28px;
  height: 28px;
}
.clips_fullscreen_icon.clips_fullscreen___size-32 {
  width: 32px;
  height: 32px;
}
.clips_fullscreen_icon.clips_fullscreen___size-36 {
  width: 36px;
  height: 36px;
}
.clips_fullscreen_icon.clips_fullscreen___size-40 {
  width: 40px;
  height: 40px;
}
.clips_fullscreen_icon.clips_fullscreen___size-44 {
  width: 44px;
  height: 44px;
}
.clips_fullscreen_icon.clips_fullscreen___size-48 {
  width: 48px;
  height: 48px;
}
.clips_fullscreen_icon.clips_fullscreen___size-54 {
  width: 54px;
  height: 54px;
}
.clips_fullscreen_icon.clips_fullscreen___size-56 {
  width: 56px;
  height: 56px;
}
.clips_fullscreen_icon.clips_fullscreen___size-60 {
  width: 60px;
  height: 60px;
}
.clips_fullscreen_icon.clips_fullscreen___size-64 {
  width: 64px;
  height: 64px;
}
.clips_fullscreen_icon.clips_fullscreen___size-80 {
  width: 80px;
  height: 80px;
}
.clips_fullscreen_icon.clips_fullscreen___size-96 {
  width: 96px;
  height: 96px;
}
.clips_fullscreen_icon.clips_fullscreen___size-100 {
  width: 100px;
  height: 100px;
}
.clips_fullscreen_icon.clips_fullscreen___size-120 {
  width: 120px;
  height: 120px;
}
.clips_fullscreen_icon.clips_fullscreen___size-128 {
  width: 128px;
  height: 128px;
}
.clips_fullscreen_icon.clips_fullscreen___size-132 {
  width: 132px;
  height: 132px;
}
.clips_fullscreen_icon.clips_fullscreen___size-144 {
  width: 144px;
  height: 144px;
}
.clips_fullscreen_icon.clips_fullscreen___size-152 {
  width: 152px;
  height: 152px;
}
.clips_fullscreen_icon.clips_fullscreen___size-160 {
  width: 160px;
  height: 160px;
}
.clips_fullscreen_icon.clips_fullscreen___size-176 {
  width: 176px;
  height: 176px;
}
.clips_fullscreen_icon.clips_fullscreen___size-208 {
  width: 208px;
  height: 208px;
}
.clips_fullscreen_icon.clips_fullscreen___size-240 {
  width: 240px;
  height: 240px;
}
.clips_fullscreen_icon.clips_fullscreen___size-288 {
  width: 288px;
  height: 288px;
}
.clips_fullscreen_icon.clips_fullscreen___size-full {
  width: 100%;
  height: 100%;
}
.svg-fill {
  fill: currentColor;
}
.svg-stroke {
  stroke: currentColor;
}

/* clips-fullscreen.css?file=../ui/components/ModalOutScroll/ModalOutScroll.styl */
.clips_fullscreen_modal-out-scroll-wrapper {
  position: fixed;
  inset: 0;
  z-index: 3200;
  overflow-x: auto;
}
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___showScroll {
  overflow-y: auto;
  background: var(--color_black-08);
}
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_modal-out-scroll-body,
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_modal-out-scroll-body,
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_bottom-control-box,
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_bottom-control-box {
  width: 100%;
  max-width: 640px;
  box-sizing: border-box;
}
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_modal-out-scroll-body,
.clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_modal-out-scroll-body {
  padding: 32px;
}
@media (max-width: 767px) {
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_modal-out-scroll-wrapper-body,
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_modal-out-scroll-wrapper-body {
    flex-direction: column-reverse;
    align-items: end;
    margin-top: auto;
    max-width: 640px;
  }
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_modal-out-scroll-body,
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_modal-out-scroll-body {
    min-width: 0;
    padding: 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 640px) {
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_modal-out-scroll-wrapper-body,
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_modal-out-scroll-wrapper-body {
    position: relative;
    flex-direction: row;
  }
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_modal-out-scroll-over-body,
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_modal-out-scroll-over-body {
    min-height: 50px;
  }
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-dynamic-type .clips_fullscreen_close-control,
  .clips_fullscreen_modal-out-scroll-wrapper.clips_fullscreen___is-adaptive-two-static-type .clips_fullscreen_close-control {
    position: absolute;
    top: -46px;
    right: 20px;
  }
}
.clips_fullscreen_modal-out-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.clips_fullscreen_modal-out-scroll-overlay {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--color_black-08);
}
.clips_fullscreen_modal-out-scroll-overlay.clips_fullscreen___opacity {
  opacity: 0;
}
.clips_fullscreen_modal-out-scroll-over-body {
  min-width: 100%;
  min-height: 20px;
}
.clips_fullscreen_modal-out-scroll-wrapper-body {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
}
.clips_fullscreen_modal-out-scroll-body {
  position: relative;
  width: 700px;
  padding: 16px 24px;
  border-radius: 8px;
  background: var(--color_surface);
}
.clips_fullscreen_close-control {
  margin: 0;
  border: 0;
  text-decoration: none;
  background: 0 0;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.clips_fullscreen_close-control .clips_fullscreen_close-icon {
  padding: 4px;
  color: var(--color_white-06);
}
.clips_fullscreen_close-control .clips_fullscreen_close-icon:hover {
  color: var(--color_white);
}
.clips_fullscreen_close-control.clips_fullscreen___flying {
  position: fixed;
}
.clips_fullscreen_close-control:focus-visible {
  outline: var(--focus-outline);
  border-radius: var(--border-radius);
}
.clips_fullscreen_bottom-control-box {
  position: fixed;
  width: 700px;
}
.clips_fullscreen_bottom-control-box {
  bottom: 0;
}

/* clips-fullscreen.css?file=ui/common/animation/AnimationWrapper/AnimationWrapper.styl */
.clips_fullscreen_animation_wrapper {
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  transition:
    transform var(--swipe-animation-duration, 1.2s),
    opacity .5s .2s,
    background-color 1s;
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___animation-off {
  transform: scale(1);
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___isCurrent {
  transition: transform var(--swipe-animation-duration, 1.2s), opacity .2s .1s;
  transform: scale(1);
  opacity: 1;
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___isHidden {
  transform: scale(.5);
  opacity: 0;
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___isHidden:after {
  z-index: 30;
  pointer-events: all;
  background: #0009;
}
.clips_fullscreen_animation_wrapper:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: transparent;
  transition: background-color .5s .1s;
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___forward.clips_fullscreen___isCurrent {
  transform-origin: top;
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___forward.clips_fullscreen___isHidden,
.clips_fullscreen_animation_wrapper.clips_fullscreen___backward.clips_fullscreen___isCurrent {
  transform-origin: bottom;
}
.clips_fullscreen_animation_wrapper.clips_fullscreen___backward.clips_fullscreen___isHidden {
  transform-origin: top;
}

/* clips-fullscreen.css?file=../ui/components/BottomSheet/BottomSheet.styl */
.clips_fullscreen_bottomsheet-fader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
  transition: visibility 0s ease .3s, background-color .2s ease-in 0s;
  will-change: visibility;
  visibility: hidden;
  contain: strict;
  pointer-events: auto;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___inside-bottom-menu {
  z-index: 2005;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___open {
  visibility: visible;
  transition: visibility 0s ease 0s, background-color .2s ease-in 0s;
  background-color: var(--color_black-032);
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___with-padding .clips_fullscreen_bottomsheet-window {
  padding: 16px;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___with-padding .clips_fullscreen_bottomsheet-window_block {
  padding: $offset 0;
  border-radius: 20px;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025 {
  height: 100vh;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025.clips_fullscreen___open {
  pointer-events: none;
  background-color: transparent;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025.clips_fullscreen___open.clips_fullscreen___full-height-open {
  background-color: #0000005c;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025.clips_fullscreen___open .clips_fullscreen_bottomsheet-window {
  transition: transform .6s cubic-bezier(.07, .72, .35, 1) .1s;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025 .clips_fullscreen_bottomsheet-window_block {
  max-width: 616px;
  transition: transform .3s ease-in-out 0s;
  pointer-events: auto;
  background-color: var(--dynamic-surface-base-quaternary);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 0 72px -24px var(--dynamic-elevate-5-base-color, rgba(0,0,0,.24));
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025 .clips_fullscreen_bottomsheet-window_block.clips_fullscreen___is-dragging {
  transition: none;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025 .clips_fullscreen_bottomsheet-swipeBar {
  padding: 12px 0 0;
  background-position: 50% 100%;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025.clips_fullscreen___full-height .clips_fullscreen_bottomsheet-window_block {
  top: 0;
  height: 100%;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___redesign2025.clips_fullscreen___full-height-container .clips_fullscreen_bottomsheet-window_block {
  max-height: 100%;
}
.clips_fullscreen_bottomsheet-fader:before {
  content: "";
  display: block;
  height: 100%;
  overflow: hidden;
}
.clips_fullscreen_bottomsheet-fader .clips_fullscreen_bottomsheet-window {
  max-height: 50%;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___full-height-container .clips_fullscreen_bottomsheet-window {
  max-height: 100%;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___full-height-container .clips_fullscreen_bottomsheet-window_block {
  max-height: calc(100% - 48px);
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___full-height .clips_fullscreen_bottomsheet-window {
  max-height: 100%;
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___full-height .clips_fullscreen_bottomsheet-window_block {
  position: absolute;
  top: 48px;
  height: calc(100% - 48px);
}
.clips_fullscreen_bottomsheet-fader.clips_fullscreen___full-height .clips_fullscreen_bottomsheet-window_block .clips_fullscreen_bottomsheet-content {
  flex-grow: 1;
}
.clips_fullscreen_bottomsheet-window {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: transform .3s ease-in-out 0s;
  box-sizing: border-box;
  text-align: center;
  user-select: none;
}
.clips_fullscreen_bottomsheet-window.clips_fullscreen___open {
  transform: translateY(-100%);
}
.clips_fullscreen_bottomsheet-window:after {
  content: "";
  display: inline-block;
  height: 100%;
}
.clips_fullscreen_bottomsheet-window .clips_fullscreen_bottomsheet-window_block {
  max-height: 100%;
}
.clips_fullscreen_bottomsheet-window.clips_fullscreen___justify-left {
  justify-content: left;
}
.clips_fullscreen_bottomsheet-window_block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  overflow: auto;
  background-color: var(--color_surface);
  border-radius: 20px 20px 0 0;
  box-sizing: border-box;
  max-width: 450px;
  width: 100%;
  text-align: left;
}
.clips_fullscreen_bottomsheet-window_block.clips_fullscreen___full-height {
  position: absolute;
  top: 48px;
  height: calc(100% - 48px);
}
.clips_fullscreen_bottomsheet-window_block.clips_fullscreen___full-height .clips_fullscreen_bottomsheet-content {
  flex-grow: 1;
}
.clips_fullscreen_bottomsheet-swipeBar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0 8px;
  background-image: url("./swipe_bar-EWIHN5UH.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.clips_fullscreen_bottomsheet-swipeBar-colored {
  position: sticky;
  top: 10px;
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--dynamic-surface-contrast-mid);
  margin: -4px auto;
  flex-shrink: 0;
  z-index: 4;
}
.clips_fullscreen_bottomsheet-close {
  display: flex;
  cursor: pointer;
}
.clips_fullscreen_bottomsheet-content {
  overflow-y: auto;
  max-height: 100%;
}
.clips_fullscreen_bottomsheet-content.clips_fullscreen___disable-scroll {
  overflow: hidden;
}
.clips_fullscreen_bottomsheet-spinner {
  display: flex;
  justify-content: center;
  padding: 12px;
}

/* clips-fullscreen.css?file=../ui/components/Button/ButtonClean.styl */
.clips_fullscreen_button-clean {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  text-decoration: none;
  text-align: inherit;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.clips_fullscreen_button-clean:focus-visible {
  outline: var(--focus-outline);
}

/* clips-fullscreen.css?file=../ui/components/ModalLayer/items/ModalLayerItems.styl */
.clips_fullscreen_container {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  font-size: 14px;
  background-color: var(--color_surface);
  box-shadow: 0 0 12px #00000029;
}
.clips_fullscreen_container.clips_fullscreen___hide_overflow {
  overflow: hidden;
}
.clips_fullscreen_container.clips_fullscreen___is-adaptive-one-type,
.clips_fullscreen_container.clips_fullscreen___is-adaptive-two-dynamic-type2,
.clips_fullscreen_container.clips_fullscreen___is-adaptive-two-static-type2 {
  width: 100% !important;
}
@media (max-width: 767px) {
  .clips_fullscreen_container.clips_fullscreen___is-adaptive-one-type,
  .clips_fullscreen_container.clips_fullscreen___is-adaptive-two-dynamic-type2,
  .clips_fullscreen_container.clips_fullscreen___is-adaptive-two-static-type2 {
    margin-top: auto;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.clips_fullscreen_container.clips_fullscreen___is-adaptive-one-type {
  max-width: 440px;
}
.clips_fullscreen_container.clips_fullscreen___is-adaptive-two-dynamic-type2,
.clips_fullscreen_container.clips_fullscreen___is-adaptive-two-static-type2 {
  max-width: 640px;
  box-sizing: border-box;
}
.clips_fullscreen_container.clips_fullscreen___is-adaptive-two-static-type2 {
  max-height: 95vh;
  margin-top: auto;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
  .clips_fullscreen_container.clips_fullscreen___in-app {
    height: 100vh;
    border-radius: 0;
  }
}
.clips_fullscreen_header {
  display: flex;
  flex-direction: column;
  margin: 24px;
}
.clips_fullscreen_header.clips_fullscreen___left {
  align-items: start;
}
.clips_fullscreen_header.clips_fullscreen___left .clips_fullscreen_description2 {
  text-align: left;
}
.clips_fullscreen_header.clips_fullscreen___middle {
  align-items: center;
}
.clips_fullscreen_header.clips_fullscreen___right {
  align-items: end;
}
.clips_fullscreen_title-wrapper {
  display: flex;
  align-items: center;
}
.clips_fullscreen_title {
  flex: 1;
  margin: 0;
  color: var(--color_main);
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
.clips_fullscreen_button-wrapper {
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid var(--color_main-008);
}
.clips_fullscreen_button-back {
  padding: 0;
  border: 0;
  color: var(--color_secondary);
  background: none;
  cursor: pointer;
}
.clips_fullscreen_description2 {
  width: 300px;
  margin-top: 8px;
  color: var(--color_secondary);
  text-align: center;
}
.clips_fullscreen_content {
  margin: 24px;
  color: var(--color_main);
  font-size: 14px;
}
.clips_fullscreen_footer {
  display: flex;
  justify-content: center;
  margin: 24px;
}
.clips_fullscreen_footer-item:not(:last-child) {
  margin-right: 8px;
}

/* clips-fullscreen.css?file=../ui/components/ModalLayer/ModalLayer.styl */
.clips_fullscreen_modal-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3200;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--color_black-08);
}
.clips_fullscreen_close-area {
  position: absolute;
  inset: 0;
}
.clips_fullscreen_close-icon-control {
  position: absolute;
  top: 10px;
  right: -40px;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
@media (max-width: 560px) {
  .clips_fullscreen_close-icon-control.clips_fullscreen___is-adaptive-one-type2 {
    top: -40px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .clips_fullscreen_close-icon-control.clips_fullscreen___is-adaptive-two-dynamic-type3,
  .clips_fullscreen_close-icon-control.clips_fullscreen___is-adaptive-two-static-type3 {
    top: -40px;
    right: 20px;
  }
}
.clips_fullscreen_close-icon2 {
  display: block;
  color: var(--color_white-06);
}
.clips_fullscreen_close-icon2:hover {
  color: var(--color_white);
}
.clips_fullscreen_size-small {
  width: 400px;
}
.clips_fullscreen_size-medium {
  width: 596px;
}
.clips_fullscreen_size-big {
  width: 704px;
}

/* clips-fullscreen.css?file=ui/common/components/Description/Description.styl */
.clips_fullscreen_description {
  text-align: left;
  transition: max-height .5s;
  cursor: pointer;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-line-clamp: 2;
  font-family:
    Onest,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  color: #fff;
}
.clips_fullscreen_description.clips_fullscreen___open2 {
  max-height: 240px;
}
@media (orientation: landscape) {
  .clips_fullscreen_description.clips_fullscreen___open2 {
    max-height: 120px;
  }
}
.clips_fullscreen_description.clips_fullscreen___close {
  max-height: 48px;
}
.clips_fullscreen_modal__description.clips_fullscreen_modal__description {
  z-index: 3210;
}
.clips_fullscreen_description__modal-text {
  padding: 16px;
  background-color: #1a1a1c;
  color: #fff;
  font-family:
    Onest,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
}

/* clips-fullscreen.css?file=ui/root/ClipsFullscreen/ClipsFullscreen.styl */
.clips_fullscreen_modal__reset.clips_fullscreen_modal__reset.clips_fullscreen_modal__reset {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
}
.clips_fullscreen_modal__button-reset {
  display: none;
}
.clips_fullscreen_modal__overlay-reset {
  background-color: transparent;
}
.clips_fullscreen_global_wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0 24px;
  overflow: hidden;
  background-color: #000000c2;
  transition: opacity var(--layer-open-opacity-animation-timing, .8s);
  opacity: 0;
}
@media (max-width: 1023px) {
  .clips_fullscreen_global_wrapper {
    padding: 0;
  }
}
.clips_fullscreen_global_wrapper.clips_fullscreen___open3 {
  opacity: 1;
  transition: opacity var(--layer-open-opacity-animation-timing, .8s);
}
.clips_fullscreen_global_wrapper.clips_fullscreen___close2 {
  opacity: 0;
  transition: opacity var(--layer-close-opacity-animation-timing, .4s);
}
.clips_fullscreen_global_wrapper.clips_fullscreen___animations-off {
  transition: none;
}
.clips_fullscreen_close-area2 {
  position: absolute;
  inset: 0;
}
.clips_fullscreen_fullscreen__main {
  display: grid;
  grid-template-areas: "content ." "content controls" "content .";
  column-gap: 16px;
  grid-template-columns: 1fr 92px;
  grid-template-rows: auto max(720px) auto;
  touch-action: none;
  width: 100%;
  height: 100%;
  max-width: 513px;
}
@media (min-width: 1024px) {
  .clips_fullscreen_fullscreen__main {
    transform: translate(54px);
  }
}
@media (max-width: 1023px) {
  .clips_fullscreen_fullscreen__main {
    grid-template-areas: "content";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    max-width: none;
  }
}
.clips_fullscreen_fullscreen__button {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 82px;
  height: 100%;
}
.clips_fullscreen_fullscreen__button.clips_fullscreen___left2 {
  left: 24px;
}
.clips_fullscreen_fullscreen__button.clips_fullscreen___right2 {
  right: 24px;
}
@media (max-width: 1023px) {
  .clips_fullscreen_fullscreen__button {
    display: none;
  }
}
.clips_fullscreen_fullscreen__close-layer {
  display: none;
  z-index: 5;
}
@media (max-width: 1023px) {
  .clips_fullscreen_fullscreen__close-layer {
    position: absolute;
    top: 12px;
    left: 12px;
    display: block;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .32));
  }
}
.clips_fullscreen_content_wrapper {
  overflow: hidden;
  grid-area: content;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.clips_fullscreen_controls_wrapper {
  grid-area: controls;
  position: relative;
  display: grid;
  grid-template-areas: "close" "." "clip-controls";
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  z-index: 10;
}
@media (max-width: 1023px) {
  .clips_fullscreen_controls_wrapper {
    display: none;
  }
}
.clips_fullscreen_controls_close {
  grid-area: close;
}
.clips_fullscreen_controls_clip-controls {
  grid-area: clip-controls;
}
.clips_fullscreen_items_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  height: 100%;
}
.clips_fullscreen_item__wrapper {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.clips_fullscreen_item__placeholder {
  max-height: 720px;
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  .clips_fullscreen_item__placeholder {
    max-height: none;
    max-width: none;
  }
}
.clips_fullscreen_clip {
  height: 640px;
  width: 360px;
}
.clips_fullscreen_bottomsheet__fader.clips_fullscreen_bottomsheet__fader {
  z-index: 3210;
}
.clips_fullscreen_bottomsheet__body {
  background-color: #1a1a1c;
}
.clips_fullscreen_bottomsheet__text {
  color: #fff;
  --button-cell-text-color: #fff;
}
.clips_fullscreen_bottomsheet__text.clips_fullscreen___destructive {
  color: #ff9089;
  --button-cell-text-color: #ff9089;
}
.clips_fullscreen_dropdown_custom_colors {
  --custom-dropdown-background-color: #1a1a1c;
}
.clips_fullscreen_dropdown-item {
  margin-bottom: 24px;
}
.clips_fullscreen_dropdown-item:last-child {
  margin-bottom: 0;
}
.clips_fullscreen_dropdown-item__reset {
  --button-cell-padding-top: 0;
  --button-cell-padding-bottom: 0;
  --button-cell-padding-right: 0;
  --button-cell-padding-left: 0;
}
.clips_fullscreen_control-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clips_fullscreen_control-text {
  margin-top: 4px;
  color: #fff;
  font-family:
    Onest,
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0;
}

/* clips-fullscreen.css?file=ui/common/components/controls/ClipsFullscreenShortcutMenu/ClipsFullscreenDropdown.styl */
.clips_fullscreen_menu {
  margin: -12px -0px;
}
.clips_fullscreen_menu > * {
  margin: 12px 0;
}

/* clips-fullscreen.css?file=ui/common/components/controls/ControlsWrapper/ControlsWrapper.styl */
.clips_fullscreen_controls-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clips_fullscreen_controls-item {
  margin-bottom: 16px;
}
.clips_fullscreen_controls-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .clips_fullscreen_controls-item {
    margin-bottom: 20px;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .32));
  }
}

/* clips-fullscreen.css?file=ui/common/components/controls/controls/Timeline/Timeline.styl */
.clips_fullscreen_timeline {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 0;
  transition: transform .5s, opacity 1s;
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}
.clips_fullscreen_timeline__wrapper {
  display: flex;
  align-items: center;
  height: var(--timeline-container-normal-size, 24px);
  width: 100%;
  margin: 0 var(--clip-ui-padding, 12px);
  transition: height .5s;
  transition-timing-function: linear;
  overflow: hidden;
}
.clips_fullscreen_timeline__spotter {
  position: relative;
  height: var(--timeline-spotter-normal-size, 12px);
  width: var(--timeline-spotter-normal-size, 12px);
  transition: transform .26s;
  transition-timing-function: linear;
  touch-action: none;
}
.clips_fullscreen_timeline__spotter:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  touch-action: none;
}
.clips_fullscreen_timeline__spotter:after {
  position: absolute;
  content: "";
  height: var(--timeline-container-normal-size, 24px);
  width: 200vw;
  transform: translate(-50%, -24px);
}
.clips_fullscreen_timeline__spotter.clips_fullscreen___animation-off2 {
  transition: auto;
}
.clips_fullscreen_timeline__spotter-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--timeline-spotter-normal-size, 12px);
  width: var(--timeline-spotter-normal-size, 12px);
  border-radius: 50%;
  background-color: #f70;
  transition: transform .3s;
  transform-style: preserve-3d;
}
.clips_fullscreen_timeline__spotter-inner:before,
.clips_fullscreen_timeline__spotter-inner:after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 33.33%;
  top: 50%;
}
.clips_fullscreen_timeline__spotter-inner:before {
  background: #ffffff7a;
  right: -100vw;
  transform: translate3d(-2px, -50%, -1px);
}
.clips_fullscreen_timeline__spotter-inner:after {
  background: #f70;
  left: -100vw;
  transform: translate3d(2px, -50%, -1px);
}
.clips_fullscreen_timeline.clips_fullscreen___bigger .clips_fullscreen_timeline__wrapper {
  height: var(--timeline-container-big-size, 36px);
}
.clips_fullscreen_timeline.clips_fullscreen___bigger .clips_fullscreen_timeline__spotter-inner {
  transform: scale(2);
}

/* clips-fullscreen.css?file=../ui/components/Link/Link.styl */
.clips_fullscreen_link {
  text-decoration: none;
}
.clips_fullscreen_link:hover {
  text-decoration: underline;
}
.clips_fullscreen_link.clips_fullscreen___primary {
  color: var(--color_main);
}
.clips_fullscreen_link.clips_fullscreen___secondary {
  color: var(--color_secondary);
}
.clips_fullscreen_link.clips_fullscreen___active {
  color: var(--color_orange);
}
.clips_fullscreen_link.clips_fullscreen___black {
  color: var(--color_main);
}
.clips_fullscreen_link.clips_fullscreen___white {
  color: var(--color_white);
}
.clips_fullscreen_link.clips_fullscreen___orange {
  color: var(--color_orange);
  text-decoration: none;
}
.clips_fullscreen_link.clips_fullscreen___orange:hover {
  color: var(--color_action_active_new);
}
.clips_fullscreen_link.clips_fullscreen___none {
  text-decoration: none;
  cursor: auto;
}
.clips_fullscreen_link.clips_fullscreen___none:hover {
  color: inherit;
  text-decoration: none;
}
.clips_fullscreen_link.clips_fullscreen___no-text-decor,
.clips_fullscreen_link.clips_fullscreen___no-text-decor:hover {
  text-decoration: none;
}

/* clips-fullscreen.css?file=ui/common/cards/Clip/Clip.styl */
.clips_fullscreen_clip__wrapper {
  display: grid;
  grid-template-areas: "player ." "player control" "info control" "timeline timeline";
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.clips_fullscreen_clip__wrapper:after {
  content: "";
  z-index: 2;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      #0000 63.8%,
      #000 98.15%);
  transform: translateZ(1px);
}
@media (max-width: 1023px) {
  .clips_fullscreen_clip__wrapper {
    grid-template-columns: 1fr 68px;
  }
}
.clips_fullscreen_clip__content-wrapper {
  z-index: 1;
  grid-area: player;
}
.clips_fullscreen_clip__timeline-wrapper {
  z-index: 3;
  grid-area: timeline;
}
.clips_fullscreen_clip__poster-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clips_fullscreen_clip__poster-img.clips_fullscreen___hidden,
.clips_fullscreen_clip__controls-wrapper {
  display: none;
}
@media (max-width: 1023px) {
  .clips_fullscreen_clip__controls-wrapper {
    z-index: 3;
    grid-area: control;
    display: flex;
    flex-direction: column;
    min-width: 68px;
  }
}
.clips_fullscreen_clip__window {
  flex-grow: 1;
}
.clips_fullscreen_clip__info {
  z-index: 3;
  grid-area: info;
  position: relative;
  padding: 8px 12px;
  transform: translateZ(1px);
}
.clips_fullscreen_clip__info .clips_fullscreen_reset {
  --uni-cell-padding-left: 0;
  --uni-cell-padding-right: 0;
  --uni-cell-padding-top: 0;
  --uni-cell-padding-bottom: 8px;
}
.clips_fullscreen_clip__owner {
  --content-custom-text-color: #fff;
}
.clips_fullscreen_clip__controls {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}

/* clips-fullscreen.css?file=ui/common/cards/ClipNotAllowed/ClipNotAllowed.styl */
.clips_fullscreen_clip-not-allowed {
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  touch-action: manipulation;
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--dynamic-surface-base-secondary);
}
.clips_fullscreen_clip-not-allowed__reason {
  margin: 0 60px;
}

/* clips-fullscreen.css?file=ui/common/cards/ClipSkeleton/ClipSkeleton.styl */
.clips_fullscreen_clip-skeleton {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  touch-action: manipulation;
  border-radius: 20px;
  overflow: hidden;
  background-color: #000;
}
.clips_fullscreen_clip-skeleton:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(
      circle,
      #fff3 10%,
      #ffffff26);
  background-size: 700% 275%;
  background-position-x: 50%;
  animation: clips_fullscreen_gradient 1.5s ease-in-out infinite alternate;
}
.clips_fullscreen_round {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--dynamic-surface-contrast-on-color-inverse-low);
}
.clips_fullscreen_round.clips_fullscreen___mid {
  background: var(--dynamic-surface-contrast-on-color-inverse-mid);
}
.clips_fullscreen_line {
  height: 8px;
  border-radius: 100px;
  background: var(--dynamic-surface-contrast-on-color-inverse-low);
}
.clips_fullscreen_line.clips_fullscreen___mid {
  background: var(--dynamic-surface-contrast-on-color-inverse-mid);
}
.clips_fullscreen_header2 {
  height: 60px;
  background: #e0ffff;
}
.clips_fullscreen_clip-skeleton__main {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  padding: 16px 16px 32px;
}
.clips_fullscreen_info {
  flex-grow: 1;
  margin-right: 8px;
}
.clips_fullscreen_info__user {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.clips_fullscreen_info__user .clips_fullscreen_round {
  height: 36px;
  width: 36px;
  margin-right: 12px;
  flex-shrink: 0;
  background: var(--dynamic-surface-contrast-on-color-inverse-low);
}
.clips_fullscreen_info__user .clips_fullscreen_line {
  flex-grow: 1;
  background: var(--dynamic-surface-contrast-on-color-inverse-low);
}
.clips_fullscreen_info__description .clips_fullscreen_line:not(:last-child) {
  margin-bottom: 8px;
}
.clips_fullscreen_controls__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.clips_fullscreen_control .clips_fullscreen_line {
  margin-top: 8px;
}
.clips_fullscreen_control:not(:last-child) {
  margin-bottom: 20px;
}
.clips_fullscreen_clip-skeleton__loader {
  position: absolute;
  inset: 0;
}
@keyframes clips_fullscreen_gradient {
  0% {
    background-position-y: 100%;
  }
  to {
    background-position-y: 0%;
  }
}
/*# sourceMappingURL=clips-fullscreen-latest-7JRCXG4U.css.map */