.rpi .rpi-flash{--info-gap:4px;--card-bg:none;--text-lines:auto}.rpi .rpi-flash-wrap{display:block;position:fixed;top:100%;left:0;width:auto;font-size:16px;z-index:999999999999}.rpi .rpi-flash-wrap.rpi-flash-right{left:auto;right:0}.rpi .rpi-flash-content{opacity:0;padding:16px;-webkit-transform:translate(0,0%);-ms-transform:translate(0,0%);transform:translate(0,0%);-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:transform 300ms ease,opacity 300ms ease;transition:transform 300ms ease,opacity 300ms ease,-webkit-transform 300ms ease}.rpi .rpi-flash-content.rpi-flash-visible{opacity:1;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);text-align:left}.rpi .rpi-flash-content.rpi-flash-visible.rpi-flash-gout{opacity:.5;-webkit-transition:opacity 150ms ease;transition:opacity 150ms ease;transition:opacity 150ms ease;transition:opacity 150ms ease}.rpi .rpi-flash-card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:400px;max-height:var(--flash-height);max-width:var(--flash-width);color:#8d8d8d;font-size:12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;border-radius:20px;background-color:#fff;box-shadow:0 1px 5px 0 rgb(0 0 0 / 20%),0 3px 1px -2px rgb(0 0 0 / 12%),0 2px 2px 0 rgb(0 0 0 / 14%);-webkit-transition:max-height 300ms ease,opacity 300ms ease,-webkit-transform 300ms ease;transition:max-height 300ms ease,opacity 300ms ease,-webkit-transform 300ms ease;transition:max-height 300ms ease,opacity 300ms ease,transform 300ms ease;transition:max-height 300ms ease,opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease;cursor:pointer}.rpi .rpi-flash-card:hover{box-shadow:0 5px 5px -3px rgb(0 0 0 / 20%),0 3px 14px 2px rgb(0 0 0 / 12%),0 8px 10px 1px rgb(0 0 0 / 14%);opacity:1;-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px)}.rpi .rpi-flash-card.rpi-flash-expanded{height:400px;max-height:400px}.rpi .rpi-flash-card .rpi-img{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)}.rpi .rpi-flash .rpi-x{--x-top:10px;--x-right:-2px;--x-width:20px;--x-height:20px;--x-bg:#fafafa;z-index:3;opacity:.5;-webkit-transform:translate(0,-30px);-ms-transform:translate(0,-30px);transform:translate(0,-30px);-webkit-transition:opacity 200ms ease,-webkit-transform 200ms ease;transition:opacity 200ms ease,-webkit-transform 200ms ease;transition:opacity 200ms ease,transform 200ms ease;transition:opacity 200ms ease,transform 200ms ease,-webkit-transform 200ms ease}.rpi .rpi-flash .rpi-x{opacity:0;transform:translate(0,0)}.rpi .rpi-flash-content:hover .rpi-x{opacity:1;transform:translate(0,-10px)}.rpi .rpi-flash-x::before,.rpi .rpi-flash-x::after{--x-line-width:10px;--x-line-height:1px;--x-line-bg:#373737}.rpi .rpi-flash-story{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:16px;z-index:1;width:var(--flash-width);height:var(--flash-height);opacity:1;padding:8px 12px;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}.rpi .rpi-flash-story{--img-size:16px}.rpi .rpi-flash-expanded .rpi-flash-story{opacity:0}.rpi .rpi-flash .rpi-card{padding:0 16px}.rpi .rpi-flash .rpi-card.rpi-highlight{background:#f3f3f3}.rpi .rpi-flash-img{--img-size:50px}.rpi .rpi-flash-img svg{display:inline-block;width:auto;height:auto}.rpi .rpi-flash-head,.rpi .rpi-flash-body,.rpi .rpi-flash-footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.rpi .rpi-flash-head,.rpi .rpi-flash-body{color:#333;font-size:13px}.rpi .rpi-flash-head{margin-bottom:2px}.rpi .rpi-flash-rating.rpi-star::after{width:8px;height:8px;background-color:#ffc107}.rpi .rpi-flash-head .rpi-flash-name{color:#00a3ff;font-weight:600;max-width:55px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.rpi .rpi-flash-footer{font-size:11px;font-weight:600}.rpi .rpi-flash-form{position:absolute;left:0;top:0;overflow:auto;width:100%;max-height:100%;margin:0;padding:0;border-radius:20px;opacity:0;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}.rpi .rpi-flash-expanded .rpi-flash-form{z-index:2;opacity:1;overflow-y:auto}@media(max-width:768px){.rpi .rpi-flash.rpi-flash-hide{visibility:hidden}}