.player-full-win { .gift-control-section { display: block !important; left: unset; bottom: unset; top: 100vh; right: 302px; } .z-gift-package .wrap { right: 0; bottom: 74px; } &.hide-aside-area { .gift-control-section { right: 0; } } } .live-web-player-controller { .fullscreen-gift-box { display: none; } } @media screen and (min-width: 1038px) { .player-full-win { &:not(.fullscreen-gift-box-unloaded) { .gift-control-panel .z-gift-package .arrow-bottom.popup { &::before, &::after { left: 50% !important; } } .live-web-player-controller .control-area { .fullscreen-gift-box { display: flex; align-self: center; margin: 0 3px; padding: 0 3px; line-height: 36px; cursor: pointer; color: #FDFDFD; &:hover { color: #FFF; } } } } } }