.action-bar.svelte-104dene.svelte-104dene {
    --action-bar-height: 6rem;
    --action-bar-thin-height: 5rem;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    min-height: var(--action-bar-height);
    padding: 0 1.5rem;
    color: var(--white);
    touch-action: none;
    pointer-events: none;
    transition: opacity 100ms ease-in-out
}

.action-bar.-thin.svelte-104dene.svelte-104dene {
    min-height: var(--action-bar-thin-height)
}

.action-bar.-top.svelte-104dene.svelte-104dene {
    bottom: auto;
    top: 0
}

.action-bar.-side.svelte-104dene.svelte-104dene {
    flex-direction: column;
    width: var(--action-bar-height);
    min-height: auto
}

.action-bar.-right.svelte-104dene.svelte-104dene {
    right: 0
}

.action-bar.-side.svelte-104dene.svelte-104dene {
    height: 100%;
    justify-content: end
}

.action-bar.-side.-top.svelte-104dene.svelte-104dene {
    justify-content: start
}

.action-bar.-side.svelte-104dene>div.svelte-104dene:first-child,.action-bar.-side.svelte-104dene>div.svelte-104dene:last-child {
    min-height: var(--action-bar-height)
}

.action-bar.-side.-thin.svelte-104dene>div.svelte-104dene:first-child,.action-bar.-side.-thin.svelte-104dene>div.svelte-104dene:last-child {
    min-height: var(--action-bar-thin-height)
}

.action-bar.svelte-104dene input,.action-bar.svelte-104dene label,.action-bar.svelte-104dene select,.action-bar.svelte-104dene button {
    color: var(--white);
    touch-action: initial;
    pointer-events: initial
}

.action-bar.svelte-104dene label,.action-bar.svelte-104dene button {
    display: inline-block;
    border-radius: 100%;
    aspect-ratio: 1/1;
    background-color: rgba(0, 0, 0, 0.4)
}

button.svelte-zem1i7.svelte-zem1i7 {
    width: 6em;
    height: 6em;
    padding: 1em;
    background-color: transparent;
    border: none;
    -webkit-tap-highlight-color: transparent
}

button.svelte-zem1i7>.circle.svelte-zem1i7 {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 5px solid var(--white);
    background-color: transparent;
    transition: background 100ms ease-in-out, transform 100ms ease-in-out
}

button.-holding.svelte-zem1i7>.circle.svelte-zem1i7 {
    transform: scale(1.4);
    background-color: var(--white);
    border: 2px solid var(--brand-color);
    animation: brand-shadow-pulse 1s infinite
}

.media-view-container.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    box-shadow: inset 0 0 20px var(--brand-color)
}

video.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(var(--zoom-level))
}

video.-mirror-horizontally.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    transform: scale(calc(-1 * var(--zoom-level)), var(--zoom-level))
}

.action-bar-item.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    min-width: 33%
}

button.-with-badge.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw:after {
    top: 0.7rem;
    left: 1.8rem
}

button.small-text-button.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    border-radius: 1rem;
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
    aspect-ratio: auto;
    margin-right: 0.6rem;
    transform: translateY(-0.2rem)
}

button.small-text-button.update-app.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    background-color: var(--white);
    text-transform: uppercase;
    color: var(--black)
}

button.small-text-button.send-to-contact.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    position: absolute;
    top: -1.5rem;
    left: 50%;
    max-width: min(70vw, 15rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transform: translateX(-50%)
}

.middle-content.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    position: absolute;
    bottom: 30vh;
    text-align: center;
    width: 100%;
    color: var(--white)
}

.scanmode-overlay.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    width: 100%;
    height: 25%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    color: var(--white);
    text-align: center;
    display: flex;
    align-items: end
}

.scanmode-overlay.-at-top.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    top: 0
}

.scanmode-overlay.-at-bottom.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    bottom: 0
}

.scanmode-overlay.svelte-1n0d8bw>p.svelte-1n0d8bw.svelte-1n0d8bw {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1.5rem
}

.file-upload.svelte-1n0d8bw.svelte-1n0d8bw.svelte-1n0d8bw {
    position: relative;
    padding: 0.6rem 0.8rem
}

.file-upload.svelte-1n0d8bw>.feather-icon.svelte-1n0d8bw.svelte-1n0d8bw {
    position: relative;
    top: 3px
}

.file-upload.svelte-1n0d8bw>.info.svelte-1n0d8bw.svelte-1n0d8bw {
    position: absolute;
    left: 4rem;
    top: 0.8rem;
    width: max-content;
    color: var(--grey)
}

.file-upload.svelte-1n0d8bw>.info.-make-space-below.svelte-1n0d8bw.svelte-1n0d8bw {
    top: -1rem;
    left: 3rem
}

.file-upload.svelte-1n0d8bw>.info.svelte-1n0d8bw>.feather-icon.svelte-1n0d8bw {
    vertical-align: middle
}

canvas.svelte-8jmvx3.svelte-8jmvx3.svelte-8jmvx3 {
    display: block;
    width: 100%
}

button.svelte-8jmvx3.svelte-8jmvx3.svelte-8jmvx3 {
    margin-bottom: 1rem
}

.filter-paginator.svelte-8jmvx3.svelte-8jmvx3.svelte-8jmvx3 {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
    transition: opacity 150ms ease-in-out
}

.filter-paginator.-is-visible.svelte-8jmvx3.svelte-8jmvx3.svelte-8jmvx3 {
    opacity: 1
}

.filter-paginator.svelte-8jmvx3>.filter-item.svelte-8jmvx3.svelte-8jmvx3 {
    scroll-snap-align: start;
    scroll-snap-stop:always;width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.filter-paginator.svelte-8jmvx3>.filter-item.svelte-8jmvx3>.filter-cover.svelte-8jmvx3 {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6
}

.filter-paginator.svelte-8jmvx3>.filter-item.svelte-8jmvx3>span.svelte-8jmvx3 {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.6rem;
    font-family: serif;
    font-size: 2rem;
    color: var(--white)
}

.filter-paginator.svelte-8jmvx3>.filter-item.svelte-8jmvx3>span.-with-shadow.svelte-8jmvx3 {
    filter: drop-shadow(1px 1px 0px var(--dark-grey))
}

.color-picker.svelte-1t53h7q.svelte-1t53h7q {
    color: var(--white);
    background-color: var(--black);
    padding: 1rem;
    padding-bottom: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%
}

.color-picker.-is-static.svelte-1t53h7q.svelte-1t53h7q {
    position: static
}

.input-row.svelte-1t53h7q.svelte-1t53h7q {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-right: 1rem
}

.color-slider.svelte-1t53h7q.svelte-1t53h7q {
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    background: linear-gradient( to right, hsl(0, 90%, var(--lightness)), hsl(30, 90%, var(--lightness)), hsl(60, 90%, var(--lightness)), hsl(90, 90%, var(--lightness)), hsl(120, 90%, var(--lightness)), hsl(150, 90%, var(--lightness)), hsl(180, 90%, var(--lightness)), hsl(210, 90%, var(--lightness)), hsl(240, 90%, var(--lightness)), hsl(270, 90%, var(--lightness)), hsl(300, 90%, var(--lightness)), hsl(330, 90%, var(--lightness)), hsl(360, 90%, var(--lightness)) );
    border-radius: 1rem;
    height: 1rem;
    border: 2px solid #fff
}

.color-slider.-is-black-white.svelte-1t53h7q.svelte-1t53h7q {
    background: linear-gradient(to left, #fff, #000)
}

.color-slider.svelte-1t53h7q.svelte-1t53h7q:focus {
    outline: none;
    box-shadow: none
}

.color-slider.svelte-1t53h7q.svelte-1t53h7q::-webkit-slider-runnable-track {
    -webkit-appearance: none
}

.color-slider.svelte-1t53h7q.svelte-1t53h7q::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 1.7rem;
    width: 1.7rem;
    border-radius: 5px;
    background-color: var(--selected-color);
    border: 2px solid var(--white)
}

.color-slider.svelte-1t53h7q.svelte-1t53h7q::-moz-range-thumb {
    border: none;
    height: 1.7rem;
    width: 1.7rem;
    border-radius: 5px;
    background-color: var(--selected-color);
    border: 2px solid var(--white)
}

.color-slider-preview.svelte-1t53h7q.svelte-1t53h7q {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -4rem;
    border-radius: 50%;
    background-color: currentColor;
    transform: translateX(-50%)
}

.color-slider-preview.svelte-1t53h7q.svelte-1t53h7q:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-top: 1rem solid currentColor;
    position: absolute;
    bottom: -0.6rem;
    left: 0.5rem
}

.lightness-toggle.svelte-1t53h7q>svg.svelte-1t53h7q {
    transition: transform 200ms ease
}

.text-editor.svelte-l7hvb7.svelte-l7hvb7.svelte-l7hvb7 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

.text-editor.svelte-l7hvb7>.input-area.svelte-l7hvb7.svelte-l7hvb7 {
    display: flex;
    align-items: center;
    -webkit-user-select: text;
    user-select: text
}

.text-editor.-no-native-keyboard.svelte-l7hvb7>.input-area.svelte-l7hvb7.svelte-l7hvb7 {
    margin-bottom: auto
}

.text-editor.-show-backdrop.svelte-l7hvb7.svelte-l7hvb7.svelte-l7hvb7 {
    background-color: rgba(0, 0, 0, 0.3)
}

.text-editor.svelte-l7hvb7>.toolbar.svelte-l7hvb7.svelte-l7hvb7 {
    color: var(--white);
    background-color: var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.text-editor.svelte-l7hvb7>.toolbar .color-preview.svelte-l7hvb7.svelte-l7hvb7 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: white;
    outline: 2px solid var(--white);
    border: 2px solid var(--black)
}

.text-editor.svelte-l7hvb7>.toolbar .color-preview.svelte-l7hvb7>.feather-icon.svelte-l7hvb7 {
    width: 1rem;
    color: var(--white);
    filter: drop-shadow(0px 2px 0px var(--black));
    height: 1.3rem;
    stroke-width: 3px
}

.text-editor.svelte-l7hvb7>.toolbar button.select-font.svelte-l7hvb7.svelte-l7hvb7 {
    border: 2px solid var(--white);
    border-radius: 1rem;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-right: 0.8em;
    padding-right: 0.3em
}

.text-editor.svelte-l7hvb7>.toolbar button.select-font.svelte-l7hvb7>.feather-icon.svelte-l7hvb7 {
    position: relative;
    top: -1px
}

.text-editor.svelte-l7hvb7>.alternate-keyboard.svelte-l7hvb7.svelte-l7hvb7 {
    color: var(--white);
    background-color: var(--black);
    height: 100%;
    flex-grow: 1
}

.text-editor.svelte-l7hvb7>.alternate-keyboard .font-options.svelte-l7hvb7.svelte-l7hvb7 {
    padding: 1rem;
    text-align: center
}

.text-editor.-no-native-keyboard.svelte-l7hvb7>.alternate-keyboard.svelte-l7hvb7.svelte-l7hvb7 {
    flex-grow: 0;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain
}

.text-editor.svelte-l7hvb7 .font-options button.font.svelte-l7hvb7.svelte-l7hvb7 {
    padding: 0.3em 0.4em;
    margin: 0.3em 0.4em;
    font-size-adjust: 0.5
}

.text-editor.svelte-l7hvb7 .font-options button.font.-selected.svelte-l7hvb7.svelte-l7hvb7 {
    background-color: var(--white);
    color: var(--black);
    border-radius: 1rem
}

.text-editor.svelte-l7hvb7 .font-options button.font.svelte-l7hvb7>.feather-icon.svelte-l7hvb7 {
    opacity: 0;
    vertical-align: middle
}

.text-editor.svelte-l7hvb7 .font-options button.font.-selected.svelte-l7hvb7>.feather-icon.svelte-l7hvb7 {
    opacity: 1
}

.text-editor.svelte-l7hvb7>.input-area.svelte-l7hvb7>textarea.svelte-l7hvb7 {
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    margin: 0;
    -webkit-user-select: text;
    user-select: text;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    width: 100%;
    height: 2rem;
    max-height: 70%;
    font-family: inherit
}

.text-editor.svelte-l7hvb7>.input-area.svelte-l7hvb7>textarea.svelte-l7hvb7:focus {
    outline: none
}

.text-container.svelte-1lvh040.svelte-1lvh040 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: none;
    pointer-events: none;
    white-space: pre-wrap
}

.-is-dragging-sentence.svelte-1lvh040.svelte-1lvh040 {
    touch-action: unset;
    pointer-events: unset
}

.create-media.blur .media-view-container .text-container.svelte-1lvh040.svelte-1lvh040 {
    display: none
}

.trash.svelte-1lvh040.svelte-1lvh040 {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;
    color: var(--white)
}

.trash.svelte-1lvh040>div.svelte-1lvh040 {
    padding: 1rem 1.1rem;
    transition: transform 300ms ease-out
}

.trash.-active.svelte-1lvh040>div.svelte-1lvh040 {
    background-color: var(--white);
    color: var(--brand-color);
    transform: scale(2);
    border-radius: 100%;
    box-shadow: 0 0 0.5rem 0 var(--brand-color);
    animation: brand-shadow-pulse 1s infinite
}

.sentence.svelte-1lvh040.svelte-1lvh040 {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 300ms ease-out;
    touch-action: none;
    pointer-events: none
}

.text-container.-active.svelte-1lvh040>.sentence.svelte-1lvh040 {
    touch-action: auto;
    pointer-events: auto
}

.sentence.-over-trash.svelte-1lvh040.svelte-1lvh040 {
    opacity: 0.2
}

.sentence.svelte-1lvh040.svelte-1lvh040,.text-editor textarea.-type-overlay {
    overflow-wrap: anywhere;
    padding: 0.5rem;
    font-size-adjust: 0.5
}

.text-editor textarea.-type-overlay,.sentence.-type-overlay.svelte-1lvh040.svelte-1lvh040 {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 0.5rem;
    word-break: break-word;
    font-size: 1.1rem
}

.text-editor textarea.-type-free,.sentence.-type-free.svelte-1lvh040.svelte-1lvh040 {
    font-size: 2rem;
    font-weight: bold;
    background-color: transparent
}

canvas.svelte-g3zg5w {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    touch-action: none;
    pointer-events: none
}

canvas.-hide.svelte-g3zg5w {
    opacity: 0.2
}

canvas.-active.svelte-g3zg5w {
    touch-action: unset;
    pointer-events: unset
}

button.svelte-g3zg5w {
    margin-top: 1rem
}

.duration-options.svelte-181oiae.svelte-181oiae {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
    width: 13rem;
    right: 0;
    bottom: 5rem;
    padding-right: 5rem
}

.duration-options-background.svelte-181oiae.svelte-181oiae {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.duration-option.svelte-181oiae.svelte-181oiae {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 1rem;
    color: var(--white);
    font-weight: bold;
    padding-left: 1rem;
    text-align: left
}

.duration-option.svelte-181oiae small.svelte-181oiae {
    font-weight: normal
}

.duration-option.svelte-181oiae .feather-icon.svelte-181oiae {
    width: 0.9rem;
    height: 0.9rem;
    position: relative;
    top: 2px
}

.duration-option.-is-selected.svelte-181oiae.svelte-181oiae {
    background-color: var(--white);
    color: var(--black)
}

.duration-option.-is-selected.svelte-181oiae>span.svelte-181oiae {
    filter: none
}

.editor-action-bar.svelte-5jxz9s.svelte-5jxz9s {
    display: flex;
    column-gap: 1rem;
    align-items: center
}

button.send.svelte-5jxz9s.svelte-5jxz9s {
    width: 3.5em;
    background-color: var(--brand-color)
}

button.send.svelte-5jxz9s>.feather-icon.svelte-5jxz9s {
    margin-left: -0.3em;
    transform: rotate(45deg)
}

.select-duration.svelte-5jxz9s.svelte-5jxz9s {
    border-radius: 1rem;
    aspect-ratio: auto;
    width: 7rem;
    height: 3rem;
    padding: 0;
    padding-left: 0.8rem;
    text-align: left
}

.select-duration.svelte-5jxz9s>span.svelte-5jxz9s {
    position: relative;
    top: -3px;
    font-weight: bold
}

.hide-menu.svelte-ouda1x>.action-bar {
    opacity: 0
}

.editor-action-bar.svelte-ouda1x.svelte-ouda1x {
    z-index: 1;
    position: relative
}

.editor-action-bar.svelte-ouda1x>.action-label.svelte-ouda1x {
    position: absolute;
    right: 0;
    top: -0.2rem;
    width: max-content;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--brand-color);
    background-color: var(--white);
    border-radius: 5px;
    padding: 0.3rem 0.5rem;
    opacity: 0;
    transform: translateX(-2rem);
    transition: opacity 60ms ease-out 40ms, transform 60ms ease-out 40ms
}

.editor-action-bar.-hide-inactive-tools.svelte-ouda1x>.action-label.svelte-ouda1x {
    opacity: 1;
    transform: translateX(-4rem)
}

.editor-action-bar.svelte-ouda1x>button.svelte-ouda1x {
    position: absolute;
    right: 0;
    top: -1rem;
    transition: opacity 120ms ease-out, transform 100ms ease-out
}

.editor-action-bar.svelte-ouda1x>button.-as-active.svelte-ouda1x {
    background-color: var(--white);
    color: var(--brand-color);
    transform: translateX(0) !important
}

.editor-action-bar.-hide-inactive-tools.svelte-ouda1x>button.svelte-ouda1x:not(.-as-active) {
    pointer-events: none;
    opacity: 0
}

video.svelte-1rla4i7 {
    width: 10%;
    position: absolute;
    top: 0
}

video.-is-visible.svelte-1rla4i7 {
    width: 50%;
    border: 1px solid green;
    z-index: 1
}

.view__backdrop.svelte-1d4czk3.svelte-1d4czk3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: var(--viewport-height);
    background-color: #000;
    opacity: 0.6
}

.view__content.svelte-1d4czk3.svelte-1d4czk3 {
    background-color: var(--white);
    position: fixed;
    width: 100%;
    left: 50%;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    bottom: 0;
    transform: translateX(-50%);
    max-width: 500px;
    min-height: 200px;
    max-height: calc(var(--viewport-height) - max(env(safe-area-inset-top), 4rem));
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    background: var(--white);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.6);
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
    transition: transform .1s cubic-bezier(.3,.6,.4,1)
}

.view--in-background.svelte-1d4czk3 .view__backdrop.svelte-1d4czk3 {
    display: none
}

.view--in-background.svelte-1d4czk3 .view__content.svelte-1d4czk3 {
    transform: translateX(-50%) scale(0.9);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.3)
}

header.svelte-1na85uc {
    position: sticky;
    top: 0;
    background-color: inherit;
    box-shadow: 0 0 20px 0 var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1
}

h2.svelte-1na85uc {
    margin-bottom: 0.8rem;
    position: relative;
    flex-grow: 1
}

header.svelte-1na85uc h3 {
    margin: 0;
    font-size: 0.8rem;
    font-weight: normal;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1rem
}

.offline-info.svelte-1na85uc {
    color: var(--dark-grey);
    background-color: var(--light-grey);
    font-size: 0.6rem;
    padding: 0.3rem 0.5rem 0.1rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

button.svelte-o8pupk.svelte-o8pupk {
    display: inline-block;
    padding: 0.5rem;
    border: 2px solid var(--grey);
    border-radius: var(--content-box-border-radius);
    margin-right: 0.3rem;
    margin-bottom: 0.6rem
}

button.svelte-o8pupk>span.svelte-o8pupk {
    overflow: hidden;
    white-space: nowrap;
    max-width: 7rem;
    text-overflow: ellipsis;
    line-height: 1.2;
    vertical-align: middle;
    display: inline-block
}

button.svelte-o8pupk>.feather-icon.svelte-o8pupk {
    margin-left: 0.2rem;
    width: 1rem;
    height: 1rem;
    stroke-width: 3px;
    vertical-align: middle;
    display: inline-block;
    color: var(--grey)
}

button.-as-selected.svelte-o8pupk.svelte-o8pupk {
    border: 2px solid var(--brand-color)
}

button.-as-selected.svelte-o8pupk>.feather-icon.svelte-o8pupk {
    color: var(--brand-color)
}

.list.svelte-ntaibj.svelte-ntaibj {
    margin: 0.8rem 1rem 1.5rem 1rem
}

footer.svelte-ntaibj.svelte-ntaibj {
    text-align: right;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: sticky;
    bottom: 0;
    background-color: var(--white)
}

button.send.svelte-ntaibj>.feather-icon.svelte-ntaibj {
    margin-left: 0.3em;
    transform: rotate(45deg)
}

div.svelte-hbgpi1.svelte-hbgpi1 {
    position: absolute;
    z-index: 10000;
    top: 1rem;
    left: 1.3rem;
    color: var(--white);
    font-size: 0.8rem
}

div.svelte-hbgpi1>span.svelte-hbgpi1,div.svelte-hbgpi1>.feather-icon.svelte-hbgpi1 {
    vertical-align: middle
}

div.svelte-hbgpi1>.feather-icon.svelte-hbgpi1 {
    width: 1.2rem
}

.media-preview.svelte-uo0n8m {
    width: 2.5rem;
    max-width: 2.5rem;
    border-radius: 0.3rem;
    vertical-align: middle;
    background-color: var(--light-grey);
    aspect-ratio: 9/16;
    text-align: center;
    pointer-events: initial;
    touch-action: initial;
    user-select: initial;
    -webkit-user-select: initial;
    -webkit-touch-callout: initial
}

.create-media.svelte-i78b3m {
    height: var(--viewport-height);
    width: 100%;
    overflow: hidden;
    background-color: black
}

.component-wrapper.svelte-i78b3m {
    border-radius: 1rem;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, -50%, 0);
    max-height: var(--viewport-height);
    margin: 0 auto;
    top: 50%
}

.create-media.blur.svelte-i78b3m .media-view-container {
    filter: blur(10px);
    transform: scale(1.3)
}

.create-media.svelte-i78b3m .media-view-container {
    position: relative;
    aspect-ratio: 9 / 16;
    transition: filter 300ms ease, transform 300ms cubic-bezier(1,0,0,1)
}

.image-wrapper.svelte-1g8pqr8.svelte-1g8pqr8 {
    position: relative;
    margin: 0 auto;
    max-width: var(--max-width);
    top: 50%;
    transform: translateY(-50%);
    max-height: var(--viewport-height)
}

.image-wrapper.svelte-1g8pqr8>img.svelte-1g8pqr8,.image-wrapper.svelte-1g8pqr8>video.svelte-1g8pqr8 {
    border-radius: 1rem;
    aspect-ratio: 9 / 16;
    width: 100%;
    overflow: hidden;
    display: block;
    pointer-events: none
}

.meta-info.svelte-1g8pqr8.svelte-1g8pqr8 {
    position: absolute;
    top: -1.5rem;
    padding: 0 1rem;
    color: var(--grey);
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 1.2;
    white-space: nowrap
}

.meta-info.svelte-1g8pqr8>.name.svelte-1g8pqr8 {
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-aspect-ratio: 9/17) {
    .meta-info.svelte-1g8pqr8.svelte-1g8pqr8 {
        top:0;
        font-size: 0.7rem;
        color: var(--light-grey);
        justify-content: end;
        padding: 0
    }

    .meta-info.svelte-1g8pqr8>span.svelte-1g8pqr8 {
        background-color: rgba(0, 0, 0, 0.4);
        padding: 0.3rem;
        padding-bottom: 0.4rem
    }

    .meta-info.svelte-1g8pqr8>.name.svelte-1g8pqr8 {
        border-bottom-left-radius: 4px
    }

    .meta-info.svelte-1g8pqr8>.created-at.svelte-1g8pqr8 {
        padding-right: 1rem
    }
}

.progress-bar.svelte-1g8pqr8.svelte-1g8pqr8 {
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: 100%;
    padding: 0 1rem
}

.progress-bar.svelte-1g8pqr8>.bar.svelte-1g8pqr8 {
    background-color: var(--white);
    opacity: 0.8;
    height: 0.2rem;
    border-radius: 1rem;
    animation: svelte-1g8pqr8-progressbar 0s linear;
    animation-fill-mode: forwards;
    margin: 0 auto;
    transform: translate3d(0, 0, 0)
}

@keyframes svelte-1g8pqr8-progressbar {
    from {
        width: 100%
    }

    to {
        width: 0%
    }
}

button.close.svelte-1g8pqr8.svelte-1g8pqr8 {
    padding: 2rem;
    margin-left: -1.5rem;
    border-radius: 0
}

button.svelte-1g8pqr8.svelte-1g8pqr8 {
    background-color: unset
}

.lookup-image.svelte-vfxgi7.svelte-vfxgi7 {
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    height: var(--viewport-height);
    width: 100%;
    background-color: black
}

.loading-and-error-screen.svelte-vfxgi7.svelte-vfxgi7 {
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: center;
    color: var(--grey);
    width: 100%;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto
}

.loading-and-error-screen.svelte-vfxgi7>footer.svelte-vfxgi7 {
    color: var(--dark-grey);
    margin-top: 10rem
}

.-button-primary-alt.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    color: var(--second-brand-dark-color);
    font-weight: bold
}

.logo-and-title.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    display: flex;
    padding: 1.5rem 1rem 2rem;
    align-items: center;
    justify-content: space-between
}

.logo-and-title.svelte-18vju9x .image.svelte-18vju9x.svelte-18vju9x {
    background: url("../icons/android-chrome-512x512.png") var(--brand-color);
    background-size: 100%;
    background-blend-mode: lighten;
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem
}

.logo-and-title.svelte-18vju9x h1.svelte-18vju9x.svelte-18vju9x {
    margin: 0;
    margin-left: 0.8rem;
    display: inline;
    color: var(--brand-color);
    font-size: 1rem
}

.logo-and-title.svelte-18vju9x button.svelte-18vju9x.svelte-18vju9x {
    text-transform: uppercase;
    font-size: 0.8rem
}

h2.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    font-family: "LT Cushion", sans-serif;
    font-size: 2rem;
    text-wrap: balance
}

h3.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    font-family: "LT Cushion", sans-serif;
    color: var(--brand-color)
}

.screenshot-slider.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    display: flex;
    margin: 0.3rem 0 1rem 0;
    padding: 2rem 1rem;
    gap: 0.7rem;
    overflow: scroll;
    scroll-snap-type: x proximity;
    background-color: var(--brand-color);
    scroll-padding: 2rem
}

.screenshot-slider.svelte-18vju9x>div.svelte-18vju9x.svelte-18vju9x {
    scroll-snap-align: start;
    width: 50vw;
    max-width: 15rem;
    aspect-ratio: 9/16;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--content-box-border-radius)
}

.screenshot-slider.svelte-18vju9x>.screenshot-camera.svelte-18vju9x.svelte-18vju9x {
    background: url("../images/screenshot-camera.png"), url("../images/sunflowers.jpg");
    background-size: 100%
}

.screenshot-slider.svelte-18vju9x>.screenshot-editor.svelte-18vju9x.svelte-18vju9x {
    background: url("../images/screenshot-editor-duration.png"), url("../images/party.jpg");
    background-size: 100%
}

.screenshot-slider.svelte-18vju9x>.screenshot-inbox.svelte-18vju9x.svelte-18vju9x {
    background: url("../images/screenshot-inbox.jpg");
    background-size: 100%
}

section.uniqueness.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    margin-bottom: 4rem
}

section.uniqueness.svelte-18vju9x>p.svelte-18vju9x.svelte-18vju9x {
    margin-top: 1.5rem
}

section.uniqueness.svelte-18vju9x>p.svelte-18vju9x>strong.svelte-18vju9x {
    font-family: 'LT Cushion', serif;
    font-size-adjust: 0.6
}

.dancing-pig.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    text-align: center;
    pointer-events: none
}

.dancing-pig.svelte-18vju9x>img.svelte-18vju9x.svelte-18vju9x {
    max-width: 60%;
    width: 10rem
}

footer.svelte-18vju9x.svelte-18vju9x.svelte-18vju9x {
    margin-top: 3rem;
    margin-bottom: -1rem;
    font-size: 0.8rem;
    background-color: var(--light-grey);
    padding: 1rem 0
}

footer.svelte-18vju9x button.svelte-18vju9x.svelte-18vju9x {
    font-size: 0.8rem
}

.feather-icon.share.svelte-10wegtw.svelte-10wegtw {
    vertical-align: middle;
    height: 1.2rem;
    background-color: var(--second-brand-color);
    padding: 2px 4px;
    border-radius: 3px
}

.add-hs.svelte-10wegtw.svelte-10wegtw {
    background-color: var(--second-brand-color);
    padding: 2px 4px;
    border-radius: 3px
}

.add-hs.svelte-10wegtw>.feather-icon.svelte-10wegtw {
    vertical-align: top;
    width: 1.2rem;
    height: 1.2rem
}

p.svelte-1gv4v3x>.feather-icon.svelte-1gv4v3x {
    width: 1.7rem;
    height: 1.7rem;
    background-color: var(--light-grey);
    padding: 0.3rem;
    border-radius: 0.2rem;
    vertical-align: bottom
}

.popover-list.svelte-kihk8f {
    position: relative;
    width: 2em;
    display: inline-block
}

select.svelte-kihk8f {
    border: none;
    background: none;
    appearance: none;
    text-align: center;
    font-size: 1.2em;
    color: inherit;
    width: 2em;
    line-height: 1.4;
    font-weight: bold;
    position: absolute;
    top: -0.4em;
    left: 0
}

@keyframes svelte-1h7cpyw-splash-opacity-keyframes {
    0% {
        opacity: 0
    }

    10%,80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes svelte-1h7cpyw-splash-movement-keyframes {
    0% {
        width: 0;
        right: 40%
    }

    10% {
        width: 10%;
        right: 50%
    }

    50% {
        width: 60%;
        right: 100%
    }

    100% {
        width: 0;
        right: 200%
    }
}

.splash.svelte-1h7cpyw {
    position: relative;
    z-index: -1;
    top: -0.5em;
    left: 0;
    transform: rotate(10deg);
    --animation-iteration-count: 1;
    --animation-duration: 700ms
}

.splash-particle.svelte-1h7cpyw {
    animation-name: svelte-1h7cpyw-splash-opacity-keyframes;
    animation-duration: var(--animation-duration);
    animation-iteration-count: var(--animation-iteration-count);
    animation-timing-function: linear;
    opacity: 0;
    position: absolute;
    height: 1px;
    width: 1em;
    transform-origin: bottom center
}

.splash-particle.svelte-1h7cpyw:after {
    animation-name: svelte-1h7cpyw-splash-movement-keyframes;
    animation-duration: var(--animation-duration);
    animation-iteration-count: var(--animation-iteration-count);
    animation-timing-function: linear;
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 0;
    border-radius: 2px;
    background-color: var(--brand-color)
}

.item.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    border-bottom: 1px solid var(--dark-light-grey);
    padding: 0 1rem 0 0;
    margin-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: scale(1);
    transition: transform 600ms cubic-bezier(1,0,.6,-0.8)
}

.item.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.longpress-active {
    transform: scale(1.05)
}

.item.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o:last-child {
    border-bottom: none
}

.item.svelte-1jgvz5o>button.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    background: inherit;
    color: inherit;
    border: none;
    padding: 0.8rem 0;
    width: 100%;
    text-align: left;
    line-height: 1.2;
    -webkit-tap-highlight-color: transparent
}

.item.svelte-1jgvz5o>button.svelte-1jgvz5o>small.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    color: var(--dark-grey)
}

.item.svelte-1jgvz5o small.svelte-1jgvz5o>.feather-icon.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
    top: 2px
}

.item.svelte-1jgvz5o small.font-weight-bold.svelte-1jgvz5o>.feather-icon.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    stroke-width: 3px
}

.item.svelte-1jgvz5o .lookup-badge.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    display: flex;
    align-items: baseline;
    margin-left: 0.8rem
}

.item.svelte-1jgvz5o .lookup-badge.svelte-1jgvz5o>button.svelte-1jgvz5o>.feather-icon.svelte-1jgvz5o.svelte-1jgvz5o {
    width: 1.2rem
}

.item.svelte-1jgvz5o .lookup-badge.svelte-1jgvz5o>button.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    min-width: 2.5rem;
    min-height: 2rem;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem;
    background-color: var(--brand-color);
    color: var(--white);
    border-radius: 0.3rem;
    border: none
}

.item.svelte-1jgvz5o .lookup-badge.svelte-1jgvz5o>button.-with-pulse.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    content: '';
    display: block;
    box-shadow: 0 0 0.5rem 0 var(--brand-color);
    animation: brand-shadow-pulse 1s infinite
}

.item.svelte-1jgvz5o>.right-column.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    display: flex
}

.item.svelte-1jgvz5o>.right-column.svelte-1jgvz5o>.level.svelte-1jgvz5o.svelte-1jgvz5o.svelte-1jgvz5o {
    width: max-content;
    height: 1.4rem;
    align-self: center;
    line-height: 1;
    text-align: right;
    display: block;
    background-color: transparent;
    border: none;
    color: inherit;
    padding: 0;
    margin: 0
}

.item.svelte-1jgvz5o>.right-column.svelte-1jgvz5o>.level.svelte-1jgvz5o>.label.svelte-1jgvz5o.svelte-1jgvz5o {
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem
}

.item.svelte-1jgvz5o>.right-column.svelte-1jgvz5o>.level.svelte-1jgvz5o>.progress-container.svelte-1jgvz5o.svelte-1jgvz5o {
    display: inline-block;
    width: 0.4rem;
    height: 100%;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    background-color: var(--light-grey)
}

.item.svelte-1jgvz5o>.right-column.svelte-1jgvz5o>.level.svelte-1jgvz5o>.progress-container.svelte-1jgvz5o>.progress.svelte-1jgvz5o {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--brand-color)
}

div.svelte-1blnnuz.svelte-1blnnuz.svelte-1blnnuz {
    background-color: var(--light-grey);
    padding-top: 0.1rem;
    border-radius: var(--content-box-border-radius);
    overflow: hidden;
    margin: 1rem
}

div.-has-error.svelte-1blnnuz.svelte-1blnnuz.svelte-1blnnuz {
    background-color: var(--error-background-color)
}

code.svelte-1blnnuz.svelte-1blnnuz.svelte-1blnnuz {
    word-break: keep-all;
    font-size: 0.9em;
    background-color: color-mix(in srgb, var(--white) 80%, transparent);
    padding: 0.1em;
    border-radius: 3px
}

div.svelte-1blnnuz>p.svelte-1blnnuz>.feather-icon.svelte-1blnnuz {
    margin-top: 0.3rem;
    margin-right: 0.6rem;
    width: 1.4rem;
    height: 1.4rem
}

div.-has-error.svelte-1blnnuz>p.svelte-1blnnuz>.feather-icon.svelte-1blnnuz {
    color: var(--error-color)
}

footer.svelte-1blnnuz.svelte-1blnnuz.svelte-1blnnuz {
    background-color: var(--dark-light-grey);
    padding: 0.2rem 1rem 0.2rem 3rem;
    font-size: 0.8rem;
    font-weight: bold;
    color: var(--black)
}

div.-has-error.svelte-1blnnuz>footer.svelte-1blnnuz.svelte-1blnnuz {
    background-color: var(--error-color)
}

footer.svelte-1blnnuz .feather-icon.svelte-1blnnuz.svelte-1blnnuz {
    position: relative;
    top: 2px;
    stroke-width: 3px
}

.upload-progress-bar.svelte-muwp8c.svelte-muwp8c {
    height: 0.2rem;
    margin: 0 1rem;
    position: relative
}

.upload-progress-bar.svelte-muwp8c>.bar.svelte-muwp8c {
    height: 100%;
    background-color: var(--brand-color);
    transition: width 1000ms linear;
    overflow: hidden;
    border-radius: 2px;
    opacity: 1;
    width: 0;
    position: absolute
}

@keyframes svelte-muwp8c-opacity-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.upload-progress-bar.svelte-muwp8c>.bar.-is-fullfilled.svelte-muwp8c {
    animation: 1000ms linear svelte-muwp8c-opacity-keyframes;
    animation-fill-mode: forwards
}

.loading-label.svelte-xv0cfe.svelte-xv0cfe {
    color: var(--dark-grey);
    font-size: 0.8rem;
    position: relative;
    top: -2px;
    right: -8px
}

button.refresh.svelte-xv0cfe>.feather-icon.svelte-xv0cfe {
    width: 1.2rem
}

.tip-contact-details.svelte-xv0cfe.svelte-xv0cfe {
    color: var(--dark-grey);
    margin-top: 1.5rem;
    font-size: 0.7rem
}

p.svelte-1hib0r9,button.svelte-1hib0r9 {
    font-size: 0.8rem
}

footer.svelte-hv334u.svelte-hv334u.svelte-hv334u,footer.svelte-hv334u>p.svelte-hv334u>button.svelte-hv334u {
    font-size: 0.8rem
}

h3.svelte-hv334u.svelte-hv334u.svelte-hv334u {
    margin-bottom: 1rem
}

.invite-share-container.svelte-4w1lp5.svelte-4w1lp5 {
    background-color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    margin: 1rem
}

.invite-share-container.svelte-4w1lp5>.action-bar.svelte-4w1lp5 {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    padding-top: 0
}

.invite-share-container.svelte-4w1lp5>.action-bar.svelte-4w1lp5>button {
    background-color: inherit
}

.invite-share-container.svelte-4w1lp5>img.svelte-4w1lp5 {
    display: block;
    aspect-ratio: 1/1;
    width: 100%;
    color: #fff
}

.scrollable-code-line.svelte-4w1lp5.svelte-4w1lp5 {
    margin-top: 0;
    margin-bottom: 1rem
}

.scrollable-code-line.svelte-4w1lp5>code.svelte-4w1lp5 {
    color: var(--dark-grey)
}

.accept-options.svelte-6pqly1.svelte-6pqly1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.accept-options.svelte-6pqly1 .feather-icon.svelte-6pqly1 {
    width: 2rem;
    height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0.4rem;
    stroke-width: 1
}

.statistics.svelte-1hpxo76.svelte-1hpxo76.svelte-1hpxo76 {
    display: flex;
    margin: 0.3rem 0 1rem 0;
    padding: 0 1rem;
    gap: 0.7rem;
    overflow: scroll
}

.statistics.svelte-1hpxo76>.item.svelte-1hpxo76.svelte-1hpxo76 {
    padding: 0.8rem 0.8rem 0.2rem;
    background-color: var(--light-grey);
    border-radius: var(--content-box-border-radius);
    flex-shrink: 0;
    flex-basis: 7rem
}

.statistics.svelte-1hpxo76>.item.svelte-1hpxo76>header.svelte-1hpxo76 {
    font-weight: bold;
    font-size: 0.7em;
    text-transform: uppercase;
    margin: 0.4rem 0
}

.third-party-warning.svelte-1qvxz3d {
    width: 0.7rem;
    height: 0.7rem
}

.step.svelte-1k9z22e .feather-icon {
    border-radius: 100%;
    margin-right: 0.8rem;
    flex-shrink: 0;
    padding: 2px
}

.contact-progress.svelte-13nolml.svelte-13nolml.svelte-13nolml {
    border-radius: 0.3rem;
    margin-left: 3.3rem;
    overflow: hidden;
    position: relative;
    height: 1.5rem;
    width: 75%;
    background-color: var(--light-grey)
}

.contact-progress.svelte-13nolml>.percentage.svelte-13nolml.svelte-13nolml {
    height: 100%;
    position: absolute;
    text-align: center;
    background-color: var(--dark-grey)
}

.contact-progress.svelte-13nolml>.percentage.svelte-13nolml>span.svelte-13nolml {
    position: relative;
    color: var(--white);
    font-size: 0.8rem;
    white-space: pre
}

.predicted-points.svelte-1svnjnm.svelte-1svnjnm.svelte-1svnjnm {
    font-weight: normal;
    color: var(--dark-grey)
}

.highest-level.svelte-1svnjnm.svelte-1svnjnm.svelte-1svnjnm {
    margin-top: 1rem
}

.highest-level.svelte-1svnjnm>span.svelte-1svnjnm.svelte-1svnjnm {
    background-color: var(--white);
    padding: 0.3rem;
    font-size: 0.9rem;
    border-radius: 3px
}

.progress-bar.svelte-1svnjnm.svelte-1svnjnm.svelte-1svnjnm {
    display: flex;
    margin-top: 0.8rem
}

.progress-bar.svelte-1svnjnm>.label.svelte-1svnjnm.svelte-1svnjnm {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--white);
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
    line-height: 2.1;
    border: 3px solid var(--brand-color)
}

.progress-bar.svelte-1svnjnm>.label.-as-previous.svelte-1svnjnm.svelte-1svnjnm {
    margin-right: 1rem
}

.progress-bar.svelte-1svnjnm>.label.-as-current.svelte-1svnjnm.svelte-1svnjnm {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.progress-bar.svelte-1svnjnm>.label.-as-next.svelte-1svnjnm.svelte-1svnjnm {
    border-color: var(--white);
    border-bottom-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem
}

.progress-bar.svelte-1svnjnm>.container.svelte-1svnjnm.svelte-1svnjnm {
    position: relative;
    height: 2.5rem;
    width: 100%;
    overflow: hidden;
    background-color: var(--white);
    margin-right: 0.3rem;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem
}

.progress-bar.svelte-1svnjnm>.container.svelte-1svnjnm>.percentage.-is-decreasing.svelte-1svnjnm:after {
    content: ' ';
    position: absolute;
    top: 0.8rem;
    right: 0;
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-right: 0.5rem solid var(--white)
}

.progress-bar.svelte-1svnjnm>.container.svelte-1svnjnm>.percentage.svelte-1svnjnm {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: var(--brand-color)
}

.progress-bar.svelte-1svnjnm>.container.svelte-1svnjnm>.days.svelte-1svnjnm {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 0.3rem 0.5rem;
    border-radius: 0.3rem;
    position: relative;
    font-size: 0.7rem;
    margin-top: 0.6rem;
    line-height: 1;
    display: inline-block
}

.log.svelte-v5k93v {
    display: block;
    width: 100%;
    height: 300px;
    white-space: pre;
    font-size: 11px;
    padding: 1rem;
    margin-bottom: 1rem;
    overflow: scroll;
    background-color: #fff;
    user-select: text;
    -webkit-user-select: text
}

@media all and (display-mode: browser) {
    .standalone-check-info.svelte-v5k93v:after {
        content: '(display-mode: browser)'
    }
}

@media all and (display-mode: minimal-ui) {
    .standalone-check-info.svelte-v5k93v:after {
        content: '(display-mode: minimal-ui)'
    }
}

@media all and (display-mode: standalone) {
    .standalone-check-info.svelte-v5k93v:after {
        content: '(display-mode: standalone)'
    }
}

h3.svelte-5l7jjd {
    margin-top: 2rem
}

p.svelte-5l7jjd {
    margin-bottom: 1rem
}

.third-party-warning.svelte-ykp6xf.svelte-ykp6xf {
    width: 0.7rem;
    height: 0.7rem
}

.content-box.-has-error.svelte-ykp6xf .feather-icon.svelte-ykp6xf {
    position: relative;
    top: 2px
}

h3.svelte-87jts7 {
    margin-top: 1.4rem
}

span.adr.svelte-87jts7 {
    unicode-bidi: bidi-override;
    direction: rtl
}

.user.svelte-1c6j6c0.svelte-1c6j6c0 {
    margin-left: 1rem;
    margin-top: 0.3rem
}

.user.svelte-1c6j6c0>.info.svelte-1c6j6c0 {
    display: flex;
    justify-content: space-between;
    line-height: 1.2
}

.user.svelte-1c6j6c0.svelte-1c6j6c0:nth-child(2n) {
    background-color: var(--white)
}

.user.svelte-1c6j6c0.svelte-1c6j6c0:nth-child(2n+1) {
    background-color: var(--light-grey)
}

.tree.svelte-1ebyclh {
    margin: 1rem
}

.delete-btn.svelte-1d8gvt2 {
    transform: scale(1);
    transition: transform 1500ms ease-out;
    border-color: var(--error-color);
    color: var(--error-color)
}

.delete-btn.svelte-1d8gvt2.longpress-active {
    transform: scale(1.1)
}

main.svelte-1vxhr8a {
    margin: 0 auto;
    max-width: var(--max-width)
}

button.debug.svelte-1vxhr8a {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1000;
    transition: opacity 1s linear
}

button.debug.svelte-1vxhr8a.longpress-active {
    opacity: 1
}

@media(max-height: 500px) and (orientation: landscape) {
    .orientation-warning.svelte-1vxhr8a {
        display:block;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.8);
        text-align: center;
        color: var(--white);
        font-size: 1.5rem;
        padding: 5rem;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 1.4
    }
}