/* Cutouts from SetUse/2/04_icons.png. The original artwork stays intact and
   each UI icon is addressed as a responsive CSS sprite cell. */
.rfv-icon{--cell:60px;display:inline-block;width:var(--cell);height:var(--cell);flex:0 0 var(--cell);background-image:url('../SetUse/2/04_icons.png');background-repeat:no-repeat;background-size:calc(var(--cell) * 7) calc(var(--cell) * 7);filter:drop-shadow(0 0 7px rgba(248,56,190,.32));transition:transform .25s ease,filter .25s ease}.rfv-icon--start{background-position:0 0}.rfv-icon--download{background-position:calc(var(--cell) * -1) 0}.rfv-icon--user{background-position:calc(var(--cell) * -2) 0}.rfv-icon--target{background-position:calc(var(--cell) * -3) 0}.rfv-icon--rate{background-position:calc(var(--cell) * -4) 0}.rfv-icon--shield{background-position:calc(var(--cell) * -5) 0}.rfv-icon--players{background-position:calc(var(--cell) * -6) 0}.rfv-icon--progress{background-position:0 calc(var(--cell) * -1)}.rfv-icon--pvp{background-position:calc(var(--cell) * -1) calc(var(--cell) * -1)}.rfv-icon--guild{background-position:calc(var(--cell) * -2) calc(var(--cell) * -1)}.rfv-icon--boss{background-position:calc(var(--cell) * -3) calc(var(--cell) * -1)}.rfv-icon--event{background-position:calc(var(--cell) * -4) calc(var(--cell) * -1)}.rfv-icon--crest{background-position:calc(var(--cell) * -6) calc(var(--cell) * -1)}.rfv-icon--web{background-position:0 calc(var(--cell) * -2)}.rfv-icon--facebook{background-position:calc(var(--cell) * -1) calc(var(--cell) * -2)}.rfv-icon--discord{background-position:calc(var(--cell) * -2) calc(var(--cell) * -2)}.rfv-icon--arrow{background-position:calc(var(--cell) * -3) calc(var(--cell) * -2)}.rfv-icon--external{background-position:calc(var(--cell) * -4) calc(var(--cell) * -2)}.rfv-icon--close{background-position:calc(var(--cell) * -5) calc(var(--cell) * -2)}.rfv-icon--crown{background-position:0 calc(var(--cell) * -3)}.rfv-icon--star{background-position:calc(var(--cell) * -1) calc(var(--cell) * -3)}.rfv-icon--diamond{background-position:calc(var(--cell) * -2) calc(var(--cell) * -3)}.rfv-icon--gear{background-position:calc(var(--cell) * -6) calc(var(--cell) * -3)}.rfv-icon--refresh{background-position:0 calc(var(--cell) * -4)}.rfv-icon--upload{background-position:calc(var(--cell) * -1) calc(var(--cell) * -4)}.rfv-icon--play{background-position:calc(var(--cell) * -4) calc(var(--cell) * -4)}.rfv-icon--lock{background-position:calc(var(--cell) * -5) calc(var(--cell) * -5)}.rfv-icon--trophy{background-position:calc(var(--cell) * -6) calc(var(--cell) * -5)}
.rfv-panel,.rfv-features article,.rfv-download-cards article,.rfv-podium article,.rfv-news-list article{position:relative;overflow:hidden;isolation:isolate}.rfv-panel:before,.rfv-features article:before,.rfv-download-cards article:before,.rfv-podium article:before,.rfv-news-list article:before{content:'';position:absolute;z-index:-1;inset:-1px;background:radial-gradient(300px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,51,183,.16),transparent 42%);opacity:0;transition:opacity .25s}.rfv-panel:hover:before,.rfv-features article:hover:before,.rfv-download-cards article:hover:before,.rfv-podium article:hover:before,.rfv-news-list article:hover:before{opacity:1}.rfv-panel:hover .rfv-icon,.rfv-features article:hover .rfv-icon,.rfv-download-cards article:hover .rfv-icon{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 0 14px rgba(255,48,191,.8))}.rfv-button,.rfv-form-actions button,.rfv-form-actions a,.rfv-download-cards a{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.rfv-button:hover,.rfv-form-actions button:hover,.rfv-form-actions a:hover,.rfv-download-cards a:hover{transform:translateY(-2px);box-shadow:0 9px 23px rgba(248,38,169,.38)}.rfv-button:after,.rfv-form-actions button:after,.rfv-form-actions a:after,.rfv-download-cards a:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.35) 47%,transparent 68%);transform:translateX(-130%);transition:transform .55s ease}.rfv-button:hover:after,.rfv-form-actions button:hover:after,.rfv-form-actions a:hover:after,.rfv-download-cards a:hover:after{transform:translateX(130%)}.rfv-button.is-pressed,.rfv-form-actions button.is-pressed,.rfv-form-actions a.is-pressed,.rfv-download-cards a.is-pressed{transform:translateY(1px) scale(.985)}@media(max-width:600px){.rfv-icon{--cell:46px}.rfv-statusbar>div{overflow:hidden}.rfv-statusbar b{font-size:20px}.rfv-features article{min-width:0}.rfv-form-actions>*{min-width:0;overflow-wrap:anywhere}}
