@font-face {
    font-family:SFProDisplay;
    src:url(../media/c1341506080c2fd5-s.p.woff) format("woff");
    font-display:swap;
    font-weight:100;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/67ea1e6a5bdb48a0-s.p.woff) format("woff");
    font-display:swap;
    font-weight:100;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/a3aba12f8625457a-s.p.woff) format("woff");
    font-display:swap;
    font-weight:200;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/dbf9ed9dfa40fc9c-s.p.woff) format("woff");
    font-display:swap;
    font-weight:200;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/6304a1672c290f3d-s.p.woff) format("woff");
    font-display:swap;
    font-weight:300;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/ce6e5d16ce57c881-s.p.woff) format("woff");
    font-display:swap;
    font-weight:300;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/e069ac7c629c21f2-s.p.woff) format("woff");
    font-display:swap;
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/3d6748db25f606a9-s.p.woff) format("woff");
    font-display:swap;
    font-weight:400;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/995d06726e238a71-s.p.woff) format("woff");
    font-display:swap;
    font-weight:500;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/16eab8a751212d88-s.p.woff) format("woff");
    font-display:swap;
    font-weight:500;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/c1ba788a0dcfbf1c-s.p.woff) format("woff");
    font-display:swap;
    font-weight:600;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/4c34e96742b6d378-s.p.woff) format("woff");
    font-display:swap;
    font-weight:600;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/80b8dbf15791b8a3-s.p.woff) format("woff");
    font-display:swap;
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/9e3c3d65b4daaacd-s.p.woff) format("woff");
    font-display:swap;
    font-weight:700;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/ae8e00fa892da983-s.p.woff) format("woff");
    font-display:swap;
    font-weight:900;
    font-style:normal
}
@font-face {
    font-family:SFProDisplay;
    src:url(../media/a5372841a4a4d56d-s.p.woff) format("woff");
    font-display:swap;
    font-weight:900;
    font-style:italic
}
@font-face {
    font-family:SFProDisplay Fallback;
    src:local("Arial");
    ascent-override:101.52%;
    descent-override:25.72%;
    line-gap-override:0.00%;
    size-adjust:93.79%
}
.__className_095f23 {
    font-family:SFProDisplay,SFProDisplay Fallback
}
:root {
    --toastify-color-light:#fff;
    --toastify-color-dark:#121212;
    --toastify-color-info:#3498db;
    --toastify-color-success:#07bc0c;
    --toastify-color-warning:#f1c40f;
    --toastify-color-error:#e74c3c;
    --toastify-color-transparent:hsla(0,0%,100%,.7);
    --toastify-icon-color-info:var(--toastify-color-info);
    --toastify-icon-color-success:var(--toastify-color-success);
    --toastify-icon-color-warning:var(--toastify-color-warning);
    --toastify-icon-color-error:var(--toastify-color-error);
    --toastify-toast-width:320px;
    --toastify-toast-offset:16px;
    --toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));
    --toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));
    --toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));
    --toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));
    --toastify-toast-background:#fff;
    --toastify-toast-min-height:64px;
    --toastify-toast-max-height:800px;
    --toastify-toast-bd-radius:6px;
    --toastify-font-family:sans-serif;
    --toastify-z-index:9999;
    --toastify-text-color-light:#757575;
    --toastify-text-color-dark:#fff;
    --toastify-text-color-info:#fff;
    --toastify-text-color-success:#fff;
    --toastify-text-color-warning:#fff;
    --toastify-text-color-error:#fff;
    --toastify-spinner-color:#616161;
    --toastify-spinner-color-empty-area:#e0e0e0;
    --toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark:#bb86fc;
    --toastify-color-progress-info:var(--toastify-color-info);
    --toastify-color-progress-success:var(--toastify-color-success);
    --toastify-color-progress-warning:var(--toastify-color-warning);
    --toastify-color-progress-error:var(--toastify-color-error);
    --toastify-color-progress-bgo:0.2
}
.Toastify__toast-container {
    z-index:var(--toastify-z-index);
    -webkit-transform:translateZ(var(--toastify-z-index));
    position:fixed;
    padding:4px;
    width:var(--toastify-toast-width);
    box-sizing:border-box;
    color:#fff
}
.Toastify__toast-container--top-left {
    top:var(--toastify-toast-top);
    left:var(--toastify-toast-left)
}
.Toastify__toast-container--top-center {
    top:var(--toastify-toast-top);
    left:50%;
    transform:translateX(-50%)
}
.Toastify__toast-container--top-right {
    top:var(--toastify-toast-top);
    right:var(--toastify-toast-right)
}
.Toastify__toast-container--bottom-left {
    bottom:var(--toastify-toast-bottom);
    left:var(--toastify-toast-left)
}
.Toastify__toast-container--bottom-center {
    bottom:var(--toastify-toast-bottom);
    left:50%;
    transform:translateX(-50%)
}
.Toastify__toast-container--bottom-right {
    bottom:var(--toastify-toast-bottom);
    right:var(--toastify-toast-right)
}
@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        width:100vw;
        padding:0;
        left:env(safe-area-inset-left);
        margin:0
    }
    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top:env(safe-area-inset-top);
        transform:translateX(0)
    }
    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom:env(safe-area-inset-bottom);
        transform:translateX(0)
    }
    .Toastify__toast-container--rtl {
        right:env(safe-area-inset-right);
        left:auto
    }
}
.Toastify__toast {
    --y:0;
    position:relative;
    touch-action:none;
    min-height:var(--toastify-toast-min-height);
    box-sizing:border-box;
    margin-bottom:1rem;
    padding:8px;
    border-radius:var(--toastify-toast-bd-radius);
    box-shadow:0 4px 12px rgba(0,0,0,.1);
    display:flex;
    justify-content:space-between;
    max-height:var(--toastify-toast-max-height);
    font-family:var(--toastify-font-family);
    cursor:default;
    direction:ltr;
    z-index:0;
    overflow:hidden
}
.Toastify__toast--stacked {
    position:absolute;
    width:100%;
    transform:translate3d(0,var(--y),0) scale(var(--s));
    transition:transform .3s
}
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition:opacity .1s
}
.Toastify__toast--stacked[data-collapsed=false] {
    overflow:visible
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity:0
}
.Toastify__toast--stacked:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:calc(var(--g) * 1px);
    bottom:100%
}
.Toastify__toast--stacked[data-pos=top] {
    top:0
}
.Toastify__toast--stacked[data-pos=bot] {
    bottom:0
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin:top
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin:bottom
}
.Toastify__toast--stacked:before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    transform:scaleY(3);
    z-index:-1
}
.Toastify__toast--rtl {
    direction:rtl
}
.Toastify__toast--close-on-click {
    cursor:pointer
}
.Toastify__toast-body {
    margin:auto 0;
    flex:1 1 auto;
    padding:6px;
    display:flex;
    align-items:center
}
.Toastify__toast-body>div:last-child {
    word-break:break-word;
    flex:1
}
.Toastify__toast-icon {
    margin-inline-end:10px;
    width:20px;
    flex-shrink:0;
    display:flex
}
.Toastify--animate {
    animation-fill-mode:both;
    animation-duration:.5s
}
.Toastify--animate-icon {
    animation-fill-mode:both;
    animation-duration:.3s
}
@media only screen and (max-width:480px) {
    .Toastify__toast {
        margin-bottom:0;
        border-radius:0
    }
}
.Toastify__toast-theme--dark {
    background:var(--toastify-color-dark);
    color:var(--toastify-text-color-dark)
}
.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background:var(--toastify-color-light);
    color:var(--toastify-text-color-light)
}
.Toastify__toast-theme--colored.Toastify__toast--info {
    color:var(--toastify-text-color-info);
    background:var(--toastify-color-info)
}
.Toastify__toast-theme--colored.Toastify__toast--success {
    color:var(--toastify-text-color-success);
    background:var(--toastify-color-success)
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
    color:var(--toastify-text-color-warning);
    background:var(--toastify-color-warning)
}
.Toastify__toast-theme--colored.Toastify__toast--error {
    color:var(--toastify-text-color-error);
    background:var(--toastify-color-error)
}
.Toastify__progress-bar-theme--light {
    background:var(--toastify-color-progress-light)
}
.Toastify__progress-bar-theme--dark {
    background:var(--toastify-color-progress-dark)
}
.Toastify__progress-bar--info {
    background:var(--toastify-color-progress-info)
}
.Toastify__progress-bar--success {
    background:var(--toastify-color-progress-success)
}
.Toastify__progress-bar--warning {
    background:var(--toastify-color-progress-warning)
}
.Toastify__progress-bar--error {
    background:var(--toastify-color-progress-error)
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background:var(--toastify-color-transparent)
}
.Toastify__close-button {
    color:#fff;
    background:transparent;
    outline:none;
    border:none;
    padding:0;
    cursor:pointer;
    opacity:.7;
    transition:.3s ease;
    align-self:flex-start;
    z-index:1
}
.Toastify__close-button--light {
    color:#000;
    opacity:.3
}
.Toastify__close-button>svg {
    fill:currentColor;
    height:16px;
    width:14px
}
.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity:1
}
@keyframes Toastify__trackProgress {
    0% {
        transform:scaleX(1)
    }
    to {
        transform:scaleX(0)
    }
}
.Toastify__progress-bar {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:var(--toastify-z-index);
    opacity:.7;
    transform-origin:left;
    border-bottom-left-radius:var(--toastify-toast-bd-radius)
}
.Toastify__progress-bar--animated {
    animation:Toastify__trackProgress linear 1 forwards
}
.Toastify__progress-bar--controlled {
    transition:transform .2s
}
.Toastify__progress-bar--rtl {
    right:0;
    left:auto;
    transform-origin:right;
    border-bottom-left-radius:0;
    border-bottom-right-radius:var(--toastify-toast-bd-radius)
}
.Toastify__progress-bar--wrp {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:5px;
    border-bottom-left-radius:var(--toastify-toast-bd-radius)
}
.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity:0
}
.Toastify__progress-bar--bg {
    opacity:var(--toastify-color-progress-bgo);
    width:100%;
    height:100%
}
.Toastify__spinner {
    width:20px;
    height:20px;
    box-sizing:border-box;
    border:2px solid;
    border-radius:100%;
    border-color:var(--toastify-spinner-color-empty-area);
    border-right-color:var(--toastify-spinner-color);
    animation:Toastify__spin .65s linear infinite
}
@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60% {
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75% {
        transform:translate3d(10px,0,0)
    }
    90% {
        transform:translate3d(-5px,0,0)
    }
    to {
        transform:none
    }
}
@keyframes Toastify__bounceOutRight {
    20% {
        opacity:1;
        transform:translate3d(-20px,var(--y),0)
    }
    to {
        opacity:0;
        transform:translate3d(2000px,var(--y),0)
    }
}
@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60% {
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75% {
        transform:translate3d(-10px,0,0)
    }
    90% {
        transform:translate3d(5px,0,0)
    }
    to {
        transform:none
    }
}
@keyframes Toastify__bounceOutLeft {
    20% {
        opacity:1;
        transform:translate3d(20px,var(--y),0)
    }
    to {
        opacity:0;
        transform:translate3d(-2000px,var(--y),0)
    }
}
@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60% {
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75% {
        transform:translate3d(0,10px,0)
    }
    90% {
        transform:translate3d(0,-5px,0)
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes Toastify__bounceOutUp {
    20% {
        transform:translate3d(0,calc(var(--y) - 10px),0)
    }
    40%,45% {
        opacity:1;
        transform:translate3d(0,calc(var(--y) + 20px),0)
    }
    to {
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60% {
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75% {
        transform:translate3d(0,-10px,0)
    }
    90% {
        transform:translate3d(0,5px,0)
    }
    to {
        transform:none
    }
}
@keyframes Toastify__bounceOutDown {
    20% {
        transform:translate3d(0,calc(var(--y) - 10px),0)
    }
    40%,45% {
        opacity:1;
        transform:translate3d(0,calc(var(--y) + 20px),0)
    }
    to {
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name:Toastify__bounceInLeft
}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name:Toastify__bounceInRight
}
.Toastify__bounce-enter--top-center {
    animation-name:Toastify__bounceInDown
}
.Toastify__bounce-enter--bottom-center {
    animation-name:Toastify__bounceInUp
}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name:Toastify__bounceOutLeft
}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name:Toastify__bounceOutRight
}
.Toastify__bounce-exit--top-center {
    animation-name:Toastify__bounceOutUp
}
.Toastify__bounce-exit--bottom-center {
    animation-name:Toastify__bounceOutDown
}
@keyframes Toastify__zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}
@keyframes Toastify__zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)
    }
    to {
        opacity:0
    }
}
.Toastify__zoom-enter {
    animation-name:Toastify__zoomIn
}
.Toastify__zoom-exit {
    animation-name:Toastify__zoomOut
}
@keyframes Toastify__flipIn {
    0% {
        transform:perspective(400px) rotateX(90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        transform:perspective(400px) rotateX(-20deg);
        animation-timing-function:ease-in
    }
    60% {
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80% {
        transform:perspective(400px) rotateX(-5deg)
    }
    to {
        transform:perspective(400px)
    }
}
@keyframes Toastify__flipOut {
    0% {
        transform:translate3d(0,var(--y),0) perspective(400px)
    }
    30% {
        transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);
        opacity:1
    }
    to {
        transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.Toastify__flip-enter {
    animation-name:Toastify__flipIn
}
.Toastify__flip-exit {
    animation-name:Toastify__flipOut
}
@keyframes Toastify__slideInRight {
    0% {
        transform:translate3d(110%,0,0);
        visibility:visible
    }
    to {
        transform:translate3d(0,var(--y),0)
    }
}
@keyframes Toastify__slideInLeft {
    0% {
        transform:translate3d(-110%,0,0);
        visibility:visible
    }
    to {
        transform:translate3d(0,var(--y),0)
    }
}
@keyframes Toastify__slideInUp {
    0% {
        transform:translate3d(0,110%,0);
        visibility:visible
    }
    to {
        transform:translate3d(0,var(--y),0)
    }
}
@keyframes Toastify__slideInDown {
    0% {
        transform:translate3d(0,-110%,0);
        visibility:visible
    }
    to {
        transform:translate3d(0,var(--y),0)
    }
}
@keyframes Toastify__slideOutRight {
    0% {
        transform:translate3d(0,var(--y),0)
    }
    to {
        visibility:hidden;
        transform:translate3d(110%,var(--y),0)
    }
}
@keyframes Toastify__slideOutLeft {
    0% {
        transform:translate3d(0,var(--y),0)
    }
    to {
        visibility:hidden;
        transform:translate3d(-110%,var(--y),0)
    }
}
@keyframes Toastify__slideOutDown {
    0% {
        transform:translate3d(0,var(--y),0)
    }
    to {
        visibility:hidden;
        transform:translate3d(0,500px,0)
    }
}
@keyframes Toastify__slideOutUp {
    0% {
        transform:translate3d(0,var(--y),0)
    }
    to {
        visibility:hidden;
        transform:translate3d(0,-500px,0)
    }
}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name:Toastify__slideInLeft
}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name:Toastify__slideInRight
}
.Toastify__slide-enter--top-center {
    animation-name:Toastify__slideInDown
}
.Toastify__slide-enter--bottom-center {
    animation-name:Toastify__slideInUp
}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name:Toastify__slideOutLeft;
    animation-timing-function:ease-in;
    animation-duration:.3s
}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name:Toastify__slideOutRight;
    animation-timing-function:ease-in;
    animation-duration:.3s
}
.Toastify__slide-exit--top-center {
    animation-name:Toastify__slideOutUp;
    animation-timing-function:ease-in;
    animation-duration:.3s
}
.Toastify__slide-exit--bottom-center {
    animation-name:Toastify__slideOutDown;
    animation-timing-function:ease-in;
    animation-duration:.3s
}
@keyframes Toastify__spin {
    0% {
        transform:rotate(0deg)
    }
    to {
        transform:rotate(1turn)
    }
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/:root {
    --color-primary-myloves:225 42 85;
    --color-primary-light-myloves:242 75 115;
    --color-primary-lightest-myloves:252 207 218;
    --color-primary-dark-myloves:219 39 82
}
:root[data-theme=light] {
    --color-unread-myloves:255 241 242;
    --color-unread-foreground-myloves:253 164 175
}
:root[data-theme=dark] {
    --color-unread-myloves:71 31 40;
    --color-unread-foreground-myloves:136 19 54
}
*,:after,:before {
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}
::backdrop {
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgba(59,130,246,.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before {
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:after,:before {
    --tw-content:""
}
:host,html {
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings:normal;
    font-variation-settings:normal;
    -webkit-tap-highlight-color:transparent
}
body {
    margin:0;
    line-height:inherit
}
hr {
    height:0;
    color:inherit;
    border-top-width:1px
}
abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
}
a {
    color:inherit;
    text-decoration:inherit
}
b,strong {
    font-weight:bolder
}
code,kbd,pre,samp {
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings:normal;
    font-variation-settings:normal;
    font-size:1em
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea {
    font-family:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select {
    text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance:button;
    background-color:transparent;
    background-image:none
}
:-moz-focusring {
    outline:auto
}
:-moz-ui-invalid {
    box-shadow:none
}
progress {
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
summary {
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin:0
}
fieldset {
    margin:0
}
fieldset,legend {
    padding:0
}
menu,ol,ul {
    list-style:none;
    margin:0;
    padding:0
}
dialog {
    padding:0
}
textarea {
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder {
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder {
    opacity:1;
    color:#9ca3af
}
[role=button],button {
    cursor:pointer
}
:disabled {
    cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video {
    display:block;
    vertical-align:middle
}
img,video {
    max-width:100%;
    height:auto
}
[hidden]:where(:not([hidden=until-found])) {
    display:none
}
html {
    font-size:14px;
    letter-spacing:.5px
}
:root {
    --color-primary-dichverlieben:56 190 248;
    --color-primary-light-dichverlieben:88 202 252;
    --color-primary-lightest-dichverlieben:224 242 254;
    --color-primary-dark-dichverlieben:49 171 224
}
:root[data-theme=light] {
    --color-unread-dichverlieben:224 242 254;
    --color-unread-foreground-dichverlieben:125 212 252
}
:root[data-theme=dark] {
    --color-unread-dichverlieben:8 47 73;
    --color-unread-foreground-dichverlieben:8 47 73
}