@media (min-width: 768px) {
	.hidden-desktop {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.hidden-mobile {
		display: none;.anniversary-popup-head 
	}
}
.video-full {
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.anniversary-popup {
  --k: 2.9;
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: calc(87px * var(--k));
  height: calc(164px * var(--k));
  pointer-events: auto;
  z-index: 999;
}
@media screen and (max-width: 1024px) {
  .anniversary-popup {
    --k: 2;
  }
}
@media screen and (max-width: 576px) {
  .anniversary-popup {
    --k: 1.56;
    right: 12px;
    bottom: 12px;
  }
}
.anniversary-popup.is-hidden {
  display: none;
}
.anniversary-popup img,
.anniversary-popup svg {
  display: block;
  max-width: none;
  pointer-events: none;
}

.anniversary-popup-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.anniversary-popup-inner:hover .anniversary-popup-cta {
  opacity: 1;
}

.anniversary-popup-head {
  position: absolute;
  left: calc(1px * var(--k));
  top: 0;
  width: calc(87px * var(--k));
  height: calc(48.36px * var(--k));
  z-index: 2;
  pointer-events: none;
}

.anniversary-popup-head-bg {
  position: absolute;
  left: calc(-7.2px * var(--k));
  top: calc(-7.2px * var(--k));
  width: calc(101.4px * var(--k));
  height: calc(62.76px * var(--k));
}

.anniversary-popup-logo {
  position: absolute;
  left: calc(9px * var(--k));
  top: calc(7px * var(--k));
  width: calc(26px * var(--k));
  height: calc(25px * var(--k));
  object-fit: contain;
}

.anniversary-popup-wordmark {
  position: absolute;
  left: calc(39px * var(--k));
  top: calc(14px * var(--k));
  width: calc(41px * var(--k));
  height: calc(11px * var(--k));
  object-fit: contain;
}

.anniversary-popup-dial {
  position: absolute;
  left: 0;
  top: calc(52px * var(--k));
  width: calc(87px * var(--k));
  height: calc(87px * var(--k));
  z-index: 1;
}

.anniversary-popup-glow {
  position: absolute;
  left: calc(-8.1px * var(--k));
  top: calc(-8.1px * var(--k));
  width: calc(103.2px * var(--k));
  height: calc(103.2px * var(--k));
}

.anniversary-popup-fill {
  position: absolute;
  left: calc(5px * var(--k));
  top: calc(5px * var(--k));
  width: calc(77px * var(--k));
  height: calc(77px * var(--k));
}

.anniversary-popup-track {
  position: absolute;
  left: calc(15px * var(--k));
  top: calc(16px * var(--k));
  width: calc(55px * var(--k));
  height: calc(55px * var(--k));
  object-fit: contain;
}

.anniversary-popup-arc {
  --progress: 0;
  position: absolute;
  left: calc(15px * var(--k));
  top: calc(16px * var(--k));
  width: calc(55px * var(--k));
  height: calc(55px * var(--k));
  overflow: visible;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  pointer-events: none;
}

.anniversary-popup-arc-bar {
  stroke-dasharray: 0 100;
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dasharray 1.5s ease;
  transition: stroke-dasharray 1.5s ease;
}

.anniversary-popup-arc-dot {
  fill: #fff;
}
.anniversary-popup-arc-dot.is-end {
  transform-box: view-box;
  -webkit-transform-origin: 82.5px 82.5px;
          transform-origin: 82.5px 82.5px;
  -webkit-transform: rotate(calc(var(--progress) * 3.6deg));
          transform: rotate(calc(var(--progress) * 3.6deg));
  -webkit-transition: -webkit-transform 1.5s ease;
  transition: -webkit-transform 1.5s ease;
  transition: transform 1.5s ease;
  transition: transform 1.5s ease, -webkit-transform 1.5s ease;
}

.anniversary-popup-dash {
  position: absolute;
  left: calc(8.5px * var(--k));
  top: calc(41.75px * var(--k));
  width: calc(69px * var(--k));
  height: calc(34px * var(--k));
}

.anniversary-popup-title {
  position: absolute;
  left: calc(5px * var(--k));
  top: calc(6px * var(--k));
  width: calc(76px * var(--k));
  height: calc(75px * var(--k));
  z-index: 2;
  margin: 0;
  overflow: visible;
  opacity: 0;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: calc(5.4px * var(--k));
  line-height: 1;
  pointer-events: none;
}
.anniversary-popup-title.is-curved {
  opacity: 1;
}
.anniversary-popup-title span {
  position: absolute;
  left: 50%;
  bottom: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  white-space: nowrap;
  color: #fff;
  line-height: 1;
}

.anniversary-popup-count {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(38px * var(--k));
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  line-height: 1;
}

.anniversary-popup-label {
  display: block;
  font-weight: 500;
  font-size: calc(7px * var(--k));
  line-height: 1.1;
  color: #fff;
}

.anniversary-popup-days {
  display: block;
  font-weight: 700;
  font-size: calc(17px * var(--k));
  line-height: calc(18px * var(--k));
  color: #fff;
}

.anniversary-popup-star {
  position: absolute;
  width: calc(8px * var(--k));
  height: calc(8px * var(--k));
  object-fit: contain;
}
.anniversary-popup-star.is-top {
  left: calc(39px * var(--k));
  top: calc(-4px * var(--k));
}
.anniversary-popup-star.is-bottom {
  left: calc(39px * var(--k));
  top: calc(72px * var(--k));
}

.anniversary-popup-close {
  position: absolute;
  left: calc(70.6px * var(--k));
  top: calc(-4.6px * var(--k));
  width: calc(10px * var(--k));
  height: calc(10px * var(--k));
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  z-index: 3;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background: white !important;
  border-radius: 50% !important;
  padding: calc(2px * var(--k));
}
.anniversary-popup-close img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}

.anniversary-popup-cta {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: calc(144px * var(--k));
  width: calc(58px * var(--k));
  height: calc(19.86px * var(--k));
  z-index: 2;
  pointer-events: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;
}
.anniversary-popup-cta span {
  position: relative;
  z-index: 1;
  margin-right: calc(3px * var(--k));
  font-weight: 500;
  font-size: calc(7px * var(--k));
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.anniversary-popup-cta:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.anniversary-popup-cta .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: calc(6px * var(--k));
}

.anniversary-popup-cta-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.anniversary-popup-cta-arrow {
  position: relative;
  z-index: 1;
  width: calc(3.25px * var(--k));
  height: calc(6px * var(--k));
  object-fit: contain;
}

html[lang=en] .anniversary-popup-label {
  font-size: calc(6px * var(--k));
}
html[lang=en] .anniversary-popup-label.first {
  display: none;
}
html[lang=en] .anniversary-popup .anniversary-popup-title {
  font-size: calc(5px * var(--k));
}
html[lang=en] .anniversary-popup .anniversary-popup-label {
  font-size: calc(6px * var(--k));
  margin-top: calc(1px * var(--k));
}
html[lang=en] .anniversary-popup .anniversary-popup-cta span {
  font-size: calc(6px * var(--k));
  margin-right: calc(2px * var(--k));
}