style.css

div#component-24 {
    display: none;
}

div#component-8 {background: #00000024;border: 0;color: #ffffff;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-width: 0 !important;}

span.md.svelte-9tftx4 {
    display: none;
}

.empty.svelte-lk9eg8.large.unpadded_box {
    background: none !important;
}

div#component-26 {
    display: none;
}

div#component-7 {
    background: none;
}

.wrap.default.full.svelte-119qaqt.hide {
    background: none !important;
}

.styler.svelte-iyf88w {
    background: none !important;
}

div#component-3 {
    background: none !important;
    border: 0;
}

input.scroll-hide.svelte-1f354aw {
    overflow: hidden !important;
}

div#component-5 {
    border-radius: 40px 0px 0px 40px;
    background: black !important;
    opacity: 0.9;
}

#component-6 {
    border-radius: 0px 40px 40px 0px;
    background: linear-gradient(358deg, #ff4d0080, #fff0);
    color: #ffffffe3;
    border: 2px #ffffffc2 dashed;
    border-left: 0;
    font-size: 30px;
    letter-spacing:-1px;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}



div#component-0 {
    max-width: 100% !important;
}

.grid-wrap.svelte-1b19cri.fixed-height {
    max-height: 100% !important;
    overflow: auto;
}

footer.svelte-1ax1toq {
    display: none !important;
}

input.scroll-hide.svelte-1f354aw {
    font-size: 26px;
    padding: 25px;
}

div#component-4 {
    margin-top: 230px;
    margin-bottom: 30px;
}

gradio-app {
    background-color: transparent !important;
    background: url(https://vivawaves.com/wavesweaveslogo.svg) top center no-repeat !important;
  margin-top: 77px;
}

label.svelte-1f354aw {
}

.styler.svelte-iyf88w {
}

body {
    background: url(https://vivawaves.com/vivatodaybg2.jpg);
    background-size: cover;
}

img.svelte-1b19cri {}

.preview.svelte-1b19cri {
    background: #0000004d !important;
    border-radius: 20px;
    padding: 20px;
    overflow: hidden;
}

button.svelte-1030q2h {
    border-radius: 100%;
}

div.svelte-1030q2h svg {
}

svg path {
}

img.svelte-1b19cri {
    border-radius: 10px;
}

.form.svelte-sfqy0y {
    background: #fff0;
    border-width: 0px;
    opacity: 0.8;
}

.gradio-container-3-44-2,.gradio-container-3-44-2 *,.gradio-container-3-44-2 :before,.gradio-container-3-44-2 :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
}