dotfiles/.config/spicetify/Extracted/Raw/xpui/xpui-routes-buddy-feed.css

1 line
14 KiB
CSS
Executable File

__workaround_element__{--__workaround_property__:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.main-buddyFeed-buddyFeed{-webkit-box-orient:vertical;-webkit-box-direction:normal;bottom:0;-webkit-box-shadow:0 4px 60px rgba(0,0,0,.5);box-shadow:0 4px 60px rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:0;min-height:0;outline:none;overflow:hidden;position:absolute;top:0;-webkit-transform:translateX(0);transform:translateX(0);width:100%}.nav-ylx .main-buddyFeed-buddyFeed{-webkit-box-shadow:none;box-shadow:none}.main-buddyFeed-header{-webkit-padding-start:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px;padding-inline-start:16px}.nav-ylx .main-buddyFeed-header{-webkit-padding-start:24px;padding-top:12px;padding-inline-start:24px}.spotify__os--is-windows .main-buddyFeed-header{padding-top:32px}.spotify__os--is-windows .nav-ylx .main-buddyFeed-header{padding-top:12px}.main-buddyFeed-headerTitle{-webkit-box-flex:1;color:#fff;-ms-flex:1;flex:1;text-transform:lowercase}.main-buddyFeed-headerTitle:first-letter{text-transform:uppercase}.nav-ylx .main-buddyFeed-headerTitle{color:#fff;font-size:14px}.main-buddyFeed-friendActivity{-webkit-padding-start:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px;padding-inline-start:0}.main-buddyFeed-friendActivity,.nav-ylx .main-buddyFeed-friendActivity{-webkit-padding-end:8px;padding-inline-end:8px}.SQHCRmgNjRywo1Lt7rP3{background-color:#1a1a1a;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:50px;width:100%}.SCwzmMSXoZsmhGtGX81s{-webkit-margin-start:16px;margin-bottom:8px;margin-top:8px;margin-inline-start:16px}.VLKqDIGaQn2bILzJKSZ0{background-color:#282828;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:absolute;width:100%;z-index:4}.nav-ylx .VLKqDIGaQn2bILzJKSZ0{background-color:var(--background-highlight);border-radius:8px}.main-buddyFeed-friendsFeedContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:absolute;width:100%}.main-buddyFeed-avatarContainer{color:#b3b3b3;padding-top:2px;position:relative}.main-buddyFeed-avatarContainer .main-buddyFeed-overlay{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;background-color:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:40px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:2px;width:40px}.main-buddyFeed-avatarContainer .main-buddyFeed-overlay:focus,.main-buddyFeed-avatarContainer .main-buddyFeed-overlay:hover{opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.main-buddyFeed-avatarContainer .main-buddyFeed-playIcon{height:16px;width:16px}.main-buddyFeed-activityMetadata{-ms-flex-preferred-size:100%;cursor:default;flex-basis:100%;margin-left:12px;pointer-events:auto;width:calc(100% - 72px)}.nav-ylx .main-buddyFeed-activityMetadata{line-height:17px}.main-buddyFeed-activityMetadata .main-buddyFeed-usernameAndTimestamp{-webkit-box-pack:justify;-ms-flex-pack:justify;color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.main-buddyFeed-activityMetadata .main-buddyFeed-usernameAndTimestamp .main-buddyFeed-username{padding-bottom:2px;padding-left:0;padding-right:4px}.main-buddyFeed-activityMetadata .main-buddyFeed-usernameAndTimestamp .main-buddyFeed-timestamp{white-space:nowrap}.main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:2px}.nav-ylx .main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName{font-size:12px}.main-buddyFeed-activityMetadata .main-buddyFeed-playbackContextIcon{-ms-flex-negative:0;flex-shrink:0;padding-right:4px}.nav-ylx .main-buddyFeed-activityMetadata .main-buddyFeed-playbackContextIcon{font-size:12px}.main-buddyFeed-activityMetadata .main-buddyFeed-playbackContext{padding-bottom:2px}.nav-ylx .main-buddyFeed-activityMetadata .main-buddyFeed-playbackContext{font-size:12px}.main-buddyFeed-activityMetadata .main-buddyFeed-playbackContextLink{color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex}.main-buddyFeed-activityMetadata .main-buddyFeed-username a,.main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName a{color:hsla(0,0%,100%,.7)}.main-buddyFeed-activityMetadata .main-buddyFeed-username a:active,.main-buddyFeed-activityMetadata .main-buddyFeed-username a:focus,.main-buddyFeed-activityMetadata .main-buddyFeed-username a:hover,.main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName a:active,.main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName a:focus,.main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName a:hover{color:#fff}.nav-ylx .main-buddyFeed-username{font-size:12px}.nav-ylx .main-buddyFeed-username a{color:#fff}.main-buddyFeed-addFriendPlaceholder{display:none}.main-buddyFeed-buddyFeed.QXcmb_46WM1geLhhkcdq .main-buddyFeed-addFriendPlaceholder{display:block}.main-buddyFeed-scrollableArea .main-buddyFeed-addFriendPlaceholderBtn{background-color:#333;display:none;margin:0 16px;padding:12px}.H2ZGE9ri48JOt7VGml5b{color:#fff;display:block;margin-top:26px;text-align:center}.main-buddyFeed-emptyBuddyFeed{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:8px 16px}.main-buddyFeed-emptyBuddyFeed .main-buddyFeed-addFriendPlaceholderText{color:#ccc;margin-bottom:16px}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu{margin-bottom:16px}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu,.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu .IRpPQFA57qgQ5jicWWaD{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu .IRpPQFA57qgQ5jicWWaD{-webkit-box-pack:center;-ms-flex-pack:center;background:#333;border-radius:50%;height:48px;justify-content:center;position:relative;width:48px}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu .Hm3nIbegLclY1uCAmnx_{background:#2e77d0;border:1px solid #000;border-radius:8px;height:10px;left:80%;position:absolute;top:5%;width:10px}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu .bhRoVUHjWdo9mgUkU6fe{-webkit-margin-start:12px;margin-inline-start:12px}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu .BliqfY7vu_qE2C9zs5Ou{background:#333;border-radius:4px;height:8px;margin-bottom:4px;width:62px}.main-buddyFeed-emptyBuddyFeed .PjDcsgAPmXlcTBJRGpIu .qdYWuHZd4HdSWfd4pSQB{width:80px}.main-buddyFeed-emptyBuddyFeed .DhvYWKjDc7uyF3HfkDJJ{-ms-flex-item-align:center;align-self:center}.main-buddyFeed-emptyBuddyFeed .ralK8s_OmE8a8zWcfNKM{font-size:14px}.w5nHQ74JGTytKwWanjvB{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 0}.w5nHQ74JGTytKwWanjvB .u11kJflcqt7CSXo9qL_T{-webkit-box-flex:1;color:hsla(0,0%,100%,.7);-ms-flex:1;flex:1;padding:12px 12px 0}.w5nHQ74JGTytKwWanjvB .u11kJflcqt7CSXo9qL_T:focus>p:first-child,.w5nHQ74JGTytKwWanjvB .u11kJflcqt7CSXo9qL_T:hover>p:first-child{color:#fff;-webkit-transition:color .2s linear;transition:color .2s linear}.w5nHQ74JGTytKwWanjvB .MmENkh6tW0MyjTtTtPHZ{color:hsla(0,0%,100%,.7)}.w5nHQ74JGTytKwWanjvB .Gl0dkNQbAyNjVZ1IpghI{cursor:pointer;margin:0 4px;padding:12px}.w5nHQ74JGTytKwWanjvB .Gl0dkNQbAyNjVZ1IpghI:focus,.w5nHQ74JGTytKwWanjvB .Gl0dkNQbAyNjVZ1IpghI:hover{background-color:hsla(0,0%,100%,.1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.main-buddyFeed-friendsList{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden auto}.main-buddyFeed-loadingFriends{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:32px;margin:24px 0;overflow:hidden}.main-buddyFeed-loadingFriends>*{-ms-flex-negative:0;flex-shrink:0}.pZFwflwH1vXVCmAO5vbz{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.yPL55nV5rC97vJhAf7ke{-ms-flex-item-align:start;-webkit-margin-start:-8px;-webkit-app-region:no-drag;align-self:start;background-color:transparent;margin-bottom:16px;margin-inline-start:-8px}.qpgo9DQ9rVZbO5pLJog5{border-bottom:1px solid hsla(0,0%,100%,.1);display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:24px}.qpgo9DQ9rVZbO5pLJog5 .A3hvkJOGkBNa6zWj6oZa{-webkit-box-flex:0;-ms-flex-positive:0;-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,.2))) #1877f2;background:linear-gradient(0deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2)) #1877f2;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:0;flex-shrink:0;height:40px;justify-content:center;width:40px}.qpgo9DQ9rVZbO5pLJog5 .pIyez6N1SF3jW0U5VUx4{color:#fff}.qpgo9DQ9rVZbO5pLJog5 .lIxuZR4lYTrEKkMYedty{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:4px 12px}.qpgo9DQ9rVZbO5pLJog5 .v81WertJg_T3sBmWUE3U{color:#fff;padding:0}.VEmC3OHK3uAasHvO5OuA{padding:24px 0;position:relative}.wzGPtuvvLpOpY1PDu4Qv{background-color:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:400;width:100%}.wzGPtuvvLpOpY1PDu4Qv::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.wzGPtuvvLpOpY1PDu4Qv::-moz-placeholder{color:hsla(0,0%,100%,.7)}.wzGPtuvvLpOpY1PDu4Qv:-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.wzGPtuvvLpOpY1PDu4Qv::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.wzGPtuvvLpOpY1PDu4Qv::placeholder{color:hsla(0,0%,100%,.7)}[dir=ltr] .wzGPtuvvLpOpY1PDu4Qv{padding:8px 16px 8px 40px}.YoJTUV4hazVCFNbfKoNq{position:absolute;top:32px}[dir=ltr] .YoJTUV4hazVCFNbfKoNq{left:12px}.EmZCbU1_B_J9RAHebolL{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:20px 16px 0;width:100%}.Ym6Yyx83U7mNKOMw9dxw{-ms-flex-item-align:start;align-self:flex-start;color:#fff;padding:16px 0;text-transform:lowercase}.Ym6Yyx83U7mNKOMw9dxw:first-letter{text-transform:uppercase}.NXcZaSipzomJ6d4_nM94{-webkit-margin-start:-8px;-webkit-app-region:no-drag;-ms-flex-item-align:start;align-self:start;margin-inline-start:-8px}.b9rqRkvRvhrSY4FYHQVC{color:hsla(0,0%,100%,.7);margin-bottom:24px}.xHc_2FQr3NxfCgfDSVhY{color:hsla(0,0%,100%,.7);margin-top:24px}.QAJYN0xWh3h2A5d8_C1g{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.PKhH1CknobkjJdVITsb4{-ms-flex-item-align:start;align-self:flex-start;margin:16px 16px 16px 0}.HgRmCE3NxfiYNtv6pF3H{-webkit-padding-start:36px!important;padding-inline-start:36px!important}.HnA5mipUMkheAlbxqCn_{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:column;flex-direction:column;padding:24px 16px;width:100%}.HnA5mipUMkheAlbxqCn_,.HnA5mipUMkheAlbxqCn_ .mvp0xhvZTo0xv0TIwi9u{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.HnA5mipUMkheAlbxqCn_ .mvp0xhvZTo0xv0TIwi9u{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;justify-content:center}.jUF2eKgYMm64aYykubct{opacity:0}.zhL_lhJqzKfJVy7L5VuY{opacity:1;-webkit-transition:opacity .5s cubic-bezier(.3,0,0,1);transition:opacity .5s cubic-bezier(.3,0,0,1)}.XqquM_o2eODcnD8Y4QhS{opacity:1}.UGtycHBJ4egymBSmD_lX{opacity:0;-webkit-transition:opacity .5s cubic-bezier(.3,0,0,1);transition:opacity .5s cubic-bezier(.3,0,0,1)}.ND2ydDPzwQZB7HyaGCN8{-webkit-transform:translateX(80%);transform:translateX(80%)}.D9YN554UFGJle2CPP1TA{-webkit-transition:-webkit-transform .5s cubic-bezier(.3,0,0,1);transition:-webkit-transform .5s cubic-bezier(.3,0,0,1);transition:transform .5s cubic-bezier(.3,0,0,1);transition:transform .5s cubic-bezier(.3,0,0,1),-webkit-transform .5s cubic-bezier(.3,0,0,1)}.D9YN554UFGJle2CPP1TA,.v7Zcy9UKVUTDZIMKB6ZF{-webkit-transform:translateX(0);transform:translateX(0)}.RX3U6eAasqazEkuFdnj0{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.3,0,0,1);transition:-webkit-transform .5s cubic-bezier(.3,0,0,1);transition:transform .5s cubic-bezier(.3,0,0,1);transition:transform .5s cubic-bezier(.3,0,0,1),-webkit-transform .5s cubic-bezier(.3,0,0,1)}