.input-group--photo{background-color:#dcdcdc;border:4px dotted #bbb;grid-area:1/2/3;place-self:end;width:130px;height:130px;transition:border-color .2s;position:relative}@media (hover:hover){.input-group--photo:hover{border-color:#555}.input-group--photo:hover,.input-group--photo label:hover{cursor:pointer}}.photo-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.photo-label__uploaded-img{position:absolute}#add-photo:focus-visible+label{outline:6px solid #00f}.photo-label__text{font-size:.9rem}.input-group__delete-photo{width:max-content;padding:2px;font-size:.9rem;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;z-index:1;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.adjust-photo{grid-row-gap:20px;background-color:#000;grid-template-columns:1fr 1fr;justify-items:center;width:100%;max-width:600px;padding-top:20px;display:grid;position:relative;overflow:hidden}@media (width>=601px){.adjust-photo{border-radius:10px}}.adjust-photo h2{color:#fff;grid-column:1/-1;font-size:1.2rem}.adjust-photo__div{border-radius:10px;grid-column:1/-1;width:200px;height:200px;position:relative;overflow:hidden}.adjust-photo__img{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute}.adjust-photo__img.grabbing{cursor:grabbing}.adjust-photo__controls{grid-row-gap:20px;grid-column-gap:10px;background-color:#fff;grid-column:1/-1;grid-template-columns:1fr 1fr;justify-items:center;width:100%;padding:10px;display:grid}.adjust-photo__save{grid-column:1/-1}.adjust-photo__rotate{border:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:10px;font-size:1.1rem;display:flex}.input-group--zoom{text-align:center}.adjust-photo__close{background-color:#0000;border:none;position:absolute;top:10px;right:10px}.adjust-photo__close svg{width:25px}.adjust-photo__close svg path{transition:all .3s}@media (hover:hover){.adjust-photo__close:hover svg path{fill:red}}#zoom{cursor:pointer}