/* Smooth primary actions match the supplied practice-settings photograph. */
html[data-preview-theme] #practice-layout .ycb .ycb-panel > .ycb-practice,
html[data-preview-theme] #practice-player .ysl-scene .ysl-phone .ysl-screen .ysl-mobile-transport button.ysl-play {
  background: radial-gradient(ellipse at 4% 0%, #008e78 0%, transparent 58%), radial-gradient(ellipse at 45% 115%, #006750 0%, transparent 47%), linear-gradient(110deg, #006452, #003d32 60%, #004437) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-preview-theme] #practice-layout .ycb-practice::before,
html[data-preview-theme] #practice-layout .ycb-practice::after,
html[data-preview-theme] #practice-player .ysl-play::before,
html[data-preview-theme] #practice-player .ysl-play::after {
  content: none !important;
  display: none !important;
}
html[data-preview-theme] #practice-layout .ycb-practice:focus-visible,
html[data-preview-theme] #practice-player .ysl-play:focus-visible {
  outline: 2px solid #008e78 !important;
  outline-offset: 3px !important;
}
html[data-preview-theme] #practice-layout .ycb-practice:not(:focus-visible),
html[data-preview-theme] #practice-player .ysl-play:not(:focus-visible) {
  outline: none !important;
}