.vefm-play,
.vefm-playlist-playpause,
.vefm-playlist-shuffle,
.vefm-concert-ticket-link,
.vefm-add-to-cart,
.vefm-buy-album,
.vefm-rp-toggle,
.vefm-rp-stop,
.vefm-ratings-submit {
border: 0;
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, var( --wp--preset--color--background, #fff ) );
cursor: pointer;
font-family: var( --vefm-font-family, inherit );
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease;
} .vefm-concert-ticket-link:hover,
.vefm-concert-ticket-link:focus,
.vefm-concert-ticket-link:active {
background: var( --vefm-button-bg, var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) ) );
color: var( --vefm-button-text-color, var( --wp--preset--color--background, #fff ) );
text-decoration: none;
} .vefm-lyrics-toggle,
.vefm-volume-toggle,
.vefm-rp-volume-toggle,
.vefm-concert-description-toggle,
.vefm-rate-form .vefm-rate-cancel {
opacity: 1;
transition: opacity 0.15s ease, transform 0.1s ease;
} .vefm-play:is( :hover, :focus-visible ):not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:is( :hover, :focus-visible ):not( :disabled ),
.vefm-playlist-shuffle:is( :hover, :focus-visible ):not( :disabled ),
.vefm-concert-ticket-link:is( :hover, :focus-visible ),
.vefm-add-to-cart:is( :hover, :focus-visible ):not( :disabled ),
.vefm-buy-album:is( :hover, :focus-visible ):not( :disabled ),
.vefm-rp-toggle:is( :hover, :focus-visible ):not( :disabled ),
.vefm-rp-stop:is( :hover, :focus-visible ):not( :disabled ),
.vefm-ratings-submit:is( :hover, :focus-visible ):not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:is( :hover, :focus-visible ):not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:is( :hover, :focus-visible ):not( :disabled ),
.vefm-lyrics-toggle:is( :hover, :focus-visible ),
.vefm-volume-toggle:is( :hover, :focus-visible ),
.vefm-rp-volume-toggle:is( :hover, :focus-visible ),
.vefm-concert-description-toggle:is( :hover, :focus-visible ),
.vefm-rate-form .vefm-rate-cancel:is( :hover, :focus-visible ) {
opacity: var( --vefm-btn-hover-opacity, 0.85 );
} @media ( prefers-reduced-motion: no-preference ) {
.vefm-play:focus-visible:not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:focus-visible:not( :disabled ),
.vefm-playlist-shuffle:focus-visible:not( :disabled ),
.vefm-concert-ticket-link:focus-visible,
.vefm-add-to-cart:focus-visible:not( :disabled ),
.vefm-buy-album:focus-visible:not( :disabled ),
.vefm-rp-toggle:focus-visible:not( :disabled ),
.vefm-rp-stop:focus-visible:not( :disabled ),
.vefm-ratings-submit:focus-visible:not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:focus-visible:not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:focus-visible:not( :disabled ),
.vefm-lyrics-toggle:focus-visible,
.vefm-volume-toggle:focus-visible,
.vefm-rp-volume-toggle:focus-visible,
.vefm-concert-description-toggle:focus-visible,
.vefm-rate-form .vefm-rate-cancel:focus-visible {
transform: scale( var( --vefm-btn-hover-scale, 0.97 ) );
}
@media ( hover: hover ) {
.vefm-play:hover:not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:hover:not( :disabled ),
.vefm-playlist-shuffle:hover:not( :disabled ),
.vefm-concert-ticket-link:hover,
.vefm-add-to-cart:hover:not( :disabled ),
.vefm-buy-album:hover:not( :disabled ),
.vefm-rp-toggle:hover:not( :disabled ),
.vefm-rp-stop:hover:not( :disabled ),
.vefm-ratings-submit:hover:not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:hover:not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:hover:not( :disabled ),
.vefm-lyrics-toggle:hover,
.vefm-volume-toggle:hover,
.vefm-rp-volume-toggle:hover,
.vefm-concert-description-toggle:hover,
.vefm-rate-form .vefm-rate-cancel:hover {
transform: scale( var( --vefm-btn-hover-scale, 0.97 ) );
}
}
.vefm-play:active:not( :disabled, .vefm-play--disabled ),
.vefm-playlist-playpause:active:not( :disabled ),
.vefm-playlist-shuffle:active:not( :disabled ),
.vefm-concert-ticket-link:active,
.vefm-add-to-cart:active:not( :disabled ),
.vefm-buy-album:active:not( :disabled ),
.vefm-rp-toggle:active:not( :disabled ),
.vefm-rp-stop:active:not( :disabled ),
.vefm-ratings-submit:active:not( :disabled ),
.vefm-album-cover-flip .vefm-album-cover-toggle:active:not( :disabled ),
.vefm-lightbox .vefm-lightbox-button:active:not( :disabled ),
.vefm-lyrics-toggle:active,
.vefm-volume-toggle:active,
.vefm-rp-volume-toggle:active,
.vefm-concert-description-toggle:active,
.vefm-rate-form .vefm-rate-cancel:active {
transform: scale( 0.95 );
}
} .vefm-play:focus-visible,
.vefm-playlist-playpause:focus-visible,
.vefm-playlist-shuffle:focus-visible,
.vefm-concert-ticket-link:focus-visible,
.vefm-add-to-cart:focus-visible,
.vefm-buy-album:focus-visible,
.vefm-rp-toggle:focus-visible,
.vefm-rp-stop:focus-visible,
.vefm-ratings-submit:focus-visible,
.vefm-album-cover-flip .vefm-album-cover-toggle:focus-visible {
outline: 2px solid var( --vefm-accent, var( --wp--preset--color--primary, #1e1e1e ) );
outline-offset: 2px;
}
.vefm-lyrics-toggle:focus-visible,
.vefm-volume-toggle:focus-visible,
.vefm-rp-volume-toggle:focus-visible,
.vefm-concert-description-toggle:focus-visible,
.vefm-rate-form .vefm-rate-cancel:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} .vefm-play:disabled,
.vefm-playlist-playpause:disabled,
.vefm-playlist-shuffle:disabled,
.vefm-add-to-cart:disabled,
.vefm-buy-album:disabled,
.vefm-rp-toggle:disabled,
.vefm-rp-stop:disabled,
.vefm-ratings-submit:disabled {
opacity: var( --vefm-btn-disabled-opacity, 0.6 );
cursor: default;
}.vefm-ratings {
font-family: var( --vefm-font-family, inherit );
color: inherit;
margin-top: 32px;
padding-top: 24px;
border-top: 1px solid rgba( 0, 0, 0, 0.12 );
}
.vefm-ratings-title {
margin: 0 0 12px;
}
.vefm-ratings-average {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.vefm-stars {
color: var( --vefm-accent-color, #f5a623 );
letter-spacing: 2px;
font-size: 1.1rem;
}
.vefm-ratings-average-text {
color: inherit;
opacity: 0.8;
}
.vefm-ratings-empty {
opacity: 0.75;
font-style: italic;
}
.vefm-ratings-list {
list-style: none;
margin: 0 0 24px;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.vefm-ratings-item {
padding: 12px 16px;
border-radius: 10px;
background: rgba( 0, 0, 0, 0.06 );
}
.vefm-ratings-item-head {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.vefm-ratings-item-author {
font-weight: 600;
}
.vefm-ratings-item-date {
opacity: 0.6;
font-size: 0.85rem;
}
.vefm-ratings-item-comment {
margin: 6px 0 0;
}   .vefm-ratings-form {
max-width: 480px;
}
.vefm-ratings-form p {
margin: 0 0 12px;
}
.vefm-ratings-form input[type="text"],
.vefm-ratings-form textarea {
width: 100%;
box-sizing: border-box;
padding: 8px 10px;
border-radius: 6px;
border: 1px solid rgba( 0, 0, 0, 0.2 );
background: #fff;
color: #222;
} .vefm-ratings-hp-wrap {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect( 0 0 0 0 );
white-space: nowrap;
}
.vefm-sr-only {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect( 0 0 0 0 );
white-space: nowrap;
} .vefm-ratings-stars-input {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
border: 0;
padding: 0;
margin: 0 0 16px;
}
.vefm-ratings-stars-input legend {
width: 100%;
margin-bottom: 4px;
}
.vefm-ratings-stars-input input[type="radio"] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
}
.vefm-ratings-stars-input label {
cursor: pointer;
font-size: 1.6rem;
line-height: 1;
padding: 0 2px;
color: var( --vefm-ratings-star-empty, rgba( 0, 0, 0, 0.25 ) );
}
.vefm-ratings-stars-input label::before {
content: "★";
}
.vefm-ratings-stars-input input[type="radio"]:checked ~ label,
.vefm-ratings-stars-input label:hover,
.vefm-ratings-stars-input label:hover ~ label {
color: var( --vefm-accent-color, #f5a623 );
}
.vefm-ratings-stars-input input[type="radio"]:focus-visible + label {
outline: 2px solid var( --vefm-accent-color, #f5a623 );
outline-offset: 2px;
border-radius: 4px;
}
.vefm-ratings-submit {
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
}
.vefm-ratings-feedback {
margin-top: 10px;
font-size: 0.9rem;
}   .vefm-rate {
display: inline-flex;
align-items: center;
gap: 0.1em;
font-weight: 400;
vertical-align: middle;
} .vefm-rate .vefm-rate-star {
appearance: none;
margin: 0;
padding: 0.15em 0.08em;
min-width: 0;
min-height: 0;
border: 0;
border-radius: 4px;
background: none;
box-shadow: none;
text-shadow: none;
font: inherit;
font-size: var( --wp--preset--font-size--normal, var( --vefm-font-size-normal ) );
line-height: 1;
color: currentColor;
opacity: 0.35;
cursor: pointer;
}
.vefm-rate .vefm-rate-star.is-on {
color: var( --vefm-accent-color, #f5a623 );
opacity: 1;
}
.vefm-rate .vefm-rate-star:hover,
.vefm-rate .vefm-rate-star:focus-visible {
background: none;
color: var( --vefm-accent-color, #f5a623 );
opacity: 1;
}
.vefm-rate .vefm-rate-star:focus-visible {
outline: 2px solid var( --vefm-accent-color, #f5a623 );
outline-offset: 1px;
} .vefm-rate.is-choosing .vefm-rate-star {
color: currentColor;
opacity: 0.35;
}
.vefm-rate.is-choosing .vefm-rate-star.is-picked {
color: var( --vefm-accent-color, #f5a623 );
opacity: 1;
}
.vefm-rate-summary {
margin-left: 0.3em;
font-size: var( --wp--preset--font-size--normal, var( --vefm-font-size-normal ) );
font-variant-numeric: tabular-nums;
opacity: 0.65;
}
.vefm-rate-panel {
margin: 0.5rem 0 0;
text-align: start;
}
.vefm-rate-form {
max-width: 420px;
}
.vefm-rate-form p {
margin: 0 0 8px;
}
.vefm-rate-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.vefm-rate-form .vefm-rate-cancel {
appearance: none;
padding: 0;
border: 0;
background: none;
box-shadow: none;
font: inherit;
color: inherit;
text-decoration: underline;
cursor: pointer;
}
.vefm-album-rating {
margin: 0.25rem 0 0;
} .vefm-concert-rating {
margin: 0.1rem 0 0.15rem;
}
.vefm-concert .vefm-rate-panel {
margin: 0.25rem 0 0;
}