/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{box-sizing:border-box;font-size:10px;overflow-y:scroll;&.no-scroll{overflow-y:hidden!important}&:focus-within{scroll-behavior:smooth}}*{box-sizing:inherit;-webkit-tap-highlight-color:transparent;position:relative;&:before,&:after{box-sizing:inherit}&:focus-visible{outline-offset:5px;outline:1px solid #fff}}body{-webkit-text-size-adjust:none;color:#000;text-align:left;text-rendering:optimizespeed;background-color:#fff;min-height:100vh;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.2rem;& .no-scroll{overflow:hidden}& a{text-decoration:none;& ::link{-webkit-tap-highlight-color:#900090}}& ::selection,& ::-moz-selection{color:#fff;text-shadow:none;background:#0070fc}& ::selection,& ::selection{color:#fff;text-shadow:none;background:#0070fc}}.clear:before,.clear:after{content:" ";height:0;display:block;overflow:hidden}.clear:after{clear:both}.clear{zoom:1}sub,sup{font-size:75%;line-height:0;position:relative}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}input[type=radio],input.radio{vertical-align:text-bottom}input[type=checkbox],input.checkbox,.checkboxes input{vertical-align:bottom}label,input[type=button],input[type=submit],input[type=image],button,.btn{cursor:pointer}button,input,select,textarea{font:inherit;margin:0}button{cursor:pointer;width:auto;overflow:visible}.hidden{visibility:hidden;display:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{color:#000;background-color:#ff9;text-decoration:none}mark{color:#000;background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}input,select{vertical-align:middle}a:hover,a:active{outline:none}.content ul,.content ol{margin-left:2em}ol{list-style-type:decimal}ul li{list-style-type:none}nav ul,nav li{margin:0;list-style:none}strong,b,th{font-weight:700}img,picture{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}a{color:inherit;background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-results-button,[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)format("woff2");unicode-range:"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)format("woff2");unicode-range:"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format("woff2");unicode-range:"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2)format("woff2");unicode-range:"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)format("woff2");unicode-range:"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)format("woff2");unicode-range:"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"}h1,.h1,h2,.h2,h3,.h3{letter-spacing:-.15rem;font-weight:700}h1,.h1{letter-spacing:-.48px;margin:0 0 4rem;font-size:4.8rem;line-height:4.8rem;@media screen and (width>=900px){&{letter-spacing:-1.1px;margin:0 0 8rem;font-size:11rem;line-height:11rem}}}h2,.h2{font-size:3.6rem;line-height:42.48px}h3,.h3{letter-spacing:-.05rem;font-size:2rem;line-height:23.6px}:root{color-scheme:light dark;--color-fg:#000;--color-bg:#fff;--tamata-red:#e95042;--color-grey5s:#555;--grad-red:linear-gradient(180deg,var(--tamata-red)0%,#b22418 100%);--transition-speed:.333s;--off-screen:-999em;--bpTabletPortraitUp:600px;--bpTabletLandscapeUp:900px;--bpDesktopUp:1200px;--header-height:7rem;@media screen and (width>=900px){&{--header-height:12rem}}}:root.darkmode{--color-fg:#fff;--color-bg:#000}@media (prefers-color-scheme:dark){:root{--color-fg:#fff;--color-bg:#000}}header{height:var(--header-height);z-index:2;border-bottom:1px solid #fff3;&>.flex{justify-content:space-between;align-items:center;height:100%}& .logo{z-index:1;padding:1.5rem 0;& img{height:auto;&+img{display:none}}@media screen and (width>=900px){&{display:inline-block}& img{display:none;&+img{display:block}}}}& .nav__wrapper{transition:top var(--transition-speed);grid-template-rows:1fr auto;position:fixed;inset:-100% 0 auto;& ul{align-self:center}& li{display:block;& a{color:var(--color-fg);letter-spacing:-.5px;padding:0 2rem;font-size:1.6rem;line-height:5.4rem;text-decoration:none;display:block;&:after{content:"";border:1px solid #fff;border-width:1px 1px 0 0;width:10px;height:10px;position:absolute;top:22px;right:22px;rotate:45deg}}}& .search__toggle{display:none}@media screen and (width>=900px){&{justify-content:space-between;align-items:center;padding:0;display:flex;position:relative;inset:auto}& li{display:inline-block;& a{border-block:1px solid #0000;padding:1.5rem;font-size:1.8rem;line-height:2.148rem;display:flex;&:after{display:none}}&.current a{border-bottom-color:var(--color-fg)}}& .search__toggle{display:flex}&+.search__toggle{display:none}& .btn__wrap{order:3}}@media screen and (width>=1200px){& li{& a{margin:1.1rem 3rem;padding:1rem 0}}}@media screen and (width>=1440px){&{width:80%;max-width:1200px}}}}.menu__toggle{color:var(--color-fg);z-index:1;background-color:#0000;border:none;padding:24px 0 0;font-size:1.4rem;display:block;top:2px;& span:before,&:before,&:after{background-color:var(--color-fg);content:"";transition:transform var(--transition-speed);width:30px;height:3px;display:block;position:absolute;top:0;left:3px}& span:before{top:-15.5px}&:after{top:16px}&:active,&:focus,&:hover{color:var(--color-fg);text-decoration:none}@media screen and (width>=900px){&{display:none}}}.nav--open{& .nav__wrapper{background-color:var(--color-bg);padding:7rem 0 20px;top:0;& ul{margin:30px 0 0}}& .menu__toggle{&:before{top:8px;transform:rotate(135deg)}& span:before{opacity:0}&:after{top:8px;transform:rotate(-135deg)}}& .btn__wrap{& .btn{margin:3rem 0}}& .lang-toggle{margin-left:2rem}}.btn__wrap{padding:0 2rem;& .btn{display:block}@media screen and (width>=900px){&{padding:0}& .btn{padding:1rem 2rem;font-size:1.6rem}}@media screen and (width>=1200px){& .btn{padding:2rem 4rem;font-size:2rem}}}body{--side-pad:20px;--vertical-pad:40px;--max-content-width:560px;background-color:var(--color-bg);color:var(--color-fg);-webkit-text-size-adjust:none;grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";margin:0;display:grid}header{padding-inline:var(--side-pad);grid-area:header}main{grid-area:main}footer{padding-inline:var(--side-pad);grid-area:footer}.has-grid{grid-template-columns:var(--side-pad)1fr var(--side-pad);display:grid;& .wrapper{padding:var(--vertical-pad)0;grid-column-start:2;&.wrapper--full{grid-column:1/4}&.wrapper--overflow{grid-column-end:4;& .cover-list{padding-bottom:1.5rem;padding-right:2rem;@media screen and (width>=900px){&{padding-bottom:3rem}}}}&.wrapper--npb{padding-bottom:0}}@media screen and (width>=900px){&{--max-content-width:860px;--side-pad:calc((100% - var(--max-content-width))/2);--vertical-pad:80px}}@media screen and (width>=1200px){&{--max-content-width:1140px}}@media screen and (width>=1440px){&{--max-content-width:1360px}}}footer{padding-block:4rem 2.5rem;& .grid{grid-template-columns:1fr;grid-column-start:2;width:100%;@media screen and (width>=900px){&{grid-template-columns:1fr 1fr}}}@media screen and (width>=1200px){&{padding-top:10rem}}}.footer__left{@media screen and (width>=900px){&{order:2}}}.footer__right{text-align:center;padding-bottom:4rem;& p{margin-bottom:3rem}& li{display:inline-block;&+li{margin-left:3rem}& img{width:75px}}@media screen and (width>=900px){&{text-align:left}& p{letter-spacing:-.18px;opacity:.5;font-size:18px;font-weight:300}& img{width:110px}}}.footer__links{border-top:1px solid #ffffff1a;margin-bottom:6rem;& .footer__links-title{color:var(--color-fg);font-size:1.6rem;font-weight:300;line-height:6rem;&:after{border:1px solid var(--color-fg);content:"";transition:transform var(--transition-speed);border-width:1px 0 0 1px;width:12px;height:12px;position:absolute;top:20px;right:0;rotate:45deg}}& ul{border-bottom:1px solid #ffffff1a;height:auto;padding-bottom:1rem;& li a{color:var(--color-fg);margin-bottom:1rem;font-size:1.6rem;display:inline-block;&:hover{text-decoration:underline}}&.h--fixed{height:6rem;& .footer__links-title:after{transform:rotate(180deg)}& a{opacity:0;pointer-events:none}}}@media screen and (width>=900px){&{border-top:0;grid-template-columns:1fr 1fr 1fr;margin-bottom:16rem;display:grid}& .footer__links-title{opacity:.5;font-size:1.8rem;line-height:4rem;&:after{display:none}}& ul{border-bottom:0;& li a{font-size:1.8rem;line-height:2.07rem}&.h--fixed{height:auto;& a{opacity:1;pointer-events:all}}}}@media screen and (width>=1200px){& li{line-height:4rem}}}.legal-wrap{flex-direction:column;grid-column-start:2;justify-content:space-between;display:flex;& p,& a{color:var(--color-fg);opacity:.5;text-align:center;font-size:1.3rem;line-height:15.34px}& nav{text-align:center}@media screen and (width>=600px){&{margin-bottom:2.5rem}}@media screen and (width>=900px){&{flex-direction:row;align-items:center}& p,& a{font-size:1.6rem;line-height:21.25px}}}.legal{display:inline-block;& li{text-align:right;display:inline-block;&+li{margin-left:1rem;padding-left:1rem;&:after{content:"";inset-block:4px;background:#ffffff80;width:1px;display:block;position:absolute;left:-2px}}& a:hover{text-decoration:underline}}@media screen and (width>=600px){& li+li{margin-left:2rem;padding-left:2rem}}}audio::-webkit-media-controls-enclosure{background-color:#0000004d;border:1px solid #e950424d;border-radius:5px}audio::-webkit-media-controls-play-button{background-color:var(--tamata-red);border-radius:50%;margin-right:1rem}audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-current-time-display{color:#fff}audio::-webkit-media-controls-mute-button{background-image:url(/_resources/themes/tamata/images/speaker.svg)}audio{width:100%;margin:2rem auto 0;@media screen and (width>=900px){&{width:40vw;margin:4rem 0 0}}@media screen and (width>=1200px){&{width:25vw}}}.background{left:0;right:0;top:calc(var(--header-height)*-1);background-image:url(/_resources/themes/tamata/images/bg.png);background-position:100% 100%;background-size:cover;height:600px;position:absolute;@media screen and (width>=900px){&{height:56.25vw;min-height:840px;max-height:100vh}}}.btn{color:var(--color-bg);text-align:center;transition:var(--transition-speed)all;z-index:1;background:0 0;border:1px solid #0000;border-radius:5px;padding:1rem 2rem;font-size:1.5rem;line-height:17.7px;position:relative;overflow:hidden;&:before{background-image:var(--grad-red);content:"";opacity:1;transition:var(--transition-speed)opacity;z-index:-1;width:100%;height:100%;position:absolute;inset:0}@media screen and (width>=600px){&{padding:2rem 4rem;font-size:2rem;line-height:2.4rem}}&.btn--hollow,&:active,&:hover{border-color:var(--tamata-red);color:var(--tamata-red);&:before{opacity:0}}}.ConnectPage main{& .flex{flex-direction:column;& .contact-info{border-top:1px solid #333;margin-top:4rem;padding-top:4rem}& .frm,& .element{border-top:1px solid #fff3;padding-top:4rem}@media screen and (width>=900px){&{flex-direction:row;gap:9.19118%}& .flex__left{flex-basis:57.7206%}& .flex__right{flex-basis:32.3529%}& .frm,& .element{padding-top:6rem}& .contact-info{border-top:0;margin-top:0;padding-top:0}}}& .contact-info{& .email,& address{color:var(--color-fg);margin-bottom:5rem;font-style:normal;line-height:28px;display:block;@media screen and (width>=900px){&{font-size:20px;line-height:36px}}}& a{&:hover{text-decoration:underline}}& p{color:var(--color-fg);letter-spacing:-.01em;opacity:.5;margin-bottom:1.5rem;font-size:18px;font-weight:300;line-height:21.24px}}}.social{& li{display:inline-block;&+li{margin-left:1.6rem}}& a:has(img){background-color:var(--color-fg);transition:box-shadow var(--transition-speed);border-radius:50%;width:4rem;height:4rem;display:flex;& img{height:auto;margin:auto}&:hover{box-shadow:0 0 8px var(--color-fg)}}}.Page .dnadesign__elemental__models__elementcontent{border-top:1px solid #fff3;padding:4rem 0;& .content-element__title{letter-spacing:-.24px;margin-bottom:3rem;font-size:2.4rem;line-height:normal}@media screen and (width>=900px){&{padding:8rem 0}& .content-element__title{letter-spacing:-.36px;font-size:3.6rem;line-height:42px}& .content-element__content{grid-template-columns:1fr 3fr;gap:50px;display:grid}}@media screen and (width>=1200px){& .content-element__content{gap:100px}}@media screen and (width>=1440px){& .content-element__content{gap:150px}}}.content-element__content{& p{font-size:1.6rem;font-weight:300;line-height:2.4rem;@media screen and (width>=900px){&{font-size:2rem;line-height:3.6rem}}&+p{margin-top:1em}}& ul,& ol{list-style:initial}}.cover-list{gap:2.5rem;margin:-1rem 0 0 -1rem;padding:1rem 0 0 1rem;display:flex;overflow-x:auto;&::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:1rem}&::-webkit-scrollbar-track{background:0 0}&::-webkit-scrollbar{height:1rem}@media screen and (width>=1200px){&.cover-list--composers{gap:6rem}}}.cover{flex:0 0 130px;& picture{aspect-ratio:1;border-radius:1.5rem;margin-bottom:1.5rem;overflow:hidden;&>*{object-fit:cover;object-position:center;transition:scale var(--transition-speed)}}&:hover picture img{scale:1.05}& h3,& .h3{color:var(--color-fg);margin-bottom:5px;font-size:1.4rem;line-height:normal}& p{color:var(--color-fg);opacity:.5;font-size:1.3rem;font-weight:300;line-height:1.8rem}& a{display:inline-block;&:hover{border-radius:5px}}&.composer{max-width:250px;& picture{aspect-ratio:1;border-radius:50%;margin-bottom:2rem}& h3,& .h3{text-align:center}}@media screen and (width>=900px){&{flex-basis:315px}& picture,&.composer picture{max-height:315px;margin-bottom:3rem}& h3,& .h3{margin-bottom:1.5rem;font-size:2rem}& p{font-size:1.8rem}}}.filters{margin:0 0 2rem;& .flex{flex-wrap:wrap}@media screen and (width>=900px){&{margin:0 0 4rem}& .flex{width:50%;&+.flex{margin-left:auto}}}}.filter__toggles{gap:1rem;margin:0 0 2rem;display:flex;@media screen and (width>=600px){&{justify-content:space-between}& .filter__toggle{flex:0 0 200px}}}.filter__toggle{color:var(--color-fg);letter-spacing:.3px;text-align:left;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #fff3;flex:1 0 calc(50% - 1rem);height:28px;font-size:1rem;line-height:normal;&:after{border:1px solid var(--color-fg);content:"";transition:transform var(--transition-speed);border-width:0 1px 1px 0;width:8px;height:8px;position:absolute;top:7px;right:2px;rotate:45deg}&.active{border-color:var(--color-fg);&:after{top:12px;transform:rotate(180deg)}}@media screen and (width>=900px){&{font-size:1.2rem}}}.sort-by{justify-content:right;gap:1rem;display:flex}.userform-fields{& .form-step>.field{width:100%;&+.field{margin-top:2.8rem}& span.error{color:var(--tamata-red);font-size:1.4rem;top:7px}& textarea+span.error{top:-3px}}& input,& textarea{border:1px solid var(--color-grey5s);color:var(--color-fg);background:0 0;border-radius:1rem;width:100%;height:5rem;padding:0 2rem;font-size:1.8rem;&.error{border-color:var(--tamata-red)}}& label{display:none}& textarea{resize:none;height:20rem;padding:2rem;line-height:1.5rem}}.btn-toolbar{margin-top:2.8rem}.genre-list{width:calc(100vw - (2*var(--side-pad)));grid-template-columns:1fr 1fr;gap:1rem;display:grid;@media screen and (width>=600px){&{grid-template-columns:1fr 1fr 1fr;gap:2rem;width:100%}}@media screen and (width>=1440px){&{grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem}}}.genres{flex-wrap:wrap;gap:1rem;display:flex}.genre{max-width:300px;display:block;& picture{border-radius:1.5rem;overflow:hidden;&>*{object-fit:cover;object-position:center;transition:scale var(--transition-speed)}&:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:50% 0 0}}&:hover picture img{scale:1.05}& h3,& .h3{color:var(--color-fg);margin:0;font-size:1.5rem;line-height:17.7px;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}@media screen and (width>=900px){& h3,& .h3{font-size:2rem;line-height:23.6px;bottom:2.5rem;left:2.5rem;right:2.5rem}}}.genre__tag{color:var(--color-fg);letter-spacing:.03em;text-align:center;text-transform:uppercase;border:1px solid #fff3;border-radius:5rem;width:max-content;margin-bottom:4px;padding:4px 14px;font-size:.9rem;line-height:13px;display:block;@media screen and (width>=900px){&{padding:7px 14px;font-size:1.1rem}}&.active{background-color:var(--tamata-red);color:var(--color-bg)}}.jumplinks{gap:1rem;margin:0 0 5rem;display:flex}.lang-toggle{border:1px solid #fff3;border-radius:50px;height:36px;padding:3px;display:inline-block;& a,& span{color:var(--color-fg);letter-spacing:.33px;text-align:center;text-transform:uppercase;padding:8px 4px;font-size:1.1rem;line-height:normal;display:inline-block}& a{text-decoration:none;&:has(+span){margin-left:5px}}& span{background:var(--color-fg);color:var(--color-bg);border-radius:50px;min-width:57px;&+a{margin-right:5px}}}.lyrics{& p{margin-bottom:3rem;font-size:1.8rem;font-weight:300;line-height:2.8rem;&.hoverable{margin-left:-1rem;padding:0 3rem 0 1rem;&:before,&:after{background:var(--tamata-red);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:8px;right:.5rem}&:after{border:1px var(--tamata-red)solid;background:0 0;animation:2s infinite pulse}}@media screen and (width>=900px){&{max-width:50%;font-size:2.4rem;line-height:4rem}&.hoverable{width:max-content;&:before,&:after{top:14px}&:hover{background-image:var(--grad-red);color:var(--color-bg);text-shadow:none;&:before,&:after{animation-play-state:paused}}}}}}.lyric--pb{margin-bottom:1em}.lyrics__explainer{--explainer-bg:#5553;background-color:var(--explainer-bg);color:#ffffff80;opacity:0;border-radius:10px;width:100%;margin-block:2rem;padding:1rem 2rem;position:absolute;& p{max-width:none;margin-bottom:0}&.open{opacity:1;position:relative}&:before{border:15px solid #0000;border-bottom-color:var(--explainer-bg);content:"";width:30px;height:30px;position:absolute;top:-30px;left:15px}@media screen and (width>=900px){&{--offset-top:0px;right:0;top:calc(var(--offset-top) - 15px);transition:opacity var(--transition-speed);width:47%;margin-block:0;padding:3rem}&.open{position:absolute}&:before{border-bottom-color:#0000;border-right-color:var(--explainer-bg);top:15px;left:-30px}}}.lyrics__wrapper{border-top:1px solid #fff3;padding-top:4rem;& h2,& .h2{color:#ffffff80;letter-spacing:.33px;text-transform:uppercase;margin-bottom:2rem;font-size:1.1rem;font-style:normal;line-height:normal}@media screen and (width>=900px){&{padding-top:6rem}}}@keyframes pulse{0%{opacity:1;scale:1}to{opacity:0;scale:2.5}}.masthead{flex-direction:column;& .flex{justify-content:center;gap:1.5rem}& .h1,& p{color:var(--color-fg);margin-bottom:2rem}& .h1{letter-spacing:-.52px;text-align:center;max-width:640px;font-size:5.2rem;line-height:48px}& p{text-align:center;opacity:.7;max-width:720px;font-size:1.6rem;font-weight:300;line-height:24px;&.masthead__preheading{letter-spacing:1px;opacity:1;text-transform:uppercase;margin-bottom:0;font-size:1rem;line-height:28px}}@media screen and (width>=600px){& .flex{gap:3rem;justify-content:initial}& .h1{text-align:initial;font-size:7rem;line-height:7rem}& p{text-align:initial;font-size:2rem;line-height:3.2rem}}@media screen and (width>=900px){&{justify-content:center;height:720px;padding-top:8rem}& .h1,& p{margin-bottom:4rem}& .h1{letter-spacing:-1.2px;font-size:12rem;line-height:11rem}& p{font-size:3rem;line-height:4.2rem;&.masthead__preheading{margin-bottom:2rem;font-size:13px}}}}.pagination{text-align:center;margin:3rem auto 0;list-style:none;& li{display:inline-block;& *{color:var(--color-fg);text-align:center;width:32px;height:32px;font-size:1.5rem;line-height:32px;display:block}& span{border:1px solid var(--color-fg);border-radius:50%}&+li{margin-left:1rem}}@media screen and (width>=900px){&{text-align:left;margin-top:6rem}& li *{width:48px;height:48px;font-size:1.8rem;line-height:48px}}}.playlist{margin-top:2rem;@media screen and (width>=900px){&{margin-top:4rem}}}.playlist__headings{border-bottom:1px solid #fff3;justify-content:space-between;padding:0 1rem 1.5rem;display:flex;& h2,& p{color:#adadad;letter-spacing:.27px;text-transform:uppercase;margin:0;font-size:1rem;font-weight:400;line-height:normal}& p{display:none;&:last-of-type{display:block}}@media screen and (width>=900px){&{padding:0 1.5rem 2rem}& h2,& p{letter-spacing:.33px;font-size:11px}}@media screen and (width>=1200px){&{padding-left:120px}& h2{display:none}& p{text-align:center;width:16.667%;display:block;&:first-of-type{text-align:left;width:50%}&:last-of-type{text-align:right}}}}.playlist__item{padding:1rem;&:before{background:var(--color-grey5s);content:"";opacity:0;transition:opacity var(--transition-speed);border-radius:10px;width:100%;height:100%;position:absolute;inset:0}&:hover{&:before{opacity:.15}& h3,& .h3{color:var(--tamata-red)}}&>div{gap:1.5rem;display:flex;& .song__detail{flex-grow:1}}& picture{aspect-ratio:1;border-radius:3px;width:40px;overflow:hidden}& h3,& .h3,& dd{letter-spacing:normal;transition:color var(--transition-speed);font-size:15px;line-height:normal}& dd{color:#ffffffb3;font-size:14px;font-weight:300;display:inline-block;&:first-of-type{margin-right:1rem;padding-right:1rem;&:after{content:"";inset-block:2px;background:#ffffff80;width:1px;display:block;position:absolute;right:-3px}}&:last-of-type{text-align:right;position:absolute;bottom:0;right:0}}@media screen and (width>=900px){&{padding:1.5rem}& picture{width:75px}& dd:last-of-type{bottom:5px}}@media screen and (width>=1200px){&>div{gap:3rem}& h3,& .h3,& dd{width:50%;font-size:2rem;line-height:3.6rem}& .song__detail{justify-content:space-between;align-items:center;display:flex}& dl{justify-content:flex-end;width:50%;display:flex}& dd{text-align:center;flex:1 0 15%;&:first-of-type{margin-right:0;padding-right:0;&:after{display:none}}&:last-of-type{text-align:right;position:relative;top:auto;bottom:0;right:auto}}}}.profile{gap:30px;&>picture{aspect-ratio:1;border-radius:50%;max-width:170px;margin:0 auto;overflow:hidden}& .profile__iwi{letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-weight:400;line-height:28px}& .content-element__content{text-align:center;& h1,& .h1{color:var(--color-fg);letter-spacing:-.36px;margin-bottom:2rem;font-size:36px;line-height:normal}& .profile__bio{height:100px;font-size:1.4rem;overflow:hidden;&.open{height:auto}}}& .profile__toggle{color:var(--color-fg);background:0 0;border:none;margin-top:2rem;padding:0 3rem 0 0;font-size:1.4rem;font-weight:700;&:after{border:1px solid var(--color-fg);content:"";transition:transform var(--transition-speed);border-width:0 1px 1px 0;width:8px;height:8px;position:absolute;top:1px;right:5px;rotate:45deg}&[aria-expanded=true]:after{top:5px;transform:rotate(180deg)}}@media screen and (width>=900px){&{grid-template-columns:300px 1fr;gap:75px;display:grid}&>picture{max-width:300px;margin:0}& .profile__iwi{font-size:13px}& .profile__toggle{font-size:20px;line-height:36px;&:after{top:12px}&[aria-expanded=true]:after{top:16px}}& .content-element__content{text-align:left;& h1,& .h1{letter-spacing:-.9px;font-size:9rem;line-height:11rem}}}}.SongPage .profile{gap:2rem;&>picture{border-radius:1.5rem;max-width:300px;margin:0 0 2rem}& .content-element__content{text-align:left}& .tabs{margin-top:2rem}@media screen and (width>=900px){&{gap:4rem}}@media screen and (width>=1200px){&{gap:7.5rem}}}.profile__mini{align-items:center;gap:1rem;display:flex;&>picture{border-radius:50%;overflow:hidden}&+.profile__bio{margin-top:2rem}@media screen and (width>=900px){&{gap:2rem}}}.profile__outer{border-bottom:1px solid #fff3;&+.wrapper--overflow+.wrapper--overflow{padding-top:3rem}}.resource-list{grid-template-columns:1fr;gap:2.5rem;display:grid;@media screen and (width>=600px){&{grid-template-columns:1fr 1fr}}@media screen and (width>=1440px){&{grid-template-columns:1fr 1fr 1fr;gap:7rem 3.5rem}}& section:before{background:var(--color-grey5s);content:"";opacity:0;transition:opacity var(--transition-speed);border-radius:10px;width:100%;height:calc(100% + 3rem);position:absolute;inset:-1.5rem}& section:hover:before{opacity:.15}}.resource{gap:2rem;display:flex;& picture{border-radius:.8rem;flex:0 0 71px;overflow:hidden;&>*{object-fit:cover;object-position:center;transition:scale var(--transition-speed)}}&:hover picture img{scale:1.05}& .resource__title{color:var(--color-fg);font-size:1.5rem;font-weight:600;line-height:2.2rem}& .resource__author{color:var(--color-fg);opacity:.5;font-size:1.3rem;line-height:2rem}@media screen and (width>=900px){&{gap:4rem}& picture{flex:0 0 100px}& .resource__title{margin:8px 0;font-size:2rem;line-height:3rem}& .resource__author{font-size:1.8rem}}}.result{gap:2rem;display:flex;& img{object-fit:cover;object-position:top;border-radius:5px;width:50px;height:50px}@media screen and (width>=900px){&{gap:4rem}& img{width:95px;height:95px}}}.result__songs+.result__title{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem}@media screen and (width>=600px){.result__songs{order:3;&+.result__title{border:0;order:2;margin:0;padding:0;&+.result__composers{order:4}}}}.result__composers .result{gap:1.5rem;& img{border-radius:50%}@media screen and (width>=900px){&{gap:3rem}}}.result>div,.result__inner{flex-direction:column;justify-content:center;display:flex;& p{font-size:1.5rem;line-height:normal;&+p{color:var(--color-grey5s);font-size:1.4rem;line-height:2.8rem}}@media screen and (width>=900px){& p{font-size:2rem;line-height:3rem;&+p{font-size:1.8rem}}}}.result__title{color:var(--color-grey5s);letter-spacing:.33px;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:700;line-height:normal}.search{background:var(--color-bg);height:var(--header-height);transition:right var(--transition-speed);z-index:1;width:100%;position:fixed;top:0;right:-100%;& .flex{justify-content:space-between;align-items:center;gap:2rem;margin:1.5rem}&.open{height:auto;right:0}@media screen and (width>=900px){& .flex{gap:5rem;margin:3.8rem}}}.search__toggle{color:var(--color-fg);background:0 0;border:0;align-items:center;padding:0;font-size:1.8rem;display:flex;& span{display:none}& img{width:34px}@media screen and (width>=900px){& img{width:44px;margin-right:.5rem}}@media screen and (width>=1200px){&{padding:0 2rem}& img{margin-right:1rem}& span{display:block}}}.search__input{color:var(--color-fg);background-color:#0000;border:0;flex-grow:1;font-size:1.6rem;@media screen and (width>=900px){&{font-size:1.8rem}}}.search__close{color:var(--color-fg);z-index:1;background-color:#0000;border:none;width:30px;height:30px;padding:0;font-size:1.4rem;display:block;top:5px;right:0;&:before,&:after{background-color:var(--color-fg);content:"";width:25px;height:3px;display:block;position:absolute;top:8px;left:3px;transform:rotate(135deg)}&:after{transform:rotate(-135deg)}}.search__results{border-top:1px solid #fff3;padding:2rem;& .swirly{margin:0 auto}& .grid{grid-template-columns:1fr;row-gap:1rem}& ul{gap:2rem;display:grid;&.result__composers{flex-direction:column;display:flex}}@media screen and (width>=600px){& .grid{grid-template-columns:2fr 1fr;row-gap:2rem}& ul{gap:4rem}}@media screen and (width>=1200px){&{padding:4rem}& ul:first-of-type{grid-template-columns:1fr 1fr}}}.song-list{grid-template-columns:1fr 1fr;gap:3rem 1rem;display:grid;@media screen and (width>=600px){&{grid-template-columns:1fr 1fr 1fr}}@media screen and (width>=900px){&{gap:6rem 3rem}}@media screen and (width>=1200px){&{grid-template-columns:1fr 1fr 1fr 1fr}}}.song__play:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:1rem solid #000;width:0;height:0;display:block;position:absolute;top:11px;left:13px}.song__play{background:var(--tamata-red);border-radius:50%;width:34px;height:34px;margin-left:auto;font-size:0;display:block}.tab{border:0;border-bottom:2px solid var(--color-fg);color:var(--color-fg);letter-spacing:-.16px;text-align:center;background:0 0;padding:2rem 1.5rem;font-size:1.6rem;font-weight:600;line-height:24px;&[aria-selected=false]{opacity:.6;border-bottom:0}@media screen and (width>=900px){&{letter-spacing:-.24px;padding:2.5rem 2rem;font-size:2.4rem;line-height:28px}}}.responsive-iframe{overflow:hidden;& .fake-img,& img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}&:before{pointer-events:none;z-index:1;width:6.2rem;height:6.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);@media screen and (width>=900px){&{width:8.4rem;height:8.4rem}}}&.playing{& img,& .fake-img,&:before{display:none}}}.wrapper__heading{justify-content:space-between;align-items:baseline;max-width:100%;margin-bottom:3rem;display:flex;& h2,& .h2{letter-spacing:-.24px;font-size:2.4rem;font-weight:400;line-height:28.32px;@media screen and (width>=900px){&{font-size:3.6rem;line-height:42.48px}}}& .btn{color:var(--tamata-red);text-align:right;border-width:0;padding:0 2rem 0 0;font-size:1.5rem;&:after{border:1px solid var(--tamata-red);content:"";border-width:2px 2px 0 0;width:10px;height:10px;display:inline-block;position:absolute;top:2px;right:2px;rotate:45deg}}@media screen and (width>=600px){&{align-items:center;margin-bottom:4rem}& .btn{text-align:initial;border-width:1px;padding:1.5rem 5rem;font-size:2rem;&:after{display:none}}}}.wrapper--overflow .wrapper__heading{max-width:calc(100% - var(--side-pad));@media screen and (width>=900px){&{max-width:860px}}@media screen and (width>=1200px){&{max-width:1140px}}@media screen and (width>=1440px){&{max-width:1360px}}}.ir{text-indent:-999em;text-align:left;direction:ltr;background-repeat:no-repeat;display:block;overflow:hidden}.hidden{display:none!important}.visuallyhidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.invisible{visibility:hidden!important}.flex{display:flex}.grid{display:grid}.aligns-left{text-align:left}.aligns-center{text-align:center}.aligns-right{text-align:right}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
/*# sourceMappingURL=./dist/css/main.css.map */