#x360-pop{z-index:50}#x360-pop .icon .player-pie:before{z-index:1}#x360-pop-container{width:100vw;height:100vh;position:absolute;top:0;left:0}#x360-pop-container #x360-pop{background:#444;border-radius:60px;align-items:center;width:fit-content;height:60px;margin:auto;padding:4px;animation:.5s enter;display:flex;position:absolute;inset:85% 0 0}#x360-pop-container #x360-pop .icon{border-radius:60px;width:60px;height:60px;position:relative}#x360-pop-container #x360-pop .icon .player-pie{border-radius:60px;width:100%;height:100%;position:relative;overflow:hidden}#x360-pop-container #x360-pop .icon .player-pie:before{content:"";border-radius:60px;width:100%;height:100%;display:block;position:absolute;box-shadow:inset 0 0 0 4px #000}#x360-pop-container #x360-pop .icon .player-pie .p-1{width:100%;height:100%;position:absolute;transform:rotate(0)}#x360-pop-container #x360-pop .icon .player-pie .p-1:before{content:"";background:#666;width:50%;height:50%;transition:background .2s;display:block;position:absolute}#x360-pop-container #x360-pop .icon .player-pie .p-1[active]:before{background:var(--accent)}#x360-pop-container #x360-pop .icon .player-pie .p-2{width:100%;height:100%;position:absolute;transform:rotate(90deg)}#x360-pop-container #x360-pop .icon .player-pie .p-2:before{content:"";background:#666;width:50%;height:50%;transition:background .2s;display:block;position:absolute}#x360-pop-container #x360-pop .icon .player-pie .p-2[active]:before{background:var(--accent)}#x360-pop-container #x360-pop .icon .player-pie .p-3{width:100%;height:100%;position:absolute;transform:rotate(180deg)}#x360-pop-container #x360-pop .icon .player-pie .p-3:before{content:"";background:#666;width:50%;height:50%;transition:background .2s;display:block;position:absolute}#x360-pop-container #x360-pop .icon .player-pie .p-3[active]:before{background:var(--accent)}#x360-pop-container #x360-pop .icon .player-pie .p-4{width:100%;height:100%;position:absolute;transform:rotate(270deg)}#x360-pop-container #x360-pop .icon .player-pie .p-4:before{content:"";background:#666;width:50%;height:50%;transition:background .2s;display:block;position:absolute}#x360-pop-container #x360-pop .icon .player-pie .p-4[active]:before{background:var(--accent)}#x360-pop-container #x360-pop .icon .over-pie{width:100%;height:100%;position:absolute;inset:0}#x360-pop-container #x360-pop .icon .over-pie:before,#x360-pop-container #x360-pop .icon .over-pie:after{content:"";background:#000;width:8px;height:100%;margin:auto;display:block;position:absolute;inset:0}#x360-pop-container #x360-pop .icon .over-pie:after{transform:rotate(90deg)}#x360-pop-container #x360-pop .icon .over-pie .circle{background:#000;border-radius:60px;width:75%;height:75%;margin:auto;position:absolute;inset:0}#x360-pop-container #x360-pop .icon .icon-img{border-radius:60px;width:65%;height:65%;margin:auto;position:absolute;inset:0;overflow:hidden}#x360-pop-container #x360-pop .icon .icon-img img{object-fit:cover;width:100%;height:100%;margin:auto;position:absolute;inset:0}#x360-pop-container #x360-pop .icon .icon-img img[inactive]{opacity:0}#x360-pop-container #x360-pop .txts{height:100%;width:var(--txt-width);align-items:center;margin-left:10px;margin-right:32px;transition:width .5s;animation:.5s txtEnter;position:relative;overflow:hidden}#x360-pop-container #x360-pop .txts .txt{width:max-content;height:min-content;margin:auto;padding-bottom:4px;display:none;position:absolute;inset:0 auto 0 0}#x360-pop-container #x360-pop .txts[data-txt-active="0"] .txt[data-txt-slot="0"],#x360-pop-container #x360-pop .txts[data-txt-active="1"] .txt[data-txt-slot="1"],#x360-pop-container #x360-pop .txts[data-txt-active="2"] .txt[data-txt-slot="2"],#x360-pop-container #x360-pop .txts[data-txt-active="3"] .txt[data-txt-slot="3"],#x360-pop-container #x360-pop .txts[data-txt-active="4"] .txt[data-txt-slot="4"],#x360-pop-container #x360-pop .txts[data-txt-active="5"] .txt[data-txt-slot="5"],#x360-pop-container #x360-pop .txts[data-txt-active="6"] .txt[data-txt-slot="6"],#x360-pop-container #x360-pop .txts[data-txt-active="7"] .txt[data-txt-slot="7"],#x360-pop-container #x360-pop .txts[data-txt-active="8"] .txt[data-txt-slot="8"],#x360-pop-container #x360-pop .txts[data-txt-active="9"] .txt[data-txt-slot="9"]{display:inline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes txtEnter{0%{width:0;margin-left:0;margin-right:0}to{width:var(--txt-width);margin-left:10px;margin-right:32px}}