.h1.icon, .h1.icon img {
    diplay: block;
    height: calc(var(--h1) * 1.2);
    width:auto
}

.h2.icon, .h2.icon img {
    diplay: block;
    height: calc(var(--h2) * 1.2);
    width:auto
}

.h3.icon, .h3.icon img {
    diplay: block;
    height: calc(var(--h3) * 1.5);
    width:auto
}

.h4.icon, .h4.icon img {
    diplay: block;
    height: calc(var(--h4) * 1.5);
    width:auto
}

.h5.icon, .h5.icon img {
    diplay: block;
    height: calc(var(--h5) * 1.5);
    width:auto
}

.h6.icon, .h6.icon img {
    diplay: block;
    height: calc(var(--h6) * 1.5);
    width:auto
}

.accordian-icon, .accordian-icon img {
    diplay: block;
    height: calc(var(--h3) * 2);
    width:auto
}

@media (min-width: 576px) {
    .h1.icon, .h1.icon img {
        diplay: block;
        height: calc(var(--sm-h1) * 1.2);
        width:auto
    }

    .h2.icon, .h2.icon img {
        diplay: block;
        height: calc(var(--sm-h2) * 1.2);
        width:auto
    }

    .h3.icon, .h3.icon img {
        diplay: block;
        height: calc(var(--sm-h3) * 1.5);
        width:auto
    }

    .h4.icon, .h4.icon img {
        diplay: block;
        height: calc(var(--sm-h4) * 1.5);
        width:auto
    }

    .h5.icon, .h5.icon img {
        diplay: block;
        height: calc(var(--sm-h5) * 1.5);
        width:auto
    }

    .h6.icon, .h6.icon img {
        diplay: block;
        height: calc(var(--sm-h6) * 1.5);
        width:auto
    }
    
    .accordian-icon, .accordian-icon img {
        diplay: block;
        height: calc(var(--sm-h3) * 2);
        width:auto
    }
}

@media (min-width: 1024px) {
    .h1.icon, .h1.icon img {
        diplay: block;
        height: calc(var(--md-h1) * 1.2);
        width:auto
    }

    .h2.icon, .h2.icon img {
        diplay: block;
        height: calc(var(--md-h2) * 1.2);
        width:auto
    }

    .h3.icon, .h3.icon img {
        diplay: block;
        height: calc(var(--md-h3) * 1.5);
        width:auto
    }

    .h4.icon, .h4.icon img {
        diplay: block;
        height: calc(var(--md-h4) * 1.5);
        width:auto
    }

    .h5.icon, .h5.icon img {
        diplay: block;
        height: calc(var(--md-h5) * 1.5);
        width:auto
    }

    .h6.icon, .h6.icon img {
        diplay: block;
        height: calc(var(--md-h6) * 1.5);
        width:auto
    }

    .accordian-icon, .accordian-icon img {
        diplay: block;
        height: calc(var(--md-h3) * 2);
        width:auto
    }
}

@media (min-width: 1440px) {
    .h1.icon, .h1.icon img {
        diplay: block;
        height: calc(var(--lg-h1) * 1.2);
        width:auto
    }

    .h2.icon, .h2.icon img {
        diplay: block;
        height: calc(var(--lg-h2) * 1.2);
        width:auto
    }

    .h3.icon, .h3.icon img {
        diplay: block;
        height: calc(var(--lg-h3) * 1.5);
        width:auto
    }

    .h4.icon, .h4.icon img {
        diplay: block;
        height: calc(var(--lg-h4) * 1.5);
        width:auto
    }

    .h5.icon, .h5.icon img {
        diplay: block;
        height: calc(var(--lg-h5) * 1.5);
        width:auto
    }

    .h6.icon, .h6.icon img {
        diplay: block;
        height: calc(var(--lg-h6) * 1.5);
        width:auto
    }

    .accordian-icon, .accordian-icon img {
        diplay: block;
        height: calc(var(--lg-h3) * 2);
        width:auto
    }
}

.image-module .image-layout-1, .image-module .image-layout-2, .image-module .image-layout-3, .images-module .image-1, .images-module .image-2, .images-module .image-3,
.text-and-image-module .one-image-layout.one-image-layout-2 .image-container-2 .image-container-stack, .text-and-image-module .one-image-layout.one-image-layout-4 .image-container-1 .image-container-stack {
    margin:auto
}

.images-module .image-1-container, .images-module .image-2-container, .images-module .image-3-container {
    width:100%
}

.image-module .image-layout-1 {
    width:100%
}

.image-module .image-layout-2 {
    width:80%
}

.image-module .image-layout-3 {
    width:80%
}

.credit.text-left, .credit.text-center {
    max-width:555px
}

.credit.text-center {
    margin:auto
}

.images-module .two-images-layout.two-images-layout-2 .image-2, .images-module .two-images-layout.two-images-layout-3 .image-1, .images-module .two-images-layout.two-images-layout-4 .image-2, .images-module .two-images-layout.two-images-layout-5 .image-1,
.images-module .three-images-layout.three-images-layout-2 .image-1-container image-1, .images-module .three-images-layout.three-images-layout-2 .image-3-container image-3,
.text-and-image-module .one-image-layout.one-image-layout-2 .image-container-2 .image-container-stack, .text-and-image-module .one-image-layout.one-image-layout-4 .image-container-1 .image-container-stack {
    width:80%
}

.quote-and-image-column-layout .image,
.text-and-image-module .image-container-stack,
.image-module .image-layout-1,
.images-module .three-images-layout-2 .image-2-container .image-2,
.images-module .image-containers .image-1, .images-module .image-containers .image-2, .images-module .image-containers .image-3, .images-module .image-containers + div {
    width: 90%;
    margin:auto
}

.images-module .three-images-layout-2 .image-1-container .image-1,
.images-module .three-images-layout-2 .image-3-container .image-3 {
    width:80%
}

.quote-and-image-overlay-aspect-3-2 {
    position: relative;
    padding-top:66.66%
}

.quote-and-image-overlay-aspect-4-3 {
    position: relative;
    padding-top:75%
}

.quote-and-image-overlay-aspect-1-1 {
    position: relative;
    padding-top:100%
}

.quote-and-image-overlay-aspect-4-5 {
    position: relative;
    padding-top:125%
}

.quote-and-image-overlay-aspect-16-9 {
    position: relative;
    padding-top:56.25%
}

.quote-and-image-overlay-aspect-3-4 {
    position: relative;
    padding-top:133.33%
}

.quote-and-image-overlay-layout .image-container, .quote-and-image-overlay-layout .image-container .image, .quote-and-image-overlay-layout .image-container .image picture, .quote-and-image-overlay-layout .image-container .image picture img, .quote-and-image-overlay-layout .quote-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%    
}

.quote-and-image-overlay-layout .quote-container {
    display: flex;
    align-items:center
}

.quote-and-image-overlay-layout.quote-and-image-overlay-layout-1 .quote-container {
    justify-content:center
}

.quote-and-image-overlay-layout.quote-and-image-overlay-layout-2 .quote-container {
    justify-content:start
}

.quote-and-image-overlay-layout.quote-and-image-overlay-layout-2 .quote-container blockquote {
    text-align:left
}

.quote-and-image-overlay-aspect-3-2 img,
.quote-and-image-overlay-aspect-4-3 img,
.quote-and-image-overlay-aspect-1-1 img,
.quote-and-image-overlay-aspect-4-5 img,
.quote-and-image-overlay-aspect-16-9 img,
.quote-and-image-overlay-aspect-3-4 img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit:cover
}

.two-images-layout.two-images-layout-3 .image-container-1, .two-images-layout.two-images-layout-4 .image-container-1 {
    margin-bottom:20px
}

.two-images-layout.two-images-layout-4 .image-container-1 .credit {
    display:none
}

.quote-and-image-column-layout cite {
    color:var(--liquid-green)
}

@media (min-width: 768px) {
    .quote-and-image-column-layout .image {
        padding-left: var(--space-20);
        padding-right:var(--space-20)
    }
}

@media (min-width: 1080px) {
    .images-module .two-images-layout.two-images-layout-4 .image-2 .credit, .images-module .two-images-layout.two-images-layout-5 .image-1 .credit {
        order:0
    }
    
    .images-module .two-images-layout.two-images-layout-4 .image-2 picture, .images-module .two-images-layout.two-images-layout-5 .image-1 picture {
        order:1    
    }

    .image-module .image-layout-1 {
        width:100%
    }

    .image-module .image-layout-2 {
        width:75%
    }

    .image-module .image-layout-3 {
        width:50%
    }
    
    .images-module .two-images-layout.two-images-layout-2 .image-2, .images-module .two-images-layout.two-images-layout-3 .image-1, .images-module .two-images-layout.two-images-layout-4 .image-2, .images-module .two-images-layout.two-images-layout-5 .image-1,
    .images-module .three-images-layout.three-images-layout-2 .image-1-container, .images-module .three-images-layout.three-images-layout-2 .image-3-container,
    .text-and-image-module .one-image-layout.one-image-layout-2 .image-container-2 .image-container-stack, .text-and-image-module .one-image-layout.one-image-layout-4 .image-container-1 .image-container-stack {
        width:75%
    }

    .images-module .three-images-layout.three-images-layout-2 .image-2-container {
        width:40%
    }

    .images-module .three-images-layout.three-images-layout-2 .image-1-container, .images-module .three-images-layout.three-images-layout-2 .image-3-container {
        width:30%
    }
    
    .quote-and-image-column-layout .image-container, .quote-and-image-column-layout .quote-container {
        width:50%    
    }
    
    .quote-and-image-column-layout {
        align-items:center
    }
    
    .quote-and-image-column-layout.quote-and-image-column-layout-2 .image-container, .quote-and-image-column-layout.quote-and-image-column-layout-1 .quote-container, .quote-and-image-column-layout.quote-and-image-column-layout-4 .image-container, .quote-and-image-column-layout.quote-and-image-column-layout-3 .quote-container {
        order:0    
    }
    
    .quote-and-image-column-layout.quote-and-image-column-layout-1 .image-container, .quote-and-image-column-layout.quote-and-image-column-layout-2 .quote-container, .quote-and-image-column-layout.quote-and-image-column-layout-3 .image-container, .quote-and-image-column-layout.quote-and-image-column-layout-4 .quote-container {
        order:1
    }
    
    .quote-and-image-column-layout.quote-and-image-column-layout-4 .image-container, .quote-and-image-column-layout.quote-and-image-column-layout-3 .quote-container {
        padding-left:0 !important    
    }

    .quote-and-image-column-layout.quote-and-image-column-layout-3 .image-container, .quote-and-image-column-layout.quote-and-image-column-layout-4 .quote-container {
        padding-right:0 !important
    }
    
    .quote-and-image-column-layout.quote-and-image-column-layout-3, .quote-and-image-column-layout.quote-and-image-column-layout-4 {
        background: var(--manga-paper);
        border-radius:var(--border-radius-1);
    }
    
    .text-and-image-module .one-image-layout.one-image-layout-1 .text-container, .text-and-image-module .one-image-layout.one-image-layout-1 .image-container-2, .text-and-image-module .one-image-layout.one-image-layout-2 .text-container, .text-and-image-module .one-image-layout.one-image-layout-2 .image-container-2,
    .text-and-image-module .one-image-layout.one-image-layout-3 .image-container-1, .text-and-image-module .one-image-layout.one-image-layout-3 .text-container, .text-and-image-module .one-image-layout.one-image-layout-4 .image-container-1, .text-and-image-module .one-image-layout.one-image-layout-4 .text-container {
        width:50%
    }
    
    .quote-and-image-column-layout .image,
    .text-and-image-module .image-container-stack,
    .image-module .image-layout-1,
    .images-module .image-containers .image-1, .images-module .image-containers .image-2, .images-module .image-containers .image-3, .images-module .image-containers + div,
    .three-images-layout.three-images-layout-1 .image-1-container, .three-images-layout.three-images-layout-1 .image-2-container, .three-images-layout.three-images-layout-1 .image-3-container,
    .images-module .three-images-layout-2 .image-1-container .image-1, .images-module .three-images-layout-2 .image-2-container .image-2, .images-module .three-images-layout-2 .image-3-container .image-3,
    .two-images-layout .image-1-container, .two-images-layout .image-2-container {
        width:100%
    }

    .text-and-image-module .one-image-layout.one-image-layout-5 .image-container-1, .text-and-image-module .one-image-layout.one-image-layout-5 .image-container-2,
    .text-and-image-module .one-image-layout.one-image-layout-6 .image-container-1, .text-and-image-module .one-image-layout.one-image-layout-6 .image-container-2,
    .text-and-image-module .two-images-layout .image-container-1, .text-and-image-module .two-images-layout .image-container-2 {
        flex:1
    }

    .text-and-image-module .one-image-layout.one-image-layout-5 .text-container, .text-and-image-module .one-image-layout.one-image-layout-6 .text-container,
    .text-and-image-module .two-images-layout .text-container {
        flex: 2;
        max-width:550px
    }
    
    .two-images-layout.two-images-layout-3 .image-container-1, .two-images-layout.two-images-layout-4 .image-container-1 {
        margin-bottom:0
    }
    
    .two-images-layout.two-images-layout-4 .image-container-1 .credit {
        display:initial
    }

    .two-images-layout.two-images-layout-4 .image-container-2 .credit {
        display:none
    }
    
    .text-and-image-module .one-image-layout.one-image-layout-5 .text-container .max-line-length, .text-and-image-module .one-image-layout.one-image-layout-6 .text-container .max-line-length, .text-and-image-module .two-images-layout .text-container .max-line-length {
        width:555px
    }
    
    .max-line-length-2 {
        max-width: 835px;
    }

    .quote-and-image-column-layout .image {
        padding-left: var(--space-10);
        padding-right:var(--space-10)
    }
}

@media (min-width: 1480px) {
    .quote-and-image-column-layout .image {
        padding-left: var(--space-20);
        padding-right:var(--space-20)
    }
}

.flex-align-center, .flex-align-top {
    align-items:center
}

@media (min-width: 1080px) {
    .flex-align-top {
        align-items:start
    }
}

.lazyload-transition {
    opacity:0
}

.lazyload-transition.lazyloaded {
    opacity: 1;
    transition:opacity 500ms cubic-bezier(0.65, 0, 0.35, 1)
}

.slider-modal img {
    background:transparent
}

img, picture, .swiper-button-prev, .swiper-button-next, .swiper > *, header > * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.slider-modal img {
    position:relative;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height:100%
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-icon {
    -webkit-animation: loader 1s linear infinite;
    -moz-animation: loader 1s linear infinite;
    -ms-animation: loader 1s linear infinite;
    -o-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite;
}

.slider-modal .swiper-slide .container-2 div {
    max-height:var(--container-2)
}

@media (min-width: 768px) {
    .slider-modal .swiper-slide .container-2 div {
        max-height:calc(var(--sm-container-2) - var(--space-20))
    }
}

@media (min-width: 1080px) {
    .slider-modal .swiper-slide .container-2 div {
        max-height:calc(var(--md-container-2) - var(--space-10))
    }
}

@media (min-width: 1480px) {
    .slider-modal .swiper-slide .container-2 div {
        max-height:calc(var(--lg-container-2) - var(--space-20))
    }
}

.hidden-input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

input[type=checkbox]+label {
  background: ;
}

input[type=checkbox]:checked+label {
  background: var(--manga-paper);
}