@media screen and (max-width: 1024px) {
  .is-shape {
    width: 350%;
    left: 50%;
    transform: translateX(-52%); } }

input[readonly] {
  background-color: #f5f5f5;
  cursor: not-allowed; }

.container-fluid.no-padding {
  padding: 0; }

.is-grid-20 {
  grid-template-columns: 20px 1fr; }
.is-grid-50 {
  grid-template-columns: 50px 1fr; }

.is-header {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  max-width: 95vw;
  border-radius: 50px; }
  .is-header-inner {
    position: relative;
    z-index: 20; }

.is-liquid-glass {
  display: flex;
  font-weight: 600;
  overflow: hidden;
  color: black;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2); }
  .is-liquid-glass-effect {
    position: absolute;
    z-index: 0;
    inset: 0;
    backdrop-filter: blur(10px);
    filter: url(#glass-distortion);
    overflow: hidden;
    isolation: isolate; }
  .is-liquid-glass-tint {
    z-index: 1;
    position: absolute;
    inset: 0;
    background: rgba(254, 255, 246, 0.8); }
  .is-liquid-glass-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5); }

.is-highlight-text {
  top: -80px; }
  @media screen and (max-width: 1024px) {
    .is-highlight-text {
      top: -20px; } }
  .is-highlight-text h1 {
    font-size: 33.33vw; }

.is-agenda .container-fluid {
  padding: 0; }
.is-agenda-list .grid:last-child .bg-is-primary {
  position: relative; }
  .is-agenda-list .grid:last-child .bg-is-primary::after {
    content: " ";
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%2239%22%20viewBox%3D%220%200%20480%2039%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200.5H480L0%2038.0166V0.5Z%22%20fill%3D%22%2353F74E%22/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: auto 39px;
    /* atau atur sesuai kebutuhan */
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: -39px; }

.is-venue {
  position: relative; }
  .is-venue::after {
    content: " ";
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%2239%22%20viewBox%3D%220%200%20480%2039%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200.5H480L0%2038.0166V0.5Z%22%20fill%3D%22%2353F74E%22/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: auto 39px;
    /* atau atur sesuai kebutuhan */
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: -39px; }

.is-card {
  position: relative;
  transition: .5s all ease-in-out; }
  .is-card.top-left {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); }
    .is-card.top-left.small {
      clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); }
  .is-card.top-right {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%); }
  .is-card.bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 90%); }
  .is-card.bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); }

.is-line {
  position: relative;
  width: 100%;
  height: 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><circle cx='10' cy='4' r='4' fill='white'/></svg>") repeat-x;
  background-size: 14px 12px;
  transform: translateX(-10px); }
  .is-line::before, .is-line::after {
    content: " ";
    width: 15px;
    height: 15px;
    border-radius: 50px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .is-line::before {
    left: 0; }
  .is-line::after {
    right: -20px; }

.is-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }
  .is-popup.active {
    display: block; }
  .is-popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 90%;
    max-width: 1200px;
    background: #FEFFF6; }
    @media screen and (max-width: 1024px) {
      .is-popup-box {
        height: 100%;
        max-width: 100%;
        overflow-y: scroll; } }

/* Payment scrollable */
.is-payment {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  /* penting biar header sticky + content scroll */ }
  @media screen and (max-width: 1024px) {
    .is-payment {
      width: 100%;
      height: auto;
      overflow: hidden; } }

.is-payment .pos-sticky {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #FEFFF6; }

.is-payment .is-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  @media screen and (max-width: 1024px) {
    .is-payment .is-scroll {
      overflow: hidden; } }

/* Summary sticky */
.is-summary {
  position: sticky;
  top: 0;
  height: 100%;
  overflow-y: auto; }

.is-ticket {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }
  .is-ticket.active {
    display: block; }
  .is-ticket-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 90%;
    max-width: 800px; }
    @media screen and (max-width: 1024px) {
      .is-ticket-box {
        height: 100%;
        max-width: 100%; } }
  .is-ticket-content {
    background: #FEFFF6;
    height: 100%;
    overflow-y: scroll; }

.is-summary {
  background: #E6EDE0; }

.is-mix-blend-mode {
  mix-blend-mode: multiply; }

.is-close, .is-ticket-close {
  background: rgba(254, 255, 246, 0.8); }

.is-radio {
  cursor: pointer; }
  .is-radio.active {
    background: rgba(79, 239, 75, 0.15);
    border: 2px solid #4FEF4B; }

.is-linkedin {
  background: #0080B2; }

.is-cta {
  position: relative;
  left: -300%;
  transition: all .8s ease-in-out; }
  .is-cta.active {
    left: 0; }
  .is-cta-float {
    transform: translateY(200%);
    transition: all .8s ease-in-out; }
    .is-cta-float.active {
      transform: translateY(0); }

.is-loading {
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent; }
  .is-loading-border {
    width: 120px;
    height: 120px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #4FEF4B;
    background: linear-gradient(0deg, rgba(79, 239, 75, 0.1) 33%, #4fef4b 100%);
    animation: spin .8s linear 0s infinite; }
  .is-loading-core {
    width: 100%;
    height: 100%;
    background-color: #FEFFF6;
    border-radius: 50%; }

@keyframes spin {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(359deg); } }
.is-ticket-option {
  cursor: pointer; }
  .is-ticket-option.active {
    background: #4FEF4B;
    border: 1px solid #4FEF4B; }
    .is-ticket-option.active img {
      filter: brightness(0.5); }
    .is-ticket-option.active span {
      color: #787878; }

/*# sourceMappingURL=main.css.map */