:root{--background-color:#13731f;--contrast-color:#1cbf26;--people-translate:15vw}*,:after,:before{box-sizing:border-box;font-family:sans-serif;font-weight:100;margin:0;padding:0}body,html{height:100%}body{align-items:center;background-color:#13731f;box-sizing:border-box;color:#fff}.next,body{display:flex;flex-direction:column;justify-content:center}.next{display:none;height:30vw;text-align:center;width:100%}.next--done .next__text-container{height:0;opacity:0}.next--done .next__name{font-size:10vw;height:100%}.next__text,.next__text-container{height:6vw}.next__text-container{align-items:flex-end;display:flex;justify-content:center;transition:height .5s,opacity .5s}.next__text{font-size:5vw}.next__name{align-items:center;font-size:20vw;height:24vw;transition:height .5s,opacity .5s}.next__name,.people{display:flex;justify-content:center}.people{flex-wrap:wrap;gap:2vw;position:relative;width:80vw}.people--animated .people__arrow{transition:opacity .25s}.people--animated .people__item{transition:gap .25s,background-color .25s,border-color .25s,opacity .25s,transform .25s ease-out}.people--animated.people--rolling .people__item{transition:gap .25s,background-color .25s,border-color .25s,opacity .25s,transform 3s cubic-bezier(.25,-.2,.5,1.1)}.people--animated .people__presents{transition:width .25s,opacity .25s}.people--animated .people__presents-counter{transition:top .5s cubic-bezier(.6,-.5,.4,1.5)}.people--rolling .people__item{gap:0}.people--rolling .people__presents{opacity:0;width:0}.people--focus .people__arrow,.people--focus .people__item:not(.people__item--next){opacity:0}.people--focus .people__item--next{background-color:#1cbf26;transform:scale(5)!important;z-index:1}.people__arrow{border:1vw solid transparent;border-top-color:#1cbf26;transform:translateY(calc((var(--people-translate) + 2vw)*-1));width:1vw}.people__item{align-items:center;background-color:var(--background-color);border:max(1px,.2vw) solid #1cbf26;border-radius:3vw;display:flex;font-size:max(2vw,12px);gap:0;height:5vw;opacity:1;padding:1vw 2vw;position:absolute}.people__item--next{background-color:#1cbf26;gap:1vw}.people__item--next .people__presents{opacity:1;width:3vw}.people__item--done{background-color:transparent;border-color:#fff;color:#fff;opacity:.25}.people__item--index-0{transform:rotate(calc(var(--person-0) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-0)*-1 - var(--people-rotation)))}.people__item--index-1{transform:rotate(calc(var(--person-1) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-1)*-1 - var(--people-rotation)))}.people__item--index-2{transform:rotate(calc(var(--person-2) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-2)*-1 - var(--people-rotation)))}.people__item--index-3{transform:rotate(calc(var(--person-3) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-3)*-1 - var(--people-rotation)))}.people__item--index-4{transform:rotate(calc(var(--person-4) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-4)*-1 - var(--people-rotation)))}.people__item--index-5{transform:rotate(calc(var(--person-5) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-5)*-1 - var(--people-rotation)))}.people__item--index-6{transform:rotate(calc(var(--person-6) + var(--people-rotation))) translateY(calc(var(--people-translate)*-1)) rotate(calc(var(--person-6)*-1 - var(--people-rotation)))}.people__presents{align-items:center;display:flex;height:100%;justify-content:flex-end;opacity:0;overflow:hidden;position:relative;text-align:right;width:0}.people__presents--show-last .people__presents-counter--last{top:0}.people__presents--show-last .people__presents-counter--current{top:-100%}.people__presents-counter{align-items:center;display:flex;height:100%;justify-content:flex-end;position:absolute}.people__presents-counter--last{top:100%}.people__presents-counter--current{top:0}.list__items{height:400px;overflow-y:scroll}.list__header,.list__item{border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:10px}.list__header:last-child,.list__item:last-child{border-bottom:none}.list__header .list__button,.list__item .list__button{display:none}.list__name-input input,.list__value-input input{font-size:20px;height:100%;padding:5px;width:100%}.list__name-input{width:40%}.list__value-input{width:25%}.list__value-input input{text-align:right}.buttons{display:flex;display:none;gap:10px;justify-content:space-between;padding:10px}.buttons__button{padding:5px 10px}.overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:100}.overlay--hidden{display:none}.overlay__content{background-color:#fff;width:min(100%,600px)}.overlay__content--hidden{display:none}