/* _content/DropsetWebApp/Source/Components/ButtonView.razor.rz.scp.css */
.button[b-oh0y1nuyzx] {
    padding: 15px 19px 14px 19px;
    border-radius: 22px;
    transition: all 0.2s ease-in-out;
    border: 1.5px solid transparent;
    cursor: pointer;
    text-decoration: none;
}

.button.primary[b-oh0y1nuyzx] {
    background-color: var(--color-L100);
    color: var(--color-L5);
}

.button.secondary[b-oh0y1nuyzx] {
    background-color: var(--color-surface-primary);
    border-color: var(--color-component-secondary);
    color: var(--color-text-primary);
}

.button.primary:hover[b-oh0y1nuyzx] {
    background-color: var(--color-L90);
}

.button.secondary:hover[b-oh0y1nuyzx] {
    background-color: var(--color-component-primary);
}
/* _content/DropsetWebApp/Source/Components/HeaderLogoView.razor.rz.scp.css */
img[b-7naay7e3mm] {
    width: 128px;
    margin-left: 16px;
}
/* _content/DropsetWebApp/Source/Components/Separator.razor.rz.scp.css */
div[b-zmu538bqmn] {
    background: var(--color-component-primary);
    margin: 56px 16px 48px 16px;
    height: 1px;
}
/* _content/DropsetWebApp/Source/Pages/Home/Home.razor.rz.scp.css */
.container[b-a1vr9nlcpx] {
    height: 100dvh;
    width: 100%;
    display: grid;
    place-items: center;
    color: var(--color-text-primary);
    justify-content: space-between;
    align-items: end;
}

.hero[b-a1vr9nlcpx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    margin: 0 29px;
}

.button[b-a1vr9nlcpx] {
    padding-bottom: 64px;
}

h1[b-a1vr9nlcpx] {
    display: none;
}

h2[b-a1vr9nlcpx] {
    display: block;
}

@media (min-width: 900px) {
    .container[b-a1vr9nlcpx] {
        justify-content: center;
        align-items: center;
    }
    
    .hero[b-a1vr9nlcpx] {
        margin: 0;
    }

    .button[b-a1vr9nlcpx] {
        padding-bottom: 0;
    }

    h1[b-a1vr9nlcpx] {
        display: block;
    }
    
    h2[b-a1vr9nlcpx] {
        display: none;
    }
}
/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/Components/WorkoutCardView.razor.rz.scp.css */
.card[b-nz8db7zh6r] {
    background-color: var(--color-surface-secondary);
    border: 1px solid var(--color-component-primary);
    box-shadow: 0 40px 32px -4px var(--color-L0);
    transform: rotate(-1.84deg);
    border-radius: 24px;
    margin-left: 16px;
    overflow: hidden;
    flex-shrink: 0;
    height: 178px;
    width: 178px;
    position: relative;
    animation: cardRotate-b-nz8db7zh6r 8s ease-in-out infinite;
}

@keyframes cardRotate-b-nz8db7zh6r {
    0% {
        transform: rotate(-1.84deg);
    }
    50% {
        transform: rotate(1.84deg);
    }
    100% {
        transform: rotate(-1.84deg);
    }
}

.content[b-nz8db7zh6r] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.icons[b-nz8db7zh6r] {
    display: flex;
    justify-content: space-between;
    margin: 20px 7px 0 16px;
}

.cooldown[b-nz8db7zh6r] {
    width: 64px;
    height: 64px;
}

.settings[b-nz8db7zh6r] {
    width: 44px;
    height: 44px;
}

.text[b-nz8db7zh6r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: auto 16px 16px;
}

h1[b-nz8db7zh6r] {
    color: var(--color-text-primary);
}

p[b-nz8db7zh6r] {
    color: var(--color-text-secondary);
}

.skeleton[b-nz8db7zh6r] {
    background: linear-gradient(
            90deg,
            var(--color-L15) 0%,
            var(--color-L16) 50%,
            var(--color-L15) 100%
    );
    background-size: 200% 100%;
    animation: skeleton-loading-b-nz8db7zh6r 3s linear infinite;
    color: transparent;
    border-radius: 8px;
}

@keyframes skeleton-loading-b-nz8db7zh6r {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Mobile */

@media (min-width: 650px) {
    .card[b-nz8db7zh6r] {
        margin-left: 0;
    }
}
/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/Components/WorkoutDescriptionView.razor.rz.scp.css */
.text[b-xzg2ral1np] {
    margin: 0 0 12px 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

h1[b-xzg2ral1np] {
    color: var(--color-text-primary);
}

p[b-xzg2ral1np] {
    color: var(--color-text-secondary);
}

.buttons[b-xzg2ral1np] {
    padding: 0 16px;
    display: flex;
    gap: 16px;
}

.skeleton[b-xzg2ral1np] {
    background: linear-gradient(
            90deg,
            var(--color-L6) 0%,
            var(--color-L7) 50%,
            var(--color-L6) 100%
    );
    background-size: 200% 100%;
    animation: skeleton-loading-b-xzg2ral1np 3s linear infinite;
    color: transparent;
    border-radius: 8px;
}

@keyframes skeleton-loading-b-xzg2ral1np {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}
/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/Components/WorkoutExerciseListItemView.razor.rz.scp.css */
section[b-c6vx6xz908] {
    display: flex;
    align-items: center;
    padding: 16px;
}

div[b-c6vx6xz908] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-left: 16px;
}

img[b-c6vx6xz908] {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

h3[b-c6vx6xz908] {
    color: var(--color-text-primary);
}

p[b-c6vx6xz908] {
    color: var(--color-text-secondary);
}
/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/Components/WorkoutExerciseListTitleView.razor.rz.scp.css */
div[b-gnn5dnk0ri] {
    padding: 16px;
    color: var(--color-text-primary);
}

h1[b-gnn5dnk0ri] {
    margin-bottom: 8px;
}
/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/Components/WorkoutExerciseListView.razor.rz.scp.css */
div[b-6egm0pla3h] {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 650px) {
    div[b-6egm0pla3h] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/Components/WorkoutHeaderView.razor.rz.scp.css */
div[b-imdkaqn8no] {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 27px;
}

@media (min-width: 650px) {
    div[b-imdkaqn8no] {
        flex-direction: row;
    }
}
/* _content/DropsetWebApp/Source/Pages/WorkoutDetails/WorkoutDetailsPage.razor.rz.scp.css */
div[b-tuvi99i58f] {
    max-width: 600px;
    margin: 24px auto 0;
}

@media (min-width: 650px) {
    div[b-tuvi99i58f] {
        margin: 56px auto 0;
    }
}