| 1 |
- .pan-item[data-v-799537af]{width:200px;height:200px;border-radius:50%;display:inline-block;position:relative;cursor:default;box-shadow:0 1px 3px rgba(0,0,0,.2)}.pan-info-roles-container[data-v-799537af]{padding:20px;text-align:center}.pan-thumb[data-v-799537af]{width:100%;height:100%;background-position:50%;background-size:cover;border-radius:50%;overflow:hidden;position:absolute;transform-origin:95% 40%;transition:all .3s ease-in-out}.pan-info[data-v-799537af]{position:absolute;width:inherit;height:inherit;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 5px rgba(0,0,0,.05)}.pan-info h3[data-v-799537af]{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:18px;margin:0 60px;padding:22px 0 0 0;height:85px;font-family:Open Sans,Arial,sans-serif;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)}.pan-info p[data-v-799537af]{color:#fff;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid hsla(0,0%,100%,.5)}.pan-info p a[data-v-799537af]{display:block;color:#333;width:80px;height:80px;background:hsla(0,0%,100%,.3);border-radius:50%;color:#fff;font-style:normal;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:1px;padding-top:24px;margin:7px auto 0;font-family:Open Sans,Arial,sans-serif;opacity:0;transition:transform .3s ease-in-out .2s,opacity .3s ease-in-out .2s,background .2s linear 0s;transform:translateX(60px) rotate(90deg)}.pan-info p a[data-v-799537af]:hover{background:hsla(0,0%,100%,.5)}.pan-item:hover .pan-thumb[data-v-799537af]{transform:rotate(-110deg)}.pan-item:hover .pan-info p a[data-v-799537af]{opacity:1;transform:translateX(0) rotate(0deg)}.link--mallki{font-weight:800;color:#4dd9d5;font-family:Dosis,sans-serif;-webkit-transition:color .5s .25s;transition:color .5s .25s;overflow:hidden;position:relative;display:inline-block;line-height:1;outline:none;text-decoration:none}.link--mallki:hover{-webkit-transition:none;transition:none;color:transparent}.link--mallki:before{content:"";width:100%;height:6px;margin:-3px 0 0 0;background:#3888fa;position:absolute;left:0;top:50%;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.link--mallki:hover:before{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.link--mallki span{position:absolute;height:50%;width:100%;left:0;top:0;overflow:hidden}.link--mallki span:before{content:attr(data-letters);color:red;position:absolute;left:0;width:100%;color:#3888fa;-webkit-transition:-webkit-transform .5s;transition:transform .5s}.link--mallki span:nth-child(2){top:50%}.link--mallki span:first-child:before{top:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.link--mallki span:nth-child(2):before{bottom:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.link--mallki:hover span:before{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.box-card-component .el-card__header[data-v-0bb6edde]{padding:0!important}.box-card-component .box-card-header[data-v-0bb6edde]{position:relative;height:220px}.box-card-component .box-card-header img[data-v-0bb6edde]{width:100%;height:100%;transition:all .2s linear}.box-card-component .box-card-header img[data-v-0bb6edde]:hover{transform:scale(1.1);filter:contrast(130%)}.box-card-component .mallki-text[data-v-0bb6edde]{position:absolute;top:0;right:0;font-size:20px;font-weight:700}.box-card-component .panThumb[data-v-0bb6edde]{z-index:100;height:70px!important;width:70px!important;position:absolute!important;top:-45px;left:0;border:5px solid #fff;background-color:#fff;margin:auto;box-shadow:none!important}.box-card-component .panThumb[data-v-0bb6edde] .pan-info{box-shadow:none!important}.box-card-component .progress-item[data-v-0bb6edde]{margin-bottom:10px;font-size:14px}@media only screen and (max-width:1510px){.box-card-component .mallki-text[data-v-0bb6edde]{display:none}}
|
