@font-face{font-family:"caneuon";src:local("RhiannonsFontWelsh"),url("/user/themes/peniarth/font/RhiannonsFontWelsh.ttf") format("TrueType")}:root{--c-aaa: rgb(170, 170, 170);--c-ccc: rgb(204, 204, 204);--c-coral: rgb(254, 89, 100);--c-darkBlue: rgb(56, 97, 139);--c-darkGrey: rgb(68, 68, 68);--c-eee: rgb(238, 238, 238);--c-highlight: rgba(255,255,255,0.75);--c-lightBlue: rgb(160, 236, 227);--c-lime: rgb(186, 211, 41);--c-mauve: rgb(201, 21, 81);--c-midBlue: rgb(31, 197, 219);--c-midBlueBackdrop: rgb(149, 221, 249);--c-mustard: rgb(247, 189, 5);--c-mustardBackdrop: rgb(253, 244, 214);--c-mustardButton: rgb(255, 188, 8);--c-offWhite: rgb(254, 254, 254);--c-orange: rgb(252, 124, 20);--c-purple: rgb(218, 133, 241);--c-red: rgb(240, 54, 59);--c-shade: rgba(30,30,40,0.3);--c-tealBackdrop: rgb(139, 233, 206);--c-tealGreen: rgb(6, 213, 159);--c-yellow: rgb(254, 230, 76);--body-bg: #5B5B66;--anim-duration: 250ms;--controls-gutter: 3.4em;--controls-border-width: 0.2em}body{--bs-body-font-family: "caneuon", ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;min-height:calc(100vh);background:var(--body-bg)}.bg-cc-aaa{background-color:var(--c-aaa)}.bg-cc-ccc{background-color:var(--c-ccc)}.bg-cc-coral{background-color:var(--c-coral)}.bg-cc-darkBlue{background-color:var(--c-darkBlue)}.bg-cc-darkGrey{background-color:var(--c-darkGrey)}.bg-cc-eee{background-color:var(--c-eee)}.bg-cc-lightBlue{background-color:var(--c-lightBlue)}.bg-cc-lime{background-color:var(--c-lime)}.bg-cc-mauve{background-color:var(--c-mauve)}.bg-cc-midBlue{background-color:var(--c-midBlue)}.bg-cc-midBlueBackdrop{background-color:var(--c-midBlueBackdrop)}.bg-cc-mustard{background-color:var(--c-mustard)}.bg-cc-mustardBackdrop{background-color:var(--c-mustardBackdrop)}.bg-cc-mustardButton{background-color:var(--c-mustardButton)}.bg-cc-offWhite{background-color:var(--c-offWhite)}.bg-cc-orange{background-color:var(--c-orange)}.bg-cc-purple{background-color:var(--c-purple)}.bg-cc-red{background-color:var(--c-red)}.bg-cc-tealBackdrop{background-color:var(--c-tealBackdrop)}.bg-cc-tealGreen{background-color:var(--c-tealGreen)}.bg-cc-yellow{background-color:var(--c-yellow)}.text-cc-aaa{color:var(--c-aaa)}.text-cc-ccc{color:var(--c-ccc)}.text-cc-coral{color:var(--c-coral)}.text-cc-darkBlue{color:var(--c-darkBlue)}.text-cc-darkGrey{color:var(--c-darkGrey)}.text-cc-eee{color:var(--c-eee)}.text-cc-lightBlue{color:var(--c-lightBlue)}.text-cc-lime{color:var(--c-lime)}.text-cc-mauve{color:var(--c-mauve)}.text-cc-midBlue{color:var(--c-midBlue)}.text-cc-midBlueBackdrop{color:var(--c-midBlueBackdrop)}.text-cc-mustard{color:var(--c-mustard)}.text-cc-mustardBackdrop{color:var(--c-mustardBackdrop)}.text-cc-mustardButton{color:var(--c-mustardButton)}.text-cc-offWhite{color:var(--c-offWhite)}.text-cc-orange{color:var(--c-orange)}.text-cc-purple{color:var(--c-purple)}.text-cc-red{color:var(--c-red)}.text-cc-tealBackdrop{color:var(--c-tealBackdrop)}.text-cc-tealGreen{color:var(--c-tealGreen)}.text-cc-yellow{color:var(--c-yellow)}#app{height:100svh;width:100svw;font-size:2.8vw}@media (min-aspect-ratio: 16 / 9){#app{font-size:5vh}#app #scenes{width:auto !important;height:100svh;background-color:black}}#app .cc-1{--c-caneuon-title: var(--c-mustardButton);--c-caneuon-backdrop: var(--c-mustardButton);--c-caneuon-list: var(--c-midBlue);--c-caneuon-button-color: var(--c-offWhite);--c-traddodiadol-title: var(--c-coral);--c-traddodiadol-backdrop: var(--c-coral);--c-traddodiadol-list: var(--c-tealGreen);--c-traddodiadol-button-color: var(--c-offWhite);--c-rhigymau-title: var(--c-orange);--c-rhigymau-backdrop: var(--c-orange);--c-rhigymau-list: var(--c-purple);--c-rhigymau-button-color: var(--c-offWhite)}#app .cc-1 .hide-on-cc-1{display:none !important}#app .cc-2{--c-caneuon-title: var(--c-mustardButton);--c-caneuon-backdrop: var(--c-mustardButton);--c-caneuon-list: var(--c-midBlue);--c-caneuon-button-color: var(--c-offWhite);--c-traddodiadol-title: var(--c-coral);--c-traddodiadol-backdrop: var(--c-coral);--c-traddodiadol-list: var(--c-tealGreen);--c-traddodiadol-button-color: var(--c-offWhite);--c-rhigymau-title: var(--c-orange);--c-rhigymau-backdrop: var(--c-orange);--c-rhigymau-list: var(--c-purple);--c-rhigymau-button-color: var(--c-offWhite)}#app .cc-2 .hide-on-cc-2{display:none !important}#app .cc-bg{width:100%;position:absolute;z-index:0}#app a{position:relative;z-index:1}#app .scene{position:absolute;inset:0;z-index:0}#app .centered-items{display:flex;justify-content:center;align-items:center}#app #scenes{position:relative;width:100svw;aspect-ratio:16/9;overflow:hidden}#app #scenes .title-bar{position:absolute;top:0;width:100%;display:flex;align-items:center;padding:0.5em;font-size:1.3em;background-color:var(--c-title-bg)}#app #scenes .title-bar a{color:inherit;width:1.6em;height:1.6em;background-color:var(--c-title-color);color:var(--c-title-bg);border-radius:2em;display:flex;justify-content:center;align-items:center;text-decoration:none}#app #scenes .title-bar a:hover,#app #scenes .title-bar a:focus{scale:1.1}#app #scenes #home{gap:15%}#app #scenes #home .cc-logo-btn{width:350px;max-width:calc(45% - 15%)}#app #scenes #home .cc-logo-btn:hover,#app #scenes #home .cc-logo-btn:focus{scale:1.1}#app #scenes #home .cc-logo-btn img{width:100%}#app #scenes .cc-book .title-bar a{--c-title-color: var(--c-offWhite);--c-title-bg: var(--c-darkGrey)}#app #scenes .cc-book .set-buttons{position:absolute;top:65%;width:100%;display:flex;justify-content:center;gap:3em;font-size:0.8em}#app #scenes .cc-book .set-buttons .cc-set-btn{border-radius:1em;text-decoration:none;padding:0.4em 2em 0.3em}#app #scenes .cc-book .set-buttons .cc-set-btn.btn-caneuon{background-color:var(--c-caneuon-title);color:var(--c-caneuon-button-color)}#app #scenes .cc-book .set-buttons .cc-set-btn.btn-traddodiadol{background-color:var(--c-traddodiadol-title);color:var(--c-traddodiadol-button-color)}#app #scenes .cc-book .set-buttons .cc-set-btn.btn-rhigymau{background-color:var(--c-rhigymau-title);color:var(--c-rhigymau-button-color)}#app #scenes .cc-book .set-buttons .cc-set-btn:hover,#app #scenes .cc-book .set-buttons .cc-set-btn:focus{scale:1.1}#app #scenes .cc-set{background-image:linear-gradient(to right, var(--c-highlight), var(--c-highlight)),linear-gradient(to right, var(--c-set-background), var(--c-set-background))}#app #scenes .cc-set[data-type="caneuon"]{--c-set-title: var(--c-caneuon-title);--c-title-bg: var(--c-caneuon-title);--c-title-color: var(--c-caneuon-button-color);--c-set-background: var(--c-caneuon-backdrop);--c-song-list: var(--c-caneuon-list)}#app #scenes .cc-set[data-type="caneuon"] .cc-set-img-traddodiadol,#app #scenes .cc-set[data-type="caneuon"] .cc-set-img-rhigymau{display:none}#app #scenes .cc-set[data-type="traddodiadol"]{--c-set-title: var(--c-traddodiadol-title);--c-title-bg: var(--c-traddodiadol-title);--c-title-color: var(--c-traddodiadol-button-color);--c-set-background: var(--c-traddodiadol-backdrop);--c-song-list: var(--c-traddodiadol-list)}#app #scenes .cc-set[data-type="traddodiadol"] .cc-set-img-caneuon,#app #scenes .cc-set[data-type="traddodiadol"] .cc-set-img-rhigymau{display:none}#app #scenes .cc-set[data-type="rhigymau"]{--c-set-title: var(--c-rhigymau-title);--c-title-bg: var(--c-rhigymau-title);--c-title-color: var(--c-rhigymau-button-color);--c-set-background: var(--c-rhigymau-backdrop);--c-song-list: var(--c-rhigymau-list)}#app #scenes .cc-set[data-type="rhigymau"] .cc-set-img-traddodiadol,#app #scenes .cc-set[data-type="rhigymau"] .cc-set-img-caneuon{display:none}#app #scenes .cc-set .cc-set-img{pointer-events:none}#app #scenes .cc-set .songs-list-box{background:var(--c-song-list);position:absolute;z-index:0;left:50%;transform:translateX(-50%);top:32.6%;width:50%;height:58.4%}#app #scenes .cc-set .songs-list-box ul{overflow-y:scroll;width:100%;height:100%;list-style:none;margin:0;padding:0;box-shadow:inset 0 0.3em 2em 0 var(--c-shade)}#app #scenes .cc-set .songs-list-box ul li{color:var(--c-title-color);border-bottom:0.1em solid var(--c-highlight);overflow:hidden}#app #scenes .cc-set .songs-list-box ul li a{display:block;color:inherit;text-decoration:none;padding:0.5em 2.5em 0.5em 4em;transition:transform var(--anim-duration) ease-in-out}#app #scenes .cc-set .songs-list-box ul li a:hover,#app #scenes .cc-set .songs-list-box ul li a:focus{transform:translateX(0.75em)}#app #scenes .cc-set .songs-list-box ul li a i{margin-left:-1.6em}#app #scenes .cc-set .songs-list-box ul li a span{vertical-align:middle}#app #scenes #song .media{position:absolute;top:0;left:0;width:calc(100% - var(--controls-gutter));height:100%;padding:0.5em;display:flex;align-items:center}#app #scenes #song .media #song-video{max-width:100%;border-radius:0.6em}#app #scenes #song .controls{position:absolute;top:0;right:0;width:var(--controls-gutter);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:0.5em}#app #scenes #song .controls .player-control{height:3em;width:var(--controls-gutter);border:var(--controls-border-width) solid var(--c-midBlue);border-right:none;background-color:var(--c-darkBlue);border-top-left-radius:10em;border-bottom-left-radius:10em;color:inherit;text-align:left;padding:0;padding-left:0.75em;display:flex;align-items:center;text-decoration:none;box-shadow:0 0 0 calc(0.5 * var(--controls-border-width)) var(--c-offWhite)}#app #scenes #song .controls .player-control.hide{display:none}#app #scenes #song .controls .player-control:hover,#app #scenes #song .controls .player-control:focus{scale:1.1}#app #scenes #song .controls .player-control[data-togglestate="1"] [data-off-when-toggle-state="1"]{display:none}#app #scenes #song .controls .player-control[data-togglestate="0"] [data-off-when-toggle-state="0"]{display:none}#app #scenes #song .controls .player-control i{font-size:1.5em;width:1em;height:1em}#app #scenes #loading-overlay .cc-sun{height:500px;max-height:50%}#app #scenes #loading-overlay .loading-text,#app #scenes #loading-overlay #audioTriggerButtonBox{padding:0.3em}#app #scenes #loading-overlay #audioTriggerButton{border:var(--controls-border-width) solid var(--c-midBlue);background-color:var(--c-darkBlue);border-radius:10em;color:var(--c-offWhite);padding:0.75em;display:flex;align-items:center;text-decoration:none;box-shadow:0 0 0 calc(0.5 * var(--controls-border-width)) var(--c-offWhite)}#app #scenes #loading-overlay #audioTriggerButton[disabled]{opacity:0}#app #scenes #loading-overlay #loading-progress{position:absolute;bottom:0;left:0;height:5px;width:0%;transition:width var(--anim-duration) ease-in-out;background-color:var(--c-darkBlue)}@media (prefers-reduced-motion){:root{--anim-duration: 0ms}}