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