&
.kustom-audio-player-ui { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; box-sizing: border-box; }
.kustom-audio-btn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); }
.kustom-audio-spectrum { display: flex; align-items: center; gap: 3px; height: 32px; max-width: 100%; overflow: hidden; }
.kustom-audio-bar { width: 3px; border-radius: 2px; background-color: #8b7cf6; height: 15%; transition: height .08s ease; animation: kustomAudioBarIdle 1.2s ease-in-out infinite; animation-play-state: paused; flex-shrink: 1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); }
.kustom-audio-spectrum.is-playing .kustom-audio-bar { animation-play-state: running; }
.kustom-audio-spectrum.is-reactive .kustom-audio-bar { animation: none; }
@keyframes kustomAudioBarIdle {
0%, 100% { height: 15%; }
50% { height: 85%; }
}
&
THE GROOM
Putra dari :
&
Putri dari :
&
THE BRIDE
COUNTING DOWN TO THE DAY
Days Hours Minutes Seconds
Wedding Moment
Event Location :
See Location
Event Location :
See Location
Event Location :
See Location
.area-daftar-ucapan::-webkit-scrollbar { width: 4px; }
.area-daftar-ucapan::-webkit-scrollbar-thumb { background: #dbdbdb; border-radius: 10px; }
.btn-delete-comment { cursor: pointer; font-weight: 600; background: none; border: none; padding: 0; font-size: 12px; display: inline-flex; align-items: center; gap: 4px; color: #ed4956 !important; }
.comment-row-1 { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 13px; margin-bottom: 2px; }
.comment-row-2 { margin: 0 0 6px 0; font-size: 14px; word-break: break-word; }
.comment-row-3 { display: flex; gap: 14px; align-items: center; font-size: 11px; }
/* Kustomisasi Icon Dropdown Select */
.wrapper-buku-tamu select.bt-input-field {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background-image: url(“data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 24 24′ width=’18’ height=’18’ fill=’none’ stroke=’%238e8e93′ stroke-width=’2′ stroke-linecap=’round’ stroke-linejoin=’round’%3E%3Cline x1=’4′ y1=’7′ x2=’20’ y2=’7’%3E%3C/line%3E%3Cline x1=’7′ y1=’12’ x2=’17’ y2=’12’%3E%3C/line%3E%3Cline x1=’10’ y1=’17’ x2=’14’ y2=’17’%3E%3C/line%3E%3C/svg%3E”) !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
padding-right: 35px !important;
}
.ks-bt-theme-light .wrapper-buku-tamu { color: #000000; }
.ks-bt-theme-light .bt-form-container { border: 1px solid #dbdbdb; }
.ks-bt-theme-light .bt-input-field { color: #000000 !important; background-color: #ffffff !important; }
.ks-bt-theme-light select.bt-input-field option { color: #000000 !important; background-color: #ffffff !important; }
.ks-bt-theme-light .bt-form-label { color: #262626; }
.ks-bt-theme-light .bt-title-count { color: #262626; border-bottom: 1px solid #efefef; }
.ks-bt-theme-light .author-name { color: #262626; }
.ks-bt-theme-light .comment-row-2 { color: #262626; }
.ks-bt-theme-light .comment-row-3 { color: #737373; }
.ks-bt-theme-light .comment-time-bullet { color: #8e8e8e; }
.ks-bt-theme-light .comment-block { border-bottom: 1px solid #fafafa; }
.ks-bt-theme-dark .wrapper-buku-tamu { color: #ffffff; }
.ks-bt-theme-dark .bt-form-container { border: 1px solid #2c2c2e; }
.ks-bt-theme-dark .bt-input-field { color: #ffffff !important; background-color: #151515 !important; }
.ks-bt-theme-dark select.bt-input-field option { color: #ffffff !important; background-color: #151515 !important; }
.ks-bt-theme-dark .bt-form-label { color: #eaeaea; }
.ks-bt-theme-dark .bt-title-count { color: #ffffff; border-bottom: 1px solid #151515; }
.ks-bt-theme-dark .author-name { color: #ffffff; }
.ks-bt-theme-dark .comment-row-2 { color: #e5e5ea; }
.ks-bt-theme-dark .comment-row-3 { color: #aeaeae; }
.ks-bt-theme-dark .comment-time-bullet { color: #8e8e93; }
.ks-bt-theme-dark .comment-block { border-bottom: 1px solid #1c1c1e; }
Hadir
Tidak Hadir
Ragu-ragu
Terima kasih “Tamu Undangan” sudah mengisi konfirmasi kehadiran dan memberikan ucapan.
Ucapan (0)
Belum ada ucapan.
.btn-copy-account {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #ccc;
background-color: #0073aa;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}
.btn-copy-account {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #ccc;
background-color: #0073aa;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}
.btn-copy-account {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid #ccc;
background-color: #0073aa;
color: #fff;
padding: 10px 20px;
font-weight: 600;
}
Open Your QR-Code