.carousel{display:flex;position:relative;width:100%;overflow:clip;overflow-x:hidden;scroll-snap-type:x mandatory}.slide{display:flex;flex-shrink:0;flex-grow:1;flex-basis:100%;scroll-snap-align:start}.slide.active .slide-details_wrapper{animation:fadeInfadeOut 20s ease-in-out;-webkit-animation:fadeInfadeOut 20s ease-in-out}@keyframes fadeInfadeOut{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.slide.active .slide-image_wrapper:after{content:"";display:block;background-color:white;width:100%;height:inherit;position:relative;z-index:1;animation:inLeftOutRight 20s ease-in-out}@keyframes inLeftOutRight{0%{transform:scaleX(100%);transform-origin:right;right:0}5%{transform:scaleX(0);transform-origin:right;right:0}95%{transform:scaleX(0);transform-origin:left;left:0}to{transform:scaleX(100%);transform-origin:left;left:0}}.fade-enter{opacity:0;transition:opacity .3s}.fade-enter-active,.fade-exit{opacity:1;transition:opacity .3s}.fade-exit-active{opacity:0;transition:opacity .3s}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--gray-500);overflow:hidden}progress[value]::-webkit-progress-bar{background:var(--gray-100)}progress[value]::-webkit-progress-value{background:var(--gray-500)}progress[value]::-moz-progress-bar{background:var(--gray-100)}.post-sidebar.open{transform:translate(0);visibility:visible}.post-sidebar,.post-sidebar.open{transition:transform .5s ease-out,visibility .5s ease-out}.post-sidebar{transform:translate(100%);visibility:hidden}.post-sidebar__header.fade-out,.post-sidebar__modal.fade-out{opacity:0;transition:opacity .5s ease-out}.post-sidebar__header.fade-in{opacity:1;transition:opacity .5s ease-out}.post-sidebar__modal.fade-in{opacity:.9;transition:opacity .5s ease-out}