.block {
    --width: auto;
    --min-width: initial;
    --max-width: initial;
    --margin-left: 0px;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --translateX: 0px;
    --translateY: 0px;
    --translateZ: 0px;
    --rotateX: 0deg;
    --rotateY: 0deg;
    --rotateZ: 0deg;
    --scaleX: 1;
    --scaleY: 1;
    --scaleZ: 1;
    margin-left: var(--margin-left);
    margin-top: var(--margin-top);
    margin-right: var(--margin-right);
    margin-bottom: var(--margin-bottom);
    width: calc(var(--width) - var(--margin-left) - var(--margin-right));
    min-width: calc(var(--min-width)- var(--margin-left) - var(--margin-right));
    max-width: calc(var(--max-width)- var(--margin-left) - var(--margin-right));
}

.block-articles {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    flex-wrap: wrap;
}

.block-button {
    display: block;
}

.block-image {
    display: block;
}

.block-list .block-list-item {
    margin-left: 2rem;
}

/* Shop nav */
.block-shop-nav a {
    color: inherit;
    display: block;
}

.block-shop-nav[align="Vertical"] ul {
    padding-left: 1rem;
}

.block-shop-nav[align="Horizontal"] ul {
    list-style-type: none;
}

.block-shop-nav[align="Horizontal"] ul li a {
    color: inherit;
    display: block;
    padding: 10px;
}

.block-shop-nav[align="Horizontal"] li {
    position: relative;
    left: 0px;
    top: 100%;
}

.block-shop-nav[align="Horizontal"] li>ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: absolute;
    left: 0px;
    top: 100%;
    min-width: 100%;
}

.block-shop-nav[align="Horizontal"] li:not(:hover)>ul {
    display: none !important;
}

/* Shop nav first level */
.block-shop-nav[align="Horizontal"]>ul {
    display: flex;
    flex-direction: row;
}

.block-shop-nav[align="Horizontal"]>ul>li {}

/* Shop nav second level */
.block-shop-nav[align="Horizontal"]>ul>li>ul {
    background-color: white;
    color: black;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0px;
    top: 100%;
}

/* Shop nav third level */
.block-shop-nav[align="Horizontal"]>ul>li>ul>li>ul {
    background-color: white;
    color: black;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0px;
}

.block-banner {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.block-banner>.block-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.block-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 10px;
}

.block[animation] {
    &:not([ready="true"]) {
        transform:
            translateX(var(--translateX)) translateY(var(--translateY)) translateZ(var(--translateZ)) rotateX(var(--rotateX)) rotateY(var(--rotateY)) rotateZ(var(--rotateZ)) scaleX(var(--scaleX)) scaleY(var(--scaleY)) scaleZ(var(--scaleZ));

        &[animation-opacity="true"] {
            opacity: 0;
        }
    }
}

.block-column {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
}

.block-flex {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
}

.block-gallery {
    display: flex;
    flex-wrap: wrap;
}

.block-paragraph {
    white-space: pre-wrap;
}

.block-post-banner {
    display: flex;
    flex-direction: column;
}

.block-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    flex-wrap: wrap;
}

.block-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-section>* {
    width: 100%;
    max-width: var(--content-width);
}

.block-site-nav a {
    display: block;
    white-space: nowrap;
}

.block-site-nav[align="Horizontal"] {
    flex-direction: row;
}

.block-site-nav[align="Horizontal"] .block-site-nav-item {
    position: relative;
}

.block-site-nav[align="Horizontal"] .block-site-nav-item .block-site-nav-items {
    min-width: 100%;
}

.block-site-nav[align="Horizontal"] .block-site-nav-item:not(:hover)>.block-site-nav-items {
    display: none;
}

.block-site-nav[align="Horizontal"] .block-site-nav-item>.block-site-nav-items {
    position: absolute;
    left: 100%;
    top: 0px;
}

.block-site-nav[align="Horizontal"]>.block-site-nav-item>.block-site-nav-items {
    position: absolute;
    left: 0px;
    top: 100%;
}

.block-site-nav[align="Vertical"] {
    flex-direction: column;
}

.block-slider {
    --slider-transition: 500ms;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.block-slider .block-slider-content {
    width: 100%;
    height: 100%;
}

.block-slider .block-slider-content .block-slider-track {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
}

.block-slider .block-slider-content .block-slider-track .block-slider-track-item {
    flex-shrink: 0;
    opacity: 0;
    width: 100%;
    transition: var(--slider-transition) opacity;
}

.block-slider .block-slider-content .block-slider-track .block-slider-track-item:not(:first-child) {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.block-slider .block-slider-content .block-slider-track .block-slider-track-item[prev="true"] {
    opacity: 1;
    z-index: 1;
}

.block-slider .block-slider-content .block-slider-track .block-slider-track-item[current="true"] {
    opacity: 1;
    z-index: 2;
}

[data-lines] {
    --lines: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--lines);
    line-clamp: var(--lines);
    -webkit-box-orient: vertical;
}