Spaces:
Sleeping
Sleeping
:root { | |
--p-tag-gap: 0.5rem; | |
} | |
.hover-brighten { | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
transition-property: filter, box-shadow; | |
&:hover { | |
filter: brightness(107%) contrast(105%); | |
box-shadow: 0 0 0.25rem #ffffff79; | |
} | |
} | |
.p-accordioncontent-content { | |
border-radius: 0.5rem; | |
--tw-bg-opacity: 1; | |
background-color: rgb(23 23 23 / var(--tw-bg-opacity)); | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
div.selected { | |
.gpu-button:not(.selected) { | |
opacity: 0.5; | |
} | |
.gpu-button:not(.selected):hover { | |
opacity: 1; | |
} | |
} | |
.gpu-button { | |
margin: 0px; | |
display: flex; | |
width: 50%; | |
cursor: pointer; | |
flex-direction: column; | |
align-items: center; | |
justify-content: space-around; | |
border-radius: 0.5rem; | |
background-color: rgb(38 38 38 / var(--tw-bg-opacity)); | |
--tw-bg-opacity: 0.5; | |
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; | |
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
transition-duration: 150ms; | |
} | |
.gpu-button:hover { | |
--tw-bg-opacity: 0.75; | |
} | |
.gpu-button { | |
&.selected { | |
--tw-bg-opacity: 1; | |
background-color: rgb(64 64 64 / var(--tw-bg-opacity)); | |
} | |
&.selected { | |
--tw-bg-opacity: 0.5; | |
} | |
&.selected { | |
opacity: 1; | |
} | |
&.selected:hover { | |
--tw-bg-opacity: 0.6; | |
} | |
} | |
.disabled { | |
pointer-events: none; | |
opacity: 0.4; | |
} | |
.p-card-header { | |
flex-grow: 1; | |
text-align: center; | |
} | |
.p-card-body { | |
padding-top: 0px; | |
text-align: center; | |
} | |
[data-v-de33872d] .p-steppanel { | |
background-color: transparent | |
} | |