.profile-picture-container{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-picture-wrapper{cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1);will-change:transform}.main-picture-wrapper.pressed{transform:scale(.7)}.bubbles-container{position:absolute;top:50%;left:50%;width:1px;height:1px;pointer-events:none;opacity:0;transition:opacity .3s ease}.bubbles-container.visible{pointer-events:auto;opacity:1}.selector-bubble{position:absolute;top:0;left:0;border-radius:50%;overflow:hidden;cursor:pointer;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s ease,background-color .3s ease;will-change:transform;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.1)}.bubbles-container.visible .selector-bubble{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}.selector-bubble.active{border-color:hsla(0,0%,100%,.8);transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1.15)}.bubble-image{transition:filter .3s ease}.selector-bubble.active .bubble-image{filter:blur(4px)}.bubble-year-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1.1rem;text-shadow:0 0 8px rgba(0,0,0,.7);pointer-events:none}