.email:not(.expand):hover{background:#dedbda}.email:not(.expand){cursor:pointer}.email{background:#fff;border-radius:16px;height:32px;overflow:hidden;position:relative;width:162px;-webkit-tap-highlight-color:transparent;transition:width 300ms cubic-bezier(.4,0,.2,1),height 300ms cubic-bezier(.4,0,.2,1),box-shadow 300ms cubic-bezier(.4,0,.2,1),border-radius 300ms cubic-bezier(.4,0,.2,1)}.from{position:absolute;transition:opacity 200ms 100ms cubic-bezier(0,0,.2,1)}.from-contents{display:flex;flex-direction:row;transform-origin:0 0;transition:transform 300ms cubic-bezier(.4,0,.2,1)}.to{opacity:0;position:absolute;transition:opacity 100ms cubic-bezier(.4,0,1,1)}.to-contents{transform:scale(.55);transform-origin:0 0;transition:transform 300ms cubic-bezier(.4,0,.2,1)}.avatar{border-radius:12px;height:24px;left:6px;position:relative;top:4px;width:24px}.name{font-size:14px;line-height:32px;margin-left:10px}.top{background:#6422eb;display:flex;flex-direction:row;height:70px;transition:height 300ms cubic-bezier(.4,0,.2,1);width:560px}.avatar-large{border-radius:21px;height:42px;margin-left:12px;position:relative;top:14px;width:42px}.name-large{color:#efd8ef;font-size:16px;line-height:70px;margin-left:20px}.x-touch{align-items:center;align-self:center;cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:auto;width:50px}.x{background:#ba87f9;border-radius:10px;height:20px;position:relative;width:20px}.x-touch:hover .x{background:#cb9afb}.line1{background:#6422eb;height:12px;position:absolute;transform:translateX(9px) translateY(4px) rotate(45deg);width:2px}.line2{background:#6422eb;height:12px;position:absolute;transform:translateX(9px) translateY(4px) rotate(-45deg);width:2px}.bottom{background:#fff;color:#444247;font-size:14px;height:500px;padding-top:5px;width:100%}.twitter{margin-left:16px;height:30px;position:relative;top:0;width:30px}.medium{height:30px;margin-left:16px;position:relative;width:30px}.link a:hover{color:#777579}.link a{color:#444247;text-decoration:none}.link{margin-left:16px}.email.expand{border-radius:6px;box-shadow:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.16);height:300px;width:50%}.expand .from{opacity:0;transition:opacity 100ms cubic-bezier(.4,0,1,1)}.expand .from-contents{transform:scale(1.91)}.expand .to{opacity:1;transition:opacity 200ms 100ms cubic-bezier(0,0,.2,1)}.expand .to-contents{transform:scale(1)}@media screen and (max-width:780px){.email.expand{width:100%}.top{width:100%}}@media screen and (max-width:760px){.email.expand{width:100%}.top{width:100%}}