1 line
3.9 KiB
CSS
1 line
3.9 KiB
CSS
|
.cardText-secondary,.cardText-secondary button{font-family:"Segoe UI Variable",sans-serif;font-variation-settings:"opsz" 5!important;font-size:91.5%}.cardText .textActionButton{font-weight:400}.cardBox{border:solid var(--line-size) rgba(128,128,128,.21)!important;border-radius:.42em;background-color:rgba(255,255,255,.38);transition:box-shadow .3s 0s cubic-bezier(.11, .48, .1, .93);box-shadow:1px 1px 1px 0 rgba(0,0,0,.1)}.card.card-hoverable:hover .cardBox,.card.card-hoverable:focus .cardBox{box-shadow:1px 1px 6px 0 rgba(0,0,0,.2)}@media (prefers-color-scheme:dark){.cardBox{border:solid var(--line-size) rgba(50,50,50,.67)!important;background-color:rgba(255,255,255,.06);box-shadow:1px 1px 4px 0 rgba(0,0,0,.2)}.card.card-hoverable:hover .cardBox{box-shadow:2px 2px 10px 0 rgba(0,0,0,.4)}}@media (forced-colors:active){.cardBox{border:solid var(--line-size) var(--line-background)!important;background-color:rgba(255,255,255,.06);box-shadow:1px 1px 4px 0 rgba(0,0,0,.2)}}.cardOverlayContainer{background:0 0;opacity:0;transition:opacity .3s .5s ease-out}.card.card-hoverable{transition-property:transform;transition-timing-function:cubic-bezier(0.11,0.48,0.1,0.93);transition-delay:0s;transition-duration:250ms;transform:translateY(0)}.card.card-hoverable:not(.detailImageContainerCard):hover{transform:translateY(-.2em)}.card.card-hoverable .button-link:not([disabled]):hover{text-decoration:none!important}.cardImageContainer{border-radius:.42em;border-bottom-left-radius:0;border-bottom-right-radius:0}.cardText{padding-left:.5em;padding-right:.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardText:has(> button){display:flex}.cardText:has(> button)~.cardText.cardText-secondary{}.cardText>button{margin-top:1px;margin-bottom:0;margin-left:auto;margin-right:auto;line-height:normal!important}.card .cardBox>.cardText:last-child{padding-bottom:.5em}.cardTextActionButton{overflow:hidden;line-height:normal}i.cardPlayedIndicator,i.cardTimerIndicator{line-height:normal!important;font-weight:800!important;font-variation-settings:"opsz" 540.5,"GRAD" 100!important}.card.card-hoverable .cardContent-button.cardContent.cardImageContainer.cardContent-background{filter:saturate(.85) brightness(.95);transition:filter 250ms ease-out}.card.card-hoverable:hover .cardContent-button.cardContent.cardImageContainer.cardContent-background,.card.card-hoverable:focus .cardContent-button.cardContent.cardImageContainer.cardContent-background{filter:saturate(1.1) brightness(1.05)}.card.card-hoverable .cardContent-button.cardContent.cardImageContainer.cardContent-background .cardImage::before{background:green;content:'';left:0;right:0;top:0;bottom:0;display:block;position:relative;z-index:999}.card:focus-visible .cardContent-bxsborder-fv::before{border:none!important}.cardOverlayFab-primary[data-action=play]{font-size:1.9rem!important;color:#000;padding:0!important;transition:transform 240ms ease-out,opacity 180ms ease-out;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;margin-top:-.83em!important;margin-bottom:0!important;margin-inline-start:-.83em!important;margin-inline-end:0!important;width:1.66em;height:1.66em;background-size:140%;background-position:center;border:solid .06em #969494!important;border-radius:.15em;background-clip:border-box;background-repeat:no-repeat;--temp_card_background1:hsla(var(--card-background-hue), var(--card-background-saturation), calc(var(--card-background-lightness) - 10%), 1);--temp_card_background2:hsla(var(--card-background-hue), var(--card-background-saturation), calc(var(--card-background-lightness) + 5%), 1);background:radial-gradient(var(--temp_card_background2),var(--temp_card_background1));background-position:25% 110%;background-size:200% 200%}.cardOverlayButton-hover[data-action=play]{color:#fff;font-variation-settings:"GRAD" 50,"opsz" 30.5,"FILL" 1}.cardOverlayButtonIcon[data-action=play]{justify-content:center;align-items:center;display:flex;color:#13b113;font-variation-settings:"GRAD" 50,"opsz" 30.5,"FILL" 1}
|