Files
pocket-chords/samples/drop_in_the_ocean.html
2026-07-11 21:02:28 +02:00

12591 lines
464 KiB
HTML

<!doctype html>
<!-- saved from url=(0080)https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711 -->
<html lang="en">
<head
prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"
>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style id="react-aria-pressable-style">
@layer {
[data-react-aria-pressable] {
touch-action: pan-x pan-y pinch-zoom;
}
}
</style>
<title>
(1) A DROP IN THE OCEAN CHORDS (ver 4) by Ron Pope @ Ultimate-Guitar.Com
</title>
<meta
name="description"
content="[Chorus] / Em C A drop in the ocean, G D A change in the weather, Em C G D I was praying that you and me might end up together. Em C G D It&#39;s like wishing for rain as I stand in the desert, "
/>
<meta
name="keywords"
content="Ron Pope - A Drop In The Ocean (Chords), Chords, Ron Pope, Ultimate-Guitar.Com"
/>
<link
rel="preload"
href="./drop_in_the_oceanhtml_files/vendor.48e1ed51086408e3ec53b132287ed7f9.js"
importance="high"
as="script"
/>
<link
rel="preload"
href="./drop_in_the_oceanhtml_files/ug~runtime.f92c36bfc50d6a254f2fdb71ef7e0b33.js"
importance="high"
as="script"
/>
<link
rel="preload"
href="./drop_in_the_oceanhtml_files/ug.4a286e7d9bb38be8efb8c34f57b26f70.js"
importance="high"
as="script"
/>
<link
rel="preload"
href="https://tabs.ultimate-guitar.com/static/public/build/ug_react_i18n_es6/202607/3216.d0aaad0ddacbad9ce8476c384c5ed4b1.js"
importance="high"
as="script"
/>
<link rel="preconnect" href="https://fonts.googleapis.com/" />
<link
rel="alternate"
hreflang="x-default"
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<link
rel="alternate"
hreflang="en"
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<link
rel="alternate"
hreflang="pt-BR"
href="https://pt.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<link
rel="alternate"
hreflang="es"
href="https://es.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<link
rel="alternate"
hreflang="it"
href="https://it.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<link
rel="alternate"
hreflang="ja"
href="https://ja.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<link
rel="alternate"
hreflang="fr"
href="https://fr.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
/>
<meta property="fb:app_id" content="539490962762175" />
<meta property="og:type" content="music.song" />
<meta
property="og:title"
content="Ron Pope - A Drop In The Ocean (Chords)"
/>
<meta property="og:description" content="CHORDS (ver 4) by Ron Pope" />
<meta
property="og:image"
content="https://tabs.ultimate-guitar.com/static/_img/ug-logo-fb.png"
/>
<meta property="og:category" content="Ron Pope" />
<link
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="canonical"
/>
<meta
name="viewport"
class="js-viewport"
content="width=device-width, initial-scale=1"
/>
<script>
(function () {
var viewport = document.querySelector(".js-viewport");
var date = new Date();
date.setFullYear(date.getFullYear() + 1);
function setViewport() {
var isLargeViewport =
(screen.availWidth > 1300 || screen.availHeight > 1300) &&
window.matchMedia("(orientation: landscape)").matches;
viewport.setAttribute(
"content",
isLargeViewport
? "width=device-width, initial-scale=1"
: "width=1280, minimum-scale=0.1, maximum-scale=5.0",
);
document.cookie =
"_ug_small_screen=" +
(isLargeViewport ? 0 : 1) +
";path=/;domain=.ultimate-guitar.com;expires=" +
date.toUTCString() +
";";
}
setViewport();
window
.matchMedia("(orientation: landscape)")
.addEventListener("change", setViewport);
})();
</script>
<meta name="csrf-param" content="_csrf" />
<meta
name="csrf-token"
content="BJOWW1oikvpe8vp6RCyUM5TVFTbj6CchrRaj9yY2Cjg18P45bVD-shKDvyxySKZp2ZZvX6GbbGLCJ9W0fEVjdg=="
/>
<link
rel="search"
type="application/opensearchdescription+xml"
href="https://tabs.ultimate-guitar.com/static/opensearch/opensearch.xml"
title="Ultmate-Guitar tabs &amp; chords search"
/>
<meta name="theme-color" content="#272727" />
<link
rel="manifest"
href="https://tabs.ultimate-guitar.com/manifest_v10.json"
/>
<link
rel="icon"
type="image/x-icon"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/favicon_v2.ico"
/>
<link
rel="shortcut icon"
type="image/png"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/favicon_v2.png"
/>
<link
rel="apple-touch-icon"
sizes="32x32"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-32x32_v3.png"
/>
<link
rel="apple-touch-icon"
sizes="48x48"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-48x48_v3.png"
/>
<link
rel="apple-touch-icon"
sizes="72x72"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-72x72_v3.png"
/>
<link
rel="apple-touch-icon"
sizes="96x96"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-96x96_v3.png"
/>
<link
rel="apple-touch-icon"
sizes="144x14"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-144x144_v3.png"
/>
<link
rel="apple-touch-icon"
sizes="192x192"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-192x192_v3.png"
/>
<link
rel="apple-touch-icon"
sizes="512x512"
href="https://tabs.ultimate-guitar.com/static/public/ug/img/product_icons/ug/apple-touch-icon-512x512_v3.png"
/>
<meta name="application-name" content="Ultimate Guitar" />
<style>
#ad_cs_5723252_300_250 > div > iframe:only-child {
display: none;
}
</style>
<link
rel="preload"
href="https://tabs.ultimate-guitar.com/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2?ver=1"
as="font"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
href="https://tabs.ultimate-guitar.com/static/public/ug/fonts/muse/muse-sans/v4/MuseSans-Variable.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
href="https://tabs.ultimate-guitar.com/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2?ver=1"
as="font"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
href="https://tabs.ultimate-guitar.com/static/public/ug/fonts/muse/muse-display/harmony/v2/MuseDisplay-Harmony.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous"
/>
<meta
name="impact-site-verification"
value="4a6f4ce0-7337-4f89-8f93-bc6eaf9d9145"
/>
<style>
.vcq4Y {
border: 1px solid;
border-radius: 2px;
box-shadow: none;
font-family: inherit;
margin: 0;
vertical-align: top;
width: 100%;
}
.vcq4Y:disabled {
opacity: 0.5;
}
.iOkLF {
padding-right: 66px;
position: relative;
}
.vcq4Y[type="search"] {
-webkit-appearance: none;
}
.vcq4Y:focus {
outline: none;
}
.HDV3t {
background: #111;
border-color: #606060;
color: #ddc;
}
.HDV3t:focus {
border-color: #7a7a7a;
}
.i_fkC {
background: #fff;
border-color: silver;
color: #212121;
}
.i_fkC:focus {
border-color: #929292;
}
.f6nLM {
border-color: #ff5d55;
}
.c_wdW {
font-size: 12px;
font-weight: 600;
height: 32px;
line-height: 16px;
min-height: 32px;
padding: 7px 12px;
}
.KiiY1 {
font-size: 13px;
font-weight: 600;
height: 36px;
line-height: 16px;
min-height: 36px;
padding: 9px 12px;
}
.YZj3H {
font-size: 14px;
height: 40px;
padding: 11px 12px;
}
._xV5Z {
font-size: 14px;
height: 48px;
padding: 15px;
}
._1kSZR {
font-size: 16px;
height: 56px;
padding: 18px 20px;
}
.OrRPB {
font-size: 16px;
height: 40px;
padding: 11px 12px;
}
.HDV3t:-webkit-autofill,
.HDV3t:-webkit-autofill:focus,
.HDV3t:-webkit-autofill:hover {
-webkit-text-fill-color: #ddc;
border: 1px solid #7a7a7a;
box-shadow: inset 0 0 0 1000px #111;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.HDV3t:-webkit-autofill {
border-color: #606060;
}
.i_fkC:-webkit-autofill,
.i_fkC:-webkit-autofill:focus,
.i_fkC:-webkit-autofill:hover {
-webkit-text-fill-color: #111;
border: 1px solid #929292;
box-shadow: inset 0 0 0 1000px #fff;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
.i_fkC:-webkit-autofill {
border-color: silver;
}
.Vnr-Q {
border: none;
padding: 7px 0;
}
.vcq4Y + .A3vXq {
bottom: 0;
margin: auto;
right: 4px;
top: 0;
}
</style>
<style>
#credential_picker_container,
#credential_picker_iframe {
z-index: 200000 !important;
}
</style>
<style>
.SLo14 {
display: grid;
grid-template-areas: "header header header" "content content content";
grid-template-columns: auto minmax(980px, 1418px) auto;
grid-template-rows: 68px 1fr;
height: 100%;
margin: 0 -16px;
}
.bgUnm {
z-index: 2;
}
.xJQtI {
grid-area: header;
position: relative;
z-index: 4;
}
._8nb-i {
grid-area: content;
grid-column-end: 3;
grid-column-start: 2;
margin: 0 auto;
max-width: 1280px;
position: relative;
width: 100%;
z-index: 3;
}
.JE17n {
bottom: 0;
grid-area: footer;
height: 64px;
left: 0;
position: fixed;
width: 100%;
z-index: 4;
}
</style>
<style>
.GZm7j {
align-items: center;
background-color: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.GZm7j:not([data-focused]) {
outline: none;
}
.GZm7j[data-pending] {
cursor: progress;
}
.GZm7j[data-disabled] {
cursor: not-allowed;
}
.GZm7j[data-full-width] {
width: 100%;
}
.ZRiM8 {
outline: none;
}
.eMnsQ {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
.BaJve {
-webkit-appearance: none;
background: transparent;
border: none;
box-sizing: border-box;
margin: 0;
min-width: 0;
outline: none;
padding: 0;
}
.BaJve::-webkit-inner-spin-button,
.BaJve::-webkit-outer-spin-button,
.BaJve::-webkit-search-cancel-button,
.BaJve::-webkit-search-results-button,
.BaJve::-webkit-slider-runnable-track,
.BaJve::-webkit-slider-thumb {
-webkit-appearance: none;
}
.BaJve[type="number"] {
-moz-appearance: textfield;
}
.o_U7b {
-webkit-text-decoration: none;
text-decoration: none;
}
.o_U7b:not([data-focused]) {
outline: none;
}
.o_U7b[data-disabled] {
cursor: default;
}
</style>
<style>
.zcf1R {
font-variation-settings: "wdth" var(--ug-theme-index, 0);
height: 0;
overflow: hidden;
position: absolute;
transition: font-variation-settings 0.001ms step-start;
visibility: hidden;
width: 0;
z-index: -1;
}
</style>
<style>
.IhCIM {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: var(--ug-color-bg-primary);
border-radius: var(--ug-border-radius-default);
color: var(--ug-color-text-primary);
font: var(--ug-font-caption-l);
padding: var(--ug-spacing-xxs) var(--ug-spacing-xs);
}
</style>
<style>
.oc8O- {
color: inherit;
margin: 0;
padding: 0;
}
.RIhpE {
text-align: left;
}
._ldPL {
text-align: center;
}
.SaGFq {
text-align: right;
}
._6Rk1M {
text-align: justify;
}
.R2aTZ {
word-wrap: normal;
overflow-wrap: normal;
}
.Q19vO {
word-wrap: break-word;
overflow-wrap: break-word;
}
.eepp8 {
word-wrap: anywhere;
overflow-wrap: anywhere;
}
.SK8kZ {
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--max-lines);
display: -webkit-box;
overflow: hidden;
}
.LZ41X {
text-transform: capitalize;
}
.ZzLgn {
text-transform: lowercase;
}
.vE_rh {
text-transform: uppercase;
}
.rBqB6 {
text-transform: none;
}
</style>
<style>
.buTwg {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
white-space: pre-line;
}
._8zorl {
font: var(--ug-font-heading-xxl);
}
.xKHPl {
font: var(--ug-font-heading-xl);
}
.PEhqg {
font: var(--ug-font-heading-l);
}
.w4PqC {
font: var(--ug-font-heading-m);
}
.g5Nhd {
font: var(--ug-font-heading-s);
}
.hFAXR {
font: var(--ug-font-subtitle-l);
}
.Zpgxv {
font: var(--ug-font-subtitle-m);
}
.pafr5 {
font: var(--ug-font-subtitle-s);
}
.fQ5ZZ {
font: var(--ug-font-body-l);
}
.OVNDp {
font: var(--ug-font-body-l-medium);
}
.-sFdr {
font: var(--ug-font-body-l-semibold);
}
.T7AU4 {
font: var(--ug-font-body-s);
}
.yUFRB {
font: var(--ug-font-body-s-medium);
}
.Qmdn7 {
font: var(--ug-font-body-s-semibold);
}
.poVSK {
font: var(--ug-font-paragraph-l);
}
._5E8WP {
font: var(--ug-font-paragraph-l-medium);
}
.vdKeL {
font: var(--ug-font-paragraph-l-semibold);
}
.ynDrN {
font: var(--ug-font-paragraph-s);
}
._9VqUx {
font: var(--ug-font-paragraph-s-medium);
}
.BouOX {
font: var(--ug-font-paragraph-s-semibold);
}
._92jLl {
font: var(--ug-font-caption-l);
}
.GOaXR {
font: var(--ug-font-caption-l-medium);
}
.dJM0J {
font: var(--ug-font-caption-l-semibold);
}
.NWRJt {
font: var(--ug-font-caption-s);
}
.KMjwe {
font: var(--ug-font-caption-s-medium);
}
.KpUjd {
font: var(--ug-font-caption-s-semibold);
}
._8tH2i {
font: var(--ug-font-mono-xl);
}
._6Wxd7 {
font: var(--ug-font-mono-xl-medium);
}
.e1jZx {
font: var(--ug-font-mono-xl-semibold);
}
.QbUyh {
font: var(--ug-font-mono-l);
}
.f_aG0 {
font: var(--ug-font-mono-l-medium);
}
.zKEgY {
font: var(--ug-font-mono-l-semibold);
}
.Y48JR {
font: var(--ug-font-mono-m);
}
.xYh70 {
font: var(--ug-font-mono-m-medium);
}
.JvDF9 {
font: var(--ug-font-mono-m-semibold);
}
.SXAML {
font: var(--ug-font-mono-s);
}
.-QRF0 {
font: var(--ug-font-mono-s-medium);
}
.wVKk- {
font: var(--ug-font-mono-s-semibold);
}
.remKe {
font: var(--ug-font-mono-xs);
}
.AvHax {
font: var(--ug-font-mono-xs-medium);
}
.mVj5w {
font: var(--ug-font-mono-xs-semibold);
}
.MTelo {
font: inherit;
}
.zXCbx {
font: var(--ug-font-articles-heading-xxl);
}
.pYf9G {
font: var(--ug-font-articles-heading-xl);
}
.z8gjr {
font: var(--ug-font-articles-heading-l);
letter-spacing: var(--ug-font-articles-heading-l-letter-spacing);
}
.nNYVL {
font: var(--ug-font-articles-heading-m);
letter-spacing: var(--ug-font-articles-heading-m-letter-spacing);
}
.vcxVZ {
font: var(--ug-font-articles-subtitle-s-bold);
}
.PF96d {
font: var(--ug-font-articles-body-xl);
}
.dneiq {
font: var(--ug-font-articles-body-m);
}
.RPbdk {
font: var(--ug-font-articles-body-m-semibold);
}
.Iiv2G {
font: var(--ug-font-articles-body-xs);
}
._6WKRY {
color: var(--ug-color-text-primary);
}
.xgExn {
color: var(--ug-color-text-secondary);
}
.jJrF4 {
color: var(--ug-color-text-placeholder);
}
.IfvOu {
color: var(--ug-color-text-muted);
}
._2avaW {
color: var(--ug-color-text-yellow);
}
.W5Aww {
color: var(--ug-color-text-red);
}
.LKpqi {
color: var(--ug-color-text-green);
}
.J8gx0 {
color: var(--ug-color-accent-green);
}
.R26_p {
color: var(--ug-color-text-purple);
}
.Emaqm {
color: var(--ug-color-text-contrast);
}
.YZmIm {
color: var(--ug-color-control-primary);
}
._8f0FS {
color: var(--ug-color-text-inverse);
}
.cjyjr {
color: var(--ug-color-exception-constant-dark);
}
.DYJ8J {
color: var(--ug-color-exception-constant-light);
}
.ybpkg {
color: inherit;
}
</style>
<style>
._0GwJW {
--icon-size-fallback: 1rem;
}
@supports (height: 1lh) {
._0GwJW {
--icon-size-fallback: 1lh;
}
}
._0GwJW {
fill: currentColor;
display: inline-block;
min-width: var(--icon-size, var(--icon-size-fallback));
pointer-events: none;
vertical-align: text-bottom;
width: var(--icon-size, var(--icon-size-fallback));
}
.Z-x_Y {
color: var(--ug-color-icon-primary);
}
._7D1Ez {
color: var(--ug-color-icon-secondary);
}
.EHrjV {
color: var(--ug-color-icon-tertiary);
}
.ziWb0 {
color: var(--ug-color-icon-muted);
}
.IQgZw {
color: var(--ug-color-icon-overlay-primary);
}
.Kx0gb {
color: var(--ug-color-icon-overlay-secondary);
}
.fFqHI {
color: var(--ug-color-icon-yellow);
}
.xIQ5g {
color: var(--ug-color-icon-red);
}
.Ltxtu {
color: var(--ug-color-icon-green);
}
.Byw4- {
color: var(--ug-color-icon-purple);
}
.HOkUh {
color: var(--ug-color-icon-inverse);
}
.vIONS {
color: var(--ug-color-exception-constant-dark);
}
.mm_0m {
color: var(--ug-color-exception-constant-light);
}
.CdDlK {
--icon-size: 12px;
}
.yEQI7 {
--icon-size: 16px;
}
.pKo9O {
--icon-size: 20px;
}
.HYa3g {
--icon-size: 24px;
}
.Y77TP {
--icon-size: 32px;
}
</style>
<style>
.ubCb3 {
margin-left: var(--ug-spacing-xxs);
}
</style>
<style>
.rpAHE {
--ug-stack-template: initial;
box-sizing: border-box;
display: grid;
margin: 0;
min-width: -moz-fit-content;
min-width: fit-content;
padding: 0;
}
.rpAHE.EFJAl {
height: 100%;
}
.rpAHE.kieKA {
width: 100%;
}
.Rtlga {
grid-auto-flow: row;
grid-template-rows: var(--ug-stack-template);
row-gap: var(--ug-stack-gap);
}
.qrOqf {
-moz-column-gap: var(--ug-stack-gap);
column-gap: var(--ug-stack-gap);
grid-auto-flow: column;
grid-template-columns: var(--ug-stack-template);
}
.RwM4f {
--ug-stack-gap: 0px;
}
.jaAEm {
--ug-stack-gap: 2px;
}
.Ozno_ {
--ug-stack-gap: var(--ug-spacing-xxs);
}
._3eUKY {
--ug-stack-gap: var(--ug-spacing-xs);
}
.KRhzx {
--ug-stack-gap: var(--ug-spacing-s);
}
.aRHmc {
--ug-stack-gap: var(--ug-spacing-m);
}
.qoD1M {
--ug-stack-gap: var(--ug-spacing-l);
}
.Z_EzT {
--ug-stack-gap: var(--ug-spacing-xl);
}
._9bqq3 {
--ug-stack-gap: var(--ug-spacing-xxl);
}
.SdUvR {
align-content: start;
}
.qtmgf {
align-content: center;
}
._0sNS6 {
align-content: end;
}
.Ke_jO {
align-content: stretch;
}
.OTEty {
align-content: space-between;
}
._5qpQ6 {
align-content: space-around;
}
.v8_8F {
align-content: space-evenly;
}
.GPCdY {
justify-content: start;
}
.IRLDO {
justify-content: center;
}
.fPouA {
justify-content: end;
}
.trcFj {
justify-content: stretch;
}
.prYS5 {
justify-content: space-between;
}
._4s_Kk {
justify-content: space-around;
}
.S_r1G {
justify-content: space-evenly;
}
.VlqJr {
align-items: start;
}
._2J3an {
align-items: center;
}
.yz9oQ {
align-items: end;
}
._PfpH {
align-items: stretch;
}
.l3KmF {
align-items: baseline;
}
.AiIpr {
justify-items: start;
}
.BbP_2 {
justify-items: center;
}
._-1S3i {
justify-items: end;
}
.sMYf6 {
justify-items: stretch;
}
</style>
<style>
.y_Ng5 {
gap: 40px;
padding: var(--ug-spacing-xs) var(--ug-spacing-xl);
}
</style>
<style>
._6gTBE[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
._6gTBE[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
._6gTBE[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
._6gTBE {
display: inline-block;
width: -moz-fit-content;
width: fit-content;
}
._8jga9,
.wa-ja[data-hovered] {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-position: from-font;
}
</style>
<style>
.f6A3p {
fill: var(--ug-color-accent-yellow);
display: inline-block;
min-width: var(--ug-logo-size);
vertical-align: text-bottom;
width: var(--ug-logo-size);
}
.oJNJN {
--ug-logo-size: 36px;
}
.IkLiQ {
--ug-logo-size: 48px;
}
.fcO0p {
--ug-logo-size: 60px;
}
</style>
<style>
.Fi2Hm {
height: 40px;
}
</style>
<style>
.f_LPY[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
.f_LPY[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.f_LPY[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.f_LPY {
--icon-size: 16px;
gap: 2px;
}
.Lxg8Y,
._5oowA[data-hovered] {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-position: from-font;
}
._2jFRU {
flex-direction: row;
}
.OagIR {
flex-direction: row-reverse;
}
</style>
<style>
.tyDXI {
--search-bar-width: 500px;
background: var(--ug-color-button-secondary);
border-radius: var(--ug-border-radius-full);
max-width: var(--search-bar-width);
position: relative;
width: 100%;
}
.tyDXI .Z2HPO {
grid-template-columns: 1fr auto auto;
padding-left: var(--ug-spacing-l);
width: var(--search-bar-width);
}
@media (max-width: 1300px) {
.tyDXI {
--search-bar-width: 440px;
}
}
.MstUw {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: var(--ug-color-button-secondary);
caret-color: var(--ug-color-text-primary);
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
padding-bottom: var(--ug-spacing-xs);
padding-top: var(--ug-spacing-xs);
}
.MstUw::-moz-placeholder {
color: var(--ug-color-text-secondary);
}
.MstUw::placeholder {
color: var(--ug-color-text-secondary);
}
.vnBPB {
background: var(--ug-color-bg-secondary);
border-radius: var(--ug-border-radius-default);
margin-bottom: calc(var(--ug-spacing-s) * -1);
margin-top: calc(var(--ug-spacing-s) * -1);
max-width: calc(var(--search-bar-width) + var(--ug-spacing-s));
padding-bottom: 10px;
padding-right: var(--ug-spacing-m);
padding-top: 10px;
}
.vnBPB .MstUw {
background-color: var(--ug-color-bg-secondary);
}
.vnBPB .N7LDf {
background-color: var(--ug-color-button-tertiary);
}
.M1fXT {
padding: var(--ug-spacing-xs) var(--ug-spacing-xxs);
}
.N7LDf {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
border-radius: var(--ug-border-radius-full);
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
padding: var(--ug-spacing-xs) var(--ug-spacing-s);
}
.N7LDf[data-hovered] {
background-color: var(--ug-color-button-tertiary);
}
.N7LDf[data-focused] {
background-color: var(--ug-color-button-secondary);
}
.N7LDf[data-pressed] {
opacity: 0.5;
}
.rSP9U {
color: var(--ug-color-text-secondary);
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
</style>
<style>
.IkuKF {
box-sizing: border-box;
height: var(--icon-size, var(--icon-size-fallback));
}
._65R3j {
animation: MBQuk 0.6s linear infinite;
background-image: conic-gradient(from 90deg, transparent, currentColor);
border-radius: 50%;
height: 100%;
position: relative;
width: 100%;
}
._65R3j::after {
background-color: currentColor;
border-radius: 50%;
clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
content: "";
height: 12.5%;
position: absolute;
right: 0;
top: 43.75%;
width: 12.5%;
}
.M2Ic4 {
height: 0;
position: absolute;
width: 0;
}
@keyframes MBQuk {
from {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
._7PHot {
animation: iAz1E 1.1s infinite;
}
@keyframes iAz1E {
0% {
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
transform: rotate(0deg);
}
45.45% {
animation-timing-function: linear;
transform: rotate(180deg);
}
63.63% {
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
transform: rotate(180deg);
}
100% {
transform: rotate(1turn);
}
}
</style>
<style>
.KKBhY[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
.KKBhY[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.KKBhY[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.KKBhY {
--icon-size: var(
--button-icon-size,
var(--button-icon-size-default, 16px)
);
--button-icon-size-default: 16px;
border-radius: var(--ug-border-radius-full);
gap: 6px;
padding: var(--ug-spacing-xs) var(--ug-spacing-m);
}
._4XUk_ {
padding: 10px;
}
._2HKl- {
padding: var(--ug-spacing-s) var(--ug-spacing-l);
}
._2HKl-._4XUk_ {
padding: 14px;
}
.Qg7Rc {
--button-icon-size-default: 20px;
padding-bottom: 14px;
padding-left: var(--ug-spacing-xl);
padding-right: var(--ug-spacing-xl);
padding-top: 14px;
}
.Qg7Rc._4XUk_ {
padding: 16px;
}
.zB8e5 {
background-color: var(--ug-color-button-primary);
color: #000;
}
.yyoBV {
background-color: var(--ug-color-bg-inverse);
color: var(--ug-color-text-inverse);
}
._8WVi7 {
background-color: var(--ug-color-button-secondary);
color: var(--ug-color-text-primary);
}
.n64Fd {
color: var(--ug-color-text-primary);
}
._6yJZx {
flex-direction: row;
}
.TV5oF {
flex-direction: row-reverse;
}
</style>
<style>
.BURDa {
color: var(--ug-color-icon-secondary);
}
</style>
<style>
.H6ioe {
--search-bar-width: 397px;
flex: 1;
height: 44px;
min-width: var(--search-bar-width);
position: relative;
}
.U9h1A {
--searchbar-animation-function: cubic-bezier(0.32, 0.72, 0, 1);
background: var(--ug-color-button-secondary);
border-radius: 22px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition:
width 0.35s var(--searchbar-animation-function),
height 0.35s var(--searchbar-animation-function),
border-radius 0.1s ease-out,
background-color 0.25s ease;
width: var(--search-bar-width);
z-index: 1;
}
.U9h1A .cQaaO {
grid-template-columns: auto 1fr;
padding-left: var(--ug-spacing-m);
padding-right: var(--ug-spacing-m);
width: 100%;
}
.U9h1A .cQaaO.YalEF {
grid-template-columns: 1fr auto auto;
padding-left: var(--ug-spacing-xl);
padding-right: 0;
}
.U9h1A._8PcB4 {
--border-radius-with-opened-dropdown: 22px;
--border-radius-top: 22px 22px 0 0;
--border-left: inset 1px 0 0 0 var(--ug-color-form-muted);
--border-right: inset -1px 0 0 0 var(--ug-color-form-muted);
--border-top: inset 0 1px 0 0 var(--ug-color-form-muted);
--border-bottom: inset 0 -1px 0 0 var(--ug-color-form-muted);
--border-all: inset 0 0 0 1px var(--ug-color-form-muted);
background: var(--ug-color-bg-secondary);
}
.U9h1A._8PcB4 .cQaaO {
border-radius: 22px;
box-shadow: var(--border-all);
transition: border-radius 0.25s ease-out;
}
.U9h1A._8PcB4 .cQaaO.YalEF {
grid-template-columns: auto 1fr auto;
padding-left: var(--ug-spacing-m);
}
.U9h1A._8PcB4 .cQaaO .Hh8-g {
margin-left: var(--ug-spacing-xxs);
margin-right: var(--ug-spacing-xxs);
}
.U9h1A._8PcB4 .bHWPN {
box-shadow: var(--border-top), var(--border-bottom);
width: calc(100% - var(--ug-spacing-xxs));
}
.U9h1A._8PcB4.sRYJo {
--search-bar-width: calc(
var(--search-bar-focused-width) + var(--ug-spacing-s)
);
border-radius: 22px;
height: 44px;
padding-right: 0;
}
.C5Doz
[csstools-has-1a-2r-33-32-38-2p-2x-32-2t-36-1a-32-2t-3b-2d-21-1a-3b-2x-38-2w-1w-36-33-34-2s-33-3b-32-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-2t-2p-36-2r-2w-19-2s-36-33-34-2s-33-3b-32-19-33-34-2t-32-2l-15]:not(
.qVHza
):not(.qVHza):not(.qVHza) {
border-radius: var(--border-radius-top);
}
.U9h1A._8PcB4.sRYJo:has([data-search-dropdown-open]) {
border-radius: var(--border-radius-top);
}
.C5Doz
[csstools-has-1a-2r-33-32-38-2p-2x-32-2t-36-1a-32-2t-3b-2d-21-1a-3b-2x-38-2w-1w-36-33-34-2s-33-3b-32-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-2t-2p-36-2r-2w-19-2s-36-33-34-2s-33-3b-32-19-33-34-2t-32-2l-15-w-1a-37-2t-2p-36-2r-2w-1u-2p-36]:not(
.qVHza
):not(.qVHza):not(.qVHza):not(.qVHza) {
border-radius: var(--border-radius-top);
box-shadow: var(--border-left), var(--border-right), var(--border-top);
transition: border-radius 0.05s ease-in;
}
.U9h1A._8PcB4.sRYJo:has([data-search-dropdown-open]) .cQaaO {
border-radius: var(--border-radius-top);
box-shadow: var(--border-left), var(--border-right), var(--border-top);
transition: border-radius 0.05s ease-in;
}
.C5Doz
[csstools-has-1a-2r-33-32-38-2p-2x-32-2t-36-1a-32-2t-3b-2d-21-1a-3b-2x-38-2w-1w-36-33-34-2s-33-3b-32-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-2t-2p-36-2r-2w-19-2s-36-33-34-2s-33-3b-32-19-33-34-2t-32-2l-15-w-1a-2x-32-34-39-38]:not(
.qVHza
):not(.qVHza):not(.qVHza):not(.qVHza) {
box-shadow: var(--border-top);
}
.U9h1A._8PcB4.sRYJo:has([data-search-dropdown-open]) .bHWPN {
box-shadow: var(--border-top);
}
.U9h1A._8PcB4.sRYJo .vARqG {
margin-right: var(--ug-spacing-xs);
}
.U9h1A._8PcB4.O65pa {
border-radius: var(--border-radius-top);
height: 44px;
}
.U9h1A._8PcB4.O65pa .cQaaO {
border-radius: var(--border-radius-top);
box-shadow: var(--border-left), var(--border-right), var(--border-top);
}
.U9h1A._8PcB4.O65pa .bHWPN {
box-shadow: var(--border-top);
}
@media (max-width: 1300px) {
.H6ioe {
--search-bar-width: 331px;
}
}
@media (prefers-reduced-motion: reduce) {
.U9h1A,
.sRYJo {
transition: none;
}
}
.bHWPN {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: transparent;
caret-color: var(--ug-color-text-primary);
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
padding-bottom: var(--ug-spacing-s);
padding-top: var(--ug-spacing-s);
}
.bHWPN::-moz-placeholder {
color: var(--ug-color-text-secondary);
}
.bHWPN::placeholder {
color: var(--ug-color-text-secondary);
}
.sRYJo {
--search-bar-width: calc(
var(--search-bar-focused-width) + var(--ug-spacing-l)
);
background: var(--ug-color-bg-secondary);
border-radius: var(--ug-border-radius-default);
height: 60px;
padding-right: var(--ug-spacing-m);
transition:
width 0.25s var(--searchbar-animation-function),
height 0.25s var(--searchbar-animation-function),
border-radius 0.05s ease-in,
background-color 0.2s ease;
}
.sRYJo .Wa3-j {
animation: _8ZCEi 0.25s ease 0.05s forwards;
background-color: var(--ug-color-button-tertiary);
margin-right: 0;
}
.sRYJo .vARqG {
animation: _8ZCEi 0.25s ease 0.05s forwards;
height: 36px;
margin-right: -6px;
width: 36px;
}
@keyframes _8ZCEi {
to {
opacity: 1;
}
}
.gRuhV {
padding: var(--ug-spacing-xs) var(--ug-spacing-xxs);
}
.Wa3-j {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
border-radius: var(--ug-border-radius-full);
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
margin-right: calc(var(--ug-spacing-s) * -1);
opacity: 0;
padding: var(--ug-spacing-xs) var(--ug-spacing-m);
transition: background-color 0.25s ease;
}
.Wa3-j.iOqrK {
opacity: 1;
}
.Wa3-j[data-hovered] {
background-color: var(--ug-color-button-tertiary);
}
.Wa3-j[data-focused] {
background-color: var(--ug-color-button-secondary);
}
.Wa3-j[data-pressed] {
opacity: 0.5;
}
.vARqG {
opacity: 0;
}
.K8V4f {
color: var(--ug-color-text-secondary);
display: flex;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
._150zv {
cursor: text;
padding-right: var(--ug-spacing-xs);
}
.O65pa {
background: var(--ug-color-bg-secondary);
border-radius: var(--ug-border-radius-default);
height: 60px;
}
</style>
<style>
.Y0Kq1 {
align-items: center;
color: var(--ug-color-text-secondary);
display: flex;
height: 20px;
line-height: 20px;
overflow: hidden;
width: 410px;
}
@media (max-width: 1300px) {
.Y0Kq1 {
width: 350px;
}
}
.lhX2v {
flex-shrink: 0;
margin-right: 4px;
}
._5fjk5 {
height: 20px;
overflow: hidden;
}
.WhDp2 {
display: flex;
flex-direction: column;
will-change: transform;
}
.XKI0A {
flex-shrink: 0;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<style>
.Nbc9o {
position: relative;
z-index: 0;
}
.Nbc9o[data-layout="auto"],
.Nbc9o[data-layout="scroll"] {
display: flex;
}
.Nbc9o[data-layout="auto"] .JvTKf,
.Nbc9o[data-layout="scroll"] .JvTKf {
flex-shrink: 0;
}
.Nbc9o[data-layout="even"] {
display: grid;
grid-auto-flow: column;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.Nbc9o[data-layout="scroll"] {
overflow-x: auto;
overflow-y: hidden;
overflow: auto hidden;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scrollbar-width: none;
}
.Nbc9o[data-layout="scroll"]::-webkit-scrollbar {
display: none;
}
.Nbc9o[data-layout="scroll"] .JvTKf {
scroll-snap-align: start;
}
.Nbc9o[data-layout="vertical"] {
display: flex;
flex-direction: column;
}
.jE_WB {
position: absolute;
will-change: transform, width;
z-index: -1;
}
</style>
<style>
.eCLfu {
gap: var(--ug-spacing-m);
}
.jmh3S {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
}
.jmh3S em {
color: var(--ug-color-text-red);
font: var(--ug-font-body-s-semibold);
}
.jmh3S[data-hovered] {
color: var(--ug-color-text-secondary);
}
.jmh3S[data-hovered] em {
opacity: var(--ug-opacity-hovered);
}
.jmh3S[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
</style>
<style>
.Aby3t {
background-color: var(--ug-color-bg-primary);
border: 1px solid var(--ug-color-bg-tertiary);
border-radius: var(--ug-border-radius-default);
padding-bottom: var(--ug-spacing-xxs);
padding-top: var(--ug-spacing-xxs);
}
.Aby3t.CKzpS {
width: 172px;
}
.Aby3t.jaylp {
width: 240px;
}
.Aby3t.L-BSA {
width: auto;
}
.qWQo4 {
align-items: start;
color: var(--ug-color-text-secondary);
display: flex;
font: var(--ug-font-body-s-medium);
gap: var(--ug-spacing-xs);
justify-content: space-between;
padding: var(--ug-spacing-s);
padding-bottom: var(--ug-spacing-xs);
}
._5fVPD {
outline: none;
padding-bottom: var(--ug-spacing-xxs);
padding-top: var(--ug-spacing-xxs);
}
.Yex0J {
box-shadow: var(--ug-box-shadow-popover);
outline: none;
}
</style>
<style>
.MzxrS {
--icon-size: 20px;
--icon-size: 1lh;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: start;
box-sizing: border-box;
color: var(--ug-color-text-primary);
cursor: pointer;
display: flex;
font: var(--ug-font-body-s-medium);
gap: var(--ug-spacing-s);
outline: none;
padding: var(--ug-spacing-xs) var(--ug-spacing-s);
-webkit-text-decoration: none;
text-decoration: none;
width: 100%;
}
.MzxrS[data-focused] {
background-color: var(--ug-color-bg-secondary);
}
.MzxrS[data-disabled] {
cursor: not-allowed;
opacity: var(--ug-opacity-disabled);
}
</style>
<style>
.kM7yS[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
</style>
<style>
._1utfG {
flex-shrink: 0;
margin-left: var(--ug-spacing-xs);
}
</style>
<style>
.BY0yI {
align-items: center;
display: flex;
min-width: 0;
}
.YHT9l {
flex: 1;
min-width: 0;
overflow: hidden;
}
</style>
<style>
.ZmGe- {
height: var(--muse-arrow-height);
width: var(--muse-arrow-width);
}
.ZmGe-[data-placement="left"],
.ZmGe-[data-placement="right"] {
height: var(--muse-arrow-width);
width: var(--muse-arrow-height);
}
.ZmGe-::after {
border-bottom: var(--muse-arrow-height) solid var(--muse-arrow-color);
border-left: calc(var(--muse-arrow-width) / 2) solid transparent;
border-right: calc(var(--muse-arrow-width) / 2) solid transparent;
content: "";
display: block;
height: 0;
width: 0;
}
.ZmGe-[data-placement="top"]::after {
rotate: 180deg;
}
.ZmGe-[data-placement="left"]::after {
rotate: 90deg;
transform-origin: top left;
translate: var(--muse-arrow-height);
}
.ZmGe-[data-placement="right"]::after {
rotate: -90deg;
transform-origin: top right;
translate: calc(var(--muse-arrow-width) * -1);
}
</style>
<style>
.g9m-X {
--muse-arrow-height: 8px;
--muse-arrow-width: 24px;
}
</style>
<style>
.rEf70 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
--muse-arrow-color: var(--ug-color-bg-primary);
word-wrap: break-word;
background-color: var(--ug-color-bg-primary);
border-radius: var(--ug-border-radius-default);
box-shadow: var(--ug-box-shadow-popover);
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
overflow-wrap: break-word;
padding: 10px var(--ug-spacing-s);
}
.rEf70:not([data-has-arrow]) {
border: 1px solid var(--ug-color-bg-tertiary);
}
.rEf70[data-placement="bottom"],
.rEf70[data-placement="top"] {
min-width: 16px;
}
.rEf70[data-placement="left"],
.rEf70[data-placement="right"] {
min-height: 16px;
}
</style>
<style>
.jPRMj {
background-color: var(--ug-color-bg-primary);
border: 1px solid var(--ug-color-bg-tertiary);
border-radius: var(--ug-border-radius-default);
box-sizing: border-box;
color: var(--ug-color-text-primary);
outline: none;
padding-bottom: var(--ug-spacing-xs);
padding-top: var(--ug-spacing-xs);
width: 248px;
}
.jPRMj:not(.kFJFv) {
box-shadow: var(--ug-box-shadow-popover);
}
.MeIo3 {
align-items: flex-start;
cursor: default;
outline: none;
}
.qNqOF,
.tfWtx {
padding-bottom: var(--ug-spacing-xs);
padding-top: var(--ug-spacing-xs);
}
.tfWtx {
align-items: center;
box-sizing: content-box;
display: flex;
gap: 2px;
min-height: 20px;
}
</style>
<style>
.opQIB {
--icon-size: 20px;
border-radius: var(--ug-border-radius-default);
}
.opQIB._19t4v:hover:not([data-disabled]),
.opQIB[data-open],
.b8J0w
[csstools-has-1a-2x-38-2t-31-1m-2w-2p-37-14-1a-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15-1a-2y-37-19-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t]:not(
.A7tGU
):not(.A7tGU),
.b8J0w
[csstools-has-1a-2y-37-19-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-w-1a-2x-38-2t-31-1m-2w-2p-37-14-1a-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15]:not(
.A7tGU
):not(.A7tGU) {
background-color: var(--ug-color-bg-secondary);
}
.opQIB._19t4v:hover:not([data-disabled]),
.opQIB:has(.MCaio).SH53E,
.opQIB[data-open],
.SH53E .opQIB:has(.MCaio) {
background-color: var(--ug-color-bg-secondary);
}
.opQIB._19t4v:hover:not([data-disabled]),
.opQIB[data-open],
.b8J0w
[csstools-has-1a-2x-38-2t-31-1m-2w-2p-37-14-1m-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15]:not(
.A7tGU
) {
background-color: var(--ug-color-bg-secondary);
}
.opQIB._19t4v:hover:not([data-disabled]),
.opQIB:has(:focus-visible),
.opQIB[data-open] {
background-color: var(--ug-color-bg-secondary);
}
.opQIB[data-hovered] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.opQIB [data-focused] {
outline: none;
}
.Ged3l {
align-items: center;
box-sizing: border-box;
display: flex;
gap: var(--ug-spacing-s);
padding-left: var(--ug-spacing-s);
padding-right: var(--ug-spacing-s);
width: 100%;
}
.Ged3l.VI8A2 {
padding-left: 0;
padding-right: 0;
}
.aWHjc {
margin-right: auto;
padding-bottom: var(--ug-spacing-xs);
padding-top: var(--ug-spacing-xs);
}
</style>
<style>
.SUEIp {
--size: 1rem;
}
@supports (height: 1lh) {
.SUEIp {
--size: 1lh;
}
}
.SUEIp {
--idle-color: currentColor;
--active-color: transparent;
--indicator-color: transparent;
--transition-duration: 0s;
box-sizing: border-box;
}
</style>
<style>
._jSzN {
background-clip: content-box;
height: var(--size);
min-width: var(--size);
outline: 1px solid var(--idle-color);
outline-offset: -3px;
padding: 2px;
position: relative;
transition: var(--transition-duration) ease-out;
width: var(--size);
}
._jSzN svg {
fill: none;
stroke: var(--indicator-color);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity var(--transition-duration) ease-out;
width: 100%;
}
._jSzN[data-active] {
background-color: var(--active-color);
outline-color: transparent;
}
._jSzN[data-active] svg {
opacity: 1;
}
</style>
<style>
.wbS08 {
align-items: center;
background-clip: content-box;
border-radius: var(--size);
display: flex;
height: var(--size);
justify-content: center;
min-width: var(--size);
outline: 1px solid var(--idle-color);
outline-offset: -3px;
padding: 2px;
transition: var(--transition-duration) ease-out;
width: var(--size);
}
.wbS08::after {
aspect-ratio: 1;
background-color: var(--indicator-color);
border-radius: var(--size);
content: "";
display: block;
height: 37.5%;
opacity: 0;
transition: opacity var(--transition-duration) ease-out;
}
.wbS08[data-active] {
background-color: var(--active-color);
outline-color: transparent;
}
.wbS08[data-active]::after {
opacity: 1;
}
</style>
<style>
.MArDQ {
background-color: var(--idle-color);
border-radius: var(--size);
height: var(--size);
min-width: calc(var(--size) * 2);
padding: 2px;
transition: background-color var(--transition-duration) ease-out;
width: calc(var(--size) * 2);
}
.MArDQ::after {
aspect-ratio: 1;
background-color: var(--indicator-color);
border-radius: var(--size);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
content: "";
display: block;
height: 100%;
transform: translateX(0);
transition:
background-color calc(var(--transition-duration) * 1.5),
transform calc(var(--transition-duration) * 1.5)
cubic-bezier(0.4, 0, 0.2, 1);
}
.MArDQ[data-active] {
background-color: var(--active-color);
}
.MArDQ[data-active]::after {
background-color: #fff;
transform: translateX(var(--size));
}
</style>
<style>
.QZPaM,
._8TWUv,
.HKHiY {
--active-color: var(--ug-color-control-primary);
--transition-duration: 0.1s;
}
.QZPaM[data-disabled],
._8TWUv[data-disabled],
.HKHiY[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.QZPaM,
._8TWUv {
--idle-color: var(--ug-color-control-adaptive-stroke);
--indicator-color: var(--ug-color-icon-inverse);
}
.HKHiY {
--idle-color: var(--ug-color-bg-tertiary);
--indicator-color: var(--ug-color-control-inverse);
}
.la1ns {
--size: 20px;
}
.K0yCT {
--size: 24px;
}
._8-nfH {
--size: 32px;
}
</style>
<style>
.EVA0q {
cursor: pointer;
}
.EVA0q[aria-disabled="true"] {
cursor: not-allowed;
}
.EVA0q[aria-selected="false"] .wWjuc {
visibility: hidden;
}
</style>
<style>
.wxCJv {
box-sizing: border-box;
padding: 0 2px 2px;
position: relative;
width: 100%;
}
.cSA5I {
padding: 8px;
position: absolute;
right: 12px;
top: calc(50% - 1px);
transform: translateY(-50%);
}
.cSA5I:not([data-hovered]) {
opacity: 0.7;
}
[data-theme="dark"] .cSA5I {
color: #fff;
}
[data-theme="light"] .cSA5I {
color: #7a7a7a;
}
.zhjnq {
stroke: currentColor;
stroke-width: 0.6px;
}
</style>
<style>
.GNo1g {
display: flex;
flex-direction: row;
}
._3oNil {
align-items: center;
gap: 6px;
}
._3bcrs:last-of-type + .qtInH {
display: none;
}
.tmglB,
.WWPBN {
font-size: 20px;
line-height: 20px;
}
.WWPBN {
align-items: stretch;
background: #232324;
border-radius: 2px;
color: #fff;
display: flex;
gap: 6px;
padding: 4px 8px;
}
.WWPBN .y0khL {
background-color: #3e3e3e;
width: 1px;
}
.WWPBN .kX9_w {
align-self: end;
font-size: 10px;
line-height: 14px;
}
.tmglB {
color: #444;
}
.MmHZq,
.UDkIQ {
color: var(--ug-color-text-inverse);
font: var(--ug-font-subtitle-s);
}
.UDkIQ {
align-items: center;
display: flex;
flex-direction: column;
min-width: 44px;
}
.UDkIQ .rHU1- {
min-width: 27px;
}
.UDkIQ .kX9_w {
font: var(--ug-font-caption-l);
}
</style>
<style>
.j-Bp7 {
height: 48px;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
}
.u5xBx {
align-items: center;
background-color: var(--ug-color-bg-primary);
background-repeat: no-repeat;
background-size: cover;
box-sizing: border-box;
display: flex;
font-family: var(--ug-font-family-fallback);
gap: 48px;
height: 100%;
justify-content: center;
width: 100%;
}
.u5xBx[data-has-timer] {
gap: 32px;
}
.oe-kM {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #ddc;
display: -webkit-box;
font-size: 19px;
line-height: normal;
overflow: hidden;
}
@media (min-width: 1600px) {
.oe-kM {
font-size: 24px;
}
}
.PwxIb {
font-weight: 700;
}
.wJdsw {
font-weight: 400;
}
.mgVoN {
align-items: center;
background-color: #ffc600;
border: none;
border-radius: 2px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.9);
cursor: pointer;
display: flex;
flex-shrink: 0;
font: 700 13px/16px var(--ug-font-family-fallback);
gap: 4px;
justify-content: center;
padding: 8px 12px;
position: relative;
text-transform: uppercase;
}
.mgVoN::before {
background-color: #fff;
border-radius: 2px;
bottom: 0;
content: "";
left: 0;
opacity: 0;
padding: 8px;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.mgVoN:hover::before {
opacity: 0.2;
}
.mgVoN .U0rBJ {
z-index: 1;
}
.qemLx .oe-kM {
font-family:
Henny Penny,
sans-serif;
margin-top: 8px;
}
.FM_2j .u5xBx {
background-color: #ffc600;
gap: 20px;
padding-left: 0;
}
.FM_2j .oe-kM {
color: #141417;
font-size: 14px;
line-height: 20px;
}
.FM_2j .PwxIb,
.FM_2j .wJdsw {
font-weight: 600;
}
.FM_2j .mgVoN {
background: #2d2d2d;
color: #ddc;
}
.L1wWu .PwxIb {
font-weight: 400;
}
.L1wWu .wJdsw {
font-weight: 700;
}
.G4RFH .oe-kM {
font-size: 17px;
}
@media (min-width: 1600px) {
.G4RFH .oe-kM {
font-size: 17px;
}
}
.G4RFH .PwxIb,
.G4RFH .wJdsw {
font-weight: 600;
}
.UPxBl .u5xBx {
padding-left: 175px;
}
.gLjbO {
--permanent-banner-icon-size: 26px;
height: var(--permanent-banner-icon-size);
margin-right: -20px;
width: var(--permanent-banner-icon-size);
}
</style>
<style>
.gOCU5 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: var(--ug-color-accent-red);
border-radius: var(--ug-border-radius-full);
box-sizing: border-box;
}
.gOCU5:empty {
aspect-ratio: 1;
width: 4px;
}
.gOCU5:not(:empty) {
color: var(--ug-color-button-overlay);
font: var(--ug-font-caption-s-medium);
height: 16px;
min-width: 16px;
padding-bottom: 2px;
padding-left: var(--ug-spacing-xxs);
padding-right: var(--ug-spacing-xxs);
padding-top: 2px;
}
</style>
<style>
.Hau5t[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
.Hau5t[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.Hau5t[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.Hau5t {
align-items: center;
color: var(--ug-color-text-primary);
display: grid;
grid-template-columns: auto;
padding-bottom: 6px;
padding-left: var(--ug-spacing-s);
padding-right: var(--ug-spacing-s);
padding-top: 6px;
transition: grid-template-columns 0.3s ease-out;
}
.jG2br
[csstools-has-1a-38-2p-2q-1m-2w-2p-37-14-1q-w-37-3a-2v-w-17-w-1a-38-2t-3c-38-1v-33-32-38-2t-32-38-15]:not(
.LBEdI
):not(does-not-exist) {
gap: var(--ug-spacing-s);
grid-template-columns: min-content 1fr;
}
.Hau5t:has(> svg + .LwZJr) {
gap: var(--ug-spacing-s);
grid-template-columns: min-content 1fr;
}
.D0-Bj {
transition:
grid-template-columns 0.3s ease-out 0.1s,
gap 0.2s ease 0.1s;
}
.jG2br
[csstools-has-1a-38-2p-2q-2n-31-2x-32-2x-31-2x-3e-2t-2s-1m-2w-2p-37-14-1q-w-37-3a-2v-w-17-w-1a-38-2t-3c-38-1v-33-32-38-2t-32-38-15]:not(
.LBEdI
):not(does-not-exist) {
gap: 0;
grid-template-columns: min-content 0fr;
}
.D0-Bj:has(> svg + .LwZJr) {
gap: 0;
grid-template-columns: min-content 0fr;
}
._71_K6 {
align-self: flex-start;
display: inline-block;
margin-top: 2px;
vertical-align: text-top;
}
._5l2S0 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.LwZJr {
align-items: center;
display: flex;
gap: 2px;
min-width: 0;
opacity: 1;
overflow: hidden;
transition: opacity 0.2s ease 0.15s;
white-space: nowrap;
}
._TFeI {
margin-left: 2px;
}
.D0-Bj .LwZJr {
opacity: 0;
transition: opacity 0.2s ease;
}
</style>
<style>
.VvvmV {
padding: var(--ug-spacing-xs) var(--ug-spacing-xs) 0;
}
</style>
<style>
.xvxeQ {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.v_6Bv {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.V1ZJi {
height: 100%;
position: relative;
width: 100%;
}
</style>
<style>
.Quf5i {
--icon-size: 60%;
background-color: var(--ug-color-icon-muted);
border-radius: var(--ug-border-radius-full);
color: var(--ug-color-icon-overlay-primary);
height: var(--avatar-size, 36px);
overflow: hidden;
width: var(--avatar-size, 36px);
}
</style>
<style>
.NKJnR {
padding: var(--ug-spacing-xs);
}
.F1s5J {
width: 100%;
}
</style>
<style>
.LxcnY {
height: 60px;
}
</style>
<style>
.T8BuV {
font-family: var(--ug-font-family-mono);
left: 0;
line-height: 1.4em;
opacity: 0;
position: absolute;
top: 0;
}
.b4H5W {
font-family:
Monaco,
Courier New,
Courier,
monospace;
line-height: normal;
}
</style>
<style>
.gzu_- {
position: absolute;
right: var(--ug-spacing-xl);
top: 0;
z-index: 10;
}
</style>
<style>
._NXpo {
position: relative;
width: 100%;
}
._85hCg,
.z06zl {
align-items: center;
display: flex;
flex-direction: column;
}
._85hCg {
position: absolute;
width: 100%;
z-index: 0;
}
.z06zl {
background: var(--ug-color-bg-primary);
will-change: transform;
z-index: 1;
}
</style>
<style>
._5f-N {
display: block;
text-align: center;
}
.qlCy7 {
margin-bottom: var(--ug-spacing-m);
}
._5f-N.y7RXv:last-child {
margin-bottom: 0;
}
.uAx7K {
display: inline-block;
position: relative;
vertical-align: top;
}
._5f-N._8lSnm {
margin: var(--ug-spacing-xs) 0;
}
._3Zont {
text-align: left;
}
</style>
<style>
.YNCAo bidding-wrapper {
margin: 0 auto !important;
padding: 0 !important;
}
.YNCAo bidding-unit {
margin: 48px auto 40px !important;
}
.YNCAo bidding-unit {
position: relative;
}
.YNCAo bidding-unit::after {
color: var(--ug-color-text-placeholder);
content: "Advertisement";
font-size: var(--ug-font-caption-s);
left: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -26px;
width: 100%;
}
.p1Ko0 {
position: sticky;
top: -8px;
z-index: 10;
}
.UO6Yt {
top: var(--ug-top-sticky-segment-height, 0);
}
.kw4H6 {
background: var(--ug-color-bg-primary);
padding-top: var(--ug-spacing-xxl);
}
.F6xR- {
display: flex;
gap: var(--ug-spacing-xxl);
justify-content: center;
margin-bottom: var(--ug-spacing-m);
}
.UDYQO {
left: -50px;
position: fixed;
top: -50px;
}
</style>
<style>
.rc7K_ {
color: var(--ug-color-text-placeholder);
display: flex;
justify-content: center;
padding: var(--ug-spacing-xxs) 0;
}
._0vKpj {
background: var(--ug-color-text-muted);
height: 1px;
}
.BDB7s {
position: absolute;
right: 11px;
top: 12px;
}
</style>
<style>
.Q9k0F {
background-color: var(--ug-color-bg-primary);
box-sizing: border-box;
display: flex;
flex-direction: column;
position: relative;
}
.Q9k0F.eoKeu {
height: 100%;
}
.Q9k0F.IrvRZ:empty {
display: none;
}
._1KN6h {
align-items: start;
}
.OfwQR {
align-items: center;
}
._9g2RI {
align-items: end;
}
.lVQQm {
border-bottom: var(--ug-layout-border);
border-top: var(--ug-layout-border);
}
.PH5JV {
border-top: var(--ug-layout-border);
}
.dbVbP {
border-bottom: var(--ug-layout-border);
}
.bYvyK {
gap: var(--ug-spacing-xs);
}
.pAeFA {
padding: var(--ug-spacing-xs);
}
</style>
<style>
.XSbtP {
--ug-layout-border: 1px solid var(--ug-color-divider-alpha);
--ug-layout-center-column-width: max(1280px, 100vw);
--ug-layout-side-column-width: max(
0px,
calc(50vw - var(--ug-layout-center-column-width)/2)
);
--ug-sidebar-width: 232px;
--ug-main-content-width: calc(
var(--ug-layout-center-column-width) - var(--ug-sidebar-width)
);
background-color: var(--ug-color-bg-primary);
display: grid;
grid-template-areas: "left-sticky top-sticky top-sticky right-sticky" "left-sticky header header right-sticky" "left-sticky sidebar main right-sticky" "left-sticky sidebar-footer main right-sticky" "left-sticky footer footer right-sticky";
grid-template-columns: 1fr var(--ug-sidebar-width) var(
--ug-main-content-width
) 1fr;
grid-template-rows: auto auto 1fr auto auto;
min-height: 100vh;
width: 100%;
}
@media screen and (min-width: 1420px) {
.XSbtP {
--ug-layout-center-column-width: 1420px;
}
.XSbtP::after,
.XSbtP::before {
content: "";
}
}
@media screen and (min-width: 1600px) {
.XSbtP {
--ug-sidebar-width: 332px;
}
}
.XSbtP::after,
.XSbtP::before {
background-color: var(--ug-color-divider-alpha);
grid-row: 1/-1;
width: 1px;
z-index: 1;
}
.XSbtP::before {
grid-column: 1;
justify-self: end;
}
.XSbtP::after {
grid-column-start: -2;
justify-self: start;
}
._5nFqD {
grid-area: header;
z-index: 2;
}
.Wi8RE {
border-left: var(--ug-layout-border);
grid-area: main;
min-height: var(--ug-main-segment-min-height, auto);
position: relative;
z-index: 1;
}
.Wi8RE._iWYv {
border: none;
grid-column-start: 2;
}
.OHh4o {
grid-area: footer;
z-index: 0;
}
.f0KY- {
grid-area: sidebar;
z-index: 0;
}
.WVQl7 {
overflow-x: hidden;
position: sticky;
top: var(--ug-top-sticky-segment-height, 0);
}
.OA5Qi {
bottom: 0;
grid-area: sidebar-footer;
position: sticky;
z-index: 1;
}
.t3GVq,
._--hZJ,
.pxHic {
position: sticky;
top: 0;
}
.t3GVq,
._--hZJ {
align-self: start;
overflow-x: hidden;
z-index: 0;
}
.pxHic {
grid-area: top-sticky;
z-index: 3;
}
.t3GVq {
grid-area: left-sticky;
padding-right: 1px;
}
._--hZJ {
grid-area: right-sticky;
padding-left: 1px;
}
</style>
<style>
@font-face {
font-display: swap;
font-family: Muse Display Harmony;
src:
url("/static/public/ug/fonts/muse/muse-display/harmony/v2/MuseDisplay-Harmony.woff2")
format("woff2"),
url("/static/public/ug/fonts/muse/muse-display/harmony/v2/MuseDisplay-Harmony.woff")
format("woff");
}
@font-face {
ascent-override: 124.68%;
descent-override: 25.54%;
font-family: Muse Display Harmony Fallback;
line-gap-override: 0%;
size-adjust: 66.57%;
src: local("Arial");
}
@font-face {
font-display: swap;
font-family: Muse Sans;
src:
url("/static/public/ug/fonts/muse/muse-sans/v4/MuseSans-Variable.woff2")
format("woff2"),
url("/static/public/ug/fonts/muse/muse-sans/v4/MuseSans-Variable.woff")
format("woff");
}
</style>
<style>
:root {
--ug-border-radius-default: 1px;
--ug-border-radius-full: 9999px;
}
:root,
[data-theme="dark"] {
--ug-theme: "dark";
--ug-theme-index: 0;
--ug-color-accent-yellow: #ffd706;
--ug-color-accent-red: #ff6e68;
--ug-color-accent-green: #3cd556;
--ug-color-accent-violet: #d77dff;
--ug-color-bg-primary: #0d0d10;
--ug-color-bg-secondary: #1a1a1d;
--ug-color-bg-tertiary: #262629;
--ug-color-bg-inverse: #f2f2f5;
--ug-color-bg-island: #0d0d10;
--ug-color-bg-island-surface: #141417;
--ug-color-bg-modal: #141417;
--ug-color-button-primary: #ffd706;
--ug-color-button-secondary: #262629;
--ug-color-button-tertiary: #333336;
--ug-color-button-overlay: #fff;
--ug-color-control-primary: #ffd706;
--ug-color-control-on-layer: #d9d9dc;
--ug-color-control-tertiary: #333336;
--ug-color-control-inverse: #8c8c8f;
--ug-color-control-primary-inverse: #1a1a1d;
--ug-color-control-adaptive-stroke: hsla(0, 0%, 100%, 0.32);
--ug-color-divider-alpha: hsla(0, 0%, 100%, 0.12);
--ug-color-exception-constant-light: #f2f2f5;
--ug-color-exception-constant-dark: #0d0d10;
--ug-color-form-primary-bg: #1a1a1d;
--ug-color-form-primary-border: #262629;
--ug-color-form-active: #ffd706;
--ug-color-form-muted: #666669;
--ug-color-icon-primary: #d9d9dc;
--ug-color-icon-secondary: #8c8c8f;
--ug-color-icon-tertiary: #333336;
--ug-color-icon-muted: #666669;
--ug-color-icon-overlay-primary: #f2f2f5;
--ug-color-icon-overlay-secondary: hsla(0, 0%, 100%, 0.52);
--ug-color-icon-yellow: #ffd706;
--ug-color-icon-red: #ff6e68;
--ug-color-icon-green: #3cd556;
--ug-color-icon-purple: #d77dff;
--ug-color-icon-inverse: #1a1a1d;
--ug-color-status-success: #09cb30;
--ug-color-status-warning: #f9c66d;
--ug-color-status-error: #ff5b5b;
--ug-color-text-primary: #d9d9dc;
--ug-color-text-secondary: #8c8c8f;
--ug-color-text-placeholder: #8c8c8f;
--ug-color-text-muted: #666669;
--ug-color-text-yellow: #ffd706;
--ug-color-text-red: #ff6e68;
--ug-color-text-green: #3cd556;
--ug-color-text-purple: #d77dff;
--ug-color-text-contrast: #d9d9dc;
--ug-color-text-inverse: #1a1a1d;
--ug-color-users-super-moderator: #49affe;
--ug-color-users-administrator: #ff6c76;
--ug-color-users-contributor: #ff9318;
--ug-color-users-moderator: #02ba29;
--ug-color-users-z-columns: #ff8b43;
--ug-color-users-tab-moderator: #d77dff;
--ug-color-users-writer: #0ef5aa;
--ug-color-users-elected-moderator: #0bbb80;
--ug-color-users-ug-staff: #009dc9;
--ug-color-users-ug-pro: #ff6e68;
--ug-color-users-ug-editorial: #a7a4a9;
--ug-color-users-local-ambassador: #63dbb9;
--ug-adittional-surface-attention-tinted: #410b00;
--ug-adittional-surface-error-tinted: #3c0915;
--ug-adittional-surface-success-tinted: #00290e;
}
[data-theme="light"] {
--ug-theme: "light";
--ug-theme-index: 1;
--ug-color-accent-yellow: #ffd706;
--ug-color-accent-red: #d32139;
--ug-color-accent-green: #017b22;
--ug-color-accent-violet: #852dce;
--ug-color-bg-primary: #fff;
--ug-color-bg-secondary: #eaeaed;
--ug-color-bg-tertiary: #d9d9dc;
--ug-color-bg-inverse: #141417;
--ug-color-bg-island: #f2f2f5;
--ug-color-bg-island-surface: #fff;
--ug-color-bg-modal: #fff;
--ug-color-button-primary: #ffd706;
--ug-color-button-secondary: #eaeaed;
--ug-color-button-tertiary: #d9d9dc;
--ug-color-button-overlay: #fff;
--ug-color-control-primary: #1a1a1d;
--ug-color-control-on-layer: #0d0d10;
--ug-color-control-tertiary: #d9d9dc;
--ug-color-control-inverse: #fff;
--ug-color-control-primary-inverse: #ffd706;
--ug-color-control-adaptive-stroke: rgba(0, 0, 0, 0.32);
--ug-color-divider-alpha: rgba(0, 0, 0, 0.12);
--ug-color-exception-constant-light: #f2f2f5;
--ug-color-exception-constant-dark: #0d0d10;
--ug-color-form-primary-bg: #f2f2f5;
--ug-color-form-primary-border: #eaeaed;
--ug-color-form-active: #ffd706;
--ug-color-form-muted: #8c8c8f;
--ug-color-icon-primary: #1a1a1d;
--ug-color-icon-secondary: #666669;
--ug-color-icon-tertiary: #d9d9dc;
--ug-color-icon-muted: #8c8c8f;
--ug-color-icon-overlay-primary: #f2f2f5;
--ug-color-icon-overlay-secondary: hsla(0, 0%, 100%, 0.52);
--ug-color-icon-yellow: #ffd706;
--ug-color-icon-red: #d32139;
--ug-color-icon-green: #019025;
--ug-color-icon-purple: #852dce;
--ug-color-icon-inverse: #f2f2f5;
--ug-color-status-success: #02a528;
--ug-color-status-warning: #ffa52f;
--ug-color-status-error: #ff3542;
--ug-color-text-primary: #141417;
--ug-color-text-secondary: #666669;
--ug-color-text-placeholder: #666669;
--ug-color-text-muted: #8c8c8f;
--ug-color-text-yellow: #ffd706;
--ug-color-text-red: #d32139;
--ug-color-text-green: #019025;
--ug-color-text-purple: #852dce;
--ug-color-text-contrast: #141417;
--ug-color-text-inverse: #fff;
--ug-color-users-super-moderator: #1b77d3;
--ug-color-users-administrator: #c90a64;
--ug-color-users-contributor: #c54900;
--ug-color-users-moderator: #017b22;
--ug-color-users-z-columns: #d40003;
--ug-color-users-tab-moderator: #7128b2;
--ug-color-users-writer: #035d4d;
--ug-color-users-elected-moderator: #007450;
--ug-color-users-ug-staff: #015678;
--ug-color-users-ug-pro: #d32139;
--ug-color-users-ug-editorial: #61506f;
--ug-color-users-local-ambassador: #00855e;
--ug-adittional-surface-attention-tinted: #f9f2df;
--ug-adittional-surface-error-tinted: #ffede7;
--ug-adittional-surface-success-tinted: #ecf6ec;
}
:root {
--ug-box-shadow-popover: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
--ug-box-shadow-floating-prompt: 0 4px 14px 0 rgba(0, 0, 0, 0.16);
--ug-color-modal-overlay: rgba(0, 0, 0, 0.52);
}
:root {
--ug-opacity-hovered: 0.8;
--ug-opacity-pressed: 0.6;
--ug-opacity-disabled: 0.4;
}
:root {
--ug-spacing-xxs: 4px;
--ug-spacing-xs: 8px;
--ug-spacing-s: 12px;
--ug-spacing-m: 16px;
--ug-spacing-l: 20px;
--ug-spacing-xl: 24px;
--ug-spacing-xxl: 32px;
}
:root {
--ug-font-family-fallback:
"Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
Cantarell, Noto Sans, sans-serif, "Helvetica neue", Helvetica,
sans-serif;
--ug-font-family: "Muse Sans", var(--ug-font-family-fallback);
--ug-font-family-heading:
"Muse Display Harmony", "Muse Display Harmony Fallback",
var(--ug-font-family-fallback);
--ug-font-family-mono: "Roboto Mono", "Courier New", monospace;
--ug-font-family-mobile:
system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
Noto Sans, sans-serif, "Helvetica neue", Arial, sans-serif;
--ug-font-weight-normal: 400;
--ug-font-weight-medium: 500;
--ug-font-weight-semibold: 600;
--ug-font-heading-xxl: 400 88px/76px var(--ug-font-family-heading);
--ug-font-heading-xl: 400 72px/64px var(--ug-font-family-heading);
--ug-font-heading-l: 400 64px/56px var(--ug-font-family-heading);
--ug-font-heading-m: 400 56px/48px var(--ug-font-family-heading);
--ug-font-heading-s: 400 44px/36px var(--ug-font-family-heading);
--ug-font-subtitle-l: 500 32px/36px var(--ug-font-family);
--ug-font-subtitle-m: 500 24px/28px var(--ug-font-family);
--ug-font-subtitle-s: 500 20px/24px var(--ug-font-family);
--ug-font-body-l: 400 17px/24px var(--ug-font-family);
--ug-font-body-l-medium: 500 17px/24px var(--ug-font-family);
--ug-font-body-l-semibold: 600 17px/24px var(--ug-font-family);
--ug-font-body-s: 400 15px/20px var(--ug-font-family);
--ug-font-body-s-medium: 500 15px/20px var(--ug-font-family);
--ug-font-body-s-semibold: 600 15px/20px var(--ug-font-family);
--ug-font-paragraph-l: 400 17px/22px var(--ug-font-family);
--ug-font-paragraph-l-medium: 500 17px/22px var(--ug-font-family);
--ug-font-paragraph-l-semibold: 600 17px/22px var(--ug-font-family);
--ug-font-paragraph-s: 400 15px/18px var(--ug-font-family);
--ug-font-paragraph-s-medium: 500 15px/18px var(--ug-font-family);
--ug-font-paragraph-s-semibold: 600 15px/18px var(--ug-font-family);
--ug-font-caption-l: 400 13px/16px var(--ug-font-family);
--ug-font-caption-l-medium: 500 13px/16px var(--ug-font-family);
--ug-font-caption-l-semibold: 600 13px/16px var(--ug-font-family);
--ug-font-caption-s: 400 11px/12px var(--ug-font-family);
--ug-font-caption-s-medium: 500 11px/12px var(--ug-font-family);
--ug-font-caption-s-semibold: 600 11px/12px var(--ug-font-family);
--ug-font-mono-xl: 400 15px/24px var(--ug-font-family-mono);
--ug-font-mono-xl-medium: 500 15px/24px var(--ug-font-family-mono);
--ug-font-mono-xl-semibold: 600 15px/24px var(--ug-font-family-mono);
--ug-font-mono-l: 400 14px/32px var(--ug-font-family-mono);
--ug-font-mono-l-medium: 500 14px/32px var(--ug-font-family-mono);
--ug-font-mono-l-semibold: 600 14px/32px var(--ug-font-family-mono);
--ug-font-mono-m: 400 13px/23.4px var(--ug-font-family-mono);
--ug-font-mono-m-medium: 500 13px/23.4px var(--ug-font-family-mono);
--ug-font-mono-m-semibold: 600 13px/23.4px var(--ug-font-family-mono);
--ug-font-mono-s: 400 12px/21.6px var(--ug-font-family-mono);
--ug-font-mono-s-medium: 500 12px/21.6px var(--ug-font-family-mono);
--ug-font-mono-s-semibold: 600 12px/21.6px var(--ug-font-family-mono);
--ug-font-mono-xs: 400 10px/18px var(--ug-font-family-mono);
--ug-font-mono-xs-medium: 500 10px/18px var(--ug-font-family-mono);
--ug-font-mono-xs-semibold: 600 10px/18px var(--ug-font-family-mono);
--ug-font-articles-heading-xxl: 600 32px/40px
var(--ug-font-family-mobile);
--ug-font-articles-heading-xl: 600 24px/40px
var(--ug-font-family-mobile);
--ug-font-articles-heading-l: 700 24px/36px var(--ug-font-family-mobile);
--ug-font-articles-heading-l-letter-spacing: 0.48px;
--ug-font-articles-heading-m: 700 22px/32px var(--ug-font-family-mobile);
--ug-font-articles-heading-m-letter-spacing: 0.42px;
--ug-font-articles-subtitle-s-bold: 700 16px/22px
var(--ug-font-family-mobile);
--ug-font-articles-body-xl: 400 16px/26px var(--ug-font-family-mobile);
--ug-font-articles-body-m: 400 14px/20px var(--ug-font-family-mobile);
--ug-font-articles-body-m-semibold: 600 14px/20px
var(--ug-font-family-mobile);
--ug-font-articles-body-xs: 400 13px/20px var(--ug-font-family-mobile);
}
</style>
<style>
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
u+fe2e-fe2f;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+1f??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
u+03a3-03ff;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0302-0303, u+0305, u+0307-0308, u+0330, u+0391-03a1, u+03a3-03a9,
u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5,
u+2034-2037, u+2057, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2102,
u+210a-210e, u+2110-2112, u+2115, u+2119-211d, u+2124, u+2128,
u+212c-212d, u+212f-2131, u+2133-2138, u+213c-2140, u+2145-2149,
u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211,
u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321,
u+2336-237a, u+237c, u+2395, u+239b-23b6, u+23d0, u+23dc-23e1,
u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc,
u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11,
u+2b30-2b4c, u+2bfe, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4,
u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3,
u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a,
u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb,
u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c,
u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3,
u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f,
u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d,
u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2,
u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3,
u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f,
u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453,
u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb,
u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6,
u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503,
u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa,
u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698,
u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf,
u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??,
u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
u+1f890-1f8ad, u+1f8b0-1f8b1, u+1f900-1f90b, u+1f93b, u+1f946,
u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c,
u+1fa80-1fa88, u+1fa90-1fabd, u+1fabf-1fac5, u+1face-1fadb,
u+1fae0-1fae8, u+1faf0-1faf8, u+1fb??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
u+1ea0-1ef9, u+20ab;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020,
u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2?ver=1)
format("woff2");
unicode-range:
u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
u+fe2e-fe2f;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+1f??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
u+03a3-03ff;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0302-0303, u+0305, u+0307-0308, u+0330, u+0391-03a1, u+03a3-03a9,
u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5,
u+2034-2037, u+2057, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2102,
u+210a-210e, u+2110-2112, u+2115, u+2119-211d, u+2124, u+2128,
u+212c-212d, u+212f-2131, u+2133-2138, u+213c-2140, u+2145-2149,
u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211,
u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321,
u+2336-237a, u+237c, u+2395, u+239b-23b6, u+23d0, u+23dc-23e1,
u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc,
u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11,
u+2b30-2b4c, u+2bfe, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4,
u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3,
u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a,
u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb,
u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c,
u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3,
u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f,
u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d,
u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2,
u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3,
u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f,
u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453,
u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb,
u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6,
u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503,
u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa,
u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698,
u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf,
u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??,
u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
u+1f890-1f8ad, u+1f8b0-1f8b1, u+1f900-1f90b, u+1f93b, u+1f946,
u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c,
u+1fa80-1fa88, u+1fa90-1fabd, u+1fabf-1fac5, u+1face-1fadb,
u+1fae0-1fae8, u+1faf0-1faf8, u+1fb??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
u+1ea0-1ef9, u+20ab;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020,
u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 600;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2?ver=1)
format("woff2");
unicode-range:
u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
u+fe2e-fe2f;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+1f??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
u+03a3-03ff;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range: u+0590-05ff, u+200c-2010, u+20aa, u+25cc, u+fb1d-fb4f;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0302-0303, u+0305, u+0307-0308, u+0330, u+0391-03a1, u+03a3-03a9,
u+03b1-03c9, u+03d1, u+03d5-03d6, u+03f0-03f1, u+03f4-03f5,
u+2034-2037, u+2057, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2102,
u+210a-210e, u+2110-2112, u+2115, u+2119-211d, u+2124, u+2128,
u+212c-212d, u+212f-2131, u+2133-2138, u+213c-2140, u+2145-2149,
u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211,
u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321,
u+2336-237a, u+237c, u+2395, u+239b-23b6, u+23d0, u+23dc-23e1,
u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc,
u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11,
u+2b30-2b4c, u+2bfe, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4,
u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3,
u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a,
u+2460-24ff, u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb,
u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c,
u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3,
u+1d2e0-1d37f, u+1f0??, u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f,
u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d,
u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2,
u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0, u+1f3ed, u+1f3f1-1f3f3,
u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f,
u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453,
u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb,
u+1f4bf, u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6,
u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503,
u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa,
u+1f610, u+1f650-1f67f, u+1f687, u+1f68d, u+1f691, u+1f694, u+1f698,
u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf,
u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??,
u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
u+1f890-1f8ad, u+1f8b0-1f8b1, u+1f900-1f90b, u+1f93b, u+1f946,
u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c,
u+1fa80-1fa88, u+1fa90-1fabd, u+1fabf-1fac5, u+1face-1fadb,
u+1fae0-1fae8, u+1faf0-1faf8, u+1fb??;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
u+1ea0-1ef9, u+20ab;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2?ver=1)
format("woff2");
unicode-range:
u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020,
u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-stretch: 100%;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2?ver=1)
format("woff2");
unicode-range:
u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
u+fe2e-fe2f;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
u+03a3-03ff;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
u+1ea0-1ef9, u+20ab;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020,
u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2?ver=1)
format("woff2");
unicode-range:
u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
u+2193, u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f,
u+fe2e-fe2f;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
u+03a3-03ff;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
u+1ea0-1ef9, u+20ab;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0me8iUI0lkQ.woff2?ver=1)
format("woff2");
unicode-range:
u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020,
u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
font-display: swap;
font-family: Roboto Mono;
font-style: normal;
font-weight: 700;
src: url(/static/public/ug/fonts/ug/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2?ver=1)
format("woff2");
unicode-range:
u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191,
u+2193, u+2212, u+2215, u+feff, u+fffd;
}
body,
html {
-webkit-tap-highlight-color: transparent;
background: #111;
box-sizing: border-box;
touch-action: manipulation;
}
body * {
box-sizing: inherit;
}
body {
-webkit-text-size-adjust: 100%;
color: #ddc;
font-family:
Open Sans,
-apple-system,
Roboto,
Helvetica neue,
Helvetica,
sans-serif;
font-size: 14px;
margin: 0;
}
a {
-webkit-text-decoration: none;
text-decoration: none;
}
form {
margin: 0;
}
@page {
margin: 0;
position: relative;
}
@media print {
body,
html {
background: #fff !important;
}
}
.text-primary {
color: #ffc600;
}
.text-success {
color: #59a500;
}
.text-danger {
color: #ff5d55;
}
.heading-h2 {
color: inherit;
display: block;
font-family: inherit;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.5em;
margin-bottom: 8px;
margin-top: 0;
text-transform: uppercase;
}
.heading-h3 {
color: inherit;
display: block;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin: 16px 0;
text-transform: uppercase;
}
.heading-h6 {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
line-height: 16px;
margin: 0;
text-transform: uppercase;
}
.text-center {
text-align: center;
}
kbd {
border: 1px solid #606060;
border-radius: 2px;
display: inline-block;
font-family: inherit;
font-weight: 600;
height: 18px;
line-height: 16px;
min-width: 18px;
padding: 0 3px;
text-align: center;
}
.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cropper-container img {
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
}
.cropper-container img {
display: block;
height: 100%;
image-orientation: 0deg;
width: 100%;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cropper-wrap-box {
overflow: hidden;
}
.cropper-drag-box {
background-color: #fff;
opacity: 0;
}
.cropper-modal {
background-color: #000;
opacity: 0.5;
}
.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, 0.75);
overflow: hidden;
width: 100%;
}
.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: 0.5;
position: absolute;
}
.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: 33.33333333%;
left: 0;
top: 33.33333333%;
width: 100%;
}
.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: 33.33333333%;
top: 0;
width: 33.33333333%;
}
.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: 0.75;
position: absolute;
top: 50%;
width: 0;
}
.cropper-center:after,
.cropper-center:before {
background-color: #eee;
content: " ";
display: block;
position: absolute;
}
.cropper-center:before {
height: 1px;
left: -3px;
top: 0;
width: 7px;
}
.cropper-center:after {
height: 7px;
left: 0;
top: -3px;
width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
display: block;
height: 100%;
opacity: 0.1;
position: absolute;
width: 100%;
}
.cropper-face {
background-color: #fff;
left: 0;
top: 0;
}
.cropper-line {
background-color: #39f;
}
.cropper-line.line-e {
cursor: e-resize;
right: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-n {
cursor: n-resize;
height: 5px;
left: 0;
top: -3px;
}
.cropper-line.line-w {
cursor: w-resize;
left: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-s {
bottom: -3px;
cursor: s-resize;
height: 5px;
left: 0;
}
.cropper-point {
background-color: #39f;
height: 5px;
opacity: 0.75;
width: 5px;
}
.cropper-point.point-e {
cursor: e-resize;
margin-top: -3px;
right: -3px;
top: 50%;
}
.cropper-point.point-n {
cursor: n-resize;
left: 50%;
margin-left: -3px;
top: -3px;
}
.cropper-point.point-w {
cursor: w-resize;
left: -3px;
margin-top: -3px;
top: 50%;
}
.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px;
}
.cropper-point.point-ne {
cursor: ne-resize;
right: -3px;
top: -3px;
}
.cropper-point.point-nw {
cursor: nw-resize;
left: -3px;
top: -3px;
}
.cropper-point.point-sw {
bottom: -3px;
cursor: sw-resize;
left: -3px;
}
.cropper-point.point-se {
bottom: -3px;
cursor: se-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px;
}
.cropper-point.point-se:before {
background-color: #39f;
bottom: -50%;
content: " ";
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%;
}
@media (min-width: 768px) {
.cropper-point.point-se {
height: 15px;
width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
height: 10px;
width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
height: 5px;
opacity: 0.75;
width: 5px;
}
}
.cropper-invisible {
opacity: 0;
}
.cropper-bg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}
</style>
<style>
.CZrGC {
align-items: center;
box-sizing: border-box;
display: inline-flex;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.CZrGC[data-disabled] {
cursor: not-allowed;
}
</style>
<style>
._3NOBq {
width: -moz-fit-content;
width: fit-content;
}
._76T1g {
padding-left: 2px;
}
</style>
<style>
.yShTq {
padding-bottom: var(--ug-spacing-xs);
}
.ISvBC {
height: 36px;
padding-bottom: 0;
padding-left: var(--ug-spacing-s);
padding-top: 0;
}
.pkQh7 {
padding-bottom: var(--ug-spacing-xs);
padding-left: var(--ug-spacing-s);
padding-top: var(--ug-spacing-xs);
}
.GKhdN[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
.GKhdN[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.GKhdN[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.GKhdN {
align-items: center;
display: flex;
gap: var(--ug-spacing-xxs);
}
.GKhdN[data-current] {
background-color: var(--ug-color-bg-tertiary);
pointer-events: none;
}
.GKhdN sup {
position: relative;
top: -4px;
vertical-align: top;
}
.vgjSI {
margin-left: auto;
min-width: 88px;
overflow: hidden;
}
.Bhzx7 {
max-width: 220px;
}
</style>
<style>
._97kN9 path {
fill: inherit;
}
.FI6Wy {
background: no-repeat 50%;
display: inline-block;
vertical-align: middle;
}
.JqVog {
width: auto !important;
}
</style>
<style>
._0Addf {
height: 12px;
margin-top: 2px;
width: 12px;
}
.ZxtwW {
height: 16px;
width: 16px;
}
.IQizQ {
height: 20px;
margin-bottom: -2px;
margin-top: -2px;
width: 20px;
}
.Kv-WX {
height: 24px;
margin-bottom: -4px;
margin-top: -4px;
width: 24px;
}
.W69xo {
height: 28px;
width: 28px;
}
.J_lET {
height: 32px;
width: 32px;
}
._2mIDb {
height: 40px;
width: 40px;
}
.jMJTj {
height: 56px;
width: 56px;
}
.o5jhJ,
.o5jhJ path {
fill: #7a7a7a;
color: #7a7a7a;
}
._3SIig,
._3SIig path {
fill: #7a7a7a;
color: #7a7a7a;
}
.os9yt,
.os9yt path {
fill: #ffc600;
color: #ffc600;
}
.S7mHx,
.S7mHx path {
fill: #212121;
color: #212121;
}
.Q9sqv,
.Q9sqv path {
fill: #ff5d55;
color: #ff5d55;
}
.LifRy,
.LifRy path {
fill: #44db5e;
color: #44db5e;
}
.S7mHx.sxzz7,
.S7mHx.sxzz7 path,
.Tf776,
.Tf776 path {
fill: #ddc;
color: #ddc;
}
.sly27,
.sly27 path {
fill: #fff;
color: #fff;
}
.J4_89,
.J4_89 path {
fill: #b5b5b5;
color: #b5b5b5;
}
.rC3w-,
.rC3w- path {
fill: #111;
color: #111;
}
.iN_1u,
.iN_1u path {
fill: #7a7a7a;
color: #7a7a7a;
}
.iN_1u.sxzz7,
.iN_1u.sxzz7 path {
fill: #a7a796;
color: #a7a796;
}
</style>
<style>
.IF1wg,
._5Koc8,
.K_miL {
display: flex;
flex-direction: column;
gap: var(--ug-spacing-s);
}
.IF1wg {
box-sizing: border-box;
max-width: 300px;
min-width: 200px;
padding: var(--ug-spacing-s);
padding-top: 0;
width: 100%;
}
._7ZJWo {
border: 1px solid;
color: var(--ug-color-text-red);
}
._5Koc8 {
position: relative;
}
._5Koc8:hover .K_miL {
opacity: 1;
}
.G5hBn {
align-items: center;
display: flex;
gap: var(--ug-spacing-xs);
}
.nqHTc {
margin-right: auto;
}
.bHOvC {
align-items: center;
border: 1px solid var(--ug-color-control-tertiary);
border-radius: var(--ug-border-radius-full);
display: flex;
flex-shrink: 0;
height: 24px;
justify-content: center;
width: 24px;
}
.C4Cro {
height: 16px;
position: relative;
z-index: 0;
}
.GTnaP {
background: var(--ug-color-divider-alpha);
height: 2px;
position: absolute;
top: 5px;
width: 100%;
z-index: 1;
}
.vrXZY {
background: var(--ug-color-icon-primary);
height: 2px;
position: absolute;
top: 5px;
width: 100%;
z-index: 2;
}
.X5sA7 {
background: var(--ug-color-bg-primary);
border: 2px solid var(--ug-color-icon-primary);
border-radius: var(--ug-border-radius-full);
height: 12px;
left: 75%;
position: absolute;
transform: translateX(-50%);
width: 12px;
z-index: 3;
}
.K_miL {
align-items: center;
background: rgba(0, 0, 0, 0.6);
bottom: 0;
justify-content: center;
left: 0;
opacity: 0;
padding: var(--ug-spacing-xs) var(--ug-spacing-m);
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.qVuHl {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
</style>
<style>
:root {
--ug-tab-sticky-controls-height: 0px;
--ug-tab-sticky-bottom-height: 0px;
}
.mTUHx {
--ug-text-tab-aside-width: 380px;
--ug-fake-player-width-md: var(--ug-text-tab-aside-width);
--ug-fake-player-height-md: 212px;
--ug-fake-player-width-sm: 320px;
--ug-fake-player-height-sm: 180px;
--ug-tab-layout-top-offset: calc(
var(--ug-top-sticky-segment-height) +
var(--ug-tab-sticky-controls-height)
);
background: var(--ug-color-bg-primary);
color: var(--ug-color-text-primary);
flex-grow: 1;
font: var(--ug-font-body-s);
height: 100%;
}
.mTUHx.-ciCV {
scroll-margin-top: var(--ug-tab-sticky-controls-height);
}
.mTUHx {
scroll-margin-bottom: var(--ug-tab-sticky-bottom-height);
}
</style>
<style>
.RQ_cd {
height: 0;
position: sticky;
top: var(--ug-top-sticky-segment-height);
z-index: 10;
}
.WYqAi {
border-top: 1px solid var(--ug-color-divider-alpha);
display: flex;
flex-direction: column;
}
</style>
<style>
._Db-b {
--icon-size: 40%;
background-color: var(--ug-color-icon-muted);
border-radius: var(--ug-border-radius-default);
color: var(--ug-color-icon-overlay-primary);
height: var(--cover-size, 48px);
overflow: hidden;
width: var(--cover-size, 48px);
}
</style>
<style>
._8Lm2T {
line-height: 1;
width: 100%;
}
.glHTJ {
display: inline;
}
.xlj6E {
vertical-align: top;
}
</style>
<style>
.eEKu9 {
grid-gap: var(--ug-spacing-s);
display: grid;
gap: var(--ug-spacing-s);
grid-template-columns: 1fr auto;
padding: var(--ug-spacing-m) var(--ug-spacing-m) 0 var(--ug-spacing-xl);
}
@keyframes HbCm9 {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.vFIRS {
animation: HbCm9 0.2s ease-in-out;
background: var(--ug-color-bg-primary);
border-bottom: 1px solid var(--ug-color-divider-alpha);
display: flex;
justify-content: space-between;
padding: var(--ug-spacing-s) var(--ug-spacing-m) var(--ug-spacing-m)
var(--ug-spacing-l);
}
</style>
<style>
.CCUPL {
display: inline-block;
}
</style>
<style>
.NC05z + .NC05z::before {
color: var(--ug-color-text-secondary);
content: "·";
display: inline;
margin: 0 var(--ug-spacing-xxs);
}
.NC05z.kv2LI + .NC05z.kv2LI::before {
margin: 0 var(--ug-spacing-xs);
}
</style>
<style>
.aNmeS {
padding: var(--ug-spacing-xs) var(--ug-spacing-s) var(--ug-spacing-s);
}
</style>
<style>
.e2o5g {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
--muse-arrow-color: var(--ug-color-bg-primary);
background-color: var(--ug-color-bg-primary);
border-radius: var(--ug-border-radius-default);
box-shadow: var(--ug-box-shadow-popover);
color: var(--ug-color-text-primary);
font: var(--ug-font-body-s);
}
.e2o5g:not([data-has-arrow]) {
box-shadow:
inset 0 0 0 1px var(--ug-color-bg-tertiary),
var(--ug-box-shadow-popover);
}
.e2o5g[data-placement="bottom"],
.e2o5g[data-placement="top"] {
min-width: 40px;
}
.e2o5g[data-placement="left"],
.e2o5g[data-placement="right"] {
min-height: 40px;
}
.t2bvJ {
padding: var(--ug-spacing-s);
}
.Ug1c3 {
padding-bottom: var(--ug-spacing-s);
padding-left: var(--ug-spacing-s);
padding-top: var(--ug-spacing-s);
}
.aklDp {
box-sizing: border-box;
}
.aklDp.TiiO5 {
min-width: 232px;
}
.aklDp.NEo-E {
padding-left: var(--ug-spacing-s);
}
.aklDp.v3v7g {
padding-right: var(--ug-spacing-s);
}
.aklDp.IXZ3K {
padding-top: 10px;
}
.aklDp.OR6us {
padding-bottom: var(--ug-spacing-s);
}
</style>
<style>
.Y13Xm {
padding: var(--ug-spacing-xxs) var(--ug-spacing-xs);
}
</style>
<style>
.PaCSW {
align-items: start;
background-color: var(--ug-color-bg-island);
border-radius: var(--ug-border-radius-default);
box-shadow: inset 0 0 0 1px var(--ug-color-bg-tertiary);
box-sizing: border-box;
color: var(--ug-color-text-primary);
display: flex;
gap: var(--ug-spacing-s);
padding: var(--ug-spacing-s);
padding-left: var(--ug-spacing-m);
}
.PaCSW.sV-Zm {
padding-left: var(--ug-spacing-s);
}
.PaCSW.ESXT_ .VCSZl,
.PaCSW.ESXT_ ._1MmjO {
padding-bottom: var(--ug-spacing-xxs);
padding-top: var(--ug-spacing-xxs);
}
.PaCSW.Lw_CC {
background-color: var(--ug-color-accent-yellow);
color: var(--ug-color-exception-constant-dark);
}
._1MmjO {
--icon-size: 16px;
color: var(--ug-color-text-primary);
}
.VCSZl {
flex-grow: 1;
}
.VCSZl .pqEiW {
color: var(--ug-color-exception-constant-dark);
}
.gvurn {
padding-bottom: var(--ug-spacing-xxs);
padding-top: var(--ug-spacing-xs);
}
.V6xNc {
padding: 6px;
}
.I5tkb {
--muse-arrow-color: var(--ug-color-bg-primary);
}
.I5tkb .PaCSW {
box-shadow: none;
padding-bottom: var(--ug-spacing-xxs);
padding-left: var(--ug-spacing-s);
padding-right: 6px;
padding-top: 6px;
}
.I5tkb .PaCSW.XeP9R {
background-color: var(--ug-color-bg-primary);
}
.I5tkb .PaCSW.Lw_CC {
background-color: var(--ug-color-accent-yellow);
color: var(--ug-color-exception-constant-dark);
}
.I5tkb.Lw_CC {
--muse-arrow-color: var(--ug-color-accent-yellow);
color: var(--ug-color-exception-constant-dark);
}
</style>
<style>
.FaxlF {
background-color: var(--ug-color-accent-yellow);
box-shadow: unset;
max-width: 291px;
}
._5zt7S {
--muse-arrow-color: var(--ug-color-accent-yellow);
}
._1WZfy {
background-color: var(--ug-color-accent-yellow);
}
</style>
<style>
.trlgr {
--ug-divider-thickness: 1px;
box-sizing: border-box;
}
.trlgr::after {
background-color: var(--ug-color-divider-alpha);
content: "";
display: block;
height: 100%;
width: 100%;
}
.trlgr[aria-orientation="horizontal"] {
width: 100%;
}
.trlgr[aria-orientation="horizontal"]::after {
height: var(--ug-divider-thickness);
}
.trlgr[aria-orientation="vertical"] {
height: 100%;
}
.trlgr[aria-orientation="vertical"]::after {
width: var(--ug-divider-thickness);
}
</style>
<style>
.Y1GdY {
color: var(--ug-color-text-primary);
outline: none;
}
.Y1GdY[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.Y1GdY[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
</style>
<style>
.VJSKq {
--icon-size: var(--button-icon-size, 20px);
border-radius: var(--ug-border-radius-default);
gap: var(--ug-spacing-s);
justify-content: start;
margin-bottom: 0;
margin-left: var(--ug-spacing-xxs);
margin-right: var(--ug-spacing-xxs);
margin-top: 0;
padding: var(--ug-spacing-xs) var(--ug-spacing-s);
width: calc(100% - var(--ug-spacing-xxs) * 2);
}
.VJSKq[data-hovered="true"] {
background-color: var(--ug-color-bg-secondary);
opacity: 1;
}
.F2TlH {
margin-top: var(--ug-spacing-xs);
}
.alFnN {
padding: var(--ug-spacing-m);
width: 216px;
}
.yfrxK {
margin: 0 var(--ug-spacing-xxs) var(--ug-spacing-xs)
var(--ug-spacing-xxs);
max-height: 360px;
overflow-y: scroll;
width: calc(100% - var(--ug-spacing-xs));
}
:root .yfrxK,
[data-theme="dark"] .yfrxK {
scrollbar-color: var(--ug-color-control-inverse)
var(--ug-color-bg-tertiary);
}
[data-theme="light"] .yfrxK {
scrollbar-color: auto;
}
</style>
<style>
.M95ri[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
.M95ri[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.M95ri[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.M95ri {
--icon-size: var(--button-icon-size, 16px);
border-radius: var(--ug-border-radius-full);
gap: 6px;
padding: var(--ug-spacing-xs) var(--ug-spacing-m);
}
.b2ren {
align-items: center;
display: flex;
gap: 6px;
justify-content: center;
}
.PbDz9 {
background-color: var(--ug-color-button-secondary);
color: var(--ug-color-text-primary);
}
</style>
<style>
.JGhiX {
background-color: var(--ug-color-bg-primary);
box-shadow: inset 0 0 0 1px var(--ug-color-bg-tertiary);
color: var(--ug-color-text-contrast);
}
.JGhiX[data-selected] {
background-color: var(--ug-color-button-secondary);
}
</style>
<style>
.qBVa1 {
background-color: var(--ug-color-accent-yellow);
box-shadow: unset;
max-width: 291px;
}
._23mER {
--muse-arrow-color: var(--ug-color-accent-yellow);
}
.xlPwW {
background-color: var(--ug-color-accent-yellow);
}
</style>
<style>
.krJf8 {
--field-border-color: var(--ug-color-bg-tertiary);
align-items: center;
border-radius: var(--ug-border-radius-full);
box-shadow: inset 0 0 0 1px var(--field-border-color);
display: flex;
gap: var(--ug-spacing-xs);
outline: none;
padding: var(--ug-spacing-xxs);
width: -moz-fit-content;
width: fit-content;
}
.krJf8[data-focused] {
--field-border-color: var(--ug-color-bg-inverse);
}
.krJf8[data-collapsed] {
padding-right: var(--ug-spacing-m);
}
.krJf8[data-collapsed] .RyZZk {
display: none;
}
.krJf8[data-collapsible]:not([data-collapsed]) .RyZZk {
flex: 1;
justify-content: space-between;
}
.CF9h5 {
--icon-size: var(--button-icon-size, 16px);
display: flex;
gap: 6px;
padding-bottom: var(--ug-spacing-xxs);
padding-left: var(--ug-spacing-s);
padding-top: var(--ug-spacing-xxs);
}
.RyZZk {
align-items: center;
display: flex;
gap: var(--ug-spacing-xxs);
}
.wQpuI {
padding: 6px;
}
.cNce1 {
align-items: center;
box-sizing: content-box;
display: flex;
justify-content: center;
padding-left: 6px;
padding-right: 6px;
}
.cNce1.wxFAj {
cursor: pointer;
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-position: from-font;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cNce1.wxFAj:hover {
opacity: var(--ug-opacity-hovered);
}
.bnb3_ {
background: transparent;
border: none;
box-sizing: content-box;
color: inherit;
font: inherit;
min-width: 0;
outline: none;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 100%;
}
.bnb3_::-webkit-inner-spin-button,
.bnb3_::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.bnb3_[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
</style>
<style>
.x2__D {
box-shadow: inset 0 0 0 1px var(--ug-color-bg-tertiary);
}
</style>
<style>
._nmQz {
box-shadow: inset 0 0 0 1px var(--ug-color-bg-tertiary);
}
</style>
<style>
.O63je {
--field-border-color: var(--ug-color-bg-tertiary);
align-items: center;
border-radius: var(--ug-border-radius-full);
box-shadow: inset 0 0 0 1px var(--field-border-color);
display: flex;
gap: var(--ug-spacing-xs);
padding: var(--ug-spacing-xxs);
padding-left: var(--ug-spacing-xxs);
width: -moz-fit-content;
width: fit-content;
}
.O63je[data-focused] {
--field-border-color: var(--ug-color-bg-inverse);
}
.O63je[data-collapsed] {
padding-right: var(--ug-spacing-m);
}
.O63je[data-collapsed] .d9_ao {
display: none;
}
.DDfnO {
--icon-size: var(--button-icon-size, 16px);
display: flex;
gap: 6px;
padding-bottom: var(--ug-spacing-xxs);
padding-left: 0;
padding-top: var(--ug-spacing-xxs);
}
.d9_ao {
align-items: center;
display: flex;
gap: var(--ug-spacing-xxs);
}
.fAkLO {
padding: 6px;
}
.t6Gt8 {
box-sizing: content-box;
}
._7N4w_ {
color: var(--ug-color-text-primary);
cursor: pointer;
}
._7N4w_:not([aria-selected="true"]) ._0Q7rZ {
visibility: hidden;
}
.EaF-G {
margin-left: 1px;
margin-right: 1px;
margin-top: var(--ug-spacing-xs);
}
.hr9Ay {
padding-bottom: var(--ug-spacing-m);
padding-left: 46px;
padding-right: var(--ug-spacing-l);
padding-top: var(--ug-spacing-xxs);
width: 248px;
}
.YwyAo {
--icon-size: var(--button-icon-size, 16px);
background-color: var(--ug-color-bg-primary);
box-shadow: inset 0 0 0 1px var(--ug-color-bg-tertiary);
color: var(--ug-color-text-contrast);
}
.YwyAo[data-selected] {
background-color: var(--ug-color-bg-secondary);
}
.YwyAo {
border-radius: var(--ug-border-radius-full);
gap: var(--ug-spacing-xs);
padding: var(--ug-spacing-xxs) var(--ug-spacing-m) var(--ug-spacing-xxs)
var(--ug-spacing-xxs);
}
.EeMLV {
background-color: var(--ug-color-button-secondary);
border-radius: var(--ug-border-radius-full);
height: 28px;
padding: 6px;
}
</style>
<style>
.MekE0 {
gap: var(--ug-spacing-xs);
}
.MekE0 label {
cursor: pointer;
}
.MekE0[data-disabled] label {
cursor: not-allowed;
}
</style>
<style>
.hTMQm {
color: var(--ug-color-text-primary);
cursor: pointer;
}
.hTMQm:not([aria-selected="true"]) .wHefA {
visibility: hidden;
}
.uSQtH {
aspect-ratio: 1;
border-radius: var(--ug-border-radius-full);
width: 20px;
}
</style>
<style>
.as5PI {
gap: var(--ug-spacing-xxs);
padding-bottom: var(--ug-spacing-xxs);
padding-right: var(--ug-spacing-xs);
padding-top: var(--ug-spacing-xxs);
}
._-0hhI {
margin-right: auto;
}
.t9Rq7 {
padding: 6px;
}
.t9Rq7[data-focused] {
outline: revert;
}
.V1uX2 {
box-sizing: content-box;
padding-left: 6px;
padding-right: 6px;
}
</style>
<style>
.Xl_XZ {
font-weight: var(--ug-font-weight-semibold);
}
.xqhKb {
font-style: italic;
}
._4mrGU {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.m8Dyy {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-position: from-font;
}
.QdrMx {
white-space: nowrap;
word-break: keep-all;
}
</style>
<style>
.fU8JD {
max-width: 300px;
}
</style>
<style>
.T7l8c[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
.T7l8c[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.T7l8c[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.T7l8c {
--icon-size: 16px;
background-color: var(--ug-button-background-color, transparent);
border-radius: var(--ug-border-radius-full);
color: var(--ug-button-color);
gap: 6px;
padding: var(--ug-spacing-xs) var(--ug-spacing-m);
}
.gczcx {
--ug-button-color: var(--ug-color-text-primary);
}
</style>
<style>
.zqoXe {
display: none;
float: right;
}
.zqoXe.xwYgB {
display: flex;
flex-direction: column;
}
.zqoXe.KGPO6 {
bottom: 72px;
position: absolute;
right: 24px;
top: auto;
}
.zqoXe.nKgC7 {
flex-direction: column-reverse;
}
.zqoXe.nKgC7 ._5TKfR {
min-height: var(--ug-fake-player-height-sm);
min-width: var(--ug-fake-player-width-sm);
}
.zqoXe .wdqKQ {
min-height: var(--ug-fake-player-height-md);
min-width: var(--ug-fake-player-width-md);
}
.TNkR0 ._5TKfR {
min-height: var(--ug-fake-player-height-md);
min-width: var(--ug-fake-player-width-md);
}
</style>
<style>
.vQbw6 {
display: flex;
justify-content: flex-end;
z-index: 1;
}
.vQbw6.i1jDY {
margin-bottom: var(--ug-spacing-xxs);
}
.vQbw6.Hz-Tx {
background-color: var(--ug-color-bg-secondary);
justify-content: space-between;
padding: 0 var(--ug-spacing-xxs);
}
</style>
<style>
._2L04q {
background-image: url("/static/public/ug/img/ug_react/ai-coach-tour/banners/promo-banner.webp");
background-size: contain;
cursor: pointer;
height: 100%;
width: 100%;
z-index: 1;
}
.COyt_ {
height: 188px;
margin: var(--ug-spacing-s);
width: 100%;
}
.COyt_ ._1lf1H {
border-radius: var(--ug-border-radius-full);
margin-top: var(--ug-spacing-xl);
padding: var(--ug-spacing-xs) var(--ug-spacing-xs);
}
</style>
<style>
.UtR6x {
background-image: url("/static/public/ug/img/ug_react/ai-coach-tour/default_promo_banner.webp");
background-size: contain;
cursor: pointer;
height: 100%;
width: 100%;
z-index: 1;
}
.T9mSo {
margin: var(--ug-spacing-xl);
}
.T9mSo .qZT7c {
margin-bottom: var(--ug-spacing-xxs);
}
.T9mSo .wvrIN {
background-color: var(--ug-color-button-primary);
border-radius: var(--ug-border-radius-full);
margin-top: var(--ug-spacing-xl);
padding: var(--ug-spacing-xs) var(--ug-spacing-xs);
}
</style>
<style>
.SSDJG {
align-items: flex-start;
display: flex;
float: right;
height: var(--ug-fake-player-height-sm);
justify-content: flex-end;
position: sticky;
top: 128px;
width: var(--ug-fake-player-width-sm);
z-index: 9;
}
.SSDJG.dDvyV {
position: static;
}
.SSDJG.QSk8k {
bottom: 72px;
position: absolute;
right: 0;
top: auto;
}
._9BgPR {
height: var(--ug-fake-player-height-md);
width: var(--ug-fake-player-width-md);
}
._91qG5 {
--icon-size: 12px;
background-color: var(--ug-color-bg-secondary);
color: var(--ug-color-text-primary);
padding: var(--ug-spacing-xxs);
position: absolute;
right: 0;
top: -24px;
z-index: 1;
}
</style>
<style>
.Dlz71 {
display: flex;
height: var(--ug-fake-player-height-md);
width: var(--ug-fake-player-width-md);
z-index: 9;
}
</style>
<style>
.GwtfQ {
display: grid;
grid-template-columns: 1fr auto;
}
.K_wg0 {
display: flex;
flex-direction: column;
gap: var(--ug-spacing-m);
min-width: 0;
padding-bottom: var(--ug-text-tab-content-padding-bottom, 0);
padding-top: var(--ug-spacing-m);
position: relative;
}
.OTy31 {
border-left: 1px solid var(--ug-color-divider-alpha);
box-sizing: content-box;
width: var(--ug-text-tab-aside-width);
}
.OTy31._2NtBp {
border-left: none;
width: auto;
}
.OTy31._2NtBp .Z50B1 {
padding-bottom: calc(196px + var(--ug-spacing-m) * 3);
}
.g2AAe {
position: sticky;
top: var(--ug-tab-layout-top-offset);
}
.kH2Vl {
position: fixed;
right: calc(var(--ug-layout-side-column-width) + var(--ug-spacing-xs));
top: var(--ug-tab-layout-top-offset);
}
.OujHI {
overflow-y: auto;
}
:root .OujHI,
[data-theme="dark"] .OujHI {
scrollbar-color: var(--ug-color-control-inverse)
var(--ug-color-bg-tertiary);
}
[data-theme="light"] .OujHI {
scrollbar-color: auto;
}
.Z50B1 {
padding: var(--ug-spacing-xs) var(--ug-spacing-l) var(--ug-spacing-xl);
}
.OWMAF {
bottom: 0;
grid-area: none;
position: sticky;
z-index: 13;
}
.Arq9Y {
display: flex;
}
</style>
<style>
.HSoLS {
margin: var(--ug-spacing-xs) var(--ug-spacing-s) var(--ug-spacing-xl);
}
</style>
<style>
.dKE98 {
background-color: var(--ug-color-bg-primary);
padding-bottom: 10px;
padding-left: var(--ug-spacing-s);
padding-right: var(--ug-spacing-s);
padding-top: 10px;
}
._6gU1x {
padding-top: var(--ug-spacing-xs);
}
</style>
<style>
._2TvK0 {
margin: 0 calc(var(--ug-spacing-s) * -1);
padding-bottom: var(--ug-spacing-s);
}
</style>
<style>
.Cdqrp {
display: flex;
}
.Cdqrp[data-orientation="horizontal"] {
flex-direction: column;
}
.Cdqrp[data-orientation="horizontal"][data-reverse] {
flex-direction: column-reverse;
}
.Cdqrp[data-orientation="vertical"] {
flex-direction: row;
}
.Cdqrp[data-orientation="vertical"][data-reverse] {
flex-direction: row-reverse;
}
.BZf8j {
cursor: pointer;
}
.BZf8j:not([data-focused]) {
outline: none;
}
.BZf8j[data-disabled] {
cursor: not-allowed;
}
.BZf8j[data-selected] {
cursor: default;
}
.uwqaM {
flex-grow: 1;
overflow: scroll;
}
</style>
<style>
.IUwsj {
background: linear-gradient(
var(--ug-color-divider-alpha),
var(--ug-color-divider-alpha)
);
background-position: left var(--ug-spacing-s) bottom 6px;
background-repeat: no-repeat;
background-size: calc(100% - var(--ug-spacing-s) * 2) 1px;
gap: 20px;
padding-bottom: 6px;
padding-left: var(--ug-spacing-s);
padding-right: var(--ug-spacing-s);
padding-top: 6px;
scroll-padding-inline-start: var(--ug-spacing-xxs);
}
.TCCAN:first-child {
scroll-margin-inline-start: var(--ug-spacing-xs);
}
.eH_BM {
--icon-size: 16px;
align-items: center;
color: var(--ug-color-text-secondary);
display: flex;
gap: 2px;
padding-bottom: var(--ug-spacing-s);
padding-top: var(--ug-spacing-xxs);
}
.eH_BM[data-hovered],
.eH_BM[data-selected] {
color: var(--ug-color-text-contrast);
}
.eH_BM[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
.QmV14 {
background-color: var(--ug-color-text-contrast);
border-radius: 1px;
bottom: 6px;
height: 2px;
left: 0;
position: absolute;
right: 0;
z-index: 1;
}
.QmV14.W-gNA {
transition:
transform 0.3s,
width 0.25s;
}
</style>
<style>
.quKxh {
align-items: center;
cursor: default;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
}
.R52Y5 {
height: 20px;
margin-bottom: var(--ug-spacing-xxs);
text-align: center;
}
._5N8DE {
background: var(--ug-color-accent-yellow);
border-radius: 1px;
display: inline-block;
padding: 0 0.3em;
}
.S-k9n {
padding-bottom: var(--ug-spacing-l);
}
.S-k9n .R52Y5 {
margin-bottom: 10px;
}
.dfYau {
margin: 0 -6px;
overflow: hidden;
position: relative;
width: 91px;
}
.S-k9n .-Bm3R {
margin-top: 7px;
}
.S-k9n .dfYau {
width: 141px;
}
.KCh87 .dfYau {
width: 71px;
}
.gCVuj {
display: flex;
justify-content: center;
transform: translateX(-33.333%);
transition: none;
width: 300%;
}
.gCVuj.Wbruz {
transform: translateX(-66.666%);
transition: 0.15s ease-in-out;
}
.gCVuj.EDkCr {
transform: translateX(0);
transition: 0.15s ease-in-out;
}
.gCVuj.lVVuu {
opacity: 0.5;
}
.p0gjt {
position: relative;
}
.K5Z10 {
align-items: flex-start;
bottom: calc(var(--ug-spacing-xs) * -1);
display: flex;
justify-content: center;
left: 0;
margin: 0 calc(var(--ug-spacing-xl) * -1);
position: absolute;
right: 0;
}
.LM_KO {
z-index: 5;
}
.UlSOI {
margin: 0 calc(var(--ug-spacing-xxs) * -1);
padding: var(--ug-spacing-xxs) var(--ug-spacing-xs);
position: relative;
top: calc(var(--ug-spacing-xxs) * -1);
}
.zJQwh {
padding-bottom: var(--ug-spacing-xxs);
}
.o-xLq {
align-items: center;
backdrop-filter: blur(4px);
background-color: color-mix(
in srgb,
var(--ug-color-bg-primary) 70%,
transparent
);
color: var(--ug-color-text-primary);
cursor: pointer;
display: flex;
gap: var(--ug-spacing-xxs);
height: 100%;
justify-content: center;
left: -12px;
position: absolute;
top: -4px;
white-space: nowrap;
width: 126%;
z-index: 4;
}
.S-k9n .o-xLq {
height: 125%;
top: -7px;
}
@media print {
.K5Z10 {
visibility: hidden;
}
}
</style>
<style>
.yzY8h {
--list-columns: 4;
grid-gap: var(--ug-spacing-xs) 1px;
display: grid;
gap: var(--ug-spacing-xs) 1px;
grid-template-columns: repeat(var(--list-columns), minmax(auto, 1fr));
overflow: hidden;
width: calc(
var(--ug-text-tab-aside-width) - var(--ug-spacing-xs) - 15px
);
}
.yzY8h.fetEY {
--list-columns: 2;
}
</style>
<style>
._9m-RG {
color: var(--ug-color-text-secondary);
}
</style>
<style>
.oJZPK {
position: relative;
}
._7VGYm {
align-items: center;
backdrop-filter: blur(4px);
background-color: color-mix(
in srgb,
var(--ug-color-bg-primary) 70%,
transparent
);
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.U-4Lo {
align-items: center;
background-color: var(--ug-color-bg-inverse);
border-radius: 999px;
color: var(--ug-color-text-inverse);
display: flex;
gap: var(--ug-spacing-xs);
padding: var(--ug-spacing-xs) var(--ug-spacing-l);
}
</style>
<style>
.RQo1b {
padding-bottom: var(--ug-spacing-s);
}
</style>
<style>
.xTWxN {
padding: var(--ug-spacing-xs) 0;
}
.TQK0N {
margin: 0 calc(var(--ug-spacing-s) * -1);
}
</style>
<style>
.J5nd2 {
--ug-beats-per-line: 18;
grid-row-gap: var(--ug-spacing-xs);
display: grid;
grid-template-columns: repeat(var(--ug-beats-per-line), auto);
justify-content: start;
padding: var(--ug-spacing-xs) 0 var(--ug-spacing-s);
row-gap: var(--ug-spacing-xs);
}
.DBxzm {
box-sizing: border-box;
height: 72px;
margin-bottom: 1px;
padding-top: 34px;
position: relative;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
width: 18px;
}
.iFOU6,
.j8OV8,
.-Oz9i,
._8p1vU {
background: url(https://tabs.ultimate-guitar.com/static/public/build/ug_react_i18n_es6/202607/strumming.6e03eaf9..svg) -200px -200px
no-repeat;
}
:root ._8p1vU,
[data-theme="dark"] ._8p1vU {
background-position: -84px -121px;
}
:root .iFOU6,
[data-theme="dark"] .iFOU6 {
background-position: -66px -121px;
}
:root .j8OV8,
[data-theme="dark"] .j8OV8 {
background-position: -138px -121px;
}
:root .-Oz9i,
[data-theme="dark"] .-Oz9i {
background-position: -192px -121px;
}
[data-theme="light"] ._8p1vU {
background-position: -12px -121px;
}
[data-theme="light"] .iFOU6 {
background-position: 5px -121px;
}
[data-theme="light"] .j8OV8 {
background-position: -102px -121px;
}
[data-theme="light"] .-Oz9i {
background-position: -156px -121px;
}
._7YRTb._8p1vU {
background-position: -48px -121px;
}
._7YRTb.iFOU6 {
background-position: -30px -121px;
}
._7YRTb.j8OV8 {
background-position: -120px -121px;
}
._7YRTb.-Oz9i {
background-position: -174px -121px;
}
.t1cAr::before,
.yjnjL::before {
background: url(https://tabs.ultimate-guitar.com/static/public/build/ug_react_i18n_es6/202607/strumming.6e03eaf9..svg)
no-repeat;
content: "";
height: 8px;
left: 5px;
position: absolute;
top: 1px;
width: 8px;
}
:root .yjnjL::before,
[data-theme="dark"] .yjnjL::before {
background-position: -32px -22px;
}
:root .t1cAr::before,
[data-theme="dark"] .t1cAr::before {
background-position: -32px -29px;
}
[data-theme="light"] .yjnjL::before {
background-position: -32px -1px;
}
[data-theme="light"] .t1cAr::before {
background-position: -32px -9px;
}
._7YRTb.yjnjL::before {
background-position: -40px -1px;
}
._7YRTb.t1cAr::before {
background-position: -40px -9px;
}
.Vy51T::after {
background: url(https://tabs.ultimate-guitar.com/static/public/build/ug_react_i18n_es6/202607/strumming.6e03eaf9..svg)
no-repeat;
content: "";
left: 9px;
position: absolute;
top: 54px;
width: 19px;
}
:root .Vy51T::after,
[data-theme="dark"] .Vy51T::after {
background-position-x: -50px;
}
[data-theme="light"] .Vy51T::after {
background-position-x: -7px;
}
.CUYtZ::after {
background-position: -7px -50px;
height: 8px;
}
.DsXN4::after {
background-position: -7px -75px;
height: 8px;
}
._7rudq::after {
background-position: -7px -100px;
height: 11px;
}
.M7N32::after {
align-items: center;
content: "3";
display: inline-flex;
font: var(--ug-font-mono-s);
justify-content: center;
left: -9px;
text-align: center;
width: 37px;
}
.M7N32.CUYtZ::after {
height: 11px;
padding-top: 11px;
}
.M7N32.DsXN4::after {
height: 11px;
padding-top: 11px;
}
.M7N32._7rudq::after {
height: 11px;
padding-top: 14px;
}
</style>
<style>
.Fjd46 {
padding-top: var(--ug-spacing-xs);
}
.W8T0X {
margin: -10px;
}
</style>
<style>
.yGicc {
position: relative;
}
.eLCcU {
align-items: center;
backdrop-filter: blur(4px);
background-color: color-mix(
in srgb,
var(--ug-color-bg-primary) 70%,
transparent
);
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
._4ZUEe {
position: relative;
z-index: 3;
}
.GCndJ {
align-items: center;
background-color: var(--ug-color-bg-inverse);
border-radius: 999px;
color: var(--ug-color-text-inverse);
display: flex;
gap: var(--ug-spacing-xs);
padding: var(--ug-spacing-xs) var(--ug-spacing-l);
}
</style>
<style>
.BMgc4 {
grid-gap: var(--ug-spacing-xs);
align-items: flex-start;
display: grid;
gap: var(--ug-spacing-xs);
grid-template-columns: 1fr;
padding-top: var(--ug-spacing-xxs);
}
._7i9cb {
align-items: stretch;
gap: 0;
grid-template-columns: 1fr auto 1fr;
}
.-ds2p {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: var(--ug-spacing-m);
padding-bottom: var(--ug-spacing-xs);
padding-left: 0;
padding-right: 0;
padding-top: var(--ug-spacing-xs);
}
._8rQDm {
--icon-size: 20px;
}
</style>
<style>
._2q6fK {
padding: var(--ug-spacing-xs) 0;
}
.vO2MU {
margin: 0 calc(var(--ug-spacing-s) * -1);
}
</style>
<style>
.WczNt {
margin-bottom: var(--ug-spacing-s);
min-height: 248px;
width: 100%;
}
</style>
<style>
._2NPB3 {
align-items: end;
display: flex;
flex-direction: column;
gap: var(--ug-spacing-xs);
margin-top: var(--ug-spacing-s);
}
</style>
<style>
.vmkgc {
--icon-size: 16px;
--ug-button-color: var(--ug-color-text-primary);
align-items: center;
background-color: var(--ug-button-background-color, transparent);
border-radius: var(--ug-border-radius-full);
color: var(--ug-button-color);
display: flex;
gap: 6px;
padding: var(--ug-spacing-xs);
position: relative;
}
.vmkgc.vmkgc[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
.vmkgc[data-hovered] {
--ug-button-color: var(--ug-color-text-secondary);
}
.GmwIA {
height: 20px;
opacity: 0;
overflow: hidden;
transition:
opacity 0.15s ease,
visibility 0.15s ease;
visibility: hidden;
width: 0;
}
.vmkgc[data-hovered] .GmwIA {
opacity: 1;
visibility: visible;
width: auto;
}
</style>
<style>
.GsV1F {
--field-border-color: transparent;
align-items: center;
border-radius: var(--ug-border-radius-full);
box-shadow: inset 0 0 0 1px var(--field-border-color);
display: flex;
width: -moz-fit-content;
width: fit-content;
}
.GsV1F[data-focused] {
--field-border-color: var(--ug-color-bg-inverse);
}
.GsV1F[data-collapsed] {
background-color: var(--ug-color-bg-secondary);
padding: 10px;
}
.GsV1F[data-collapsed][data-active] {
border: 1px solid var(--ug-color-icon-primary);
padding: 9px;
}
.GsV1F[data-collapsed] .yk2b4 {
display: none;
}
.GsV1F[data-collapsed] .KUdFj {
display: block;
text-align: center;
}
.yk2b4 {
align-items: center;
background-color: var(--ug-color-bg-primary);
border-radius: var(--ug-border-radius-full);
display: flex;
gap: var(--ug-spacing-xxs);
height: 40px;
}
.KUdFj {
--icon-size: 20px;
display: none;
height: var(--ug-spacing-l);
width: var(--ug-spacing-l);
}
</style>
<style>
._0SBlv {
border: 1px solid var(--ug-color-bg-tertiary);
}
</style>
<style>
.eoxRc {
margin-left: calc(var(--ug-spacing-l) * -1);
margin-right: calc(var(--ug-spacing-l) * -1);
}
</style>
<style>
.PFwMV {
background-color: var(--ug-color-bg-island);
box-sizing: border-box;
margin: var(--ug-spacing-xs) var(--ug-spacing-s) var(--ug-spacing-s);
min-height: 72px;
padding-bottom: 18px;
padding-left: var(--ug-spacing-m);
padding-right: var(--ug-spacing-m);
padding-top: 18px;
}
</style>
<style>
.ZSK2M {
margin-bottom: var(--ug-spacing-m);
}
</style>
<style>
.c4glK {
position: relative;
}
</style>
<style>
.s-juq {
position: relative;
}
.QsmqP {
display: block;
}
._3N0pI.s-juq {
overflow-x: auto;
overflow-y: hidden;
}
.vWPod.s-juq {
padding: 16px;
}
.k_vI3 {
font-family:
Roboto Mono,
Courier New,
monospace;
line-height: 1.4em;
margin: 0;
}
.KLhHx.k_vI3 {
line-height: 1.4em;
}
._65ROf.k_vI3 {
line-height: 1.3em;
}
.WptWb.k_vI3 {
line-height: 1.2em;
}
._Q5BD .k_vI3 {
font:
15px Monaco,
Courier New,
Courier,
monospace;
}
.lcVLR .k_vI3 {
background: #f8f8f8;
}
._Q5BD.lcVLR .k_vI3 {
background: #fff;
}
._B30H .k_vI3 {
background: #111;
}
.OBvdb {
display: none;
}
@media print {
.k_vI3 {
background: #59a500;
}
}
._7yEm1 {
display: block;
}
.yMoLy {
background: #fff;
width: 100%;
}
._22BVQ {
display: table;
width: 100%;
}
.EWlOf {
display: table-cell;
vertical-align: top;
}
.uwJ7i .EWlOf {
width: 50%;
}
.CMdAe,
._6yV4q {
display: block;
min-height: 1.4em;
}
.KLhHx ._6yV4q {
min-height: 1.4em;
}
._65ROf ._6yV4q {
min-height: 1.3em;
}
.WptWb ._6yV4q {
min-height: 1.2em;
}
._Q5BD ._6yV4q {
min-height: unset;
}
.CMdAe .eSJpP:hover {
cursor: default;
}
.CMdAe .eSJpP:hover:after {
display: none;
}
.nsXNI {
color: #0098fd;
}
.nsXNI span {
color: #0098fd !important;
}
.eSJpP {
border-radius: 2px;
cursor: default;
display: inline-block;
font-weight: 700;
margin: -0.1em -0.5em -0.15em;
padding: 0.1em 0.5em 0.15em;
position: relative;
}
.eSJpP:after {
background: currentColor;
border-radius: 2px;
bottom: 0.2em;
content: "";
display: none;
left: 0.25em;
opacity: 0.1;
position: absolute;
right: 0.25em;
top: 0.2em;
}
._Q5BD .eSJpP {
background: rgba(33, 150, 243, 0.15);
border-radius: 1px;
font-weight: 400;
margin: -0.1em calc(-0.3em + 0.5px);
padding: 0 0.3em;
}
._Q5BD .eSJpP:after {
background: none;
}
.isAndroid .eSJpP {
background: rgba(15, 157, 88, 0.15);
}
.eSJpP:hover:after {
display: block;
}
.d8c-l {
left: 0;
opacity: 0;
position: absolute;
top: 0;
}
.c2VLQ:hover {
background: transparent;
}
.CMdAe {
page-break-inside: avoid;
}
._6Im1s {
position: relative;
}
._6Im1s:after {
display: block;
}
.HslD7 {
font-weight: 600;
}
.fGc1h {
font-family: var(--ug-font-family-mono), monospace;
line-height: 1.6em;
}
:root .yMoLy,
_::-webkit-full-page-media,
_:future {
display: block;
}
@-moz-document url-prefix() {
.yMoLy {
display: block;
}
}
</style>
<style>
._8WRlq {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background-color: transparent;
border: none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 13px;
font-weight: 600;
line-height: 16px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
z-index: 1;
}
._8WRlq:before {
background: transparent;
border-radius: 2px;
bottom: 0;
content: " ";
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
._8WRlq:focus {
outline: none;
}
._8WRlq.Ud8hS:hover:before {
opacity: 0.2;
}
._8WRlq.Ud8hS:hover,
._8WRlq.Ud8hS:hover .JwnYN {
cursor: pointer;
}
._8WRlq.t3GJY {
opacity: 0.5;
}
._8WRlq.Ud8hS[disabled] .JwnYN,
._8WRlq[disabled] {
opacity: 0.3 !important;
}
._8WRlq.Ud8hS[disabled] .JwnYN,
._8WRlq[disabled] {
cursor: not-allowed;
pointer-events: none;
}
.hdcaY span,
.hdcaY svg {
display: inline-block;
vertical-align: top;
}
._8WRlq .ZoZpf {
vertical-align: top;
}
.caSev {
display: inline-block;
left: auto;
margin-top: -6px;
opacity: 0.5;
position: relative;
right: -2px;
vertical-align: top;
width: 0;
}
.BBePW {
background: #ff5d55;
border-radius: 50%;
color: #fff;
font-size: 12px;
left: auto;
line-height: 20px;
min-width: 20px;
right: 0;
}
._8WRlq .caSev {
width: auto;
}
._8WRlq .JwnYN {
padding: 0 4px;
}
._8WRlq.b94mu .hdcaY {
justify-content: flex-start;
}
._8WRlq.fFBtz .hdcaY {
justify-content: flex-end;
}
.e4rZY {
color: grey;
margin-left: -5px;
text-transform: none;
}
._281Nj,
._8WRlq._281Nj:before {
border-radius: 2px;
}
._8WRlq.cTb1X:before,
.cTb1X {
border-radius: 0 2px 2px 0;
}
.mY3ch .BBePW {
margin: 2px;
}
.RKiQg {
display: block;
width: 100%;
}
.RKiQg .hdcaY {
width: 100%;
}
._6DM_r svg:only-child {
margin: 0;
}
.foQK4 {
padding: 9px;
}
.foQK4 svg {
opacity: 0.7;
}
.foQK4.zNhYK {
padding: 7px;
}
.foQK4.Cd4HK {
padding: 3px;
}
.foQK4.Ooyl- {
margin: -4px;
}
.foQK4.Ud8hS:hover svg {
opacity: 1;
}
.j8yVh {
color: #ddc;
}
.nA0TX {
color: #ffc600;
}
.nYLO5 {
color: #ffc600;
}
.nYLO5[disabled],
._8WRlq.nYLO5[disabled] .JwnYN {
opacity: 1 !important;
}
.nYLO5[disabled],
._8WRlq.nYLO5[disabled] .JwnYN {
color: #787878;
}
.nYLO5[disabled] {
background-color: #3e3e3e;
}
._-0X6x,
.Lh3Lw {
color: #ff5d55;
}
.O-i_Y {
color: #44db5e;
}
.oUjJj {
color: #0098fd;
}
.H10Ke {
color: #fff;
}
._62foP {
color: #fff;
}
.yBTWZ {
color: #212121;
}
.RRK5I {
color: #929292;
}
.SpgtY {
color: #4267b2;
}
._7WDsS {
color: #1da1f2;
}
.jEiU2 {
color: #ff4501;
}
.ZUq5r {
color: #ff5d55;
}
.D41D4 {
color: #0d7945;
}
.fx1v_ {
color: #00ba3b;
}
._5h7xe {
color: #ff3824;
}
.j8yVh.yBTWZ {
color: #ddc;
}
.j8yVh.RRK5I {
color: #929292;
}
.j8yVh.qj1Or {
color: #a7a796;
}
.j8yVh.ZUq5r {
color: #ececec;
}
.NhiSc.Ud8hS:hover:before {
background: currentColor;
}
.NhiSc {
background-color: currentColor;
}
.NhiSc:before {
color: #fff;
}
.NhiSc .caSev,
.NhiSc .JwnYN {
color: #111;
}
.NhiSc .caSev.AMUpC,
.NhiSc .JwnYN.AMUpC {
color: #fff;
}
.NhiSc.yBTWZ.j8yVh .JwnYN.AMUpC {
color: #ddc;
}
.j8yVh.NhiSc.yBTWZ {
color: #232323;
}
.j8yVh.NhiSc.yBTWZ.Ud8hS:hover:before,
.j8yVh.NhiSc.yBTWZ:before {
border: 1px solid #606060;
opacity: 1;
}
.j8yVh.NhiSc.yBTWZ.Ud8hS:hover:before {
background: #3e3e3e;
}
.j8yVh.NhiSc.ZUq5r .JwnYN {
color: #111;
}
.PN5NQ._4zs7o:before,
.PN5NQ.Ud8hS:hover:before {
background-color: currentColor;
opacity: 0.1;
}
.PN5NQ.GIlDU,
.PN5NQ.zNhYK {
font-size: 13px;
}
.j8yVh.PN5NQ.Ud8hS:hover:before {
background-color: currentColor;
opacity: 0.1;
}
.SRTQ2:before {
background: transparent;
border: 1px solid;
opacity: 0.5;
}
.SRTQ2.Ud8hS:hover:before {
opacity: 0.8;
}
.SRTQ2 .caSev {
color: #212121;
}
._8WRlq .hpFJ2 {
color: #929292;
left: auto;
opacity: 0.5;
position: relative;
right: -2px;
top: -50%;
}
.AWfYa {
height: auto !important;
padding: 0 !important;
}
.AWfYa {
border: none;
font-size: inherit;
letter-spacing: inherit;
line-height: inherit;
text-transform: inherit;
}
.AWfYa.nA0TX .JwnYN,
.AWfYa.Ud8hS:hover .JwnYN {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.AWfYa[disabled] {
-webkit-text-decoration: none;
text-decoration: none;
}
.AWfYa .JwnYN:first-child {
padding-left: 0;
}
.AWfYa .JwnYN:last-child {
padding-right: 0;
}
.AWfYa.BXhg6 {
font-weight: inherit;
}
.AWfYa.BXhg6 .JwnYN {
display: inline-block;
position: relative;
}
.AWfYa.BXhg6 .JwnYN::after {
border-bottom: 1px dotted;
bottom: 0;
content: "";
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
}
.AWfYa.BXhg6.Ud8hS:hover .JwnYN {
border-color: transparent;
-webkit-text-decoration: none;
text-decoration: none;
}
.AWfYa.BXhg6.Ud8hS:hover .JwnYN::after {
border: none;
}
.AWfYa.yBTWZ .JwnYN {
color: #000;
}
.AWfYa.O-i_Y .JwnYN {
color: #59a500;
}
.j8yVh.AWfYa.nA0TX .JwnYN {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.j8yVh.AWfYa.Ud8hS:hover .JwnYN {
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.j8yVh.AWfYa.yBTWZ .JwnYN {
color: #ddc;
}
.j8yVh.AWfYa.RRK5I .JwnYN {
color: #929292;
}
.s3RtH {
display: inline-flex;
min-width: 0;
}
.s3RtH .JwnYN {
overflow: hidden;
text-overflow: ellipsis;
}
.s3RtH svg {
flex-shrink: 0;
}
.Cioxi {
text-transform: uppercase !important;
}
.Cioxi {
letter-spacing: 1px;
}
._1x6HA {
margin-right: 10px;
}
._887Y_ {
cursor: default;
}
.nWwPs {
text-transform: lowercase;
}
.D6Rma {
opacity: 1;
}
.AWfYa.Ud8hS.P7mTH .JwnYN {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.AWfYa.P7mTH:hover .JwnYN {
-webkit-text-decoration: none;
text-decoration: none;
}
.Cd4HK {
font-size: 11px;
height: 24px;
padding: 4px;
}
.h62H6 {
font-size: 12px;
font-weight: 600;
height: 28px;
padding: 6px;
}
.zNhYK {
height: 32px;
padding: 8px;
}
.GIlDU {
height: 36px;
padding: 10px;
}
.mY3ch {
font-size: 14px;
height: 40px;
padding: 12px;
}
.Ooyl- {
height: 48px;
padding: 16px;
}
.a3j2Y {
height: 56px;
padding: 16px;
}
._0mGKs {
padding: 0;
}
.mXZgh {
white-space: break-spaces;
}
</style>
<style>
._1hzoR {
animation: G0EBd 0.6s linear infinite;
display: inline-block;
vertical-align: middle;
}
.BC0j0._1hzoR path {
fill: #212121;
}
.O36Vy._1hzoR path {
fill: #ddc;
}
.UPdie._1hzoR path {
fill: #fff;
}
.c2B3s._1hzoR path {
fill: #ffc600;
}
@keyframes G0EBd {
from {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
</style>
<style>
.FlgDy {
display: inline-block;
position: relative;
z-index: 1;
}
.FlgDy:hover {
cursor: default;
z-index: 10;
}
.rC2pK .FlgDy {
margin-left: -12px;
}
.rC2pK .D2OxY {
margin: 0;
padding: 0 16px 0 8px;
}
.FlgDy.pvu2n {
padding-bottom: 18px;
}
.D2OxY.pvu2n {
padding-bottom: 26px;
}
.rC2pK .D2OxY.mv7XP {
padding-bottom: 16px;
}
.cnfqk {
font-family:
Roboto Mono,
Courier New,
monospace;
font-size: 13px;
font-weight: 600;
height: 20px;
line-height: 20px;
text-align: center;
}
.ngOw9 {
background: rgba(33, 150, 243, 0.15);
border-radius: 1px;
color: #0368d6;
display: inline-block;
padding: 0 0.3em;
}
.is_android .ngOw9 {
background: rgba(15, 157, 88, 0.15);
color: #0d7945;
}
.D2OxY .cnfqk {
margin-bottom: 10px;
}
.GQojo .cnfqk {
font-size: 15px;
height: 18px;
line-height: 18px;
margin-bottom: 6px;
}
.D2OxY.GQojo .cnfqk {
margin-bottom: 16px;
}
._0meem {
margin-left: -4px !important;
}
._0meem {
display: inline-block;
padding-top: 22px;
}
.D2OxY._qQtO {
width: 165px;
}
.D2OxY._qQtO .cnfqk {
margin-bottom: 12px;
}
._0meem .cnfqk {
font-family:
Monaco,
Courier New,
Courier,
monospace;
font-size: 15px;
font-weight: 400;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.RZayQ {
overflow: hidden;
width: 79px;
}
._0meem .RZayQ {
height: 75px;
width: 69px;
}
._0meem .OYx-D {
display: block;
left: inherit;
padding-left: 9px;
width: inherit;
}
.QLXEm {
text-align: center;
}
._IrPF {
border: 1px solid hsla(0, 0%, 54%, 0.42);
border-radius: 2px;
color: #8a8a8a;
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 22px;
margin: 7px auto 8px;
padding: 0 5px;
text-transform: uppercase;
}
.D2OxY ._IrPF {
margin-top: 7px;
}
.GQojo .RZayQ {
width: 93px;
}
.D2OxY .RZayQ {
width: 141px;
}
.D2OxY.GQojo .RZayQ {
padding-left: 0;
padding-right: 0;
width: 197px;
}
._0meem.MNt8N .OYx-D {
padding-left: 17px;
}
.OYx-D {
display: flex;
justify-content: center;
left: -100%;
position: relative;
width: 300%;
}
.OYx-D.Ccdrz {
transform: translateX(-33.333%);
transition: 0.15s linear;
}
.OYx-D.ygqRK {
transform: translateX(33.333%);
transition: 0.15s linear;
}
.MNULb {
align-items: flex-start;
bottom: 0;
display: flex;
justify-content: space-between;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 84%;
}
.D2OxY .MNULb {
right: 8px;
width: 113px;
}
.L7gxj {
margin: -10px -12px;
position: relative;
top: -1px;
}
.injgI {
color: #929292;
font-size: 10px;
font-weight: 400;
line-height: 10px;
padding-bottom: 8px;
}
._1tGUr:active {
opacity: 0.5;
}
@media print {
.MNULb {
visibility: hidden;
}
}
</style>
<style>
.m0tRQ {
--field-bg-color: var(--ug-color-form-primary-bg);
--field-border-color: var(--ug-color-bg-tertiary);
color: var(--ug-color-text-secondary);
display: flex;
flex-direction: column;
gap: var(--ug-spacing-xxs);
width: 100%;
}
.m0tRQ[data-disabled] {
color: var(--ug-color-text-muted);
cursor: not-allowed;
}
.m0tRQ[data-invalid] {
--field-border-color: var(--ug-color-text-red);
}
.m0tRQ[focus-within].WmUmq,
.WmUmq .m0tRQ[focus-within] {
--field-border-color: var(--ug-color-form-muted);
}
.m0tRQ:focus-within {
--field-border-color: var(--ug-color-form-muted);
}
.m0tRQ textarea {
resize: none;
}
.b0XCX {
background-color: var(--field-bg-color);
border-radius: var(--ug-border-radius-default);
box-shadow: inset 0 0 0 1px var(--field-border-color);
flex: 1 0;
padding-bottom: 10px;
padding-left: var(--ug-spacing-m);
padding-right: var(--ug-spacing-m);
padding-top: 10px;
}
.JBILG {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
caret-color: var(--ug-color-text-primary);
color: var(--ug-color-text-primary);
display: block;
font: var(--ug-font-body-s);
width: 100%;
}
.JBILG::-moz-placeholder {
color: var(--ug-color-text-secondary);
}
.JBILG::placeholder {
color: var(--ug-color-text-secondary);
}
.JBILG:disabled {
cursor: not-allowed;
}
.JBILG:disabled::-moz-placeholder {
color: currentColor;
}
.JBILG:disabled,
.JBILG:disabled::placeholder {
color: currentColor;
}
</style>
<style>
.umwRf {
align-items: center;
background-color: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.umwRf:not([data-focused]) {
outline: none;
}
.umwRf[data-pending] {
cursor: progress;
}
.umwRf[data-disabled] {
cursor: not-allowed;
}
.umwRf[data-full-width] {
width: 100%;
}
.Xtii9 {
outline: none;
}
._1nAIN {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
.yfrYu {
-webkit-appearance: none;
background: transparent;
border: none;
box-sizing: border-box;
margin: 0;
min-width: 0;
outline: none;
padding: 0;
}
.yfrYu::-webkit-inner-spin-button,
.yfrYu::-webkit-outer-spin-button,
.yfrYu::-webkit-search-cancel-button,
.yfrYu::-webkit-search-results-button,
.yfrYu::-webkit-slider-runnable-track,
.yfrYu::-webkit-slider-thumb {
-webkit-appearance: none;
}
.yfrYu[type="number"] {
-moz-appearance: textfield;
}
.DOON7 {
-webkit-text-decoration: none;
text-decoration: none;
}
.DOON7:not([data-focused]) {
outline: none;
}
.DOON7[data-disabled] {
cursor: default;
}
.COqQd {
bottom: 0;
display: flex;
justify-content: center;
left: 0;
padding-bottom: calc(
var(--ug-spacing-m) + env(safe-area-inset-bottom, 0px)
);
padding-left: var(--ug-spacing-m);
padding-right: var(--ug-spacing-m);
pointer-events: none;
position: fixed;
right: 0;
z-index: 20;
}
.MsVir {
max-width: min(100%, calc(var(--ug-spacing-m) * 28));
pointer-events: auto;
width: 100%;
}
._092D5 {
border-radius: var(--ug-border-radius-default);
box-shadow: var(--ug-box-shadow-floating-prompt);
width: 100%;
}
.l19MB {
align-items: center;
display: flex;
gap: var(--ug-spacing-xs);
}
.l19MB .yfrYu {
flex: 1 1 auto;
font: var(--ug-font-body-l);
min-width: 0;
}
.M-OO6 {
border-radius: var(--ug-border-radius-default);
color: var(--ug-color-text-secondary);
flex-shrink: 0;
padding: var(--ug-spacing-xxs);
}
.OW9FG .M-OO6.UnsEm,
.M-OO6.UnsEm.OW9FG {
outline: 2px solid var(--ug-color-form-active);
outline-offset: 2px;
}
.M-OO6:focus-visible {
outline: 2px solid var(--ug-color-form-active);
outline-offset: 2px;
}
.M-OO6:hover {
color: var(--ug-color-text-primary);
}
</style>
<style>
.K8ClM {
align-items: center;
background-color: var(--ug-color-bg-secondary);
border-radius: var(--ug-border-radius-m);
cursor: pointer;
display: flex;
min-width: 0;
padding: var(--ug-spacing-s) var(--ug-spacing-xl);
width: 100%;
}
.MH27y .K8ClM.HDPgs,
.K8ClM.HDPgs.MH27y {
outline: 2px solid var(--ug-color-form-active);
outline-offset: 2px;
}
.K8ClM:focus-visible {
outline: 2px solid var(--ug-color-form-active);
outline-offset: 2px;
}
.rh07E {
--cover-size: 64px;
flex-shrink: 0;
margin-right: var(--ug-spacing-m);
}
._6_9ea {
flex: 1;
min-width: 0;
}
.aWUYI {
flex-shrink: 0;
margin-left: auto;
}
.ivg0D {
min-width: 113px;
}
</style>
<style>
._9vPsm {
overflow: hidden;
}
._9vPsm img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
</style>
<style>
.cH2Wf {
cursor: pointer;
min-width: 0;
padding: var(--ug-spacing-s) var(--ug-spacing-xl);
width: 100%;
}
._ezTL .cH2Wf.LG1Va,
.cH2Wf.LG1Va._ezTL {
outline: 2px solid var(--ug-color-form-active);
outline-offset: 2px;
}
.cH2Wf:focus-visible {
outline: 2px solid var(--ug-color-form-active);
outline-offset: 2px;
}
._5PLqf {
min-width: 0;
}
.vqfPS {
text-align: left;
}
.pT13i {
min-width: 0;
width: 100%;
}
._1lm95 {
border-radius: var(--ug-border-radius-s);
flex: 0 0 auto;
height: 88px;
overflow: hidden;
position: relative;
width: 128px;
}
.BISVA {
height: 100%;
width: 100%;
}
.s-Civ {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.-Jb60 {
align-self: flex-start;
}
._H59A {
box-sizing: border-box;
width: 95px;
}
</style>
<style>
.zNZ38 {
padding: var(--ug-spacing-l) var(--ug-spacing-xs) var(--ug-spacing-xxs)
0;
}
</style>
<script async="" src="./drop_in_the_oceanhtml_files/choice.js"></script>
<style>
.mn332 {
opacity: 1;
}
._1Rhmr
[csstools-has-2j-2s-2p-38-2p-19-2w-2t-2p-2s-2t-36-19-30-2p-3d-33-39-38-1p-13-36-2x-2v-2w-38-13-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-2t-2p-36-2r-2w-2q-2p-36-19-2t-3c-34-2p-32-2s-2t-2s-1p-13-38-36-39-2t-13-2l-15]:not(
.does-not-exist
)
.mn332 {
opacity: 0;
pointer-events: none;
}
[data-header-layout="right"]:has([data-searchbar-expanded="true"])
.mn332 {
opacity: 0;
pointer-events: none;
}
</style>
<style>
.g4DQj {
padding: var(--ug-spacing-xs) var(--ug-spacing-l);
}
</style>
<style>
.nSzfW {
height: 44px;
}
._8jl94 {
height: 44px;
width: 183px;
}
</style>
<style>
.g03D- {
gap: 40px;
}
</style>
<style>
.sfbYM {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: var(--ug-spacing-s);
justify-content: flex-end;
min-width: var(--search-bar-focused-width, 436px);
width: 100%;
}
</style>
<style>
.dHUCM {
display: flex;
height: 100vh;
width: 100%;
}
.dHUCM > div {
height: 100vh !important;
width: 100% !important;
}
.dHUCM iframe {
height: 100%;
width: 100%;
}
.dHUCM._22QaM {
justify-content: flex-end;
}
.dHUCM.FVEli {
justify-content: flex-start;
}
</style>
<style>
.QQtjm {
min-height: 1px;
}
.Z3WgK {
transition: opacity 0.15s;
}
._04vlx {
opacity: 0;
}
.OUwQX {
display: block;
width: 100%;
}
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
}
.sJeLL {
border-radius: 50%;
}
.bbhvi {
border-radius: 2px;
}
.U_wd0 {
border-radius: 4px;
}
.nEJ4_ {
border-radius: 8px;
}
</style>
<style>
.DjeGj {
border-radius: 50%;
display: inline-block;
-o-object-fit: cover;
object-fit: cover;
vertical-align: top;
}
.XTk5C {
height: 32px;
width: 32px;
}
.I96Ff {
height: 24px;
width: 24px;
}
.zRRZV {
height: 40px;
width: 40px;
}
.ceOqc {
height: 50px;
width: 50px;
}
.hn6LD {
height: 70px;
width: 70px;
}
._mGEr {
height: 16px;
width: 16px;
}
.owdQW {
font-weight: 600;
margin-left: 13px;
vertical-align: top;
}
.owdQW.-LCYz {
font-size: 11px;
margin-left: 0;
margin-right: -4px;
margin-top: 2px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
width: 36px;
}
.yo71K {
height: 24px;
}
.yo71K.-LCYz {
align-items: flex-end;
display: flex;
flex-direction: column;
height: auto;
}
</style>
<style>
.JVQ-d {
cursor: pointer;
font-weight: 600;
}
.sHCSD {
font-weight: 400;
}
._44-Dd {
opacity: 0.5;
}
.IwP5M {
color: #ffc600;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.d8Qek {
color: #ddc;
}
.HYF16 {
color: #a7a796;
}
.-SgtF {
color: #929292;
}
.d9x_c {
font-weight: 400;
}
.ZMpoj {
color: #690;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.-SgtF.XuI4u:hover,
.HByqR:hover .-SgtF:not(.XuI4u),
.HByqR:hover .IwP5M:not(.XuI4u),
.HByqR:hover .d8Qek:not(.XuI4u),
.HByqR:hover .ZMpoj:not(.XuI4u),
.HByqR:hover .HYF16:not(.XuI4u),
.IwP5M.XuI4u:hover,
.d8Qek.XuI4u:hover,
.ZMpoj.XuI4u:hover,
.HYF16.XuI4u:hover {
color: #fff !important;
-webkit-text-decoration: none !important;
text-decoration: none !important;
}
.UFO2X {
color: #212121;
}
.UFO2X:hover,
.HByqR:hover .UFO2X {
-webkit-text-decoration: underline;
text-decoration: underline;
}
</style>
<style>
.bqaQn {
font-weight: 600;
}
.xl9mV {
color: #929292;
}
._4tFvX {
font-size: inherit;
font-weight: 600;
}
.Qaton ._4tFvX {
color: #212121;
}
._0B57v ._4tFvX {
color: silver;
}
</style>
<style>
._2fihO {
margin: 0 16px;
}
._2fihO._6HZU1 {
margin: 0 0 8px;
}
.V_WvH,
.V_WvH span {
font-weight: 600;
}
.DRUip {
display: flex;
justify-content: space-between;
width: 100%;
}
.LhOpK {
margin: 0 -16px;
}
.LhOpK article {
border-top: none;
}
.D07mE {
display: flex;
font-size: 12px;
line-height: 16px;
}
.LT-i- {
margin-left: 6px;
}
._6HZU1 .LT-i- {
display: flex;
flex-direction: column;
font-size: 13px;
height: 50px;
justify-content: center;
margin-left: 8px;
}
.qY4VK {
align-items: center;
display: flex;
font-size: 14px;
}
.JsB9A {
font-size: 12px;
font-weight: 600;
line-height: 16px;
padding-bottom: 16px;
text-align: center;
}
.EL7Uu {
margin-bottom: 8px;
}
.mQxGW {
display: flex;
flex-direction: column;
}
.eVZ3c {
flex-direction: row;
}
.eVZ3c button {
flex-grow: 1;
}
.eVZ3c .EL7Uu {
margin-bottom: 0;
margin-right: 16px;
}
.BNYTG {
margin-right: 4px;
}
._wTh6 {
display: flex;
}
.xzAPO {
font-size: 17px;
margin-left: 4px;
}
._4rWS4 {
display: flex;
flex-direction: column;
margin-bottom: 16px;
text-align: left;
}
.bUR1F {
color: #ddc;
font-size: 17px;
font-weight: 600;
line-height: 24px;
margin-bottom: 2px;
}
.w_WVQ {
color: #ddc;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
</style>
<style>
.JpPTl {
background-color: var(--ug-color-bg-primary);
border-radius: var(--ug-border-radius-default);
padding-bottom: 10px;
padding-left: var(--ug-spacing-s);
padding-right: var(--ug-spacing-s);
padding-top: 10px;
width: -moz-fit-content;
width: fit-content;
}
.e6hSl {
align-items: center;
display: flex;
gap: var(--ug-spacing-xs);
}
.lX4rI {
aspect-ratio: 1;
background-size: cover;
border-radius: var(--ug-border-radius-default);
min-width: 28px;
}
.y5LMd {
flex: 1;
padding-bottom: 2px;
padding-top: 2px;
}
</style>
<style>
.DfOWo {
--layout-sidebar-width: calc(184px + var(--ug-spacing-xs) * 2);
--layout-max-width: 1280px;
bottom: var(--ug-spacing-s);
display: flex;
justify-content: center;
left: calc(
var(--layout-sidebar-width) + (100% - var(--layout-max-width)) / 2
);
position: fixed;
width: calc(var(--layout-max-width) - var(--layout-sidebar-width));
z-index: 2000;
}
@media (min-width: 1600px) {
.DfOWo {
--layout-max-width: 1420px;
--layout-sidebar-width: calc(316px + var(--ug-spacing-xs) * 2);
}
}
</style>
<style>
.rffnZ {
align-items: center;
border-radius: 4px;
cursor: pointer;
display: flex;
height: 40px;
justify-content: center;
transition: background-color 0.2s ease-in;
width: 100%;
}
.qH2yv {
background-color: #000;
border: 1px solid #3e3e3e;
}
.qH2yv.rffnZ:hover {
background-color: #1f1f1f;
}
._016mC {
border: 1px solid #606060;
}
._016mC.rffnZ:hover {
background-color: #2d2d2d;
}
.XDXx5 {
display: flex;
position: relative;
}
.-KfpA {
flex-direction: row;
}
._1wcJA {
flex-direction: column;
width: 100%;
}
._1wcJA .rffnZ + .rffnZ {
margin-top: 8px;
}
._1wcJA.fLKOx .rffnZ + .rffnZ {
margin-top: 6px;
}
._1wcJA._0Jhz1 {
padding-bottom: 48px;
}
._1wcJA._0Jhz1.fLKOx {
padding-bottom: 50px;
}
.-KfpA .rffnZ {
margin: 0 8px;
min-width: 135px;
}
.-KfpA .rffnZ:first-child {
margin-left: 0;
}
.-KfpA .rffnZ:last-child {
margin-right: 0;
}
.N4d64 {
display: flex;
flex-direction: column;
justify-content: flex-start;
left: 0;
padding: 11px 16px;
position: absolute;
top: calc(100% - 50px);
transition: height 0.2s ease-in;
z-index: 2;
}
.N4d64.rLSgW {
height: auto;
}
.owMe2 {
height: 160px;
margin: 12px 0 4px;
width: 160px;
}
.qH2yv.N4d64.rLSgW:hover {
background-color: #1f1f1f;
}
._016mC.N4d64.rLSgW {
background-color: #2d2d2d;
}
</style>
<style>
._55_Iq {
position: relative;
}
._55_Iq ._55_Iq:after {
background: #d8d8d8;
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
width: 1px;
}
._55_Iq:nth-child(2):after {
top: 8px;
}
._4hWYm {
background-color: #efefef;
border-radius: 2px;
font-style: italic;
margin: 0 0 10px;
padding: 8px;
}
._4hWYm ._4hWYm {
margin: 0;
padding: 8px 24px 0;
}
.fTXMw {
margin-bottom: 8px;
}
.GNeVx ._4hWYm {
background-color: #232323;
}
.GNeVx._55_Iq ._55_Iq:after {
background: #3e3e3e;
}
</style>
<style>
.DytjV {
color: inherit;
}
._5H3K5 {
color: #ffc600;
}
.yCL7b {
color: #ff8c00;
}
._9B-Al {
color: #0098fd;
}
.Er22t {
color: #ff5d55;
}
</style>
<style>
.TYDdf,
.c86V4,
.tL2v_ {
display: inline-block;
text-align: center;
vertical-align: middle;
}
.TYDdf {
color: #111;
font-weight: 400;
}
.by_Pi {
background-color: #ffc600;
}
.TbgS4 {
background-color: #ff5d55;
}
.lu7ft {
background-color: #ff5d55;
}
.NcNNk {
color: #ddc;
}
.jkbkI {
color: #111;
}
.xGNZD {
border-radius: 6px;
font-size: 10px;
height: 6px;
line-height: 6px;
min-width: 6px;
padding: 0 1.5px;
}
.iUMAd {
border-radius: 16px;
font-size: 11px;
height: 16px;
line-height: 16px;
min-width: 16px;
padding: 0 4px;
}
.JIXln {
border-radius: 20px;
font-size: 13px;
height: 20px;
line-height: 20px;
min-width: 20px;
padding: 0 5px;
}
.nXI2S {
border-radius: 24px;
font-size: 14px;
height: 24px;
line-height: 24px;
min-width: 24px;
padding: 0 6px;
}
</style>
<style>
.AFX9K {
font-size: 24px;
font-weight: 400;
line-height: 133%;
}
.FjqEi {
font-size: 22px;
line-height: 130%;
}
.-H3F8 {
font-size: 16px;
line-height: 150%;
}
._0ZuZK {
font-size: 17px;
font-weight: 400;
line-height: 141%;
}
.ar2Wg {
font-size: 14px;
line-height: 143%;
}
.dDbMN {
font-size: 12px;
line-height: 133%;
}
._1rpH6 {
font-size: 16px;
line-height: 125%;
}
.jTZpt {
font-size: 14px;
line-height: 143%;
}
.KbIjE {
font-size: 13px;
line-height: 125%;
}
.soTHL,
.Lf02O {
font-size: 12px;
line-height: 139%;
}
.Lf02O {
font-weight: 400;
}
.Juydb {
font-size: 10px;
line-height: 120%;
}
.FjqEi,
.-H3F8,
.ar2Wg,
.dDbMN,
.AFX9K {
margin: 0;
}
.Juydb,
.FjqEi,
.-H3F8,
.ar2Wg,
.dDbMN,
.soTHL {
font-weight: 600;
}
.-H3F8,
.ar2Wg,
.dDbMN {
letter-spacing: 0.025em;
text-transform: uppercase;
}
p.Juydb,
p.jTZpt,
p.KbIjE,
p.soTHL {
margin: 0 0 16px;
}
.s1skf {
color: #ffc600;
}
.AqPU9 {
color: hsla(0, 0%, 100%, 0.8);
}
.pUFdd {
color: hsla(0, 0%, 100%, 0.5);
}
.iO1wV {
color: #ffc600;
}
.FSXbG {
color: #ddc;
}
.NV92t,
._6LzvM {
color: #929292;
}
._gq9Z {
color: #212121;
}
.cBN6d {
color: #212121;
}
.suHok {
color: #7a7a7a;
}
.az6bH {
color: #929292;
}
._0raKw {
color: #fff;
}
.rU1Zn {
color: #212121;
}
.XNqpA {
color: #212121;
}
.qgQwC {
color: #ff5d55;
}
.WtVKZ {
text-align: left;
}
.oQbHO {
text-align: center;
}
.jOecM {
text-align: right;
}
.MZcCk {
white-space: pre;
}
.wdVvi {
font-weight: 600;
}
.VGmuE {
font-style: italic;
}
.vLJ8U {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.wCEmU {
-webkit-text-decoration: underline;
text-decoration: underline;
}
._2YWj6 {
font-weight: 400;
}
.a6F5T {
white-space: nowrap;
word-break: keep-all;
}
</style>
<style>
.Maj1K {
display: flex;
justify-content: end;
}
._5QBQB {
gap: var(--ug-spacing-xxs);
justify-content: space-between;
width: 100%;
}
._5QBQB a {
border-radius: 0;
}
._5QBQB a:hover {
opacity: var(--ug-opacity-hovered);
}
._5QBQB a:active {
opacity: var(--ug-opacity-pressed);
}
._5QBQB.YG-aV a:hover {
background-color: transparent;
}
</style>
<style>
.v8KnQ {
align-items: center;
display: flex;
gap: var(--ug-spacing-xs);
justify-content: space-between;
padding: var(--ug-spacing-l);
padding-left: var(--ug-spacing-xs);
}
</style>
<style>
.OCDVl {
display: grid;
grid-template-columns: 332px auto 332px;
padding: var(--ug-spacing-xxl) var(--ug-spacing-l);
}
</style>
<style>
.fj6Z8 {
grid-column-gap: var(--ug-spacing-xl);
display: grid;
grid-template-columns: 332px repeat(auto-fit, minmax(0, 1fr));
padding: var(--ug-spacing-l);
}
</style>
<style>
.PS8rw {
align-items: center;
display: flex;
gap: var(--ug-spacing-xs);
justify-content: space-between;
padding: var(--ug-spacing-l);
}
</style>
<style>
.wDkU6 {
align-items: center;
display: flex;
}
.k_qjh,
._LkGj {
padding: var(--ug-spacing-xxs) var(--ug-spacing-s);
}
._LkGj {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
._LkGj[data-hovered] {
opacity: var(--ug-opacity-hovered);
}
._LkGj[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
._LkGj[data-disabled] {
opacity: var(--ug-opacity-disabled);
}
._LkGj {
color: var(--ug-color-text-primary);
font: var(--ug-font-caption-l);
text-transform: uppercase;
}
._LkGj[data-hovered] {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-position: from-font;
}
</style>
<style>
.pqzaU {
padding-bottom: var(--ug-spacing-xs);
}
.pqzaU.XeXcc {
color: var(--ug-color-text-primary);
font: 40px/normal var(--ug-font-family-heading);
padding-bottom: var(--ug-spacing-xl);
padding-top: var(--ug-spacing-xs);
text-transform: lowercase;
}
.dqN5b {
display: block;
padding-bottom: var(--ug-spacing-xxs);
padding-top: var(--ug-spacing-xxs);
text-align: left;
}
</style>
<style>
.JZgkC {
height: 148px;
width: 221px;
}
</style>
<style>
.cZdo7 {
height: 45px;
width: 166px;
}
.papQZ {
display: flex;
flex-wrap: nowrap;
gap: var(--ug-spacing-xl);
justify-content: space-between;
padding-bottom: var(--ug-spacing-xxs);
padding-left: var(--ug-spacing-xl);
padding-top: var(--ug-spacing-xs);
}
</style>
<style>
.BsgcX {
padding-top: var(--ug-spacing-xs);
}
.-pz4c {
align-items: center;
display: flex;
justify-content: center;
}
.TRn2a {
color: var(--ug-color-text-placeholder);
display: flex;
justify-content: center;
padding: var(--ug-spacing-xxs) 0;
}
</style>
<style>
.WmLJj {
border-radius: 2px;
display: inline-block;
font-size: 12px;
font-weight: 400;
left: -999em;
line-height: 14px;
opacity: 0;
padding: 12px;
position: fixed;
top: -999em;
transition: opacity 0.1s ease-out;
visibility: hidden;
z-index: 999;
}
._0opzJ {
padding: 0;
}
.kR0mP {
z-index: 999 !important;
}
.kR0mP {
margin-left: 0;
margin-top: 0;
opacity: 1;
visibility: visible;
}
.T2PF2 {
margin-top: -8px;
}
.uvsjM {
margin-top: 2px;
}
.qJkZg {
margin-left: -8px;
}
.SITRw {
margin-left: 8px;
}
.Xv3V7 {
background: #2d2d2d;
border: 1px solid #444;
color: #ddc;
}
.dZzYh {
background: #fff;
border: 1px solid silver;
}
.ueY8e {
background: #2d2d2d;
border: 1px solid #444;
color: #ddc;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.ueY8e.uvsjM {
margin-top: 10px;
}
.ueY8e.uvsjM:after {
border-bottom: 5px solid #2d2d2d;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
left: 50%;
margin-left: -7px;
position: absolute;
top: -5px;
z-index: 4;
}
.ueY8e.uvsjM:before {
border-bottom: 6px solid #444;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
left: 50%;
margin-left: -8px;
position: absolute;
top: -7px;
z-index: 3;
}
.ueY8e.SITRw:after {
border: 7px solid transparent;
border-right-color: #2d2d2d;
content: "";
left: -14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
.ueY8e.SITRw:before {
border: 8px solid transparent;
border-right-color: #444;
content: "";
left: -16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.ueY8e.T2PF2:after {
border: 7px solid transparent;
border-top-color: #2d2d2d;
bottom: -14px;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 4;
}
.ueY8e.T2PF2:before {
border: 8px solid transparent;
border-top-color: #444;
bottom: -16px;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 3;
}
.ueY8e.qJkZg:after {
border: 7px solid transparent;
border-left-color: #2d2d2d;
content: "";
position: absolute;
right: -14px;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
.ueY8e.qJkZg:before {
border: 8px solid transparent;
border-left-color: #444;
content: "";
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.Jjt6Q {
font-weight: 600;
margin-bottom: 12px;
text-transform: uppercase;
}
.WmLJj p {
margin: 12px 0 8px;
}
._6dMmE {
right: 0;
top: 2px;
}
._1ccWe {
padding-right: 40px;
}
.xYasI {
max-width: 1000px;
}
.J0Vrq {
width: 500px;
}
._6thx9 {
max-width: 310px;
}
</style>
<style>
.iqNfN {
position: absolute !important;
z-index: 100 !important;
}
.iqNfN {
right: 11px;
top: 12px;
}
</style>
<style type="text/css">
.qc-cmp-button {
background-color: #1a1a1d !important;
border-color: #1a1a1d !important;
}
.qc-cmp-button:hover {
border-color: #1a1a1d !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
color: #1a1a1d !important;
}
.qc-cmp-button.qc-cmp-secondary-button:hover {
background-color: #1a1a1d !important;
border-color: #1a1a1d !important;
}
.qc-cmp-button {
color: #d9d9dc !important;
}
.qc-cmp-button.qc-cmp-secondary-button:hover {
color: #d9d9dc !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
color: #d9d9dc !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
background-color: #1a1a1d !important;
border-color: transparent !important;
}
.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-vendor-list-title {
color: #141e23 !important;
}
.qc-cmp-ui a,
.qc-cmp-ui .qc-cmp-alt-action {
color: #206dc5 !important;
}
.qc-cmp-ui {
background-color: #ffffff !important;
}
.qc-cmp-small-toggle.qc-cmp-toggle-on,
.qc-cmp-toggle.qc-cmp-toggle-on {
background-color: #206dc5 !important;
border-color: #206dc5 !important;
}
</style>
<style type="text/css">
.src-service-contentScript-browser-contentScript-contentScript__toolFrame--2uksu {
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 2147483646 !important;
border: none !important;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2147483646;
border: none;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh
.web-clipper-loading {
position: fixed;
right: 10px;
top: 10px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px 0px;
background: white;
width: 324px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh
.web-clipper-loading
.line {
animation: src-service-contentScript-browser-contentScript-contentScript__expand--31ZFO
1s ease-in-out infinite;
border-radius: 10px;
display: inline-block;
transform-origin: center center;
margin: 0 3px;
width: 1px;
height: 25px;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh
.web-clipper-loading
.line:nth-child(1) {
background: #27ae60;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh
.web-clipper-loading
.line:nth-child(2) {
animation-delay: 180ms;
background: #f1c40f;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh
.web-clipper-loading
.line:nth-child(3) {
animation-delay: 360ms;
background: #e67e22;
}
.src-service-contentScript-browser-contentScript-contentScript__web-clipper-loading-box--fHTwh
.web-clipper-loading
.line:nth-child(4) {
animation-delay: 540ms;
background: #2980b9;
}
@keyframes src-service-contentScript-browser-contentScript-contentScript__expand--31ZFO {
0% {
transform: scale(1);
}
25% {
transform: scale(2);
}
}
</style>
<style type="text/css">
#index_crossLine__2WHMH {
position: fixed;
height: 100%;
width: 100%;
z-index: 2147483645;
}
#index_crossLine__2WHMH::before {
border: none;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 2147483645;
border-right: 1px solid red;
border-bottom: 1px solid red;
left: -100%;
top: -100%;
}
#index_crossLine__2WHMH::after {
border: none;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 2147483645;
border-top: 1px solid red;
border-left: 1px solid red;
left: 0;
top: 0;
}
#index_selectArea__2G3Z3 {
border: 1px solid red;
position: fixed;
z-index: 2147483645;
}
</style>
<style type="text/css">
.index_highlightSelector__-qiHd {
background-color: #fafafa !important;
outline: 3px dashed #1976d2 !important;
opacity: 0.8 !important;
cursor: pointer !important;
transition: opacity 0.5s ease !important;
}
</style>
<style>
.-D8Kb {
margin-bottom: var(--ug-spacing-s);
}
.hsx9e {
background-color: inherit;
padding-left: var(--ug-spacing-xs);
}
.hsx9e > div {
background-color: inherit;
}
</style>
<style>
.CVIOI {
min-height: 192px;
}
</style>
<style>
.vBQxu {
grid-column-gap: var(--ug-spacing-s);
grid-row-gap: var(--ug-spacing-xxs);
-moz-column-gap: var(--ug-spacing-s);
column-gap: var(--ug-spacing-s);
display: grid;
grid-template-areas: "cover title rating" "cover artist rating";
grid-template-columns: auto 1fr 100px;
grid-template-rows: auto auto;
list-style: none;
padding: var(--ug-spacing-xs) var(--ug-spacing-xs) var(--ug-spacing-xs)
var(--ug-spacing-m);
position: relative;
row-gap: var(--ug-spacing-xxs);
}
.vBQxu._15TDZ {
grid-template-areas: "cover title" "cover artist";
grid-template-columns: auto 1fr;
}
.vBQxu:not(:first-child).azJ8Z::before {
background-color: var(--ug-color-divider-alpha);
content: "";
display: block;
grid-column: 2/-1;
grid-row-start: 1;
height: 1px;
transform: translateY(calc(var(--ug-spacing-xs) * -1));
z-index: 0;
}
._5mP7L
[csstools-has-1a-2r-2t-30-30-1m-2w-2p-37-14-1a-38-36-2p-2r-2z-24-2x-32-2z-2j-2s-2p-38-2p-19-2w-33-3a-2t-36-2t-2s-2l-15]:not(
.kL6k-
):not(.kL6k-) {
opacity: var(--ug-opacity-hovered);
}
.vBQxu:has(.tMj-I[data-hovered]) {
opacity: var(--ug-opacity-hovered);
}
._5mP7L
[csstools-has-1a-2r-2t-30-30-1m-2w-2p-37-14-1a-38-36-2p-2r-2z-24-2x-32-2z-2j-2s-2p-38-2p-19-34-36-2t-37-37-2t-2s-2l-15]:not(
.kL6k-
):not(.kL6k-) {
opacity: var(--ug-opacity-pressed);
}
.vBQxu:has(.tMj-I[data-pressed]) {
opacity: var(--ug-opacity-pressed);
}
.ETmcc {
--icon-size: 16px;
margin-right: var(--ug-spacing-xxs);
}
.tMj-I {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.V0wko {
grid-area: cover;
z-index: 0;
}
.cv-35 {
align-self: end;
grid-area: title;
z-index: 0;
}
.acyIH {
align-self: start;
grid-area: artist;
justify-self: start;
z-index: 2;
}
.qoWqU {
align-self: center;
grid-area: rating;
z-index: 0;
}
</style>
<style>
.UQzXO {
flex: 0 0 calc(50% - var(--tab-list-gap, var(--ug-spacing-l)));
}
.OQox7 {
flex: 0 0 calc(100% - var(--tab-list-gap, var(--ug-spacing-l)));
}
</style>
<style>
.a13-0 {
list-style: none;
margin: 0;
padding: 0;
}
</style>
<style>
._3DPPn {
--icon-size: 24px;
padding: 0 var(--ug-spacing-xxs);
}
</style>
<style>
.eUKmn {
padding: 0 var(--ug-spacing-s) var(--ug-spacing-s) var(--ug-spacing-s);
}
.DhnxY {
--icon-size: 16px;
background-color: var(--ug-color-bg-primary);
gap: 6px;
padding-bottom: 10px;
padding-left: var(--ug-spacing-s);
padding-right: var(--ug-spacing-s);
padding-top: 10px;
}
.DhnxY > svg {
padding-top: 2px;
}
.EpRFB {
padding-left: var(--ug-spacing-xxs);
}
</style>
<style>
.h0nrl {
min-height: 1px;
}
.Urus6 {
padding: var(--ug-spacing-xl) var(--ug-spacing-s);
}
.tlbom {
background: var(--ug-color-bg-secondary);
}
</style>
<style>
.Jxd0a {
display: flex;
flex-direction: column;
gap: var(--ug-spacing-m);
}
</style>
<style>
.JNVO_ {
display: flex;
flex-direction: column;
gap: var(--ug-spacing-xxs);
}
</style>
<style>
.TebsA {
list-style-type: none;
margin: 0;
padding: 0;
}
.TebsA li:not(:last-child)::after {
content: ",";
opacity: 0;
}
</style>
<style>
.bwGDC {
display: inline-flex;
padding: var(--ug-spacing-xs);
}
.bwGDC[data-opened] {
opacity: var(--ug-opacity-hovered);
}
.D3mXf {
min-height: -moz-fit-content;
min-height: fit-content;
}
.qXGv4 {
display: flex;
flex-wrap: wrap;
gap: 2px;
justify-content: center;
margin: 0;
padding: var(--ug-spacing-s);
width: 398px;
}
.K9yHy {
align-items: center;
border-radius: var(--ug-border-radius-full);
display: flex;
font-size: 22px;
height: 38px;
justify-content: center;
width: 38px;
}
.K9yHy[data-hovered] {
background-color: var(--ug-color-bg-tertiary);
}
.K9yHy[data-pressed] {
opacity: var(--ug-opacity-pressed);
}
</style>
<style>
.uLOEn {
background-color: var(--field-bg-color);
border-radius: 20px;
box-shadow: inset 0 0 0 1px var(--field-border-color);
display: grid;
font: var(--ug-font-body-s);
padding-bottom: 10px;
padding-left: var(--ug-spacing-m);
padding-right: 48px;
padding-top: 10px;
position: relative;
}
.uLOEn .TJ9Yw {
visibility: hidden;
white-space: pre-wrap;
}
.uLOEn .TJ9Yw,
.uLOEn textarea {
word-wrap: break-word;
font: inherit;
grid-area: 1/1/2/2;
max-height: 200px;
max-height: 10lh;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
}
.WdB1L
[csstools-has-1a-38-2t-3c-38-2p-36-2t-2p-1v-33-32-38-2p-2x-32-2t-36-1m-2w-2p-37-14-1a-2t-31-33-2y-2x-28-2x-2r-2z-2t-36-2j-2s-2p-38-2p-19-33-34-2t-32-2t-2s-2l-15]:not(
.jKVi2
):not(.jKVi2) {
--field-border-color: var(--ug-color-form-muted);
}
.uLOEn:has(.DU-Dr[data-opened]) {
--field-border-color: var(--ug-color-form-muted);
}
.DU-Dr {
--icon-size: 24px;
padding: 6px;
position: absolute;
right: 6px;
top: 2px;
}
</style>
<style>
._9y73z {
--button-icon-size: 20px;
--avatar-size: 40px;
}
</style>
<style>
.quhvi {
align-items: start;
display: grid;
grid-template-columns: auto 1fr auto;
position: relative;
scroll-margin-top: var(--ug-tab-layout-top-offset);
}
.GLC1t {
margin: var(--ug-spacing-s) 0;
width: 40px;
}
.iPEDy {
align-self: start;
}
.FDXsF {
--avatar-size: 24px;
}
.rTtw9 {
grid-column: 1;
grid-row: 1 / span 3;
padding: var(--ug-spacing-s) 0;
}
.PFF8j {
grid-column: 2;
margin-left: var(--ug-spacing-s);
margin-right: var(--ug-spacing-xs);
padding-top: var(--ug-spacing-xs);
}
.ouaRz {
grid-column: 2;
margin: var(--ug-spacing-xxs) var(--ug-spacing-xs) var(--ug-spacing-xxs)
var(--ug-spacing-s);
white-space: pre-wrap;
word-break: break-word;
}
.ouaRz .ug-mention {
background-color: var(--ug-color-bg-tertiary);
color: var(--ug-color-text-primary);
padding: 0 var(--ug-spacing-xxs);
}
.ouaRz a {
color: var(--ug-color-text-link);
}
.ouaRz .ug-comment-smile {
background: url("/static/public/ug/img/ug_react/comments/smiles.gif?_CACHE_")
no-repeat;
display: inline-block;
height: 14px;
position: relative;
top: 2px;
width: 14px;
}
.ouaRz .smile1 {
background-position: 0 0;
}
.ouaRz .smile2 {
background-position: -16px 0;
}
.ouaRz .smile3 {
background-position: -32px 0;
}
.ouaRz .smile4 {
background-position: -48px 0;
}
.ouaRz .smile5 {
background-position: -64px 0;
}
.ouaRz .smile6 {
background-position: -80px 0;
}
.ouaRz .smile7 {
background-position: -96px 0;
}
.ouaRz .smile8 {
background-position: -112px 0;
}
.ouaRz .smile9 {
background-position: -128px 0;
}
.ouaRz .smile10 {
background-position: -144px 0;
}
.ouaRz .smile11 {
background-position: -160px 0;
}
.ouaRz .smile12 {
background-position: -176px 0;
}
.ouaRz .smile13 {
background-position: -192px 0;
}
.ouaRz .youtube-thumb {
cursor: pointer;
margin: var(--ug-spacing-s) 0;
max-width: 100%;
position: relative;
white-space: normal;
width: 320px;
}
.ouaRz .youtube-thumb iframe,
.ouaRz .youtube-thumb img {
height: 190px;
max-width: 100%;
width: 320px;
}
.ouaRz .youtube-thumb img {
-o-object-fit: contain;
object-fit: contain;
}
.ouaRz .youtube-thumb .yt-play-btn {
background: url("/static/public/ug/img/classic/ytplay.svg?_CACHE_") top;
background-size: cover;
height: 50px;
left: 50%;
margin-left: -34px;
margin-top: -24px;
position: absolute;
top: 50%;
width: 68px;
}
.ouaRz .youtube-thumb > span:hover .yt-play-btn {
background-position: 0 -51px;
}
@media (hover: none) {
.ouaRz .youtube-thumb .yt-play-btn {
background-position: 0 -51px;
}
}
._2HfIU {
grid-column: 2;
margin-left: var(--ug-spacing-s);
margin-right: var(--ug-spacing-xs);
}
.IrmdE {
background-color: var(--ug-color-icon-secondary);
color: var(--ug-color-text-inverse);
padding: 0 var(--ug-spacing-xxs);
}
.LN6bx {
grid-column: 3;
grid-row: 1 / span 3;
}
._9CXDp {
padding: var(--ug-spacing-s);
}
.I5Rlq {
grid-column: 2 / span 2;
margin-left: var(--ug-spacing-s);
}
.vXiSe {
grid-template-columns: auto 1fr auto;
}
.vXiSe .ouaRz,
.vXiSe .PFF8j {
grid-column: 2/-1;
}
.vXiSe ._2HfIU {
grid-column: 2;
grid-row: 3;
}
.vXiSe .LN6bx {
align-self: center;
grid-column: 3;
grid-row: 3;
}
.vXiSe .I5Rlq {
grid-column: 2/-1;
grid-row: 4;
}
</style>
<style>
.tYkhy {
padding: var(--ug-spacing-xs) 0;
text-transform: capitalize;
}
</style>
<style>
.vQ4-e {
opacity: 0;
}
.X_Eti {
opacity: 1;
}
</style>
<style>
.rydkC {
display: flex;
justify-content: center;
padding: var(--ug-spacing-l) 0;
}
</style>
<style>
.aF91L {
padding: 0 var(--ug-spacing-m);
}
.xfB73 {
margin: var(--ug-spacing-xxs) 0 var(--ug-spacing-s);
}
</style>
<style>
.qhUd_ {
padding: var(--ug-spacing-m);
}
</style>
<style>
:root {
--z-index-text-tab-draggable-chords: 11;
--ug-chord-draggable-z-index: var(--z-index-text-tab-draggable-chords);
--ug-chord-footer-height: 76px;
}
.SULqZ {
left: 0;
padding: var(--ug-spacing-xxs) 0;
position: absolute;
top: 0;
z-index: var(--ug-chord-draggable-z-index);
}
.gM13Y {
align-items: center;
background-color: var(--ug-color-bg-primary);
border: 1px solid var(--ug-color-bg-tertiary);
border-radius: var(--ug-border-radius-default);
box-shadow: var(--ug-box-shadow-popover);
display: flex;
flex-direction: column;
padding: var(--ug-spacing-xs) 0 var(--ug-spacing-s);
position: relative;
}
.rz0cT {
padding: 0 var(--ug-spacing-xl);
}
.SIxib {
position: relative;
z-index: 3;
}
.Ke7E0 {
cursor: move;
height: calc(100% - var(--ug-chord-footer-height));
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.JjM_7 {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.jDAdn {
margin-top: var(--ug-spacing-xs);
}
</style>
<style>
.wdzB_ {
display: flex;
justify-content: center;
}
</style>
</head>
<body
style="background-color: #111"
class="theme_light preferred_language__en"
cz-shortcut-listen="true"
>
<div class="js-page js-global-wrapper ug-page">
<div><div data-id="tooltip" class="WmLJj T2PF2 Xv3V7 xYasI"></div></div>
<div
class="XSbtP"
style="
--ug-main-segment-min-height: 100vh;
--ug-top-sticky-segment-height: 0px;
"
>
<header class="_5nFqD">
<div class="Q9k0F IrvRZ dbVbP">
<div
class="rpAHE _2J3an qrOqf _9bqq3 GPCdY g4DQj"
style="--ug-stack-template: minmax(0, 1fr) auto"
>
<div
class="rpAHE _2J3an qrOqf RwM4f GPCdY g03D-"
style="--ug-stack-template: auto minmax(0, 1fr)"
>
<a
aria-label="Home page"
href="https://www.ultimate-guitar.com/"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE nSzfW wa-ja"
><img
src="./drop_in_the_oceanhtml_files/logo_ver1783776159.svg"
aria-hidden="true"
alt=""
class="_8jl94"
/></a>
<div class="BY0yI">
<div class="YHT9l">
<nav
data-layout="auto"
id="P0-9"
role="list"
aria-label="Main navigation"
class="Nbc9o eCLfu"
>
<div aria-posinset="1" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/explore"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
>Tabs</a
>
</div>
<div aria-posinset="2" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/courses"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
>Courses</a
>
</div>
<div aria-posinset="3" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/books"
rel="nofollow"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
>Songbooks</a
>
</div>
<div aria-posinset="4" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/news/"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
>Articles</a
>
</div>
<div aria-posinset="5" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/forum/"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
>Forums</a
>
</div>
<div aria-posinset="6" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/contribution/submit/tabs?app_utm_campaign=top_menu&amp;app_utm_content=button&amp;app_utm_medium=internal&amp;app_utm_source=ug&amp;app_utm_term=publish"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
>Publish tab</a
>
</div>
<div aria-posinset="7" role="listitem" class="JvTKf">
<a
aria-describedby="P0-9"
href="https://www.ultimate-guitar.com/pro?app_utm_campaign=UG%20Tab%20Pro&amp;app_utm_content=View%20Index&amp;app_utm_medium=Header&amp;app_utm_source=UltimateGuitar"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b jmh3S"
><em>Pro+</em></a
>
</div>
</nav>
</div>
</div>
</div>
<div
data-header-layout="right"
class="sfbYM"
style="--search-bar-focused-width: 619.859375px"
>
<div data-searchbar-expanded="false" class="H6ioe">
<div class="rpAHE _PfpH Rtlga RwM4f trcFj U9h1A">
<div class="rpAHE _2J3an qrOqf RwM4f GPCdY cQaaO">
<label for="search" class="_150zv"
><div class="rpAHE _2J3an qrOqf _3eUKY GPCdY">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
fill-rule="evenodd"
d="M8.833 2a6.833 6.833 0 1 0 4.493 11.983 1.95 1.95 0 0 0 .289 2.393L16.239 19 19 16.239l-2.624-2.624a1.95 1.95 0 0 0-2.393-.29A6.833 6.833 0 0 0 8.833 2m-4.88 6.833a4.881 4.881 0 1 1 9.761 0 4.881 4.881 0 0 1-9.762 0"
clip-rule="evenodd"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY T7AU4"
>Search</span
>
</div></label
><input
type="search"
autocomplete="off"
name="search"
placeholder="chords and tabs"
inputmode="search"
tabindex="0"
id="search"
aria-labelledby="react-aria7430935425-P0-11"
class="bHWPN BaJve"
/>
</div>
</div>
</div>
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY mn332">
<div data-theme-observer="" class="zcf1R"></div>
<button
type="button"
tabindex="0"
aria-expanded="false"
id="react-aria7430935425-P0-20"
data-react-aria-pressable="true"
class="GZm7j KKBhY n64Fd _6yJZx"
>
<svg aria-hidden="true" viewBox="0 0 20 20" class="_0GwJW">
<path
fill-rule="evenodd"
d="M18 10a8 8 0 1 0-16 0 8 8 0 0 0 16 0M4.083 11a6 6 0 0 0 3.238 4.37l-.03-.084C6.873 14.12 6.602 12.63 6.523 11zm0-2h2.441c.08-1.63.35-3.12.766-4.286l.031-.084A6 6 0 0 0 4.083 9m4.444 2c.077 1.435.317 2.69.647 3.613.204.571.423.962.617 1.192a.8.8 0 0 0 .209.189.8.8 0 0 0 .21-.19c.193-.229.412-.62.616-1.19.33-.925.57-2.18.647-3.614zm2.946-2H8.527c.077-1.435.317-2.69.647-3.613.204-.571.423-.962.617-1.192A.8.8 0 0 1 10 4.006a.8.8 0 0 1 .21.19c.193.229.412.62.616 1.19.33.924.57 2.18.647 3.614m2.003 2c-.08 1.63-.35 3.12-.767 4.286l-.03.084A6 6 0 0 0 15.917 11zm2.441-2h-2.441c-.08-1.63-.35-3.12-.767-4.286l-.03-.084A6 6 0 0 1 15.917 9"
clip-rule="evenodd"
></path></svg
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>EN</span
></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Notifications"
id="react-aria7430935425-P0-16"
class="GZm7j"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 fFqHI"
>
<path
d="M9.478 14.055A.028.028 0 0 0 9.473 14H2l3.846-9.23a4.5 4.5 0 0 1 8.308 0L18 14h-7.472a.027.027 0 0 0-.028.027c0 .014.01.025.022.028a2.5 2.5 0 1 1-1.044 0"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _2avaW Qmdn7 ubCb3"
>
1</span
>
</button>
<div data-theme-observer="" class="zcf1R"></div>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-18"
class="GZm7j KKBhY _8WVi7 _6yJZx"
>
<svg aria-hidden="true" viewBox="0 0 24 24" class="_0GwJW">
<path
fill="#FFF"
d="M12 17.949c3.314 0 6-2.665 6-5.952s-2.686-5.951-6-5.951-6 2.664-6 5.951c0 3.287 2.686 5.952 6 5.952Z"
></path>
<path
fill="#DC3428"
d="M12 6.048h10.39A11.949 11.949 0 0 0 18 1.691a12.072 12.072 0 0 0-12 .001A11.949 11.949 0 0 0 1.61 6.05l5.195 8.926.005-.002a5.907 5.907 0 0 1-.007-5.952 5.969 5.969 0 0 1 2.197-2.179A6.03 6.03 0 0 1 12 6.048Z"
></path>
<path
fill="#1A73E8"
d="M12 16.711c2.623 0 4.75-2.109 4.75-4.711 0-2.602-2.127-4.712-4.75-4.712S7.25 9.398 7.25 12 9.377 16.71 12 16.71Z"
></path>
<path
fill="#FCC31F"
d="M17.196 14.977 12 23.903c2.107 0 4.176-.55 6-1.594a11.949 11.949 0 0 0 4.392-4.357A11.827 11.827 0 0 0 24 12.001c0-2.09-.555-4.142-1.609-5.951H12l-.002.005A6.03 6.03 0 0 1 15 6.848a5.969 5.969 0 0 1 2.198 2.177 5.907 5.907 0 0 1-.002 5.952Z"
></path>
<path
fill="#2D9F4C"
d="M6.804 14.977 1.61 6.051a11.826 11.826 0 0 0-1.608 5.951c0 2.09.554 4.142 1.608 5.951A11.949 11.949 0 0 0 6 22.31a12.072 12.072 0 0 0 6 1.593l5.196-8.926-.004-.003A5.969 5.969 0 0 1 15 17.156a6.03 6.03 0 0 1-6 .002 5.969 5.969 0 0 1-2.196-2.18Z"
></path></svg
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Install</span
>
</button>
<div data-theme-observer="" class="zcf1R"></div>
</div>
</div>
</div>
<div><div id="ad_cs_10000000_3_3" class="-pz4c"></div></div>
</div>
</header>
<main class="Wi8RE">
<div class="Q9k0F eoKeu IrvRZ pAeFA">
<div>
<div
data-theme="light"
class="mTUHx"
style="
--ug-tab-sticky-controls-height: 65px;
--ug-tab-sticky-bottom-height: 0px;
"
>
<div class="RQ_cd"></div>
<div>
<div class="eEKu9">
<div class="rpAHE _PfpH Rtlga aRHmc trcFj">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg g5Nhd _8Lm2T"
><h1
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo glHTJ"
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo"
>A Drop In The Ocean</span
>
Chords
</h1>
<span class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>by </span
><span class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg MTelo"
><a
href="https://www.ultimate-guitar.com/artist/ron_pope_23592"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>Ron Pope</a
></span
></span
>
<div class="rpAHE _PfpH Rtlga _3eUKY trcFj">
<div class="rpAHE _PfpH Rtlga jaAEm trcFj">
<div class="CCUPL">
<span class="NC05z"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn yUFRB"
>1,362,535 views</span
></span
><span class="NC05z"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn yUFRB"
>5,831 saves</span
></span
><span class="NC05z"
><a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#comments"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>21 comments</a
></span
>
</div>
<div class="CCUPL">
<span class="NC05z"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4"
>Author: </span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo"
><a
href="https://www.ultimate-guitar.com/u/welinra"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>welinra</a
>
[a]
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>159</span
></span
></span
><span class="NC05z"
><button
type="button"
tabindex="0"
aria-expanded="false"
id="react-aria7430935425-P0-26"
data-react-aria-pressable="true"
class="GZm7j buTwg xgExn T7AU4 f_LPY _5oowA OagIR"
>
2 contributors
</button></span
><span class="NC05z"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4"
>Difficulty: </span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn yUFRB"
>Absolute Beginner</span
></span
>
</div>
</div>
</div>
</div>
<div class="rpAHE VlqJr qrOqf _3eUKY GPCdY">
<div>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-29"
class="GZm7j KKBhY _8WVi7 _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<g>
<path d="M4 16h12v-3h2v5H2v-5h2z"></path>
<path d="M11 8h3l-4 6-4-6h3V3h2z"></path>
</g></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Download PDF</span
>
</button>
</div>
<button
type="button"
tabindex="0"
aria-expanded="false"
id="react-aria7430935425-P0-31"
data-react-aria-pressable="true"
class="GZm7j M95ri PbDz9"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 xIQ5g"
>
<path
fill-rule="evenodd"
d="M14 2c2.485 0 4.5 2.08 4.5 4.646 0 1.17-.419 2.239-1.11 3.055C14.997 12.527 10 18 10 18c-.003-.003-4.998-5.474-7.39-8.299A4.7 4.7 0 0 1 1.5 6.646C1.5 4.08 3.515 2 6 2c1.741 0 3.252 1.02 4 2.515C10.748 3.02 12.259 2 14 2m1.674 2.645a2.516 2.516 0 0 0-3.542.177l-2.166 2.38L7.87 4.848a2.51 2.51 0 0 0-3.543-.205 2.7 2.7 0 0 0-.213 3.82l5.89 6.563 5.875-6.56a2.71 2.71 0 0 0-.206-3.821"
clip-rule="evenodd"
></path>
</svg>
<div class="b2ren">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Save</span
><svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW Z-x_Y"
>
<path d="M10 14 5 8h10z"></path>
</svg>
</div></button
><button
type="button"
tabindex="0"
aria-expanded="false"
id="react-aria7430935425-P0-35"
data-react-aria-pressable="true"
aria-label="Edit"
class="GZm7j KKBhY _8WVi7 _6yJZx _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
d="M6 18 16 7.884a2.885 2.885 0 0 0 0-4.046 2.806 2.806 0 0 0-4 0L2 13.954V18zm12-2.023h-7L9 18h9z"
></path>
</svg>
</button>
<div data-theme-observer="" class="zcf1R"></div>
<button
type="button"
tabindex="0"
aria-expanded="false"
id="react-aria7430935425-P0-39"
data-react-aria-pressable="true"
aria-label="More"
class="GZm7j KKBhY n64Fd _6yJZx _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
d="M16 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
></path>
</svg>
</button>
<div data-theme-observer="" class="zcf1R"></div>
</div>
</div>
<div class="vFIRS">
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY">
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-42"
class="GZm7j KKBhY zB8e5 _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path d="M19 10 5 18V2z"></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Autoscroll</span
>
</button>
<div
data-collapsed="true"
data-collapsible="true"
tabindex="0"
role="spinbutton"
aria-valuenow="0.2"
aria-valuemin="0.1"
aria-valuemax="1.5"
class="krJf8"
style="min-width: 104.609px"
>
<label class="CF9h5"
><div
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY yUFRB"
>
Speed: 0.2
</div></label
>
<div class="RyZZk">
<button
type="button"
tabindex="-1"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-43"
class="GZm7j KKBhY _8WVi7 _6yJZx wQpuI _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
fill-rule="evenodd"
d="M2 9h16v2H2z"
clip-rule="evenodd"
></path>
</svg>
</button>
<div
aria-hidden="true"
class="oc8O- _ldPL R2aTZ rBqB6 buTwg _6WKRY yUFRB cNce1"
style="min-width: 24px"
>
0.2
</div>
<button
type="button"
tabindex="-1"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-44"
class="GZm7j KKBhY _8WVi7 _6yJZx wQpuI _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path d="M9 11v7h2v-7h7V9h-7V2H9v7H2v2z"></path>
</svg>
</button>
</div>
</div>
</div>
<div
data-collapsed="true"
data-collapsible="true"
tabindex="0"
role="spinbutton"
aria-valuenow="0"
class="krJf8"
style="min-width: 101.672px"
>
<label class="CF9h5"
><div
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY yUFRB"
>
Transpose
</div></label
>
<div class="RyZZk">
<button
type="button"
tabindex="-1"
data-react-aria-pressable="true"
aria-label="Transpose Down"
id="react-aria7430935425-P0-45"
class="GZm7j KKBhY _8WVi7 _6yJZx wQpuI _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
fill-rule="evenodd"
d="M2 9h16v2H2z"
clip-rule="evenodd"
></path>
</svg>
</button>
<div
aria-hidden="true"
class="oc8O- _ldPL R2aTZ rBqB6 buTwg _6WKRY yUFRB cNce1"
style="min-width: 40px"
>
Tr. 0
</div>
<button
type="button"
tabindex="-1"
data-react-aria-pressable="true"
aria-label="Transpose Up"
id="react-aria7430935425-P0-46"
class="GZm7j KKBhY _8WVi7 _6yJZx wQpuI _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path d="M9 11v7h2v-7h7V9h-7V2H9v7H2v2z"></path>
</svg>
</button>
</div>
</div>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Use Flats"
aria-pressed="false"
id="react-aria7430935425-P0-48"
class="GZm7j KKBhY JGhiX _6yJZx _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
fill-rule="evenodd"
d="M7 2v16l1.521-1.016c2.047-1.368 3.475-2.762 4.358-4.052.862-1.258 1.29-2.55 1.059-3.65a2.33 2.33 0 0 0-.91-1.432c-.476-.345-1.054-.488-1.65-.483-.735.007-1.555.238-2.422.68V2zm1.956 8.32v3.92c1.06-.864 1.812-1.686 2.31-2.412.73-1.066.83-1.8.758-2.141-.03-.147-.089-.214-.144-.255-.065-.046-.207-.113-.483-.11-.518.004-1.352.255-2.441.998"
clip-rule="evenodd"
></path>
</svg>
</button>
<div data-theme-observer="" class="zcf1R"></div>
<button
type="button"
tabindex="0"
aria-expanded="false"
id="react-aria7430935425-P0-50"
data-react-aria-pressable="true"
aria-label="Settings"
class="GZm7j KKBhY n64Fd _6yJZx x2__D _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
fill-rule="evenodd"
d="M14.5 2h-9L1 10l4.5 8h9l4.5-8zM10 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
clip-rule="evenodd"
></path>
</svg>
</button>
<div data-theme-observer="" class="zcf1R"></div>
</div>
<div class="rpAHE _2J3an qrOqf RwM4f GPCdY">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-53"
class="GZm7j KKBhY n64Fd _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m1.347-9.854L10 4 8.653 8.146h-4.36l3.527 2.562-1.347 4.146L10 12.292l3.527 2.562-1.347-4.146 3.526-2.562z"
clip-rule="evenodd"
></path></svg
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Open Official</span
></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-54"
class="GZm7j KKBhY n64Fd _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
d="M8 18h4V2H8zM18 5h-4v10h4zM6 13H2V7h4z"
></path></svg
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Backing track</span
>
</button>
</div>
</div>
</div>
<div class="GwtfQ">
<div class="K_wg0" style="padding-inline: 12px">
<div class="c4glK">
<div class="HSoLS">
<div class="CCUPL">
<span class="NC05z"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4"
>Capo: </span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY yUFRB"
>No capo</span
></span
>
</div>
</div>
<div style="padding-inline: 12px">
<div>
<section class="s-juq">
<code class="QsmqP">
<pre
class="k_vI3 KLhHx fGc1h"
style="font-size: 13px"
>[Chorus]
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span>
A drop in the ocean,
<span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
A change in the weather,
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
I was praying that you and me might end up together.
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
It's like wishing for rain as I stand in the desert,
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span>
But I'm holding you closer than most,
<span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span>
'Cause you are my heaven.
[Verse]
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span>
I don't wanna waste the weekend,
<span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span>
If you don't love me, pretend
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
A few more hours, then it's time to go.
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span>
As my train rolls down the East coast,
<span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span>
I wonder how you'll keep warm.
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
It's too late to cry, too broken to move on.
<span data-name="Am" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Am</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
Still I can't let you be,
<span data-name="Am" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Am</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
Most nights I hardly sleep.
<span data-name="Am" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Am</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span>
Don't take what you don't need from me.
[Chorus]
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span>
A drop in the ocean,
<span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
A change in the weather,
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
I was praying that you and me might end up together.
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
It's like wishing for rain as I stand in the desert,
<span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span>
But I'm holding you closer than most,
<span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span>
'Cause you are my heaven.
[Verse]
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span>
Misplaced trust and old friends,
<span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span>
Never counting regrets,
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span> <span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span>
By the grace of God, I do not rest at all.
<span data-name="C" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">C</span> <span data-name="G" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">G</span>
New England as the leaves change;
<span data-name="D" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">D</span> <span data-name="Em" class="eSJpP _6Im1s HslD7" style="color: var(--ug-color-text-primary);">Em</span>
The last excuse that I'll claim,
C G D
I was a boy who loved a woman like a little girl.
Am G D
Still I can't let you be,
Am G D
Most nights I hardly sleep.
Am G D C
Don't take what you don't need from me.
[Chorus]
Em C
A drop in the ocean,
G D
A change in the weather,
Em C G D
I was praying that you and me might end up together.
Em C G D
It's like wishing for rain as I stand in the desert,
Em C G
But I'm holding you closer than most,
D
'Cause you are my
[Bridge]
Am G D
Heaven doesn't seem far away anymore.
Am G D
Heaven doesn't seem far away.
Am G D
Heaven doesn't seem far away anymore.
Am G D
Heaven doesn't seem far away.
[Chorus]
Em C
A drop in the ocean,
G D
A change in the weather,
Em C G D
I was praying that you and me might end up together.
Em C G D
It's like wishing for rain as I stand in the desert,
Em C G
But I'm holding you closer than most,
D C G D
'Cause you are my heaven.
Em C G D
You are my heaven
<div class="d8c-l">X</div></pre>
</code>
</section>
</div>
</div>
</div>
<div class="rpAHE _2J3an qrOqf RwM4f prYS5 zNZ38">
<div>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-55"
class="GZm7j KKBhY n64Fd _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<g>
<path d="M4.977 2h10.046v3H4.977z"></path>
<path
fill-rule="evenodd"
d="M5.019 7h9.962C17.201 7 19 8.79 19 11v4h-3.977v4H4.977v-4H1v-4c0-2.21 1.8-4 4.019-4m1.967 5h6.028v5H6.986z"
clip-rule="evenodd"
></path>
</g></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Print</span
></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-56"
class="GZm7j KKBhY n64Fd _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
d="M6 18 16 7.884a2.885 2.885 0 0 0 0-4.046 2.806 2.806 0 0 0-4 0L2 13.954V18zm12-2.023h-7L9 18h9z"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Create correction</span
></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-57"
class="GZm7j KKBhY n64Fd _6yJZx"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m1.5-12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M9 16V9h2v7z"
clip-rule="evenodd"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Report bad tab</span
>
</button>
</div>
<span class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>Last update: Feb 16, 2024</span
>
</div>
<div
aria-orientation="horizontal"
role="separator"
class="trlgr"
style="padding-inline: 8px"
></div>
<div class="ZSK2M">
<div class="rpAHE _PfpH Rtlga Ozno_ trcFj">
<div class="rpAHE _2J3an qrOqf RwM4f GPCdY DhnxY">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg pafr5"
>Rating</span
>
</div>
<div
class="rpAHE yz9oQ qrOqf Z_EzT GPCdY eUKmn"
style="--ug-stack-template: minmax(86px, auto) auto"
>
<div class="rpAHE _PfpH Rtlga Ozno_ trcFj">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg hFAXR"
>4.8</span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>269 rates</span
>
</div>
<div class="rpAHE _PfpH Rtlga _3eUKY trcFj">
<div class="rpAHE _2J3an qrOqf RwM4f GPCdY">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="rate 1"
id="react-aria7430935425-P0-72"
class="GZm7j KKBhY n64Fd _6yJZx _3DPPn _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW EHrjV"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path>
</svg></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="rate 2"
id="react-aria7430935425-P0-73"
class="GZm7j KKBhY n64Fd _6yJZx _3DPPn _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW EHrjV"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path>
</svg></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="rate 3"
id="react-aria7430935425-P0-74"
class="GZm7j KKBhY n64Fd _6yJZx _3DPPn _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW EHrjV"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path>
</svg></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="rate 4"
id="react-aria7430935425-P0-75"
class="GZm7j KKBhY n64Fd _6yJZx _3DPPn _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW EHrjV"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path>
</svg></button
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="rate 5"
id="react-aria7430935425-P0-76"
class="GZm7j KKBhY n64Fd _6yJZx _3DPPn _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW EHrjV"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path>
</svg>
</button>
</div>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB EpRFB"
>Please, rate this tab</span
>
</div>
</div>
</div>
</div>
<div id="playNextTabStopper"></div>
</div>
<div class="OTy31">
<div
class="g2AAe"
style="
top: var(--ug-tab-layout-top-offset);
position: sticky;
"
>
<div class="Arq9Y"></div>
<div
class="OujHI"
style="
height: calc(
100vh - 252px -
calc(var(--ug-fake-player-height-md) + 20px)
);
"
>
<div class="Z50B1">
<div class="eoxRc">
<div class="rpAHE _PfpH Rtlga RwM4f trcFj -D8Kb">
<div class="hsx9e">
<div
class="rpAHE _2J3an qrOqf _9bqq3 prYS5 dKE98"
>
<div>
<h2
aria-describedby="P0-70"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY pafr5"
>
Play next
</h2>
<span
id="P0-70"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4 _6gU1x"
></span>
</div>
<div class="rpAHE _2J3an qrOqf aRHmc GPCdY">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Collapse"
id="react-aria7430935425-P0-71"
class="GZm7j vmkgc"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path
d="M17 16h-2V4h2zM8 9H2v2h6v3l6-4-6-4z"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB GmwIA"
>Collapse</span
>
</button>
</div>
</div>
</div>
<ul class="a13-0">
<li
data-interlinking="tabs"
class="vBQxu OQox7 _15TDZ"
>
<a
aria-labelledby="P0-136 P0-137"
aria-describedby="P0-138"
href="https://tabs.ultimate-guitar.com/tab/ed-sheeran/perfect-chords-1956589"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover.jpg@300"
alt="Ed Sheeran Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-137"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Perfect</span
><span
id="P0-136"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ed_sheeran_30232"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ed Sheeran</a
></span
>
</li>
<li
data-interlinking="tabs"
class="vBQxu OQox7 _15TDZ"
>
<a
aria-labelledby="P0-139 P0-140"
aria-describedby="P0-141"
href="https://tabs.ultimate-guitar.com/tab/ed-sheeran/photograph-chords-1493446"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(1).jpg@300"
alt="Ed Sheeran Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-140"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Photograph</span
><span
id="P0-139"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ed_sheeran_30232"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ed Sheeran</a
></span
>
</li>
<li
data-interlinking="tabs"
class="vBQxu OQox7 _15TDZ"
>
<a
aria-labelledby="P0-142 P0-143"
aria-describedby="P0-144"
href="https://tabs.ultimate-guitar.com/tab/ed-sheeran/thinking-out-loud-chords-1486860"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(2).jpg@300"
alt="Ed Sheeran Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-143"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Thinking Out Loud</span
><span
id="P0-142"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ed_sheeran_30232"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ed Sheeran</a
></span
>
</li>
</ul>
</div>
</div>
<section class="_2TvK0">
<div class="rpAHE _2J3an qrOqf _9bqq3 prYS5 dKE98">
<div>
<h2
aria-describedby="P0-58"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY pafr5"
>
Chords
</h2>
<span
id="P0-58"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4 _6gU1x"
></span>
</div>
</div>
<div data-orientation="horizontal" class="Cdqrp">
<div
data-layout="scroll"
data-collection="react-aria7430935425-P0-59"
id="react-aria7430935425-P0-60"
role="tablist"
aria-orientation="horizontal"
class="Nbc9o IUwsj"
>
<div class="JvTKf TCCAN">
<div
tabindex="-1"
data-collection="react-aria7430935425-P0-59"
data-key="guitar"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-60-tab-guitar"
aria-selected="false"
role="tab"
class="BZf8j eH_BM"
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Guitar</span
>
</div>
</div>
<div class="JvTKf TCCAN">
<div
tabindex="-1"
data-collection="react-aria7430935425-P0-59"
data-key="ukulele"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-60-tab-ukulele"
aria-selected="false"
role="tab"
class="BZf8j eH_BM"
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Ukulele</span
>
</div>
</div>
<div class="JvTKf TCCAN">
<div
tabindex="0"
data-collection="react-aria7430935425-P0-59"
data-key="piano"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-60-tab-piano"
aria-selected="true"
aria-controls="react-aria7430935425-P0-60-tabpanel-piano"
role="tab"
data-selected="true"
class="BZf8j eH_BM"
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Piano</span
>
</div>
</div>
<div
class="jE_WB QmV14"
style="
transform: translateX(144px);
width: 38px;
"
></div>
</div>
<div
id="react-aria7430935425-P0-60-tabpanel-piano"
aria-labelledby="react-aria7430935425-P0-60-tab-piano"
tabindex="0"
role="tabpanel"
class="uwqaM"
>
<div>
<div class="yzY8h fetEY">
<section
aria-busy="false"
class="quKxh S-k9n"
>
<div class="R52Y5">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY JvDF9"
>Em</span
>
</div>
<div class="p0gjt">
<div class="dfYau">
<div class="gCVuj">
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
</div>
</div>
</div>
</section>
<section
aria-busy="false"
class="quKxh S-k9n"
>
<div class="R52Y5">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY JvDF9"
>C</span
>
</div>
<div class="p0gjt">
<div class="dfYau">
<div class="gCVuj">
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
</div>
</div>
</div>
</section>
<section
aria-busy="false"
class="quKxh S-k9n"
>
<div class="R52Y5">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY JvDF9"
>G</span
>
</div>
<div class="p0gjt">
<div class="dfYau">
<div class="gCVuj">
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
</div>
</div>
</div>
</section>
<section
aria-busy="false"
class="quKxh S-k9n"
>
<div class="R52Y5">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY JvDF9"
>D</span
>
</div>
<div class="p0gjt">
<div class="dfYau">
<div class="gCVuj">
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
</div>
</div>
</div>
</section>
<section
aria-busy="false"
class="quKxh S-k9n"
>
<div class="R52Y5">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY JvDF9"
>Am</span
>
</div>
<div class="p0gjt">
<div class="dfYau">
<div class="gCVuj">
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
<div
data-theme-observer=""
class="zcf1R"
></div>
<canvas
width="141"
height="43"
style="width: 141px; height: 43px"
></canvas>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<div
aria-orientation="horizontal"
role="separator"
class="trlgr"
></div>
<section class="xTWxN">
<div class="TQK0N">
<div
class="rpAHE _2J3an qrOqf _9bqq3 prYS5 dKE98"
>
<div>
<h2
aria-describedby="P0-66"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY pafr5"
>
Strumming pattern
</h2>
<span
id="P0-66"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4 _6gU1x"
></span>
</div>
</div>
</div>
<p
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn yUFRB RQo1b"
>
There is no strumming pattern for this song yet.
<a
href="https://www.ultimate-guitar.com/contribution/correct/create?app_utm_campaign=tab&amp;app_utm_content=icon&amp;app_utm_medium=internal&amp;app_utm_source=ug&amp;app_utm_term=strumming_create&amp;id=1004711&amp;strumming=1"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY MTelo _6gTBE wa-ja"
>Create</a
>
and get +5 IQ
</p>
</section>
<div
aria-orientation="horizontal"
role="separator"
class="trlgr"
></div>
<section class="_2q6fK">
<div class="vO2MU">
<div
class="rpAHE _2J3an qrOqf _9bqq3 prYS5 dKE98"
>
<div>
<h2
aria-describedby="P0-67"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY pafr5"
>
Get effects
</h2>
<span
id="P0-67"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4 _6gU1x"
></span>
</div>
</div>
</div>
<div class="BMgc4">
<div class="-ds2p">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>Play "A Drop In The Ocean" with its authentic
sound, plus 30K+ other iconic presets for your
guitar tone</span
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-68"
class="GZm7j KKBhY _8WVi7 _6yJZx _8rQDm"
>
<svg
aria-hidden="true"
viewBox="0 0 24 24"
class="_0GwJW"
>
<rect
width="24"
height="24"
fill="#FFD706"
rx="12"
></rect>
<path
fill="#572A00"
d="M10.24 7.423a2.816 2.816 0 1 1-2.816-2.816h11.264v1.408H9.863c.24.414.377.895.377 1.408Zm4.928 11.968L12 6.719 8.832 19.39h6.336Z"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Get Tonebridge free</span
>
</button>
</div>
<div class="-ds2p">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>Craft your own guitar tone with custom amps,
pedals, and effects in AmpKit</span
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-69"
class="GZm7j KKBhY _8WVi7 _6yJZx _8rQDm"
>
<svg
aria-hidden="true"
viewBox="0 0 24 24"
class="_0GwJW"
>
<rect
width="24"
height="24"
fill="#FFD706"
rx="12"
></rect>
<path
fill="#A8007B"
d="M9.536 4.608h4.928l-1.605 4.928h4.576L9.184 19.744 11.705 12H7.13l2.407-7.392Zm-3.21 9.856-1.718 5.28 4.268-5.28h-2.55Zm13.066 5.28-1.72-5.28h-2.548l4.268 5.28Z"
></path></svg
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Get Ampkit</span
>
</button>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="OWMAF"></div>
<div class="WYqAi">
<div class="Urus6">
<div class="Jxd0a">
<div class="rpAHE _2J3an qrOqf _9bqq3 prYS5 dKE98">
<div>
<h2
aria-describedby="P0-77"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY pafr5"
>
Related tabs
</h2>
<span
id="P0-77"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4 _6gU1x"
></span>
</div>
</div>
<ul class="a13-0">
<li data-interlinking="tabs" class="vBQxu UQzXO">
<a
aria-labelledby="P0-100 P0-101"
aria-describedby="P0-102"
href="https://tabs.ultimate-guitar.com/tab/ed-sheeran/perfect-chords-1956589"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover.jpg@300"
alt="Ed Sheeran Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-101"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Perfect</span
><span
id="P0-100"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ed_sheeran_30232"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ed Sheeran</a
></span
>
<div
id="P0-102"
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(54,679)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO">
<a
aria-labelledby="P0-103 P0-104"
aria-describedby="P0-105"
href="https://tabs.ultimate-guitar.com/tab/ed-sheeran/photograph-chords-1493446"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(1).jpg@300"
alt="Ed Sheeran Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-104"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Photograph</span
><span
id="P0-103"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ed_sheeran_30232"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ed Sheeran</a
></span
>
<div
id="P0-105"
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(21,391)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-106 P0-107"
aria-describedby="P0-108"
href="https://tabs.ultimate-guitar.com/tab/ed-sheeran/thinking-out-loud-chords-1486860"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(2).jpg@300"
alt="Ed Sheeran Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-107"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Thinking Out Loud</span
><span
id="P0-106"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ed_sheeran_30232"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ed Sheeran</a
></span
>
<div
id="P0-108"
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(18,499)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-109 P0-110"
aria-describedby="P0-111"
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-783636"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(3).jpg@300"
alt="Ron Pope Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-110"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>A Drop In The Ocean</span
><span
id="P0-109"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ron_pope_23592"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ron Pope</a
></span
>
<div
id="P0-111"
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(936)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-112 P0-113"
aria-describedby="P0-114"
href="https://tabs.ultimate-guitar.com/tab/ron-pope/perfect-for-me-chords-1011801"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(4).jpg@300"
alt="Ron Pope Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-113"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Perfect For Me</span
><span
id="P0-112"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ron_pope_23592"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ron Pope</a
></span
>
<div
id="P0-114"
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(202)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-115 P0-116"
aria-describedby="P0-117"
href="https://tabs.ultimate-guitar.com/tab/ron-pope/one-grain-of-sand-chords-1196794"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(5).jpg@300"
alt="Ron Pope Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-116"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>One Grain Of Sand</span
><span
id="P0-115"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/ron_pope_23592"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Ron Pope</a
></span
>
<div
id="P0-117"
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(136)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-118 P0-119"
aria-describedby="P0-120"
href="https://tabs.ultimate-guitar.com/tab/john-legend/all-of-me-chords-1248578"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(6).jpg@300"
alt="John Legend Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-119"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>All Of Me</span
><span
id="P0-118"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/john_legend_11714"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>John Legend</a
></span
>
<div
id="P0-120"
role="meter"
aria-label="Rating"
aria-valuenow="4.8"
aria-valuetext="Rating 4.8"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.8</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(28,447)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-121 P0-122"
aria-describedby="P0-123"
href="https://tabs.ultimate-guitar.com/tab/jeff-buckley/hallelujah-chords-27336"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(7).jpg@300"
alt="Jeff Buckley Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-122"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Hallelujah</span
><span
id="P0-121"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/jeff_buckley_9898"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Jeff Buckley</a
></span
>
<div
id="P0-123"
role="meter"
aria-label="Rating"
aria-valuenow="4.8"
aria-valuetext="Rating 4.8"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.8</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(6,022)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-124 P0-125"
aria-describedby="P0-126"
href="https://tabs.ultimate-guitar.com/tab/vance-joy/riptide-chords-1173278"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(8).jpg@300"
alt="Vance Joy Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-125"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Riptide</span
><span
id="P0-124"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/vance_joy_37940"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Vance Joy</a
></span
>
<div
id="P0-126"
role="meter"
aria-label="Rating"
aria-valuenow="4.8"
aria-valuetext="Rating 4.8"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.8</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(5,237)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-127 P0-128"
aria-describedby="P0-129"
href="https://tabs.ultimate-guitar.com/tab/shawn-mendes/in-my-blood-chords-2346513"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(9).jpg@300"
alt="Shawn Mendes Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-128"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>In My Blood</span
><span
id="P0-127"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/shawn_mendes_46783"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Shawn Mendes</a
></span
>
<div
id="P0-129"
role="meter"
aria-label="Rating"
aria-valuenow="4.8"
aria-valuetext="Rating 4.8"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.8</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(837)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-130 P0-131"
aria-describedby="P0-132"
href="https://tabs.ultimate-guitar.com/tab/avicii/wake-me-up-chords-1397194"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(10).jpg@300"
alt="Avicii Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-131"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Wake Me Up</span
><span
id="P0-130"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/avicii_34411"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Avicii</a
></span
>
<div
id="P0-132"
role="meter"
aria-label="Rating"
aria-valuenow="4.7"
aria-valuetext="Rating 4.7"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.7</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(2,145)</span
>
</div>
</div>
</li>
<li data-interlinking="tabs" class="vBQxu UQzXO azJ8Z">
<a
aria-labelledby="P0-133 P0-134"
aria-describedby="P0-135"
href="https://tabs.ultimate-guitar.com/tab/birdy/skinny-love-chords-1037472"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b tMj-I"
></a
><img
src="./drop_in_the_oceanhtml_files/primary-cover(11).jpg@300"
alt="Birdy Album Cover"
loading="lazy"
class="eMnsQ _Db-b V0wko"
/><span
id="P0-134"
class="oc8O- RIhpE Q19vO rBqB6 buTwg ybpkg yUFRB cv-35"
>Skinny Love</span
><span
id="P0-133"
class="oc8O- RIhpE Q19vO rBqB6 SK8kZ buTwg IfvOu _92jLl acyIH"
style="--max-lines: 2"
><a
href="https://www.ultimate-guitar.com/artist/birdy_32654"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>Birdy</a
></span
>
<div
id="P0-135"
role="meter"
aria-label="Rating"
aria-valuenow="4.7"
aria-valuetext="Rating 4.7"
aria-valuemin="0"
aria-valuemax="5"
class="qoWqU"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.7</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(519)</span
>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="Urus6">
<section
data-exclude-page-guardian="true"
id="comments"
class="JNVO_"
>
<div class="rpAHE _2J3an qrOqf _9bqq3 prYS5 dKE98">
<div>
<h2
aria-describedby="P0-80"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY pafr5"
>
21 comments
</h2>
<span
id="P0-80"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn T7AU4 _6gU1x"
></span>
</div>
</div>
<div class="qhUd_">
<form class="_9y73z">
<div
class="rpAHE VlqJr qrOqf KRhzx prYS5"
style="--ug-stack-template: auto 1fr auto"
>
<img
src="./drop_in_the_oceanhtml_files/52754450.gif"
alt="gabrielkaszewski"
loading="lazy"
class="eMnsQ Quf5i"
/>
<div class="m0tRQ">
<div class="uLOEn">
<div class="TJ9Yw"></div>
<textarea
rows="1"
name="text"
placeholder="What do you think about this tab?"
tabindex="0"
id="react-aria7430935425-P0-81"
class="JBILG BaJve"
title=""
></textarea>
<div aria-hidden="true" class="bwGDC DU-Dr">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW HYa3g"
>
<path
fill-rule="evenodd"
d="M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16M9 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M5.1 11a5.002 5.002 0 0 0 9.8 0z"
clip-rule="evenodd"
></path>
</svg>
</div>
<div data-theme-observer="" class="zcf1R"></div>
</div>
</div>
<button
type="submit"
disabled=""
data-react-aria-pressable="true"
aria-label="Send"
data-disabled="true"
id="react-aria7430935425-P0-86"
class="GZm7j KKBhY yyoBV _6yJZx _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW"
>
<path d="m4 18 14-8L4 2v6l10 2-10 2z"></path>
</svg>
</button>
</div>
</form>
</div>
<section class="aF91L">
<div class="xfB73">
<article id="4910030" class="quhvi">
<div class="rpAHE VlqJr qrOqf RwM4f GPCdY rTtw9">
<img
src="./drop_in_the_oceanhtml_files/8888280.gif"
alt="HaidynRain"
loading="lazy"
class="eMnsQ Quf5i iPEDy"
/>
</div>
<header class="PFF8j">
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg Qmdn7"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo"
><a
href="https://www.ultimate-guitar.com/u/HaidynRain"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>HaidynRain</a
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>10</span
></span
></span
><a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#4910030"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn T7AU4 _6gTBE wa-ja"
>Feb 25, 2015</a
>
</div>
</header>
<div
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 ouaRz"
>
<div>
What is the strumming pattern for this song?
</div>
</div>
<div class="rpAHE _2J3an qrOqf KRhzx GPCdY _2HfIU">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-87"
class="GZm7j buTwg xgExn T7AU4 tYkhy f_LPY _5oowA OagIR"
>
reply
</button>
</div>
<section
class="rpAHE qtmgf _PfpH Rtlga RwM4f IRLDO LN6bx"
>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Vote up"
id="react-aria7430935425-P0-88"
class="GZm7j KKBhY n64Fd _6yJZx vQ4-e _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW _7D1Ez"
>
<path
fill-rule="evenodd"
d="M16.5 12.607 10 6l-6.5 6.607L4.87 14 10 8.786 15.13 14z"
clip-rule="evenodd"
></path>
</svg></button
><span
class="oc8O- _ldPL R2aTZ rBqB6 buTwg J8gx0 T7AU4"
>7</span
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Vote down"
id="react-aria7430935425-P0-89"
class="GZm7j KKBhY n64Fd _6yJZx vQ4-e _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW _7D1Ez"
>
<path
fill-rule="evenodd"
d="M16.5 7.393 10 14 3.5 7.393 4.87 6 10 11.214 15.13 6z"
clip-rule="evenodd"
></path>
</svg>
</button>
</section>
<div class="I5Rlq"></div>
</article>
<article id="4897907" class="quhvi">
<div class="rpAHE VlqJr qrOqf RwM4f GPCdY rTtw9">
<img
src="./drop_in_the_oceanhtml_files/8532160.gif"
alt="DreamingOn"
loading="lazy"
class="eMnsQ Quf5i iPEDy"
/>
</div>
<header class="PFF8j">
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg Qmdn7"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo"
><a
href="https://www.ultimate-guitar.com/u/DreamingOn"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>DreamingOn</a
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>10</span
></span
></span
><a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#4897907"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn T7AU4 _6gTBE wa-ja"
>Dec 31, 2014</a
>
</div>
</header>
<div
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 ouaRz"
>
<div>
Does anyone know what the strumming pattern is?
</div>
</div>
<div class="rpAHE _2J3an qrOqf KRhzx GPCdY _2HfIU">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-90"
class="GZm7j buTwg xgExn T7AU4 tYkhy f_LPY _5oowA OagIR"
>
reply
</button>
</div>
<section
class="rpAHE qtmgf _PfpH Rtlga RwM4f IRLDO LN6bx"
>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Vote up"
id="react-aria7430935425-P0-91"
class="GZm7j KKBhY n64Fd _6yJZx vQ4-e _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW _7D1Ez"
>
<path
fill-rule="evenodd"
d="M16.5 12.607 10 6l-6.5 6.607L4.87 14 10 8.786 15.13 14z"
clip-rule="evenodd"
></path>
</svg></button
><span
class="oc8O- _ldPL R2aTZ rBqB6 buTwg J8gx0 T7AU4"
>5</span
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Vote down"
id="react-aria7430935425-P0-92"
class="GZm7j KKBhY n64Fd _6yJZx vQ4-e _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW _7D1Ez"
>
<path
fill-rule="evenodd"
d="M16.5 7.393 10 14 3.5 7.393 4.87 6 10 11.214 15.13 6z"
clip-rule="evenodd"
></path>
</svg>
</button>
</section>
<div class="I5Rlq"></div>
</article>
<article id="4919121" class="quhvi">
<div class="rpAHE VlqJr qrOqf RwM4f GPCdY rTtw9">
<img
src="./drop_in_the_oceanhtml_files/3647336.gif"
alt="haomri"
loading="lazy"
class="eMnsQ Quf5i iPEDy"
/>
</div>
<header class="PFF8j">
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY">
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg Qmdn7"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo"
style="
color: var(--ug-color-users-contributor);
"
><a
href="https://www.ultimate-guitar.com/u/haomri"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>haomri</a
>
[a]
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo"
>328</span
></span
></span
><a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#4919121"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn T7AU4 _6gTBE wa-ja"
>Apr 7, 2015</a
>
</div>
</header>
<div
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 ouaRz"
>
<div>capo on 2 isnt it?</div>
</div>
<div class="rpAHE _2J3an qrOqf KRhzx GPCdY _2HfIU">
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-93"
class="GZm7j buTwg xgExn T7AU4 tYkhy f_LPY _5oowA OagIR"
>
reply
</button>
</div>
<section
class="rpAHE qtmgf _PfpH Rtlga RwM4f IRLDO LN6bx"
>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Vote up"
id="react-aria7430935425-P0-94"
class="GZm7j KKBhY n64Fd _6yJZx vQ4-e _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW _7D1Ez"
>
<path
fill-rule="evenodd"
d="M16.5 12.607 10 6l-6.5 6.607L4.87 14 10 8.786 15.13 14z"
clip-rule="evenodd"
></path>
</svg></button
><span
class="oc8O- _ldPL R2aTZ rBqB6 buTwg J8gx0 T7AU4"
>3</span
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-label="Vote down"
id="react-aria7430935425-P0-95"
class="GZm7j KKBhY n64Fd _6yJZx vQ4-e _4XUk_"
>
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW _7D1Ez"
>
<path
fill-rule="evenodd"
d="M16.5 7.393 10 14 3.5 7.393 4.87 6 10 11.214 15.13 6z"
clip-rule="evenodd"
></path>
</svg>
</button>
</section>
<div class="I5Rlq"></div>
</article>
</div>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-96"
class="GZm7j KKBhY _8WVi7 _6yJZx"
>
<span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg yUFRB"
>Show all (21)</span
>
</button>
</section>
</section>
</div>
</div>
</div>
<div class="T8BuV" style="font-size: 13px">X</div>
</div>
</div>
</main>
<div class="f0KY-">
<div class="Q9k0F IrvRZ pAeFA">
<div class="rpAHE _2J3an qrOqf _3eUKY GPCdY NKJnR">
<a
href="https://www.ultimate-guitar.com/u/gabrielkaszewski"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
><img
src="./drop_in_the_oceanhtml_files/52754450.gif"
alt="gabrielkaszewski"
loading="lazy"
class="eMnsQ Quf5i"
/></a>
<div class="rpAHE _PfpH Rtlga RwM4f trcFj F1s5J">
<span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg GOaXR"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo"
style="color: var(--ug-color-users-contributor)"
><a
href="https://www.ultimate-guitar.com/u/gabrielkaszewski"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
>gabrielkaszewski</a
>
[a]
<a
href="https://www.ultimate-guitar.com/user/activity/iq?user_id=52754450"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg xgExn MTelo _6gTBE wa-ja"
>21</a
></span
></span
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn GOaXR"
>Joined 2021</span
>
</div>
</div>
<nav
data-layout="vertical"
id="P0-0"
role="list"
aria-label="User navigation"
class="Nbc9o"
>
<div aria-posinset="1" role="listitem" class="JvTKf">
<a
aria-describedby="P0-0"
href="https://www.ultimate-guitar.com/user/mytabs"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b Hau5t"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 LwZJr"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo _5l2S0"
>My tabs</span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo _TFeI"
>21</span
></span
></a
>
</div>
<div data-theme-observer="" class="zcf1R"></div>
<div aria-posinset="2" role="listitem" class="JvTKf">
<a
aria-describedby="P0-0"
href="https://www.ultimate-guitar.com/user/playlist"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b Hau5t"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 LwZJr"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo _5l2S0"
>Playlists</span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo _TFeI"
>0</span
></span
></a
>
</div>
<div data-theme-observer="" class="zcf1R"></div>
<div aria-posinset="3" role="listitem" class="JvTKf">
<a
aria-describedby="P0-0"
href="https://www.ultimate-guitar.com/profile/messages"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b Hau5t"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 LwZJr"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo _5l2S0"
>Messages</span
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn MTelo _TFeI"
></span></span
></a>
</div>
<div data-theme-observer="" class="zcf1R"></div>
<div aria-posinset="4" role="listitem" class="JvTKf">
<a
aria-describedby="P0-0"
href="https://www.ultimate-guitar.com/forum/profile/update-profile"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b Hau5t"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 LwZJr"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo _5l2S0"
>Settings</span
></span
></a
>
</div>
<div data-theme-observer="" class="zcf1R"></div>
<div aria-posinset="5" role="listitem" class="JvTKf">
<a
aria-describedby="P0-0"
href="https://www.ultimate-guitar.com/user/subscriptions"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b Hau5t"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg T7AU4 LwZJr"
><span
class="oc8O- RIhpE R2aTZ rBqB6 buTwg ybpkg MTelo _5l2S0"
>Subscriptions</span
></span
></a
>
</div>
<div data-theme-observer="" class="zcf1R"></div>
</nav>
</div>
<div class="Q9k0F IrvRZ pAeFA">
<section aria-labelledby="P0-6">
<div class="rpAHE _2J3an qrOqf RwM4f prYS5 ISvBC">
<h3 id="P0-6" class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn yUFRB">
More Versions
</h3>
<a
href="https://www.ultimate-guitar.com/contribution/submit/tabs?app_utm_campaign=tab&amp;app_utm_content=icon&amp;app_utm_medium=internal&amp;app_utm_source=ug&amp;app_utm_term=add_version&amp;tab_id=1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b KKBhY CZrGC _6yJZx n64Fd _4XUk_"
><svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW ziWb0"
>
<path d="M9 11v7h2v-7h7V9h-7V2H9v7H2v2z"></path></svg
></a>
<div data-theme-observer="" class="zcf1R"></div>
</div>
<nav data-layout="vertical" aria-labelledby="P0-6" class="Nbc9o">
<div class="JvTKf">
<a
href="https://www.ultimate-guitar.com/pro?app_utm_campaign=UG%20Tab%20Versions%20Official&amp;app_utm_medium=Tabs&amp;app_utm_source=UltimateGuitar&amp;artist=Ron%20Pope&amp;song=A%20Drop%20In%20The%20Ocean&amp;tab_id=2542404"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b pkQh7 GKhdN"
><svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Ltxtu"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16m1.347-9.854L10 4 8.653 8.146h-4.36l3.527 2.562-1.347 4.146L10 12.292l3.527 2.562-1.347-4.146 3.526-2.562z"
clip-rule="evenodd"
></path></svg
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY T7AU4"
>Official</span
>
<div
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="vgjSI"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(64)</span
>
</div>
</div></a
>
</div>
<div class="JvTKf">
<a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-783636"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b pkQh7 GKhdN"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY T7AU4"
>Ver 1</span
>
<div
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="vgjSI"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(936)</span
>
</div>
</div></a
>
</div>
<div class="JvTKf">
<a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-866749"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b pkQh7 GKhdN"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY T7AU4"
>Ver 2</span
>
<div
role="meter"
aria-label="Rating"
aria-valuenow="4.9"
aria-valuetext="Rating 4.9"
aria-valuemin="0"
aria-valuemax="5"
class="vgjSI"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.9</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(582)</span
>
</div>
</div></a
>
</div>
<div class="JvTKf">
<a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-927501"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b pkQh7 GKhdN"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY T7AU4"
>Ver 3</span
>
<div
role="meter"
aria-label="Rating"
aria-valuenow="3.7"
aria-valuetext="Rating 3.7"
aria-valuemin="0"
aria-valuemax="5"
class="vgjSI"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>3.7</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(11)</span
>
</div>
</div></a
>
</div>
<div class="JvTKf">
<a
data-current="true"
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
tabindex="0"
data-react-aria-pressable="true"
aria-current="page"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b pkQh7 GKhdN"
><span class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY T7AU4"
>Ver 4</span
>
<div
role="meter"
aria-label="Rating"
aria-valuenow="4.8"
aria-valuetext="Rating 4.8"
aria-valuemin="0"
aria-valuemax="5"
class="vgjSI"
>
<div class="rpAHE _2J3an qrOqf jaAEm GPCdY _3NOBq">
<svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW yEQI7 Z-x_Y"
>
<path
d="m10 1 2.245 6.91h7.265l-5.878 4.27 2.246 6.91L10 14.82l-5.878 4.27 2.245-6.91L.49 7.91h7.266z"
></path></svg
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg _6WKRY _92jLl"
>4.8</span
><span
aria-hidden="true"
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl _76T1g"
>(269)</span
>
</div>
</div></a
>
</div>
</nav>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
aria-expanded="false"
id="react-aria7430935425-P0-8"
class="GZm7j buTwg xgExn yUFRB pkQh7 f_LPY _5oowA OagIR"
>
<svg aria-hidden="true" viewBox="0 0 20 20" class="_0GwJW">
<path
fill-rule="evenodd"
d="M16.5 7.393 10 14 3.5 7.393 4.87 6 10 11.214 15.13 6z"
clip-rule="evenodd"
></path></svg
>Show all
</button>
</section>
</div>
<div
style="
height: 1px;
width: 100%;
position: relative;
margin-bottom: -1px;
"
></div>
<div class="WVQl7">
<div class="Q9k0F IrvRZ OfwQR bYvyK pAeFA"><div></div></div>
</div>
</div>
<div class="OA5Qi"><div class="Q9k0F IrvRZ pAeFA"></div></div>
<footer class="OHh4o">
<div class="Q9k0F IrvRZ lVQQm">
<div class="v8KnQ">
<div class="wDkU6">
<span class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl k_qjh"
>All artists</span
>
<nav
data-layout="auto"
id="P0-22"
role="list"
aria-label="All artists"
class="Nbc9o"
>
<div aria-posinset="1" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/0-9.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>#</a
>
</div>
<div aria-posinset="2" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/a.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>a</a
>
</div>
<div aria-posinset="3" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/b.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>b</a
>
</div>
<div aria-posinset="4" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/c.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>c</a
>
</div>
<div aria-posinset="5" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/d.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>d</a
>
</div>
<div aria-posinset="6" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/e.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>e</a
>
</div>
<div aria-posinset="7" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/f.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>f</a
>
</div>
<div aria-posinset="8" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/g.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>g</a
>
</div>
<div aria-posinset="9" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/h.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>h</a
>
</div>
<div aria-posinset="10" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/i.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>i</a
>
</div>
<div aria-posinset="11" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/j.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>j</a
>
</div>
<div aria-posinset="12" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/k.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>k</a
>
</div>
<div aria-posinset="13" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/l.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>l</a
>
</div>
<div aria-posinset="14" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/m.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>m</a
>
</div>
<div aria-posinset="15" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/n.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>n</a
>
</div>
<div aria-posinset="16" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/o.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>o</a
>
</div>
<div aria-posinset="17" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/p.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>p</a
>
</div>
<div aria-posinset="18" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/q.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>q</a
>
</div>
<div aria-posinset="19" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/r.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>r</a
>
</div>
<div aria-posinset="20" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/s.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>s</a
>
</div>
<div aria-posinset="21" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/t.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>t</a
>
</div>
<div aria-posinset="22" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/u.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>u</a
>
</div>
<div aria-posinset="23" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/v.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>v</a
>
</div>
<div aria-posinset="24" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/w.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>w</a
>
</div>
<div aria-posinset="25" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/x.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>x</a
>
</div>
<div aria-posinset="26" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/y.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>y</a
>
</div>
<div aria-posinset="27" role="listitem" class="JvTKf">
<a
aria-describedby="P0-22"
href="https://www.ultimate-guitar.com/bands/z.htm"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b _LkGj"
>z</a
>
</div>
</nav>
</div>
</div>
<div
aria-orientation="horizontal"
role="separator"
class="trlgr"
></div>
<div class="fj6Z8">
<a
aria-label="Home page"
href="https://www.ultimate-guitar.com/"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
><svg viewBox="0 0 221 148" class="JZgkC">
<path
fill="#FFD706"
d="M16.544 64.88c-2.816 0-5.368-.645-7.656-1.936a13.885 13.885 0 0 1-5.368-5.368c-1.29-2.288-1.936-4.84-1.936-7.656V15.6h9.328v33.44c0 2.875.968 5.31 2.904 7.304 1.995 1.936 4.43 2.904 7.304 2.904 2.933 0 5.368-.968 7.304-2.904 1.936-1.995 2.904-4.43 2.904-7.304h-9.152V15.6h9.328v34.32c0 2.816-.645 5.368-1.936 7.656a13.885 13.885 0 0 1-5.368 5.368c-2.288 1.29-4.84 1.936-7.656 1.936Zm18.83-60.72h9.328V64h-9.328V4.16ZM64.52 64c-4.283 0-7.421-.939-9.416-2.816-1.936-1.936-2.904-5.221-2.904-9.856v-27.28h-4.4V15.6h4.4V6.976h10.032V15.6h6.6v8.448h-6.6v26.664c0 1.701.293 2.904.88 3.608.587.645 1.613.968 3.08.968h2.64V64H64.52Zm7.467-48.4h9.328V64h-9.328V15.6Zm-1.144-7.568c0-1.701.558-3.08 1.672-4.136 1.115-1.115 2.494-1.672 4.136-1.672 1.702 0 3.08.557 4.136 1.672 1.115 1.056 1.672 2.435 1.672 4.136 0 1.643-.557 3.021-1.672 4.136-1.056 1.115-2.434 1.672-4.136 1.672-1.642 0-3.02-.557-4.136-1.672-1.114-1.115-1.672-2.493-1.672-4.136Zm33.844 23.288c0-2.867-.917-5.246-2.752-7.138-1.835-1.892-4.128-2.838-6.88-2.838s-5.045.946-6.88 2.838c-1.835 1.892-2.752 4.271-2.752 7.138h8.944V64h-9.116V30.46c0-2.752.602-5.246 1.806-7.482 1.261-2.236 2.981-3.985 5.16-5.246 2.179-1.261 4.615-1.892 7.31-1.892 1.835 0 3.583.344 5.246 1.032 1.72.688 3.182 1.605 4.386 2.752 2.637-2.523 5.905-3.784 9.804-3.784 2.695 0 5.131.63 7.31 1.892 2.179 1.261 3.87 3.01 5.074 5.246 1.261 2.236 1.892 4.73 1.892 7.482V64h-9.116V31.32c0-2.867-.917-5.246-2.752-7.138-1.835-1.892-4.128-2.838-6.88-2.838-2.695 0-4.988.946-6.88 2.838-1.835 1.835-2.752 4.157-2.752 6.966v.172h8.944V64h-9.116V31.32Zm41.789 33.12c-3.11 0-5.603-.997-7.48-2.992-1.819-2.053-2.728-5.075-2.728-9.064v-6.688c0-3.813 1.026-6.688 3.08-8.624 2.053-1.936 4.664-2.904 7.832-2.904h.352c1.701 0 3.226.323 4.576.968 1.408.645 2.434 1.525 3.08 2.64v-9.328c0-3.52-1.35-5.28-4.048-5.28h-.352c-1.35 0-2.376.47-3.08 1.408-.646.939-.968 2.23-.968 3.872v2.112h-9.944v-3.608c0-3.637 1.173-6.57 3.52-8.8 2.405-2.288 5.808-3.432 10.208-3.432h.88c4.752 0 8.242 1.085 10.472 3.256 2.229 2.112 3.344 5.31 3.344 9.592V64h-9.504v-4.4c-2.171 3.227-5.075 4.84-8.712 4.84h-.528Zm-.528-13.2c0 1.584.381 2.875 1.144 3.872.762.939 1.848 1.408 3.256 1.408h.44c1.408 0 2.493-.47 3.256-1.408.762-.997 1.144-2.288 1.144-3.872v-4.4c0-1.584-.382-2.845-1.144-3.784-.763-.997-1.848-1.496-3.256-1.496h-.44c-1.467 0-2.582.47-3.344 1.408-.704.939-1.056 2.23-1.056 3.872v4.4ZM183.649 64c-4.283 0-7.422-.939-9.416-2.816-1.936-1.936-2.904-5.221-2.904-9.856v-27.28h-4.4V15.6h4.4V6.976h10.032V15.6h6.6v8.448h-6.6v26.664c0 1.701.293 2.904.88 3.608.586.645 1.613.968 3.08.968h2.64V64h-4.312Zm20.5.88c-4.928 0-8.536-1.232-10.824-3.696-2.288-2.523-3.432-6.16-3.432-10.912V29.328c0-9.739 4.869-14.608 14.608-14.608h.616c9.21 0 13.816 4.87 13.816 14.608V42h-19.008v8.536c0 1.76.381 3.139 1.144 4.136.762.939 1.877 1.408 3.344 1.408h.352c1.466 0 2.552-.499 3.256-1.496.762-1.056 1.144-2.464 1.144-4.224v-1.584h9.768v1.496c0 4.635-1.144 8.243-3.432 10.824-2.23 2.523-5.691 3.784-10.384 3.784h-.968Zm5.016-30.008V29.24c0-1.76-.382-3.139-1.144-4.136-.704-1.056-1.79-1.584-3.256-1.584h-.352c-1.467 0-2.582.528-3.344 1.584-.763.997-1.144 2.376-1.144 4.136v5.632h9.24ZM16.632 145.616c-4.341 0-7.656-.851-9.944-2.552-2.288-1.701-3.579-4.048-3.872-7.04l-.088-.968h9.592l.088.352c.293 1.115.733 1.936 1.32 2.464.645.587 1.613.88 2.904.88h.264c1.584 0 2.728-.469 3.432-1.408.704-.88 1.056-2.288 1.056-4.224v-5.28c-1.76 2.992-4.459 4.488-8.096 4.488h-.528c-3.579 0-6.336-1.027-8.272-3.08s-2.904-5.133-2.904-9.24V97.92c0-8.8 3.725-13.2 11.176-13.2h.528c3.579 0 6.277 1.496 8.096 4.488V85.6h9.68v45.584c0 4.811-1.203 8.419-3.608 10.824-2.347 2.405-5.779 3.608-10.296 3.608h-.528Zm-5.016-26.664c0 1.76.41 3.168 1.232 4.224.821.997 1.965 1.496 3.432 1.496h.44c1.467 0 2.61-.499 3.432-1.496.821-1.056 1.232-2.464 1.232-4.224V99.24c0-1.76-.41-3.139-1.232-4.136-.821-1.056-1.965-1.584-3.432-1.584h-.44c-1.467 0-2.61.528-3.432 1.584-.821.997-1.232 2.376-1.232 4.136v19.712Zm37.928 15.928c-2.816 0-5.368-.645-7.656-1.936a13.887 13.887 0 0 1-5.368-5.368c-1.29-2.288-1.936-4.84-1.936-7.656V85.6h9.328v33.44c0 2.875.968 5.309 2.904 7.304 1.995 1.936 4.43 2.904 7.304 2.904 2.933 0 5.368-.968 7.304-2.904 1.936-1.995 2.904-4.429 2.904-7.304h-9.152V85.6h9.328v34.32c0 2.816-.645 5.368-1.936 7.656a13.887 13.887 0 0 1-5.368 5.368c-2.288 1.291-4.84 1.936-7.656 1.936ZM68.55 85.6h9.328V134H68.55V85.6Zm-1.144-7.568c0-1.701.557-3.08 1.672-4.136 1.115-1.115 2.493-1.672 4.136-1.672 1.701 0 3.08.557 4.136 1.672 1.115 1.056 1.672 2.435 1.672 4.136 0 1.643-.557 3.021-1.672 4.136-1.056 1.115-2.435 1.672-4.136 1.672-1.643 0-3.021-.557-4.136-1.672-1.115-1.115-1.672-2.493-1.672-4.136ZM97.864 134c-4.283 0-7.422-.939-9.416-2.816-1.936-1.936-2.904-5.221-2.904-9.856v-27.28h-4.4V85.6h4.4v-8.624h10.032V85.6h6.6v8.448h-6.6v26.664c0 1.701.293 2.904.88 3.608.586.645 1.613.968 3.08.968h2.64V134h-4.312Zm16.795.44c-3.109 0-5.602-.997-7.48-2.992-1.818-2.053-2.728-5.075-2.728-9.064v-6.688c0-3.813 1.027-6.688 3.08-8.624 2.054-1.936 4.664-2.904 7.832-2.904h.352c1.702 0 3.227.323 4.576.968 1.408.645 2.435 1.525 3.08 2.64v-9.328c0-3.52-1.349-5.28-4.048-5.28h-.352c-1.349 0-2.376.47-3.08 1.408-.645.939-.968 2.23-.968 3.872v2.112h-9.944v-3.608c0-3.637 1.174-6.57 3.52-8.8 2.406-2.288 5.808-3.432 10.208-3.432h.88c4.752 0 8.243 1.085 10.472 3.256 2.23 2.112 3.344 5.31 3.344 9.592V134h-9.504v-4.4c-2.17 3.227-5.074 4.84-8.712 4.84h-.528Zm-.528-13.2c0 1.584.382 2.875 1.144 3.872.763.939 1.848 1.408 3.256 1.408h.44c1.408 0 2.494-.469 3.256-1.408.763-.997 1.144-2.288 1.144-3.872v-4.4c0-1.584-.381-2.845-1.144-3.784-.762-.997-1.848-1.496-3.256-1.496h-.44c-1.466 0-2.581.469-3.344 1.408-.704.939-1.056 2.229-1.056 3.872v4.4Zm22.985-35.64h9.68v6.248a11.282 11.282 0 0 1 3.344-4.4c1.466-1.232 3.344-1.848 5.632-1.848h1.936v9.504h-3.432c-2.464 0-4.283.528-5.456 1.584-1.115.997-1.672 2.67-1.672 5.016V134h-10.032V85.6Z"
></path></svg
></a>
<section aria-label="Discover">
<h4
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl pqzaU XeXcc"
>
Discover
</h4>
<a
href="https://www.ultimate-guitar.com/about/"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>About UG</a
><a
href="https://www.ultimate-guitar.com/article/blog/site-rules/"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Site Rules</a
><a
href="https://www.ultimate-guitar.com/about/advertise.htm"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Advertise</a
><a
href="https://help.ultimate-guitar.com/en/"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Support</a
>
</section>
<section aria-label="Legal">
<h4
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl pqzaU XeXcc"
>
Legal
</h4>
<a
href="https://www.ultimate-guitar.com/about/tos.htm"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Terms of Service</a
><a
href="https://www.ultimate-guitar.com/about/privacy.htm"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Privacy Policy</a
><button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-23"
class="GZm7j buTwg _6WKRY T7AU4 dqN5b f_LPY _5oowA OagIR"
>
Cookie Settings</button
><a
href="https://www.ultimate-guitar.com/about/cookie-notice.htm"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Cookie Notice</a
><a
href="https://www.ultimate-guitar.com/about/dmca.htm"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>DMCA</a
><a
href="https://www.ultimate-guitar.com/about/accessibility-statement.htm"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Accessibility Statement</a
>
</section>
<section aria-label="Other">
<h4
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl pqzaU XeXcc"
>
Other
</h4>
<button
type="button"
tabindex="0"
data-react-aria-pressable="true"
id="react-aria7430935425-P0-24"
class="GZm7j buTwg _6WKRY T7AU4 dqN5b f_LPY _5oowA OagIR"
>
Upgrade to Pro+</button
><a
href="https://www.ultimate-guitar.com/news/editorial/"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Articles Staff</a
><a
href="https://www.ultimate-guitar.com/fresh?order=date"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Fresh Tabs</a
>
</section>
<section aria-label="Language">
<h4
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl pqzaU XeXcc"
>
Language
</h4>
<a
href="https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>English</a
><a
href="https://pt.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Português (Brasil)</a
><a
href="https://es.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Español</a
><a
href="https://it.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Italiano</a
><a
href="https://fr.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Français</a
><a
href="https://ja.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>日本語</a
>
</section>
<section aria-label="Hot Chords">
<h4
class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl pqzaU XeXcc"
>
Hot Chords
</h4>
<a
href="https://www.ultimate-guitar.com/explore?country_chart=7"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg _6WKRY T7AU4 _6gTBE dqN5b wa-ja"
>Indonesia</a
>
</section>
</div>
<div
aria-orientation="horizontal"
role="separator"
class="trlgr"
></div>
<div class="PS8rw">
<div class="rpAHE _2J3an qrOqf qoD1M GPCdY">
<a
aria-label="facebook"
href="https://www.facebook.com/UltimateGuitar/"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW Y77TP"
>
<path
d="M8.34 18.333V10.88H5.833V7.917H8.34V5.573c0-1.237.347-2.192 1.041-2.865.695-.694 1.617-1.041 2.767-1.041.934 0 1.693.043 2.28.13v2.637h-1.563c-.586 0-.988.13-1.205.39-.174.217-.26.564-.26 1.042v2.05h2.767l-.391 2.963H11.4v7.454H8.34Z"
></path></svg></a
><a
aria-label="twitter"
href="https://twitter.com/ultimateguitar"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 24 24"
class="_0GwJW Y77TP"
>
<path
d="M13.332 10.928 18.544 5h-1.235l-4.526 5.147L9.17 5H5l5.466 7.784L5 19h1.235l4.78-5.436L14.83 19H19l-5.668-8.072Zm-1.692 1.924-.554-.775L6.68 5.91h1.897l3.556 4.977.554.775 4.622 6.47h-1.897l-3.772-5.28Z"
></path></svg></a
><a
aria-label="instagram"
href="https://www.instagram.com/ultimateguitar/"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 24 24"
class="_0GwJW Y77TP"
>
<path
fill-rule="evenodd"
d="M16.8 8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0ZM12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-1.2a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6Z"
></path>
<path
fill-rule="evenodd"
d="M4 11.168c0-2.509 0-3.764.488-4.722a4.48 4.48 0 0 1 1.958-1.958C7.404 4 8.66 4 11.168 4h1.664c2.509 0 3.764 0 4.722.488a4.48 4.48 0 0 1 1.958 1.958C20 7.404 20 8.66 20 11.168v1.664c0 2.509 0 3.764-.488 4.722a4.48 4.48 0 0 1-1.958 1.958C16.596 20 15.34 20 12.832 20h-1.664c-2.509 0-3.764 0-4.722-.488a4.48 4.48 0 0 1-1.958-1.958C4 16.596 4 15.34 4 12.832v-1.664ZM11.168 5.2h1.664c1.274 0 2.158 0 2.845.057.673.055 1.05.157 1.332.3a3.28 3.28 0 0 1 1.433 1.434c.144.282.246.66.3 1.332.057.687.058 1.57.058 2.845v1.664c0 1.274 0 2.158-.057 2.845-.055.673-.157 1.05-.3 1.332a3.28 3.28 0 0 1-1.434 1.433c-.282.144-.66.246-1.332.3-.687.057-1.57.058-2.845.058h-1.664c-1.274 0-2.158 0-2.845-.057-.673-.055-1.05-.157-1.332-.3a3.28 3.28 0 0 1-1.433-1.434c-.144-.282-.246-.66-.301-1.332-.056-.687-.057-1.57-.057-2.845v-1.664c0-1.274 0-2.158.057-2.845.055-.673.157-1.05.3-1.332a3.28 3.28 0 0 1 1.434-1.433c.282-.144.66-.246 1.332-.301.687-.056 1.57-.057 2.845-.057Z"
></path></svg></a
><a
aria-label="youtube"
href="https://www.youtube.com/channel/UCf6prPsXYNYKXH4hX-cuEwQ"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 24 24"
class="_0GwJW Y77TP"
>
<path
fill-rule="evenodd"
d="M19.792 5.921c.86.214 1.54.842 1.772 1.635C21.987 9.002 22 12 22 12s0 3.01-.424 4.444c-.23.794-.91 1.422-1.771 1.635-1.553.39-7.805.39-7.805.39s-6.251 0-7.805-.39c-.86-.213-1.54-.841-1.771-1.635C2 14.998 2 12 2 12s0-2.998.41-4.432c.232-.794.912-1.422 1.772-1.635 1.554-.39 7.805-.403 7.805-.403s6.252 0 7.805.391Zm-4.608 6.08-5.186 2.772V9.228L15.184 12Z"
></path></svg></a
><a
aria-label="tiktok"
href="https://www.tiktok.com/@ultimateguitar"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 24 24"
class="_0GwJW Y77TP"
>
<path
d="M19.132 6.716a3.938 3.938 0 0 1-.34-.2 4.795 4.795 0 0 1-.876-.746 4.15 4.15 0 0 1-.986-2.042h.004c-.075-.442-.044-.728-.04-.728h-2.972v11.538c0 .155 0 .308-.006.46 0 .019-.002.036-.003.056 0 .008 0 .017-.002.026v.006a2.54 2.54 0 0 1-1.27 2.011 2.473 2.473 0 0 1-1.23.326c-1.384 0-2.507-1.133-2.507-2.533s1.123-2.534 2.507-2.534c.263 0 .523.041.772.123l.004-3.039a5.5 5.5 0 0 0-4.254 1.25c-.513.447-.943.98-1.273 1.575-.126.217-.599 1.09-.656 2.506-.036.804.204 1.637.319 1.982v.007c.072.202.351.894.807 1.477.367.468.8.879 1.287 1.22v-.008l.007.008c1.44.981 3.035.917 3.035.917.276-.011 1.201 0 2.252-.5 1.165-.554 1.828-1.38 1.828-1.38.424-.493.761-1.055.997-1.662a6.25 6.25 0 0 0 .358-1.902V8.81c.037.022.517.34.517.34s.692.446 1.771.736c.775.206 1.818.25 1.818.25V7.171c-.366.04-1.108-.076-1.868-.456Z"
></path></svg></a
><a
aria-label="audio.com"
href="https://audio.com/ultimateguitar"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 32 32"
class="_0GwJW Y77TP"
>
<path
d="M25.896 26.215h.06L20.268 5.786h-7.582l13.21 20.429ZM13.16 26.215c3.403 0 6.161-2.765 6.161-6.176s-2.758-6.176-6.16-6.176C9.758 13.863 7 16.628 7 20.039c0 3.41 2.758 6.176 6.16 6.176Z"
></path></svg></a
><a
aria-label="linkedin"
href="https://www.linkedin.com/company/1567917"
target="_blank"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg YZmIm MTelo _6gTBE wa-ja"
><svg
aria-hidden="true"
viewBox="0 0 20 20"
class="_0GwJW Y77TP"
>
<path
d="M4.238 15.62V8.09h2.507v7.53H4.238Zm2.67-9.852c0 .716-.543 1.302-1.422 1.302h-.01c-.847 0-1.39-.586-1.39-1.302 0-.738.565-1.302 1.422-1.302s1.389.564 1.4 1.302Zm6.347 9.853v-4.026c0-1.02-.358-1.704-1.258-1.704-.695 0-1.107.467-1.292.912-.065.163-.076.39-.076.608v4.21H8.123c.032-6.825 0-7.53 0-7.53h2.506v1.095h-.021c.325-.52.922-1.27 2.268-1.27 1.649 0 2.886 1.075 2.886 3.386v4.319h-2.507Z"
></path></svg
></a>
</div>
<section aria-label="Download UG application" class="Maj1K">
<div class="XDXx5 -KfpA fLKOx _5QBQB YG-aV">
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.ultimate-guitar.com/components/apps/market/redirect?app_name=ug_tabs_chords_ios&amp;source=get_app_footer"
class="rffnZ _016mC"
><img
src="./drop_in_the_oceanhtml_files/76c22265ac2d871ddfcfe24abedc4bf87b30884c"
alt="apple store"
width="125"
loading="lazy" /></a
><a
target="_blank"
rel="noopener noreferrer"
href="https://www.ultimate-guitar.com/components/apps/market/redirect?app_name=ug_tabs_chords_android&amp;source=get_app_footer"
class="rffnZ _016mC"
><img
src="./drop_in_the_oceanhtml_files/3a48070459dcdeb5e3e35f1b0f6bd8c22359762b"
alt="google play"
width="125"
loading="lazy" /></a
><a
target="_blank"
rel="noopener noreferrer"
href="https://www.ultimate-guitar.com/components/apps/market/redirect?app_name=ug_tabs_chords_huawei&amp;source=get_app_footer"
class="rffnZ _016mC"
><img
src="./drop_in_the_oceanhtml_files/ab02ba0516b015b4a0a515a6048c1209248b23da"
alt="huawei store"
width="125"
loading="lazy"
/></a>
</div>
</section>
</div>
<div
aria-orientation="horizontal"
role="separator"
class="trlgr"
></div>
<div class="OCDVl">
<section aria-label="Copyright">
<span class="oc8O- RIhpE R2aTZ rBqB6 buTwg xgExn _92jLl"
>© 2026 Ultimate-Guitar.com All rights reserved</span
>
</section>
<div class="papQZ">
<a
aria-label="Muse Group"
href="https://www.mu.se/?utm_medium=Referral&amp;utm_source=ultimate-guitar&amp;utm_campaign=MG_WW_REF_UG_WEB_ALL_160226_Crosslink"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
><svg viewBox="0 0 166 45" class="cZdo7">
<path
fill="#8C8C8F"
d="M18.974 42.985h-.112L0 5.373h11.642l7.332 37.612ZM3.582 42.11H0V17.62h3.582v24.49Zm30.448 0h-8.956V21.992h8.956V42.11Zm-.113-36.737c.503.874 1.008 2.735 1.008 4.373 0 5.736-4.594 9.731-10.914 9.731-1.901 0-3.527-.329-5.037-1.148-1.56-.788-2.758-2.443-2.847-4.367-.003-.047-.004-.094-.005-.14l-.003-.09h.001v-.05c0-2.656 2.204-4.81 4.924-4.81s4.926 2.154 4.926 4.81c0 2.582-2.082 4.688-4.696 4.805.08.028.662.225 1.337.225 3.692 0 6.437-2.954 6.437-6.724 0-2.84-1.793-5.304-3.974-6.56v-.055h8.843ZM46.962 8.86h3.094v1.321c.3-.468.694-.853 1.181-1.153.506-.3 1.05-.45 1.631-.45h.141c1.369 0 2.325.61 2.869 1.828.281-.506.694-.937 1.237-1.293A3.449 3.449 0 0 1 59 8.578h.14c1.05 0 1.857.356 2.42 1.069.58.712.871 1.772.871 3.178v11.503h-3.206v-11.11c0-.562-.122-1.002-.366-1.321-.225-.338-.572-.506-1.04-.506h-.113c-.469 0-.825.168-1.069.506-.225.319-.337.76-.337 1.322v11.11h-3.206v-11.11c0-.563-.122-1.003-.366-1.322-.225-.338-.572-.506-1.04-.506h-.113c-.469 0-.825.168-1.069.506-.225.319-.337.76-.337 1.322v11.11h-3.207V8.858Zm21.2 15.75c-1.574 0-2.737-.394-3.487-1.182-.75-.787-1.125-1.978-1.125-3.572V8.86h3.207v11.11c0 .562.121 1.012.365 1.35.244.319.6.478 1.069.478h.169c.468 0 .825-.16 1.068-.478.244-.338.366-.788.366-1.35V8.859H73v10.997c0 1.594-.375 2.785-1.125 3.572-.75.788-1.912 1.181-3.487 1.181h-.225Zm10.434 0c-1.368 0-2.484-.366-3.346-1.098-.863-.75-1.294-1.743-1.294-2.98v-1.238h3.122v.928c0 .525.14.937.422 1.237.3.3.675.45 1.125.45h.168c.45 0 .807-.121 1.07-.365.28-.263.421-.61.421-1.04v-.142c0-.374-.094-.693-.281-.956-.169-.281-.488-.562-.957-.843L76.572 17.1c-.825-.488-1.453-1.069-1.884-1.744-.412-.675-.619-1.49-.619-2.447v-.197c0-1.293.404-2.306 1.21-3.037.806-.731 1.875-1.097 3.206-1.097h.253c1.406 0 2.522.347 3.347 1.04.825.694 1.237 1.688 1.237 2.982v1.04H80.2v-.787c0-.487-.141-.872-.422-1.153-.263-.281-.61-.422-1.04-.422h-.113c-.432 0-.778.122-1.041.366-.263.225-.394.543-.394.956v.14c0 .338.094.638.282.9.206.263.496.507.871.732l2.363 1.406c.994.581 1.687 1.2 2.081 1.856.413.638.619 1.482.619 2.532v.253c0 1.275-.422 2.297-1.266 3.065-.844.75-1.94 1.125-3.29 1.125h-.253Zm10.273 0c-1.575 0-2.728-.394-3.459-1.182-.731-.806-1.097-1.969-1.097-3.487v-6.694c0-3.113 1.556-4.669 4.669-4.669h.197c2.944 0 4.415 1.556 4.415 4.669v4.05H87.52v2.728c0 .563.122 1.003.366 1.322.244.3.6.45 1.069.45h.112c.469 0 .816-.16 1.04-.478.245-.338.367-.788.367-1.35v-.507h3.121v.479c0 1.48-.365 2.634-1.096 3.459-.713.806-1.82 1.21-3.32 1.21h-.309Zm1.603-9.591v-1.8c0-.563-.121-1.003-.365-1.322-.225-.338-.572-.506-1.04-.506h-.113c-.469 0-.825.168-1.069.506-.244.319-.366.76-.366 1.322v1.8h2.953Zm11.642 13.022c-1.388 0-2.447-.272-3.178-.816-.732-.544-1.144-1.294-1.238-2.25l-.028-.31h3.066l.028.113c.094.356.234.619.422.788.206.187.515.28.928.28h.084c.506 0 .872-.15 1.097-.45.225-.28.338-.73.338-1.35V22.36c-.563.957-1.425 1.435-2.588 1.435h-.169c-1.143 0-2.025-.328-2.643-.985-.62-.656-.929-1.64-.929-2.953v-7.06c0-2.812 1.191-4.218 3.572-4.218h.169c1.144 0 2.006.478 2.588 1.434V8.86h3.093v14.57c0 1.537-.384 2.69-1.153 3.459-.75.768-1.847 1.153-3.29 1.153h-.169Zm-1.603-8.522c0 .562.131 1.012.393 1.35.263.319.629.478 1.097.478h.141c.469 0 .834-.16 1.097-.478.262-.338.394-.788.394-1.35v-6.3c0-.563-.132-1.003-.394-1.322-.263-.338-.628-.506-1.097-.506h-.141c-.468 0-.834.168-1.097.506-.262.319-.393.76-.393 1.322v6.3Zm7.453-10.66h3.094v1.997c.243-.562.6-1.031 1.068-1.406.469-.394 1.069-.59 1.8-.59h.619v3.037h-1.097c-.787 0-1.369.169-1.744.506-.356.319-.534.853-.534 1.603v10.322h-3.206V8.86Zm11.917 15.75c-3.113 0-4.669-1.556-4.669-4.668v-6.694c0-3.113 1.547-4.669 4.641-4.669h.225c3.094 0 4.64 1.556 4.64 4.669v6.694c0 3.112-1.556 4.668-4.668 4.668h-.169Zm-1.463-4.64c0 .562.132 1.012.394 1.35.263.319.628.478 1.097.478h.113c.468 0 .834-.16 1.096-.478.263-.338.394-.788.394-1.35v-6.75c0-.563-.131-1.003-.394-1.322-.262-.338-.628-.506-1.096-.506h-.113c-.469 0-.834.168-1.097.506-.262.319-.394.76-.394 1.322v6.75Zm12.037 4.64c-1.575 0-2.737-.393-3.487-1.18-.75-.788-1.125-1.979-1.125-3.573V8.86h3.206v11.11c0 .562.122 1.012.366 1.35.243.319.6.478 1.068.478h.169c.469 0 .825-.16 1.069-.478.244-.338.366-.788.366-1.35V8.859h3.206v10.997c0 1.594-.375 2.785-1.125 3.572-.75.788-1.913 1.181-3.488 1.181h-.225Zm6.018-15.75h3.094v1.294c.3-.469.703-.844 1.209-1.125.507-.3 1.05-.45 1.632-.45h.197c1.031 0 1.837.366 2.418 1.097.6.712.9 1.753.9 3.122v7.594c0 1.406-.318 2.465-.956 3.178-.637.694-1.491 1.04-2.559 1.04h-.169c-1.163 0-2.016-.43-2.559-1.293v4.668h-3.207V8.86Zm3.207 11.11c0 .562.121 1.012.365 1.35.244.319.6.478 1.069.478h.169c.468 0 .825-.16 1.068-.478.244-.338.366-.788.366-1.35v-6.75c0-.563-.122-1.003-.366-1.322-.243-.338-.6-.506-1.068-.506h-.169c-.469 0-.825.168-1.069.506-.244.319-.365.76-.365 1.322v6.75ZM49.309 41.016c-.45 0-.836-.076-1.157-.229a1.687 1.687 0 0 1-.724-.7c-.168-.313-.253-.69-.253-1.132v-3.797h.965v3.652c0 .41.108.735.325.977.225.24.57.361 1.036.361.467 0 .856-.14 1.17-.422.321-.289.482-.667.482-1.133v-3.435h.964v5.737h-.94V39.69h.193c-.113.41-.37.735-.772.977-.393.233-.823.349-1.29.349Zm4.613-5.858h.94v1.205h-.193c.113-.41.366-.73.76-.964a2.485 2.485 0 0 1 1.301-.361c.45 0 .836.08 1.157.24.33.153.583.386.76.7.177.305.265.679.265 1.12v3.797h-.964v-3.652c0-.41-.117-.735-.35-.976-.225-.241-.578-.362-1.06-.362-.467 0-.86.145-1.182.434-.313.282-.47.655-.47 1.121v3.435h-.964v-5.737Zm6.71-2.459h.964v8.197h-.965v-8.197Zm5.055 8.317c-.787 0-1.422-.257-1.904-.771-.482-.515-.723-1.254-.723-2.218 0-.643.116-1.19.35-1.64.24-.45.566-.787.975-1.012.41-.225.872-.337 1.387-.337.763 0 1.374.24 1.832.723.458.474.687 1.129.687 1.964 0 .266-.004.434-.012.507h-4.46l.169-.217v.06c0 .683.148 1.205.446 1.567.305.361.723.542 1.253.542.41 0 .736-.08.977-.24.24-.161.418-.378.53-.652h.952a2.196 2.196 0 0 1-.832 1.254c-.425.313-.968.47-1.627.47Zm1.688-3.242v-.254c0-.482-.145-.88-.434-1.193-.281-.313-.671-.47-1.17-.47-.522 0-.944.165-1.265.494-.313.33-.486.804-.518 1.423l-.169-.302h3.712l-.156.302Zm4.032 3.242c-.627 0-1.125-.149-1.495-.446-.361-.305-.542-.723-.542-1.254 0-.57.189-.996.567-1.277.385-.281.924-.434 1.615-.458.305-.016.84-.012 1.603.012v-.494c0-.41-.109-.72-.326-.928-.217-.218-.514-.326-.892-.326-.385 0-.695.08-.928.241-.225.16-.373.382-.446.663h-.988c.129-.538.394-.956.796-1.254.41-.305.932-.457 1.566-.457.667 0 1.19.168 1.567.506.386.33.579.835.579 1.519v3.832h-.904v-.988l.18.024c-.16.33-.41.595-.747.796-.337.193-.739.289-1.205.289Zm.024-.807c.322 0 .615-.053.88-.157.265-.113.47-.27.615-.47.153-.201.229-.426.229-.675v-.555a17.241 17.241 0 0 0-1.58 0c-.409.016-.718.105-.927.265-.21.153-.314.37-.314.651 0 .282.097.51.29.687.2.17.47.254.807.254Zm6.434.807c-.675 0-1.225-.145-1.651-.434-.426-.297-.691-.72-.796-1.266h.965c.096.306.265.53.506.675.249.145.583.218 1 .218.434 0 .764-.073.989-.218a.713.713 0 0 0 .35-.626c0-.25-.09-.438-.266-.567-.169-.136-.462-.24-.88-.313l-.747-.133c-.563-.104-.988-.281-1.278-.53-.281-.25-.422-.615-.422-1.097a1.5 1.5 0 0 1 .265-.892c.185-.257.442-.454.772-.59a3.099 3.099 0 0 1 1.17-.206c.658 0 1.184.157 1.578.47.402.306.643.696.723 1.17h-.94a1.197 1.197 0 0 0-.47-.603c-.217-.153-.522-.229-.916-.229-.386 0-.695.08-.928.241a.709.709 0 0 0-.338.615c0 .249.089.434.266.554.176.113.454.201.831.265l.736.133c.618.113 1.064.306 1.338.579.28.273.421.642.421 1.109 0 .337-.088.63-.265.88-.168.249-.422.446-.76.59-.337.137-.754.205-1.253.205Zm3.719-8.317h.964v3.664h-.217c.112-.41.366-.73.76-.964a2.485 2.485 0 0 1 1.301-.361c.45 0 .836.08 1.157.24.33.153.583.386.76.7.177.305.265.679.265 1.12v3.797h-.964v-3.652c0-.41-.117-.735-.35-.976-.225-.241-.579-.362-1.06-.362-.467 0-.86.145-1.182.434-.313.282-.47.655-.47 1.121v3.435h-.964V32.7Zm9.202 9.643h.362c.29 0 .53-.064.723-.193.193-.129.354-.346.482-.65l.386-.941.024.675-2.591-6.075h1.06l2.086 5.05-.386-.024 1.868-5.026h1l-2.615 6.617c-.145.362-.305.647-.482.856-.169.217-.366.37-.59.458a1.889 1.889 0 0 1-.772.145h-.555v-.892Zm8.404-1.326c-.828 0-1.49-.261-1.989-.783-.49-.53-.735-1.266-.735-2.206 0-.627.112-1.165.337-1.615.225-.45.543-.792.953-1.025.41-.233.888-.35 1.434-.35.828 0 1.491.266 1.989.796.498.522.747 1.254.747 2.194 0 .627-.116 1.165-.349 1.615-.225.45-.543.791-.953 1.024-.409.234-.888.35-1.434.35Zm0-.856c.378 0 .7-.084.964-.253.265-.169.466-.414.603-.735.137-.322.205-.703.205-1.145 0-.667-.157-1.19-.47-1.567-.306-.378-.74-.567-1.302-.567-.37 0-.687.085-.952.253a1.57 1.57 0 0 0-.603.736c-.136.321-.205.703-.205 1.145 0 .667.153 1.189.458 1.567.306.377.74.566 1.302.566Zm6.255.856c-.45 0-.836-.076-1.157-.229a1.68 1.68 0 0 1-.723-.7c-.169-.313-.254-.69-.254-1.132v-3.797h.965v3.652c0 .41.108.735.325.977.225.24.571.361 1.037.361.466 0 .856-.14 1.169-.422.321-.289.482-.667.482-1.133v-3.435h.964v5.737h-.94V39.69h.193c-.112.41-.37.735-.771.977-.394.233-.824.349-1.29.349Zm4.613-5.858h.916v1.073h-.121c.153-.386.394-.66.724-.82a2.317 2.317 0 0 1 1.072-.253h.519v.928h-.434c-.442 0-.836.089-1.181.265-.346.17-.519.418-.519.748v3.797h-.976v-5.738Zm8.771 5.858c-.675 0-1.226-.145-1.652-.434-.426-.297-.691-.72-.795-1.266h.964c.096.306.265.53.506.675.249.145.583.218 1.001.218.434 0 .763-.073.988-.218a.713.713 0 0 0 .35-.626c0-.25-.089-.438-.266-.567-.168-.136-.462-.24-.879-.313l-.748-.133c-.562-.104-.988-.281-1.277-.53-.282-.25-.422-.615-.422-1.097a1.5 1.5 0 0 1 .265-.892c.185-.257.442-.454.771-.59a3.1 3.1 0 0 1 1.169-.206c.659 0 1.186.157 1.579.47.402.306.643.696.724 1.17h-.94a1.202 1.202 0 0 0-.471-.603c-.217-.153-.522-.229-.916-.229-.385 0-.695.08-.928.241a.708.708 0 0 0-.337.615c0 .249.088.434.265.554.177.113.454.201.832.265l.735.133c.619.113 1.065.306 1.338.579.281.273.422.642.422 1.109 0 .337-.089.63-.265.88-.169.249-.422.446-.76.59-.337.137-.755.205-1.253.205Zm6.093 0c-.828 0-1.491-.261-1.989-.783-.49-.53-.736-1.266-.736-2.206 0-.627.113-1.165.338-1.615.225-.45.542-.792.952-1.025.41-.233.888-.35 1.435-.35.827 0 1.49.266 1.988.796.499.522.748 1.254.748 2.194 0 .627-.117 1.165-.35 1.615-.225.45-.542.791-.952 1.024-.41.234-.888.35-1.434.35Zm0-.856c.377 0 .699-.084.964-.253.265-.169.466-.414.603-.735.136-.322.204-.703.204-1.145 0-.667-.156-1.19-.47-1.567-.305-.378-.739-.567-1.301-.567-.37 0-.687.085-.953.253a1.567 1.567 0 0 0-.602.736c-.137.321-.205.703-.205 1.145 0 .667.152 1.189.458 1.567.305.377.739.566 1.302.566Zm6.254.856c-.45 0-.835-.076-1.157-.229a1.69 1.69 0 0 1-.723-.7c-.169-.313-.253-.69-.253-1.132v-3.797h.964v3.652c0 .41.109.735.326.977.225.24.57.361 1.036.361.466 0 .856-.14 1.169-.422.322-.289.483-.667.483-1.133v-3.435h.964v5.737h-.94V39.69h.193c-.113.41-.37.735-.772.977-.394.233-.824.349-1.29.349Zm4.613-5.858h.941v1.205h-.193c.112-.41.365-.73.759-.964a2.487 2.487 0 0 1 1.302-.361c.45 0 .836.08 1.157.24.33.153.583.386.759.7.177.305.266.679.266 1.12v3.797h-.965v-3.652c0-.41-.116-.735-.349-.976-.225-.241-.579-.362-1.061-.362-.466 0-.86.145-1.181.434-.314.282-.47.655-.47 1.121v3.435h-.965v-5.737Zm9.024 5.858c-.53 0-.996-.116-1.398-.35a2.455 2.455 0 0 1-.94-1.036c-.217-.45-.326-.989-.326-1.615 0-.611.113-1.141.338-1.591.233-.45.554-.792.964-1.025.418-.241.9-.361 1.447-.361.482 0 .912.116 1.289.349.378.225.623.522.736.892h-.266v-3.58h.965v8.197h-.928V39.69h.217c-.137.418-.39.744-.76.977-.361.233-.807.349-1.338.349Zm.085-.856c.562 0 .996-.172 1.301-.518.306-.354.458-.82.458-1.398v-.507c0-.401-.076-.739-.229-1.012a1.416 1.416 0 0 0-.614-.615 1.765 1.765 0 0 0-.88-.217c-.362 0-.683.089-.965.265a1.684 1.684 0 0 0-.638.736 2.703 2.703 0 0 0-.217 1.12c0 .636.156 1.154.47 1.556.321.393.759.59 1.314.59Z"
></path></svg></a
><a
aria-label="MuseHub"
href="https://www.musehub.com/?utm_medium=Referral&amp;utm_source=ultimate-guitar&amp;utm_campaign=MH_WW_REF_UG_WEB_ALL_160226_Crosslink"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
><svg viewBox="0 0 166 45" class="cZdo7">
<path
fill="#8C8C8F"
d="M46.962 7.531h3.094v1.322c.3-.469.694-.853 1.181-1.153.506-.3 1.05-.45 1.631-.45h.141c1.369 0 2.325.61 2.869 1.828.281-.506.694-.937 1.237-1.294A3.449 3.449 0 0 1 59 7.25h.14c1.05 0 1.857.356 2.42 1.069.58.712.871 1.772.871 3.178V23h-3.206V11.89c0-.562-.122-1.003-.366-1.321-.225-.338-.572-.507-1.04-.507h-.113c-.469 0-.825.17-1.069.507-.225.318-.337.76-.337 1.322V23h-3.206V11.89c0-.562-.122-1.003-.366-1.321-.225-.338-.572-.507-1.04-.507h-.113c-.469 0-.825.17-1.069.507-.225.318-.337.76-.337 1.322V23h-3.207V7.531Zm21.2 15.75c-1.574 0-2.737-.393-3.487-1.181s-1.125-1.978-1.125-3.572V7.531h3.207v11.11c0 .562.121 1.012.365 1.35.244.318.6.478 1.069.478h.169c.468 0 .825-.16 1.068-.478.244-.338.366-.788.366-1.35V7.53H73v10.997c0 1.594-.375 2.785-1.125 3.572-.75.787-1.912 1.181-3.487 1.181h-.225Zm10.434 0c-1.368 0-2.484-.365-3.346-1.097-.863-.75-1.294-1.743-1.294-2.98v-1.238h3.122v.928c0 .525.14.937.422 1.237.3.3.675.45 1.125.45h.168c.45 0 .807-.122 1.07-.365.28-.263.421-.61.421-1.041v-.14c0-.376-.094-.694-.281-.957-.169-.281-.488-.562-.957-.844l-2.475-1.462c-.825-.488-1.453-1.069-1.884-1.744-.412-.675-.619-1.49-.619-2.447v-.197c0-1.293.404-2.306 1.21-3.037.806-.731 1.875-1.097 3.206-1.097h.253c1.406 0 2.522.347 3.347 1.04.825.694 1.237 1.688 1.237 2.982v1.04H80.2v-.787c0-.488-.141-.872-.422-1.153-.263-.281-.61-.422-1.04-.422h-.113c-.432 0-.778.122-1.041.366-.263.225-.394.543-.394.956v.14c0 .338.094.638.282.9.206.263.496.507.871.732l2.363 1.406c.994.581 1.687 1.2 2.081 1.856.413.638.619 1.482.619 2.531v.254c0 1.275-.422 2.296-1.266 3.065-.844.75-1.94 1.125-3.29 1.125h-.253Zm10.273 0c-1.575 0-2.728-.393-3.459-1.181-.731-.806-1.097-1.969-1.097-3.488V11.92c0-3.113 1.556-4.669 4.669-4.669h.197c2.944 0 4.415 1.556 4.415 4.669v4.05H87.52v2.728c0 .562.122 1.003.366 1.322.244.3.6.45 1.069.45h.112c.469 0 .816-.16 1.04-.478.245-.338.367-.788.367-1.35v-.507h3.121v.479c0 1.48-.365 2.634-1.096 3.459-.713.806-1.82 1.21-3.32 1.21h-.309Zm1.603-9.59v-1.8c0-.563-.121-1.004-.365-1.322-.225-.338-.572-.507-1.04-.507h-.113c-.469 0-.825.17-1.069.507-.244.318-.366.76-.366 1.322v1.8h2.953Zm4.253-9.816h3.094v4.95c.3-.469.694-.844 1.181-1.125.488-.3 1.05-.45 1.688-.45h.197c1.106 0 1.95.356 2.531 1.069.581.712.872 1.772.872 3.178V23h-3.206V11.89c0-.562-.132-1.003-.394-1.321-.263-.338-.628-.507-1.097-.507h-.169c-.469 0-.834.17-1.097.507-.262.318-.394.76-.394 1.322V23h-3.206V3.875Zm15.296 19.406c-1.575 0-2.738-.393-3.488-1.181s-1.125-1.978-1.125-3.572V7.531h3.206v11.11c0 .562.122 1.012.366 1.35.244.318.6.478 1.069.478h.169c.468 0 .825-.16 1.068-.478.244-.338.366-.788.366-1.35V7.53h3.206v10.997c0 1.594-.375 2.785-1.125 3.572-.75.787-1.912 1.181-3.487 1.181h-.225Zm11.812 0a2.958 2.958 0 0 1-1.519-.393 3.4 3.4 0 0 1-1.125-1.07V23h-3.15V3.875h3.206v4.922a3.163 3.163 0 0 1 1.153-1.125 3.305 3.305 0 0 1 1.631-.422h.197c1.032 0 1.828.356 2.391 1.069.581.712.872 1.762.872 3.15v7.594c0 1.406-.319 2.465-.956 3.178-.638.693-1.491 1.04-2.56 1.04h-.14Zm-2.56-4.64c0 .562.122 1.012.366 1.35.244.318.6.478 1.069.478h.14c.469 0 .825-.16 1.069-.478.244-.338.366-.788.366-1.35v-6.75c0-.563-.122-1.004-.366-1.322-.244-.338-.6-.507-1.069-.507h-.14c-.469 0-.825.17-1.069.507-.244.318-.366.76-.366 1.322v6.75ZM10.857 42.315H0V4.313h10.857v38.002Zm23.526 0h-3.62V4.313h3.62v38.002ZM20.81 14.038a8.936 8.936 0 1 1-.001 17.872 8.936 8.936 0 0 1 0-17.872ZM47.694 36.355h-1.11v-.868h1.11v-.506c0-.49.08-.876.24-1.157.17-.29.406-.494.712-.615.313-.12.71-.18 1.193-.18h.711v.867h-.675c-.434 0-.747.092-.94.277-.185.177-.277.478-.277.904v.41h1.76v.868h-1.76v4.87h-.965v-4.87Zm3.826-.868h.916v1.073h-.12c.153-.386.394-.66.723-.82a2.32 2.32 0 0 1 1.073-.253h.518v.928h-.434c-.442 0-.835.089-1.181.265-.346.17-.518.418-.518.748v3.797h-.977v-5.738Zm6.457 5.858c-.787 0-1.422-.257-1.904-.771-.482-.515-.723-1.254-.723-2.218 0-.643.116-1.19.35-1.64.24-.45.566-.787.975-1.012.41-.225.872-.337 1.387-.337.763 0 1.374.24 1.832.723.458.474.687 1.129.687 1.964 0 .266-.004.434-.012.507h-4.46l.169-.217v.06c0 .683.148 1.205.446 1.567.305.362.723.542 1.253.542.41 0 .736-.08.977-.24.24-.161.417-.378.53-.652h.952a2.196 2.196 0 0 1-.831 1.254c-.426.313-.969.47-1.628.47Zm1.688-3.242v-.253c0-.483-.145-.88-.434-1.194-.281-.313-.671-.47-1.17-.47-.522 0-.944.165-1.265.494-.313.33-.486.804-.518 1.423l-.17-.302h3.713l-.156.302Zm4.575 3.242c-.788 0-1.423-.257-1.905-.771-.482-.515-.723-1.254-.723-2.218 0-.643.116-1.19.35-1.64.24-.45.566-.787.976-1.012.41-.225.871-.337 1.386-.337.763 0 1.374.24 1.832.723.458.474.687 1.129.687 1.964 0 .266-.004.434-.012.507h-4.46l.169-.217v.06c0 .683.149 1.205.446 1.567.305.362.723.542 1.254.542.41 0 .735-.08.976-.24.24-.161.418-.378.53-.652h.952a2.196 2.196 0 0 1-.831 1.254c-.426.313-.969.47-1.627.47Zm1.687-3.242v-.253c0-.483-.145-.88-.434-1.194-.281-.313-.671-.47-1.17-.47-.521 0-.943.165-1.265.494-.313.33-.486.804-.518 1.423l-.169-.302h3.713l-.157.302Zm4.886-2.616h.965v1.507h-.266c.089-.514.346-.912.772-1.194.426-.289.912-.433 1.458-.433.482 0 .916.112 1.302.337.386.225.691.559.916 1 .225.443.338.973.338 1.592 0 .626-.113 1.169-.338 1.627-.217.458-.53.811-.94 1.06-.41.242-.884.362-1.422.362-.466 0-.876-.092-1.23-.277a2.092 2.092 0 0 1-.832-.82h.242v3.315h-.965v-8.076Zm2.784 5.002c.354 0 .66-.088.917-.265.265-.177.466-.426.602-.747.145-.33.217-.711.217-1.145 0-.635-.156-1.145-.47-1.531-.313-.386-.743-.579-1.29-.579a1.82 1.82 0 0 0-.88.23 1.663 1.663 0 0 0-.662.65c-.17.29-.254.635-.254 1.037v.687c0 .337.08.635.242.892.168.249.39.442.662.578.282.13.587.193.916.193Zm4.161-7.46h.964v8.196h-.964v-8.197Zm4.84 8.316c-.45 0-.837-.076-1.158-.229a1.687 1.687 0 0 1-.723-.699c-.169-.313-.253-.691-.253-1.133v-3.797h.964v3.652c0 .41.109.736.326.977.224.24.57.361 1.036.361.466 0 .856-.14 1.17-.422.32-.289.481-.667.481-1.133v-3.435h.965v5.738h-.94v-1.206h.192c-.112.41-.37.736-.771.977-.394.233-.824.35-1.29.35Zm6.987 2.339c-.643 0-1.197-.157-1.664-.47-.458-.306-.75-.756-.88-1.35h1.001c.112.329.31.574.59.735.282.169.6.253.953.253.562 0 1.004-.137 1.326-.41.33-.273.494-.703.494-1.29v-1.446h.253c-.104.498-.341.876-.711 1.133-.37.257-.844.386-1.422.386-.53 0-.997-.109-1.399-.326a2.27 2.27 0 0 1-.94-.964c-.217-.426-.325-.948-.325-1.567s.108-1.153.325-1.603c.217-.458.526-.804.928-1.037.41-.24.892-.361 1.447-.361.53 0 .988.132 1.374.397.385.258.627.62.723 1.085h-.29v-1.362h.94v5.677c0 .876-.244 1.515-.734 1.917-.49.402-1.153.602-1.99.602Zm0-3.291c.554 0 .988-.169 1.302-.506.321-.338.482-.756.482-1.254v-.747c0-.362-.08-.667-.241-.916a1.44 1.44 0 0 0-.64-.579 1.99 1.99 0 0 0-.88-.193c-.353 0-.666.093-.94.277a1.77 1.77 0 0 0-.638.748 2.71 2.71 0 0 0-.217 1.12c0 .644.157 1.146.47 1.507.313.362.747.543 1.302.543Zm4.511-4.906h.965v5.738h-.965v-5.738ZM93.94 33.8c0-.193.06-.35.18-.47a.662.662 0 0 1 .47-.181c.185 0 .338.06.459.18.128.121.192.278.192.47 0 .194-.064.35-.192.47a.621.621 0 0 1-.459.181.662.662 0 0 1-.47-.18.636.636 0 0 1-.18-.47Zm2.934 1.687h.94v1.206h-.192c.112-.41.365-.732.759-.965a2.485 2.485 0 0 1 1.302-.361c.45 0 .836.08 1.157.24.329.153.583.386.759.7.177.305.265.679.265 1.12v3.798h-.964v-3.653c0-.41-.116-.735-.349-.976-.225-.241-.579-.362-1.061-.362-.466 0-.86.145-1.181.434-.314.282-.47.655-.47 1.121v3.436h-.965v-5.738Zm8.771 5.858c-.675 0-1.225-.145-1.651-.434-.426-.297-.691-.719-.796-1.265h.964c.097.305.266.53.507.675.249.144.582.217 1 .217.434 0 .763-.073.988-.217a.711.711 0 0 0 .35-.627c0-.25-.088-.438-.265-.567-.169-.136-.462-.24-.88-.313l-.747-.133c-.563-.104-.989-.28-1.278-.53-.281-.25-.422-.615-.422-1.097a1.5 1.5 0 0 1 .265-.892c.185-.257.442-.454.772-.59a3.096 3.096 0 0 1 1.169-.205c.659 0 1.185.156 1.579.47.402.305.643.695.723 1.169h-.94a1.195 1.195 0 0 0-.47-.603c-.217-.152-.522-.229-.916-.229-.386 0-.695.08-.928.241a.71.71 0 0 0-.338.615c0 .25.089.434.265.554.177.113.454.201.832.266l.735.132c.619.113 1.065.306 1.338.579.281.273.422.643.422 1.109 0 .337-.088.63-.265.88-.169.249-.422.446-.759.59-.338.137-.756.205-1.254.205Zm8.309-4.17c-.378-.402-.659-.772-.844-1.11a2.269 2.269 0 0 1-.277-1.108c0-.402.088-.756.265-1.061a1.83 1.83 0 0 1 .796-.723c.345-.177.747-.265 1.205-.265.627 0 1.141.18 1.543.542.41.354.615.828.615 1.422 0 .651-.213 1.161-.639 1.531-.418.362-1.077.607-1.977.735l-.181-.675c.651-.12 1.129-.309 1.435-.566.305-.257.458-.587.458-.989 0-.353-.121-.634-.362-.843-.241-.21-.546-.314-.916-.314-.394 0-.707.113-.94.338-.233.217-.35.506-.35.868 0 .305.077.59.229.856.153.257.386.55.699.88l4.328 4.532h-1.29l-3.797-4.05Zm.627 4.17c-.932 0-1.664-.22-2.194-.663-.53-.442-.796-1.049-.796-1.82 0-.691.233-1.221.7-1.591.466-.378 1.072-.615 1.82-.711l.132.699c-.49.072-.888.241-1.193.506-.305.257-.458.615-.458 1.073 0 .482.189.872.566 1.17.386.288.888.433 1.507.433.426 0 .816-.072 1.169-.217.354-.152.667-.357.94-.615l.603.64c-.361.369-.771.646-1.229.831-.45.177-.973.265-1.567.265Zm2.398-1.977c.217-.273.398-.59.543-.952.152-.37.257-.74.313-1.109h.916a6.213 6.213 0 0 1-.398 1.459 4.579 4.579 0 0 1-.699 1.193l-.675-.59Zm7.994 1.977c-.675 0-1.225-.145-1.651-.434-.426-.297-.691-.719-.796-1.265h.964c.097.305.266.53.507.675.249.144.582.217 1 .217.434 0 .764-.073.989-.217a.712.712 0 0 0 .349-.627c0-.25-.088-.438-.265-.567-.169-.136-.462-.24-.88-.313l-.747-.133c-.563-.104-.989-.28-1.278-.53-.281-.25-.422-.615-.422-1.097 0-.346.089-.643.265-.892.185-.257.442-.454.772-.59a3.096 3.096 0 0 1 1.169-.205c.659 0 1.185.156 1.579.47.402.305.643.695.723 1.169h-.94a1.195 1.195 0 0 0-.47-.603c-.217-.152-.522-.229-.916-.229-.386 0-.695.08-.928.241a.71.71 0 0 0-.338.615c0 .25.089.434.265.554.177.113.454.201.832.266l.735.132c.619.113 1.065.306 1.338.579.282.273.422.643.422 1.109 0 .337-.088.63-.265.88-.169.249-.422.446-.759.59-.338.137-.756.205-1.254.205Zm6.093 0c-.828 0-1.491-.261-1.989-.783-.49-.53-.735-1.266-.735-2.206 0-.627.112-1.165.337-1.615.225-.45.543-.792.953-1.025.41-.233.888-.35 1.434-.35.828 0 1.491.266 1.989.796.498.522.747 1.254.747 2.194 0 .627-.116 1.165-.349 1.615-.225.45-.543.792-.953 1.025-.409.233-.888.35-1.434.35Zm0-.856c.378 0 .699-.084.964-.253.266-.168.466-.414.603-.735.137-.322.205-.703.205-1.145 0-.667-.157-1.19-.47-1.567-.306-.378-.739-.567-1.302-.567-.37 0-.687.085-.952.253a1.575 1.575 0 0 0-.603.736c-.136.321-.205.703-.205 1.145 0 .667.153 1.19.458 1.567.306.377.74.566 1.302.566Zm6.255.856c-.45 0-.836-.076-1.157-.229a1.68 1.68 0 0 1-.723-.699c-.169-.313-.254-.691-.254-1.133v-3.797h.965v3.652c0 .41.108.736.325.977.225.24.571.361 1.037.361.466 0 .856-.14 1.169-.422.321-.289.482-.667.482-1.133v-3.435h.964v5.738h-.94v-1.206h.193c-.112.41-.37.736-.771.977-.394.233-.824.35-1.29.35Zm4.613-5.858h.94v1.206h-.193c.113-.41.366-.732.76-.965a2.48 2.48 0 0 1 1.301-.361c.45 0 .836.08 1.158.24.329.153.582.386.759.7.177.305.265.679.265 1.12v3.798h-.964v-3.653c0-.41-.117-.735-.35-.976-.225-.241-.578-.362-1.06-.362-.466 0-.86.145-1.182.434-.313.282-.47.655-.47 1.121v3.436h-.964v-5.738Zm9.024 5.858c-.531 0-.997-.116-1.398-.35a2.457 2.457 0 0 1-.941-1.036c-.217-.45-.325-.988-.325-1.615 0-.61.112-1.141.337-1.591a2.43 2.43 0 0 1 .965-1.025c.418-.24.9-.361 1.446-.361.482 0 .912.116 1.29.35.378.224.623.521.735.891h-.265v-3.58h.964v8.197h-.928v-1.206h.217c-.137.418-.39.744-.759.977-.362.233-.808.35-1.338.35Zm.084-.856c.563 0 .997-.172 1.302-.518.305-.353.458-.82.458-1.398v-.506c0-.402-.076-.74-.229-1.013a1.423 1.423 0 0 0-.615-.615 1.763 1.763 0 0 0-.88-.217c-.361 0-.683.089-.964.266a1.693 1.693 0 0 0-.639.735 2.72 2.72 0 0 0-.217 1.12c0 .636.157 1.154.47 1.556.322.393.76.59 1.314.59Zm6.596.856c-.675 0-1.226-.145-1.652-.434-.425-.297-.691-.719-.795-1.265h.964c.097.305.265.53.506.675.25.144.583.217 1.001.217.434 0 .763-.073.988-.217a.713.713 0 0 0 .35-.627c0-.25-.089-.438-.265-.567-.169-.136-.462-.24-.88-.313l-.748-.133c-.562-.104-.988-.28-1.277-.53-.282-.25-.422-.615-.422-1.097a1.5 1.5 0 0 1 .265-.892c.185-.257.442-.454.771-.59a3.105 3.105 0 0 1 1.17-.205c.659 0 1.185.156 1.579.47.401.305.643.695.723 1.169h-.94a1.2 1.2 0 0 0-.47-.603c-.217-.152-.523-.229-.916-.229-.386 0-.696.08-.929.241a.708.708 0 0 0-.337.615c0 .25.088.434.265.554.177.113.454.201.832.266l.735.132c.619.113 1.065.306 1.338.579.281.273.422.643.422 1.109 0 .337-.088.63-.265.88-.169.249-.422.446-.76.59-.337.137-.755.205-1.253.205Z"
></path></svg></a
><a
aria-label="Hal Leonard"
href="https://www.halleonard.com/?utm_medium=Referral&amp;utm_source=ultimate-guitar&amp;utm_campaign=HL_WW_REF_UG_WEB_ALL_160226_Crosslink"
rel="noopener noreferrer"
tabindex="0"
data-react-aria-pressable="true"
class="oc8O- RIhpE R2aTZ rBqB6 o_U7b buTwg ybpkg MTelo _6gTBE wa-ja"
><svg viewBox="0 0 166 45" class="cZdo7">
<path
fill="#8C8C8F"
d="M54.01 40.673c-.45 0-.835-.076-1.156-.229a1.688 1.688 0 0 1-.724-.699c-.168-.313-.253-.69-.253-1.133v-3.797h.965v3.653c0 .41.108.735.325.976.225.24.57.361 1.037.361.466 0 .855-.14 1.169-.422.321-.289.482-.666.482-1.133v-3.435h.964v5.738h-.94v-1.206h.193c-.113.41-.37.736-.771.977-.394.233-.824.35-1.29.35Zm4.614-5.858h.94v1.206h-.193c.113-.41.366-.732.76-.965a2.485 2.485 0 0 1 1.301-.361c.45 0 .836.08 1.157.24.33.153.583.386.76.7.177.305.265.679.265 1.12v3.798h-.964V36.9c0-.41-.117-.736-.35-.977-.225-.24-.578-.361-1.06-.361-.467 0-.86.144-1.182.433-.313.282-.47.655-.47 1.121v3.436h-.964v-5.738Zm6.71 0h.915v1.073h-.12c.153-.386.394-.659.723-.82.33-.168.687-.253 1.073-.253h.518v.928h-.434c-.442 0-.835.089-1.181.265-.346.17-.518.418-.518.748v3.797h-.977v-5.738Zm4.237 0h.964v5.738h-.964v-5.738Zm-.157-1.687c0-.193.06-.35.181-.47a.662.662 0 0 1 .47-.181.62.62 0 0 1 .458.18c.129.121.193.278.193.47 0 .194-.064.35-.193.47a.62.62 0 0 1-.458.182.662.662 0 0 1-.47-.181.636.636 0 0 1-.18-.47Zm2.2 1.687h1.024l1.977 5.147h-.325l2-5.147h.989l-2.326 5.738h-1.061l-2.278-5.738Zm8.356 5.858c-.627 0-1.125-.148-1.494-.446-.362-.305-.543-.723-.543-1.253 0-.57.189-.997.567-1.278.385-.281.924-.434 1.615-.458.305-.016.84-.012 1.603.012v-.494c0-.41-.109-.72-.326-.928-.216-.217-.514-.326-.891-.326-.386 0-.696.08-.929.241-.225.161-.373.382-.446.663h-.988c.129-.538.394-.956.796-1.253.41-.306.932-.458 1.567-.458.666 0 1.189.168 1.566.506.386.33.58.836.58 1.519v3.833h-.905v-.989l.18.024c-.16.33-.409.595-.746.796-.338.193-.74.29-1.206.29Zm.024-.807c.322 0 .615-.053.88-.157.265-.113.47-.27.615-.47.153-.201.229-.426.229-.675v-.555a17.24 17.24 0 0 0-1.579 0c-.41.017-.72.105-.928.266-.21.152-.314.37-.314.65 0 .282.097.51.29.688.2.168.47.253.807.253Zm4.373-7.51h.965v8.197h-.965v-8.197Zm5.056 8.317c-.787 0-1.422-.257-1.904-.771s-.723-1.254-.723-2.218c0-.643.116-1.19.35-1.64.24-.45.566-.787.975-1.012.41-.225.872-.337 1.387-.337.763 0 1.374.24 1.832.723.458.474.687 1.129.687 1.965 0 .265-.004.434-.012.506h-4.46l.169-.217v.06c0 .683.148 1.206.446 1.567.305.362.723.543 1.253.543.41 0 .736-.08.977-.242.24-.16.417-.377.53-.65h.952a2.195 2.195 0 0 1-.832 1.253c-.425.314-.968.47-1.627.47Zm1.688-3.242v-.253c0-.482-.145-.88-.434-1.194-.281-.313-.671-.47-1.17-.47-.522 0-.944.165-1.265.494-.313.33-.486.804-.518 1.423l-.169-.301h3.712l-.156.3Zm4.61 3.242c-.53 0-.996-.116-1.398-.35a2.456 2.456 0 0 1-.94-1.036c-.217-.45-.325-.988-.325-1.615 0-.61.112-1.141.337-1.591a2.43 2.43 0 0 1 .965-1.025c.418-.24.9-.361 1.446-.361.482 0 .912.116 1.29.35.377.224.623.522.735.891h-.265v-3.58h.964v8.197h-.928v-1.206h.217a1.77 1.77 0 0 1-.76.977c-.361.233-.807.35-1.337.35Zm.085-.855c.563 0 .996-.173 1.302-.519.305-.353.458-.82.458-1.398v-.506c0-.402-.076-.74-.23-1.013a1.42 1.42 0 0 0-.614-.614 1.763 1.763 0 0 0-.88-.218c-.361 0-.683.089-.964.266a1.69 1.69 0 0 0-.639.735 2.71 2.71 0 0 0-.217 1.12c0 .636.157 1.154.47 1.556.322.394.76.59 1.314.59Zm9.185.855c-.675 0-1.225-.144-1.651-.434-.426-.297-.691-.719-.796-1.265h.965c.096.305.265.53.506.675.249.144.583.217 1 .217.434 0 .764-.073.989-.217a.712.712 0 0 0 .349-.627c0-.25-.088-.438-.265-.567-.169-.136-.462-.24-.88-.313l-.747-.133c-.563-.104-.988-.28-1.278-.53-.281-.249-.422-.615-.422-1.097a1.5 1.5 0 0 1 .266-.892c.184-.257.442-.454.771-.59a3.1 3.1 0 0 1 1.169-.205c.659 0 1.186.156 1.579.47.402.305.643.695.723 1.169h-.94a1.195 1.195 0 0 0-.47-.603c-.217-.152-.522-.229-.916-.229-.386 0-.695.08-.928.241a.708.708 0 0 0-.337.615c0 .25.088.434.265.555.176.112.454.2.831.265l.736.132c.618.113 1.064.306 1.338.579.281.273.421.643.421 1.109 0 .337-.088.63-.265.88-.168.249-.422.446-.759.59-.338.137-.755.205-1.254.205Zm3.719-8.317h.964v3.665h-.217c.113-.41.366-.732.759-.965a2.487 2.487 0 0 1 1.302-.361c.45 0 .836.08 1.157.24.33.153.583.386.76.7.177.305.265.679.265 1.12v3.798h-.964V36.9c0-.41-.117-.736-.35-.977-.225-.24-.578-.361-1.061-.361-.466 0-.859.144-1.181.433-.313.282-.47.655-.47 1.121v3.436h-.964v-8.197Zm8.987 8.317c-.787 0-1.422-.257-1.904-.771s-.723-1.254-.723-2.218c0-.643.116-1.19.349-1.64.241-.45.567-.787.977-1.012a2.83 2.83 0 0 1 1.386-.337c.763 0 1.374.24 1.832.723.458.474.687 1.129.687 1.965 0 .265-.004.434-.012.506h-4.46l.169-.217v.06c0 .683.149 1.206.446 1.567.305.362.723.543 1.253.543.41 0 .736-.08.977-.242.241-.16.418-.377.53-.65h.952a2.19 2.19 0 0 1-.831 1.253c-.426.314-.969.47-1.628.47Zm1.688-3.242v-.253c0-.482-.145-.88-.434-1.194-.281-.313-.671-.47-1.169-.47-.523 0-.944.165-1.266.494-.313.33-.486.804-.518 1.423l-.169-.301h3.713l-.157.3Zm4.575 3.242c-.788 0-1.423-.257-1.905-.771s-.723-1.254-.723-2.218c0-.643.116-1.19.349-1.64.242-.45.567-.787.977-1.012.41-.225.872-.337 1.386-.337.763 0 1.374.24 1.832.723.458.474.687 1.129.687 1.965 0 .265-.004.434-.012.506h-4.46l.169-.217v.06c0 .683.149 1.206.446 1.567.305.362.723.543 1.254.543.409 0 .735-.08.976-.242.241-.16.418-.377.53-.65h.953a2.197 2.197 0 0 1-.832 1.253c-.426.314-.968.47-1.627.47Zm1.687-3.242v-.253c0-.482-.145-.88-.434-1.194-.281-.313-.671-.47-1.169-.47-.522 0-.944.165-1.266.494-.313.33-.486.804-.518 1.423l-.169-.301h3.713l-.157.3Zm4.575 3.122c-.498 0-.888-.069-1.169-.205a1.255 1.255 0 0 1-.603-.639c-.113-.29-.169-.671-.169-1.145v-2.88h-1v-.869h1v-1.53h.977v1.53h1.796v.868h-1.796v2.869c0 .402.08.69.241.868.16.176.413.265.759.265h.856v.868h-.892Zm4.82-5.738h.94v1.206h-.217c.112-.41.357-.732.735-.965a2.264 2.264 0 0 1 1.242-.361c.562 0 1.02.132 1.374.398.361.265.586.614.675 1.048h-.277c.104-.45.357-.803.759-1.06a2.453 2.453 0 0 1 1.35-.386c.434 0 .807.08 1.121.24.321.153.566.386.735.7.177.305.265.679.265 1.12v3.798h-.964V36.9c0-.41-.108-.736-.325-.977-.217-.24-.555-.361-1.013-.361-.45 0-.824.144-1.121.433-.297.282-.446.655-.446 1.121v3.436h-.964V36.9c0-.41-.113-.736-.338-.977-.217-.24-.554-.361-1.012-.361-.45 0-.824.144-1.121.433-.289.282-.434.655-.434 1.121v3.436h-.964v-5.738Zm12.49 5.858c-.45 0-.836-.076-1.157-.229a1.68 1.68 0 0 1-.723-.699c-.169-.313-.254-.69-.254-1.133v-3.797h.965v3.653c0 .41.108.735.325.976.225.24.571.361 1.037.361.466 0 .856-.14 1.169-.422.321-.289.482-.666.482-1.133v-3.435h.964v5.738h-.94v-1.206h.193c-.112.41-.37.736-.771.977-.394.233-.824.35-1.29.35Zm6.674 0c-.675 0-1.225-.144-1.651-.434-.426-.297-.691-.719-.796-1.265h.965c.096.305.265.53.506.675.249.144.582.217 1 .217.434 0 .764-.073.989-.217a.712.712 0 0 0 .349-.627c0-.25-.088-.438-.265-.567-.169-.136-.462-.24-.88-.313l-.747-.133c-.563-.104-.989-.28-1.278-.53-.281-.249-.422-.615-.422-1.097 0-.345.089-.643.265-.892.185-.257.442-.454.772-.59a3.096 3.096 0 0 1 1.169-.205c.659 0 1.185.156 1.579.47.402.305.643.695.723 1.169h-.94a1.195 1.195 0 0 0-.47-.603c-.217-.152-.522-.229-.916-.229-.386 0-.695.08-.928.241a.709.709 0 0 0-.338.615c0 .25.089.434.266.555.176.112.454.2.831.265l.735.132c.619.113 1.065.306 1.338.579.282.273.422.643.422 1.109 0 .337-.088.63-.265.88-.169.249-.422.446-.759.59-.338.137-.756.205-1.254.205Zm3.719-5.858h.964v5.738h-.964v-5.738Zm-.157-1.687c0-.193.06-.35.181-.47a.66.66 0 0 1 .47-.181c.185 0 .337.06.458.18.128.121.193.278.193.47 0 .194-.065.35-.193.47a.62.62 0 0 1-.458.182.66.66 0 0 1-.47-.181.634.634 0 0 1-.181-.47Zm5.273 7.545c-.804 0-1.454-.257-1.953-.771-.49-.514-.735-1.254-.735-2.218 0-.65.113-1.197.338-1.64.233-.45.55-.787.952-1.012.41-.225.876-.337 1.398-.337.707 0 1.266.164 1.675.494.418.33.683.767.796 1.314h-.976a1.331 1.331 0 0 0-.495-.687c-.241-.177-.574-.266-1-.266-.362 0-.675.089-.94.266a1.601 1.601 0 0 0-.591.735c-.128.321-.193.7-.193 1.133 0 .65.149 1.17.446 1.555.306.386.732.579 1.278.579.434 0 .767-.085 1-.254.233-.176.394-.413.483-.71h.976c-.113.554-.374.996-.784 1.325-.409.33-.968.494-1.675.494ZM51.664 3.875h3.094v4.95c.3-.469.694-.844 1.181-1.125.488-.3 1.05-.45 1.688-.45h.197c1.106 0 1.95.356 2.531 1.069.581.712.872 1.772.872 3.178V23H58.02V11.89c0-.562-.132-1.003-.394-1.321-.263-.338-.628-.507-1.097-.507h-.169c-.468 0-.834.17-1.097.507-.262.318-.393.76-.393 1.322V23h-3.207V3.875Zm13.89 19.266c-.994 0-1.791-.32-2.391-.957-.581-.656-.872-1.622-.872-2.896V17.15c0-1.219.328-2.137.984-2.756.657-.619 1.491-.928 2.504-.928h.112c.544 0 1.031.103 1.463.309.45.206.778.487.984.844v-2.982c0-1.125-.431-1.687-1.294-1.687h-.112c-.432 0-.76.15-.985.45-.206.3-.31.713-.31 1.237v.675H62.46V11.16c0-1.162.375-2.1 1.125-2.812.769-.731 1.856-1.097 3.262-1.097h.282c1.518 0 2.634.347 3.346 1.04.713.676 1.07 1.698 1.07 3.066V23h-3.038v-1.406c-.694 1.031-1.622 1.547-2.785 1.547h-.168Zm-.17-4.22c0 .507.123.92.366 1.238.244.3.591.45 1.041.45h.14c.45 0 .798-.15 1.041-.45.244-.318.366-.73.366-1.237v-1.406c0-.507-.122-.91-.366-1.21-.243-.319-.59-.478-1.04-.478h-.14c-.47 0-.826.15-1.07.45-.225.3-.337.713-.337 1.238v1.406Zm7.347-15.046h3.206V23h-3.206V3.875Zm7.14 0h3.207V23h-3.206V3.875Zm8.894 19.406c-1.575 0-2.728-.393-3.46-1.181-.73-.806-1.096-1.969-1.096-3.488V11.92c0-3.113 1.556-4.669 4.668-4.669h.197c2.944 0 4.416 1.556 4.416 4.669v4.05h-6.075v2.728c0 .562.122 1.003.366 1.322.243.3.6.45 1.068.45h.113c.469 0 .816-.16 1.04-.478.244-.338.366-.788.366-1.35v-.507h3.122v.479c0 1.48-.366 2.634-1.097 3.459-.712.806-1.819 1.21-3.319 1.21h-.309Zm1.603-9.59v-1.8c0-.563-.122-1.004-.365-1.322-.225-.338-.572-.507-1.041-.507h-.113c-.468 0-.825.17-1.068.507-.244.318-.366.76-.366 1.322v1.8h2.953Zm8.81 9.59c-3.113 0-4.67-1.556-4.67-4.668v-6.694c0-3.113 1.547-4.669 4.641-4.669h.225c3.094 0 4.641 1.556 4.641 4.669v6.694c0 3.112-1.557 4.668-4.669 4.668h-.169Zm-1.463-4.64c0 .562.131 1.012.394 1.35.262.318.628.478 1.096.478h.113c.469 0 .834-.16 1.097-.478.262-.338.393-.788.393-1.35v-6.75c0-.563-.131-1.004-.393-1.322-.263-.338-.628-.507-1.097-.507h-.113c-.468 0-.834.17-1.096.507-.263.318-.394.76-.394 1.322v6.75Zm7.48-11.11h3.094v1.322a3.57 3.57 0 0 1 1.209-1.153 3.2 3.2 0 0 1 1.66-.45h.197c1.106 0 1.95.356 2.531 1.069.581.712.872 1.772.872 3.178V23h-3.206V11.89c0-.562-.132-1.003-.394-1.321-.263-.338-.628-.507-1.097-.507h-.169c-.469 0-.834.17-1.097.507-.262.318-.393.76-.393 1.322V23h-3.207V7.531Zm13.889 15.61c-.993 0-1.79-.32-2.39-.957-.581-.656-.872-1.622-.872-2.896V17.15c0-1.219.328-2.137.984-2.756.657-.619 1.491-.928 2.503-.928h.113c.544 0 1.031.103 1.462.309.45.206.779.487.985.844v-2.982c0-1.125-.431-1.687-1.294-1.687h-.112c-.432 0-.76.15-.985.45-.206.3-.309.713-.309 1.237v.675h-3.178V11.16c0-1.162.375-2.1 1.125-2.812.768-.731 1.856-1.097 3.262-1.097h.281c1.519 0 2.635.347 3.347 1.04.713.676 1.069 1.698 1.069 3.066V23h-3.037v-1.406c-.694 1.031-1.622 1.547-2.785 1.547h-.169Zm-.168-4.22c0 .507.122.92.365 1.238.244.3.591.45 1.041.45h.141c.45 0 .796-.15 1.04-.45.244-.318.366-.73.366-1.237v-1.406c0-.507-.122-.91-.366-1.21-.244-.319-.59-.478-1.04-.478h-.141c-.469 0-.825.15-1.069.45-.225.3-.337.713-.337 1.238v1.406Zm7.346-11.39h3.093v1.997a3.61 3.61 0 0 1 1.069-1.406c.469-.394 1.069-.59 1.8-.59h.619v3.037h-1.097c-.788 0-1.369.168-1.744.506-.356.319-.534.853-.534 1.603V23h-3.206V7.531Zm10.792 15.75c-1.069 0-1.932-.347-2.588-1.04-.637-.713-.956-1.772-.956-3.178v-7.594c0-1.406.319-2.457.956-3.15.656-.713 1.519-1.069 2.588-1.069h.14c.582 0 1.097.15 1.547.45.45.281.788.656 1.013 1.125v-4.95h3.206V23h-3.15v-1.181a3.4 3.4 0 0 1-1.125 1.069c-.431.262-.928.393-1.491.393h-.14Zm-.338-4.64c0 .562.122 1.012.366 1.35.244.318.6.478 1.069.478h.14c.469 0 .825-.16 1.069-.478.244-.338.366-.788.366-1.35v-6.75c0-.563-.122-1.004-.366-1.322-.244-.338-.6-.507-1.069-.507h-.14c-.469 0-.825.17-1.069.507-.244.318-.366.76-.366 1.322v6.75ZM14.505 32.48l2.846-.225v-4.583h2.237v4.402c5.92-.496 12.02-1.06 17.353-1.851V4.755C32.219 8.345-1.063 33.722 14.504 32.48ZM19.587 40.97H36.94v-7.812l-.271.067.271-.135c-2.553.52-7.682 1.603-17.353 3.657v4.223Z"
></path>
<path
fill="#8C8C8F"
d="M19.59 16.718C28.175 9.832 36.535 4.03 36.535 4.03H19.59v11.176h-2.237V4.03H0v36.938h17.353v-3.77l-4.09.857c-23.34 4.968-8.18-9.708 6.327-21.336Z"
></path></svg
></a>
</div>
</div>
</div>
</footer>
<div class="pxHic">
<div class="Q9k0F IrvRZ OfwQR dbVbP bYvyK"></div>
</div>
<div class="t3GVq"><div class="Q9k0F _9g2RI"></div></div>
<div class="_--hZJ"><div class="Q9k0F _1KN6h"></div></div>
</div>
</div>
<script src="./drop_in_the_oceanhtml_files/vendor.48e1ed51086408e3ec53b132287ed7f9.js"></script>
<script src="./drop_in_the_oceanhtml_files/ug~runtime.f92c36bfc50d6a254f2fdb71ef7e0b33.js"></script>
<script src="./drop_in_the_oceanhtml_files/ug.4a286e7d9bb38be8efb8c34f57b26f70.js"></script>
<iframe
name="__tcfapiLocator"
style="display: none"
src="./drop_in_the_oceanhtml_files/saved_resource.html"
></iframe
><iframe
name="__gppLocator"
style="display: none"
src="./drop_in_the_oceanhtml_files/saved_resource(1).html"
></iframe>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": ["MusicRecording", "Article"],
"byArtist": {
"@context": "http://schema.org",
"@type": "MusicGroup",
"name": "Ron Pope",
"url": "https://www.ultimate-guitar.com/artist/ron_pope_23592"
},
"name": "A Drop In The Ocean",
"url": "https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "269",
"bestRating": "5",
"worstRating": "1"
},
"datePublished": "2010-11-17T19:00:01-05:00",
"dateModified": "2024-02-16T10:21:13-05:00",
"commentCount": "21",
"comment": [
{
"@type": "Comment",
"comment": "What is the strumming pattern for this song?",
"url": "https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#4910030",
"datePublished": "2015-02-25",
"author": {
"@type": "Person",
"name": "HaidynRain",
"url": "https://www.ultimate-guitar.com/u/HaidynRain",
"image": "https://tabs.ultimate-guitar.com/static/users/0/8/2/8888280.gif?d=d"
}
},
{
"@type": "Comment",
"comment": "Does anyone know what the strumming pattern is?",
"url": "https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#4897907",
"datePublished": "2014-12-31",
"author": {
"@type": "Person",
"name": "DreamingOn",
"url": "https://www.ultimate-guitar.com/u/DreamingOn",
"image": "https://tabs.ultimate-guitar.com/static/users/0/6/1/8532160.gif?d=d"
}
},
{
"@type": "Comment",
"comment": "capo on 2 isnt it?",
"url": "https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711#4919121",
"datePublished": "2015-04-07",
"author": {
"@type": "Person",
"name": "haomri",
"url": "https://www.ultimate-guitar.com/u/haomri",
"image": "https://tabs.ultimate-guitar.com/static/users/6/3/3/3647336.gif?d=d"
}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "MusicComposition",
"url": "https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711",
"name": "Ron Pope - A Drop In The Ocean (chords)",
"text": "Difficulty: Absolute beginner Tuning: E A D G B E Capo: no capo",
"composer": {
"@type": "Person",
"name": "Ron Pope"
},
"datePublished": "2010-11-17T19:00:01-05:00",
"dateModified": "2024-02-16T10:21:13-05:00",
"commentCount": 21
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CreativeWork",
"name": "A Drop In The Ocean"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.ultimate-guitar.com/bands/r.htm",
"name": "R"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://www.ultimate-guitar.com/artist/ron_pope_23592",
"name": "Ron Pope"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://tabs.ultimate-guitar.com/tab/ron-pope/a-drop-in-the-ocean-chords-1004711",
"name": "A Drop In The Ocean Chords"
}
}
]
}
</script>
<style>
.hide-seo-text {
font-size: 0;
}
</style>
<script>
(function () {
function c() {
var b = a.contentDocument || a.contentWindow.document;
if (b) {
var d = b.createElement("script");
d.innerHTML =
"window.__CF$cv$params={r:'a199ebf5ebad5f09',t:'MTc4Mzc5NTA3MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
b.getElementsByTagName("head")[0].appendChild(d);
}
}
if (document.body) {
var a = document.createElement("iframe");
a.height = 1;
a.width = 1;
a.style.position = "absolute";
a.style.top = 0;
a.style.left = 0;
a.style.border = "none";
a.style.visibility = "hidden";
document.body.appendChild(a);
if ("loading" !== document.readyState) c();
else if (window.addEventListener)
document.addEventListener("DOMContentLoaded", c);
else {
var e = document.onreadystatechange || function () {};
document.onreadystatechange = function (b) {
e(b);
"loading" !== document.readyState &&
((document.onreadystatechange = e), c());
};
}
}
})();
</script>
<iframe
height="1"
width="1"
style="
position: absolute;
top: 0px;
left: 0px;
border-width: medium;
border-style: none;
border-color: currentcolor;
border-image: none;
visibility: hidden;
"
src="./drop_in_the_oceanhtml_files/saved_resource(2).html"
></iframe>
<div id="synofoto-browser-extension-loaded"></div>
</body>
</html>