.tip{display:none;position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;left:2.5rem;z-index:5;top:50%;transform:translateY(-50%)}@media(min-width:1600px){.tip{display:block}}.tip__thumbnail{margin:0;padding:0;display:block;width:5.9375rem;height:5.9375rem;z-index:1;position:relative;transform:scale(1)}.tip__thumbnail:before{transform:scale(.95);box-shadow:3px 3px 10px 0 rgba(0,0,0,.25);transition:box-shadow .2s ease-in-out,transform .2s cubic-bezier(.175,.885,.32,1.275);content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;border-radius:50%;z-index:-1}.tip__img{transition:box-shadow .2s ease-in-out,transform .2s cubic-bezier(.175,.885,.32,1.275);width:100%;height:auto;border-radius:50%}.tip__text{transition:width .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;width:0;overflow:hidden;top:50%;transform:translateY(-50%);left:1.875rem;background-color:#182c48;border-radius:0 .625rem .625rem 0;color:#fff}.tip__text p{margin:0;padding:.625rem .625rem .625rem 5.625rem;width:28.125rem;font-size:.875rem;color:#fff;font-weight:500}.tip:hover .tip__text{width:28.75rem}.tip:hover .tip__img{transform:scale(1.1)}.tip:hover .tip__thumbnail:before{transform:scale(1.15);box-shadow:4px 4px 12px 0 rgba(0,0,0,.35)}.tip--to-bottom{bottom:0;top:auto;transform:none}.tip--top{top:0}.tip--to-left{left:10vw;bottom:-60px}.tip--animate .tip__text{width:28.75rem}.tip--animate .tip__img{transform:scale(1.1)}.tip--animate .tip__thumbnail:before{transform:scale(1.15);box-shadow:4px 4px 12px 0 rgba(0,0,0,.35)}