style.css

.gradio-container {
  max-width: 690px! important;
}

#share-btn-container{padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;margin-top: 0.35em;}
div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
#share-btn-container:hover {background-color: #060606}
#share-btn {all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;right:0;font-size: 15px;}
#share-btn * {all: unset}
#share-btn-container div:nth-child(-n+2){width: auto !important;min-height: 0px !important;}
#share-btn-container .wrap {display: none !important}
#share-btn-container.hidden {display: none!important}

div#component-1 {
    display: none;
}

.svelte-1ed2p3z {
    display: none;
}

div#component-6 {
    display: none;
}



footer {visibility: hidden !important;}
#container{

margin: 0 auto;

max-width: 40rem;

}

#intro{

max-width: 100%;

text-align: center;

margin: 0 auto;

}

div.svelte-vt1mxs {

display: flex;

position: relative;

flex-direction: column

}

div.svelte-vt1mxs>*,div.svelte-vt1mxs>.form > * {

width: var(--size-full)

}

.gap.svelte-vt1mxs {

gap: var(--layout-gap)

}

.hide.svelte-vt1mxs {

display: none

}

.compact.svelte-vt1mxs>*,.compact.svelte-vt1mxs .box {

border-radius: 0

}

.compact.svelte-vt1mxs,.panel.svelte-vt1mxs {

border: solid var(--panel-border-width) var(--panel-border-color);

border-radius: var(--container-radius);

background: var(--panel-background-fill);

padding: var(--spacing-lg)

}

div#component-24 {

display: none;

}

div#component-8 {background: none;border: 0;color: #ffffff;backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);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: 260px;

}

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;



}

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;

}

div#component-13 {

display: none;

}

footer.svelte-mpyp5e {


}

div#intro {

display: none;

}

div.svelte-15lo0d8 {

display: flex;

flex-wrap: wrap;

gap: 0;

width: var(--size-full);

flex-direction: initial;

justify-content: center;

align-items: baseline;

}

input.svelte-1f354aw.svelte-1f354aw, textarea.svelte-1f354aw.svelte-1f354aw {



position: relative;

outline: none !important;

box-shadow: var(--input-shadow);

background: var(--input-background-fill);

padding: var(--input-padding);

width: 100%;

color: var(--body-text-color);

font-weight: var(--input-text-weight);

font-size: large;

line-height: initial;

border: none;

text-size-adjust: auto;

font-size: 23px !important;

}

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;

}

div#component-9 {
    border: 0 !important;
}


input.scroll-hide.svelte-1f354aw {

overflow: hidden !important;

}

div#component-5 {

border-radius: 40px;

background: transparent !important;

opacity: 1;

}

#component-6 {
    border-radius: 40px;
    background: #d7661500;
    border: none;
    border-left: 0;
    font-size: 30px;
    letter-spacing: -1px;
    position: relative;
    z-index: 1;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    display: block;
}

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;

}

div#component-13 {

display: none;

}

footer.svelte-mpyp5e {

display: none !important;

}

div#intro {

display: none;

}

div.svelte-15lo0d8 {

display: flex;

flex-wrap: wrap;

gap: 0 !important;

width: var(--size-full);

flex-direction: initial;

justify-content: center;

align-items: baseline;

}

input.svelte-1f354aw.svelte-1f354aw, textarea.svelte-1f354aw.svelte-1f354aw {

display: block;

position: relative;

outline: none !important;

box-shadow: var(--input-shadow);

background: var(--input-background-fill);

padding: var(--input-padding);

width: 100%;

color: var(--body-text-color);

font-weight: var(--input-text-weight);

font-size: large;

line-height: initial;

border: none;

text-size-adjust: auto;

font-size: 23px !important;

border-radius: 30px;

background: white !important;

text-align: center;

}

div#component-8 {

margin-bottom: 70px;
margin-top: 210px;

}
    div#component-15 {display: none;}

div#component-18 {
    display: none;
}

div#component-1 {
    display: none;
}

button.selected.svelte-kqij2n {
    display: none;
}

button.svelte-kqij2n {
    display: none;
}

.tab-nav.scroll-hide.svelte-kqij2n {
    display: none;
}

.svelte-vt1mxs.gap {
    border-radius: 20px;
}

div#component-6 {padding: 26px;}

button#generate {
    background: radial-gradient(#ff7300, #ffffff9e);
    border-radius: 40px;
    padding: 16px;
    color: #FFF;
    FONT-SIZE: large;
    border: 2px solid #ffffff2e;
    border-top: 0px solid;
    box-shadow: 0px 18px 10px -10px #ff5400;
    backdrop-filter: blur(12px);
}

.wrap.default.full.svelte-zlszon {
    background: url(https://vivawaves.com/spaces.gif) center center no-repeat;
    background-color: black;
}


.eta-bar.svelte-zlszon.svelte-zlszon {
    background: #484848;
}

button#component-7 {
    display: block;
    width: 100%;
    border-radius: 50px;
    background: #ffc253;
}

span.svelte-1gfkn6j {
    display: none;
}

label.svelte-1b6s6s.float {
    display: none;
}

textarea.scroll-hide.svelte-1f354aw {
    height: 67px;
    border-radius: 40px;
}