.slide-show-2{--theme:#000;background:var(--bg);overflow-x:hidden;padding:3rem 5rem;transition:1s}@media only screen and (max-width:815px){.slide-show-2{overflow:hidden;padding:0}}.slide-show-2.dark-theme{--theme:#fff}.slide-show-2 .image-showcase{height:45vh;position:relative;width:100%}.slide-show-2 .image-showcase .md-render{--side-width:2rem;background:var(--background,#d7cccc);border-radius:1rem;box-shadow:0 3px 7px -4px #0008;box-sizing:border-box;color:var(--theme,#000);left:calc(var(--side-width)/2);padding:5rem 1.6rem 1.6rem;position:absolute;top:93%;width:calc(75% - var(--side-width));z-index:2}@media only screen and (max-width:815px){.slide-show-2 .image-showcase .md-render{font-size:.8rem;padding-bottom:.5rem;top:91%}}.slide-show-2 .image-showcase .md-render:is(.v-enter-from,.v-leave-to){top:50%}.slide-show-2 .image-showcase .md-render:is(.v-enter-active,.v-leave-active){transition-duration:1.5s}.slide-show-2 .image-showcase img{border-radius:1rem;box-shadow:0 11px 22px -8px var(--img-shadow,rgba(0,0,0,.267));height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition-duration:.7s;transition-timing-function:cubic-bezier(.58,.69,.15,.98);width:25%;z-index:4}.slide-show-2 .image-showcase img.active{height:110%;margin-top:-2.5%;width:75%}.slide-show-2>.controls{margin-top:11rem;width:100%}@media only screen and (max-width:815px){.slide-show-2>.controls{margin-bottom:1.5rem;margin-top:7.5rem;width:90%}}@media only screen and (max-width:550px){.slide-show-2>.controls{margin-top:9rem}}@media only screen and (max-width:450px){.slide-show-2>.controls{margin-top:11rem}}@media only screen and (max-width:369px){.slide-show-2>.controls{margin-top:14rem}}@media only screen and (max-width:315px){.slide-show-2>.controls{margin-top:16.5rem}}.slide-show-2>.controls h1{color:var(--theme,#000)}.slide-show-2>.controls button:not(.pause){background:none;border:3px solid var(--theme,#000);border-radius:5rem;height:var(--size);width:var(--size);--size:2rem;padding:0}.slide-show-2>.controls button:not(.pause) svg{--lighter:var(--theme,#000)}.slide-show-2>.controls button:not(.pause) path{stroke-width:4}.slide-show-2>.controls button.pause{background:rgb(from var(--theme,black) r g b/.15);border:1px solid rgb(from var(--theme,black) r g b/.15);padding:.5rem}.slide-show-2>.controls button.pause svg{--lighter:var(--theme,#000)}