body{font-family:sans-serif}.container-wrapper{background:#000;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden}.container{position:relative;overflow:hidden}.item{cursor:pointer;color:#fff;aspect-ratio:4/7;box-sizing:border-box;transform-origin:50%;will-change:transform,opacity;opacity:.8;border-radius:1rem;height:calc(100vh - 100px);padding:20px;position:absolute;top:50px;left:50%;overflow:hidden;transform:translate(-50%)}.item--model{opacity:0;background:0 0;left:-100%}.item--current{opacity:1}.content{opacity:1;will-change:transform,opacity;background:#00000080;border-radius:2.22222rem;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .6s,opacity .6s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.infos{text-align:center;flex-direction:column;align-items:center;width:100px;display:flex;position:absolute;top:50%;left:50%}.rounded{background:content-box content-box;border-radius:50%;width:100px;height:100px;margin-bottom:10px;padding:2px;box-shadow:0 0 0 2px #3d3}.content--current{opacity:1;opacity:0;background-color:#444;border-radius:1rem;transform:scale(2.22222)}.item--current .content--current{opacity:1;transform:scale(1)}.item--current .content:not(.content--current){opacity:0;transform:scale(1)}.no-scale{transform-origin:0 0;will-change:transform;transition:transform .6s;transform:scale(1)translate(-50%,-100%)}.item:not(.item--current) .no-scale{transform:scale(2.22222)translate(-50%,-50%)}.steps{will-change:opacity,transform;flex-direction:row;justify-content:space-between;transition:transform .6s,opacity .6s;display:flex;position:fixed;top:20px;left:10px;right:10px}.progress{background:#bbb;flex:1 0 0;margin:0 .4rem;display:flex}.current{background:#fff;height:4px}.image{aspect-ratio:4/7;height:100%;display:block;position:relative}.thumbnail{aspect-ratio:1;border-radius:50%;width:100%;display:block}video{object-fit:cover}
/*# sourceMappingURL=index.bd2f77c1.css.map */