/*main > .container, main > .container-fluid*/
/*{*/
/*    padding: 70px 15px 20px;*/
/*}*/

/*.footer {*/
/*    background-color: #f5f5f5;*/
/*    font-size: .9em;*/
/*    height: 60px;*/
/*}*/

/*.footer > .container, .footer > .container-fluid {*/
/*    padding-right: 15px;*/
/*    padding-left: 15px;*/
/*}*/

/*.not-set {*/
/*    color: #c55;*/
/*    font-style: italic;*/
/*}*/

/*!* add sorting icons to gridview sort links *!*/
/*a.asc:after, a.desc:after {*/
/*    content: '';*/
/*    left: 3px;*/
/*    display: inline-block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: solid 5px transparent;*/
/*    margin: 4px 4px 2px 4px;*/
/*    background: transparent;*/
/*}*/

/*a.asc:after {*/
/*    border-bottom: solid 7px #212529;*/
/*    border-top-width: 0;*/
/*}*/

/*a.desc:after {*/
/*    border-top: solid 7px #212529;*/
/*    border-bottom-width: 0;*/
/*}*/

/*.grid-view th,*/
/*.grid-view td:last-child {*/
/*    white-space: nowrap;*/
/*}*/

/*.grid-view .filters input,*/
/*.grid-view .filters select {*/
/*    min-width: 50px;*/
/*}*/

/*.hint-block {*/
/*    display: block;*/
/*    margin-top: 5px;*/
/*    color: #999;*/
/*}*/

/*.error-summary {*/
/*    color: #a94442;*/
/*    background: #fdf7f7;*/
/*    border-left: 3px solid #eed3d7;*/
/*    padding: 10px 20px;*/
/*    margin: 0 0 15px 0;*/
/*}*/

/*!* align the logout "link" (button in form) of the navbar *!*/
/*.navbar form > button.logout {*/
/*    padding-top: 7px;*/
/*    color: rgba(255, 255, 255, 0.5);*/
/*}*/

/*@media(max-width:767px) {*/
/*    .navbar form > button.logout {*/
/*        display:block;*/
/*        text-align: left;*/
/*        width: 100%;*/
/*        padding: 10px 0;*/
/*    }*/
/*}*/

/*.navbar form > button.logout:focus,*/
/*.navbar form > button.logout:hover {*/
/*    text-decoration: none;*/
/*    color: rgba(255, 255, 255, 0.75);*/
/*}*/

/*.navbar form > button.logout:focus {*/
/*    outline: none;*/
/*}*/

/*!* style breadcrumb widget as in previous bootstrap versions *!*/
/*.breadcrumb {*/
/*    background-color: var(--bs-gray-200);*/
/*    border-radius: .25rem;*/
/*    padding: .75rem 1rem;*/
/*}*/

/*.breadcrumb-item > a*/
/*{*/
/*    text-decoration: none;*/
/*}*/


.first-block::before {
    content: "";
    position: absolute;
    top: -116px;
    left: 0;
    z-index: -1;
    height: 116px;
    width: 100%;
    background-color: rgb(250, 242, 232);
}

.first-block::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 62px;
    z-index: -1;
    background: url(../images/firstblock-after.svg) center top / 100% no-repeat transparent;
}

.first-block-img {
    width: 305px;
    aspect-ratio: auto 305 / 339;
    height: 339px;
}

ol, ul, li, dl, dd {
    margin: 0;
    padding: 0;
}

.workout-list {
    list-style: none;
    max-width: 560px;
    margin: 0px auto;
    margin-inline-start: 0px;
}

.workout-list li {
    align-items: center;
    display: flex;
    padding-bottom: 24px;
    text-align: left;
    width: 100%;
}

.workout-list-item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 32px;
    margin-right: 16px;
    min-width: 32px;
    width: 32px;
}

.workout-list-item-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.00622354em;
    line-height: 22px;
    text-transform: none;
}

.comment {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 7px;
    padding: 24px;
    margin-right: 24px;
    white-space: normal;
}

.comment-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}