@layer base{*,:after,:before,::backdrop{box-sizing:border-box;margin:0;padding:0;border:0 solid}body{min-height:100vh;display:flex;flex-direction:column;scroll-behavior:smooth}abbr{&:where([title]){text-decoration:underline dotted}}hr{height:0;color:var(--layout-hr-colour);border-top-width:var(--layout-hr-size)}menu,ol,ul{list-style:none}progress{vertical-align:baseline}summary{display:list-item}table{border-collapse:collapse}}@layer base{button,input,select,optgroup,textarea,::file-selector-button{font-family:inherit;font-size:inherit;line-height:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;border:0 solid;border-radius:0;background:none}button,[type=button],[type=reset],[type=submit],::file-selector-button{appearance:button;color:inherit;border:none;background:none;text-transform:inherit;font-weight:inherit;display:flex;align-items:center;justify-content:center}textarea,select,input:not([type=button],[type=checkbox],[type=file],[type=hidden],[type=radio]){appearance:none;color:var(--colour-text);background-color:var(--form-input-background-colour);border-color:var(--form-input-border-colour);border-width:var(--form-input-border-width);border-radius:var(--form-input-border-radius);padding:var(--form-input-padding);min-width:0;width:100%;&:focus{outline:var(--layout-focus-outline)}&::placeholder{opacity:1;color:var(--form-input-placeholder-colour)}}[type=checkbox],[type=radio]{appearance:none;padding:0;display:inline-block;vertical-align:middle;user-select:none;flex-shrink:0;height:var(--layout-icon-size);width:var(--layout-icon-size);color:var(--form-toggle-colour-unchecked);background-color:var(--form-input-background-colour);background-size:100% 100%;background-origin:border-box;background-position:center;background-repeat:no-repeat;&:focus{outline:var(--layout-focus-outline)}&:checked{color:var(--form-toggle-colour-checked);&:hover,&:focus{color:var(--form-toggle-colour-checked)}}}[type=checkbox]{background-image:var(--form-checkbox-icon-unchecked);&:checked{background-image:var(--form-checkbox-icon-checked)}}[type=radio]{background-image:var(--form-radio-icon-unchecked);&:checked{background-image:var(--form-radio-icon-checked)}}[type=file]{&::file-selector-button{margin-inline-end:var( --form-input-padding-y )}}select{background-image:var(--form-select-icon-toggle);background-position:right var(--form-input-padding-y) center;background-repeat:no-repeat;background-size:var(--layout-icon-size) var(--layout-icon-size);padding-right:calc((2 * var(--form-input-padding-y)) + var(--layout-icon-size))}textarea{resize:vertical}::-webkit-calendar-picker-indicator{line-height:1}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0;padding-block:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}button{background:none;border:none;padding:0;color:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center}}@layer base{audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{width:100%;height:auto}svg{fill:currentColor}}@layer base{html{scroll-behavior:smooth;letter-spacing:normal;font-feature-settings:normal;font-variation-settings:normal;text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--text-font-default);font-size:var(--text-size-1);color:var(--colour-text);line-height:var(--text-line-height-1)}a{color:inherit;text-decoration:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight)}h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight)}h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight)}h4{font-size:var(--text-h4-size);font-weight:var(--text-h4-weight)}h5{font-size:var(--text-h5-size);font-weight:var(--text-h5-weight)}h6{font-size:var(--text-h6-size);font-weight:var(--text-h6-weight)}}@layer base{.icon{width:var(--layout-icon-size);height:var(--layout-icon-size);fill:currentColor;flex-shrink:0;flex-grow:0}}@layer base{img{&.image{aspect-ratio:var(--ratio)}}}@layer base{.share-page{position:relative;.simple-share{position:absolute;z-index:10;background-color:#fff;padding:var(--layout-spacing-2);display:flex;flex-direction:column;gap:var(--layout-spacing-3);margin-top:var(--layout-spacing-3);>div{white-space:nowrap}a{display:flex;gap:var(--layout-spacing-2);align-items:center}}}}@layer base{.autocomplete{.input{position:relative;.items{position:absolute;z-index:10;background-color:var(--form-input-background-colour);overflow-y:scroll;display:flex;flex-direction:column;gap:var(--layout-spacing-1);padding:var(--layout-spacing-1);border:1px solid var(--form-input-border-colour);width:100%;max-height:200px;&:empty{display:none}}}}}@layer theme{:root{--form-input-padding-y: var(--layout-spacing-2)}body{--nav-bar-height: var(--layout-spacing-6);&.MEDIUM{--nav-bar-height: var(--layout-spacing-7)}}h1,h2{letter-spacing:-.1rem}p{font-family:var(--text-font-pt-sans);font-size:var(--text-size-2);line-height:var(--text-line-height-2)}h2{margin-bottom:var(--layout-spacing-4)}}@layer components{body{padding-top:var(--nav-bar-height);overflow-x:hidden;#site{flex-grow:1}.ad{&:not(.skins,.anchor){display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;justify-self:center}&.skins{position:sticky;top:var(--nav-bar-height);flex-grow:0;flex-shrink:0;&.pos-R{order:3}}&.midcontentmobile{.MEDIUM &{display:none}}&.billboard{height:100px;.LARGE &{height:250px}}}#content-wrapper{.MEDIUM &{display:flex;justify-content:center;align-items:start;gap:var(--layout-spacing-3)}}#content{.MEDIUM &{width:var(--layout-container-1)}header{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--layout-spacing-3);&:has(.logo){padding:var(--layout-spacing-3)}.logo{width:auto;max-width:100%;&.themusic{height:var(--layout-spacing-8);.MEDIUM &{height:var(--layout-spacing-10)}}&.countrytown{height:var(--layout-spacing-5);.MEDIUM &{height:var(--layout-spacing-8)}}&.wheretoaustralia{height:var(--layout-spacing-7);.MEDIUM &{height:var(--layout-spacing-10)}}}}.site-banner{display:flex;flex-direction:column;gap:var(--layout-spacing-3);margin-bottom:var(--layout-spacing-3);.MEDIUM &{gap:var(--layout-spacing-4);margin-bottom:var(--layout-spacing-4)}&:empty{display:none}}main{padding:0 var(--layout-spacing-3) var(--layout-spacing-3) var(--layout-spacing-3);display:flex;flex-direction:column;gap:var(--layout-spacing-4);.MEDIUM &{padding:0 0 var(--layout-spacing-3) 0;display:grid;grid-template-columns:650px 1fr}.content,.extras{display:flex;flex-direction:column}.content{position:relative;gap:var(--layout-spacing-4)}.extras{gap:var(--layout-spacing-5)}}}.prose{font-size:var(--text-size-2);line-height:var(--text-line-height-3);font-family:var(--text-font-pt-sans);.LARGE &{line-height:2}p{margin-bottom:var(--layout-spacing-4);line-height:var(--text-line-height-3);&:last-child{margin-bottom:0}}a{font-weight:700;&:not(.primary){color:var(--colour-theme-highlight);&:hover{text-decoration:underline}}}.fr-embedly{width:100%;height:auto!important}iframe[src*="youtube.com"]{aspect-ratio:16/9;height:auto;width:100%}blockquote:not([data-instgrm-permalink]){margin-left:var(--layout-spacing-6);padding-left:var(--layout-spacing-2);border-left:4px solid var(--colour-theme-background);width:max-content;max-width:80%;font-style:italic;margin-bottom:var(--layout-spacing-3);position:relative;&:before{color:var(--colour-theme-background);content:open-quote;position:absolute;top:-3px;left:-50px;font-size:100px;line-height:var(--text-line-height-1)}.LARGE &{margin-left:var(--layout-spacing-7);padding-left:var(--layout-spacing-3);&:before{top:-5px;left:-65px;font-size:120px}}p{margin-bottom:0;line-height:1.8}}}.no-results{font-size:var(--text-size-3);margin-bottom:0}}.user-account{display:flex;gap:var(--layout-spacing-2px)}}@layer components{#page-home{.social-player{height:80dvh;max-width:100%;aspect-ratio:9/16;margin:0 auto}#gig-search{display:none;.LARGE &{display:block}}}#error{p{font-size:var(--text-size-2);line-height:var(--text-line-height-3)}}#page-cover-artist-list{h1{display:flex;gap:var(--layout-spacing-4);align-items:center;a.primary{white-space:nowrap;font-size:22px;padding:var(--layout-spacing-1) var(--layout-spacing-3)}}.cover-search{.form-field{display:flex;flex-direction:row;gap:var(--layout-spacing-2);align-items:center;font-size:var(--text-size-2);label{margin-bottom:0}}}.covers{display:grid;gap:var(--layout-spacing-5);.LARGE &{grid-template-columns:1fr 1fr}.cover{&:hover{color:var(--colour-theme-highlight);.image{filter:brightness(1.2)}}h2{line-height:var(--text-line-height-3);font-size:var(--text-size-4);font-family:var(--text-font-pt-serif);font-weight:700;.MEDIUM &{font-size:var(--text-size-4);--lines: 3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}h3{margin-bottom:var(--layout-spacing-1)}}}}}@layer components{#page-charts-display{.chart-links{border:2px solid var(--colour-theme-highlight);padding:var(--layout-spacing-1);display:flex;gap:var(--layout-spacing-2);justify-content:space-between;align-items:center;height:var(--layout-spacing-8);h2{font-size:var(--text-size-4);.MEDIUM &{font-size:var(--text-size-5)}}.charts{height:100%;display:flex;justify-content:center;gap:var(--layout-spacing-2);a{.image{height:100%;&:hover{filter:brightness(1.2)}}}}}.chart-search{background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-3);h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3)}form{display:flex;flex-direction:column;gap:var(--layout-spacing-2px);.row{display:flex;flex-direction:column;gap:var(--layout-spacing-2px);.full &{flex-direction:row;.form-field{width:100%}}}button{text-transform:uppercase;font-size:var(--text-size-4);margin-top:var(--layout-spacing-3);align-self:flex-end;padding:var(--layout-spacing-1) var(--layout-spacing-2);border-width:2px;border-radius:5px;border-style:solid;color:var(--colour-theme-foreground);border-color:var(--colour-theme-foreground);&:hover{color:var(--colour-theme-highlight);border-color:var(--colour-theme-highlight)}}}}.chart{display:flex;flex-direction:column;gap:var(--layout-spacing-4);.playlist-link{font-family:var(--text-font-pt-sans);margin-bottom:var(--layout-spacing-3);font-size:var(--text-size-3);line-height:var(--text-line-height-3);&:last-of-type{margin-bottom:0}a{font-weight:700;text-decoration:underline;&:hover{color:var(--colour-theme-highlight)}}}.entries{display:flex;flex-direction:column;gap:var(--layout-spacing-4);margin-top:var(--layout-spacing-4);h1{font-size:var(--text-size-6)}h2{font-size:var(--text-size-5)}#chart-listing{display:flex;flex-direction:column;gap:var(--layout-spacing-4);.entry{display:flex;flex-direction:column;gap:var(--layout-spacing-2);width:100%;box-shadow:0 0 5px 2px #0000001a;border-radius:var(--layout-border-radius-1);padding:var(--layout-spacing-4);.details{display:flex;gap:var(--layout-spacing-2);align-items:center;.position{font-size:50px;width:50px;text-align:center;font-weight:700}.track{display:flex;flex-direction:column;gap:var(--layout-spacing-1);flex-grow:1;.title{font-size:var(--text-size-3)}.artist{font-size:var(--text-size-2);display:flex;gap:var(--layout-spacing-1);align-items:center;.icon{border-radius:var( --layout-border-radius-full )}}}}.stats{display:flex;justify-content:space-between;white-space:nowrap;background-color:var(--colour-grey-background-50);padding:var(--layout-spacing-2);border-radius:var(--layout-border-radius-1);.change{--layout-icon-size: 40px;width:var(--layout-icon-size);flex-shrink:0;flex-grow:0;.star-shooting,.arrow-up-bold{color:green}.arrow-down-bold{color:red}.pause{color:orange}}>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--layout-spacing-1);div{&:first-child{text-transform:uppercase;color:var(--colour-text-90)}&:last-child{font-size:var(--text-size-3);font-weight:700}}}}}}}}}}@layer components{#page-gig-details{#content{main{.content{gap:var(--layout-spacing-5);padding-bottom:var(--layout-spacing-7)}}}.headings{display:flex;flex-direction:column;gap:var(--layout-spacing-2);h1{font-size:var(--text-size-6);.LARGE &{font-size:var(--text-size-7)}}h2{font-size:var(--text-size-5);.LARGE &{font-size:var(--text-size-6)}}}.tickets{display:flex;flex-direction:column;gap:var(--layout-spacing-2);.not-available{font-size:var(--text-size-3);font-weight:700;text-align:center}}.section{display:flex;flex-direction:column;gap:var(--layout-spacing-2);font-size:var(--text-size-2);font-family:var(--text-font-pt-sans);.LARGE &{gap:var(--layout-spacing-3)}h2{font-size:var(--text-size-6);font-family:var(--text-font-pt-sans-narrow);.LARGE &{font-size:var(--text-size-7)}}a:hover{color:var(--colour-theme-highlight)}.venue{display:flex;flex-direction:column;gap:var(--layout-spacing-1);.name{font-weight:700}.region{display:flex;gap:var(--layout-spacing-2px)}}.links{display:flex;flex-direction:column;gap:var(--layout-spacing-1);a,>div{--layout-icon-size: 28px;display:flex;gap:var(--layout-spacing-3);align-items:center;line-height:var(--text-line-height-2)}}.artists{display:flex;flex-direction:column;gap:var(--layout-spacing-5);.artist{display:flex;align-items:start;gap:var(--layout-spacing-3);.image{width:var(--layout-spacing-7);aspect-ratio:1/1;border-radius:100%;.LARGE &{width:var(--layout-spacing-9)}}.info{flex-grow:1;display:flex;flex-direction:column;gap:var(--layout-spacing-1);.LARGE &{gap:var(--layout-spacing-2)}h3{font-family:var(--text-font-pt-sans-narrow);font-size:var(--text-size-4);font-weight:700;.LARGE &{font-size:var(--text-size-6)}}.socials{.LARGE &{--layout-icon-size: var(--layout-spacing-5)}}}}}.price{display:grid;grid-template-columns:80px 1fr;align-items:center;.label{font-weight:700}.amount{font-size:var(--text-size-4)}}}}}@layer components{#page-article-display{h1{font-family:var(--text-font-pt-serif);font-weight:700;font-size:var(--text-size-5);line-height:var(--text-line-height-2);text-wrap:balance;.LARGE &{font-size:var(--text-size-6)}}.byline{display:flex;flex-direction:column;gap:var(--layout-spacing-4);.LARGE &{font-size:var(--text-size-2)}a{font-weight:700;color:var(--colour-theme-highlight);&:hover{text-decoration:underline}}.details{display:flex;align-items:center;.local-date{border-right:2px solid black;margin-right:var(--layout-spacing-1);padding-right:var(--layout-spacing-1);&:last-child{border-right:none;margin-right:0;padding-right:0}}.writers{a{&:after{content:", "}&:last-child{&:after{content:""}}}}}.more{display:flex;gap:var(--layout-spacing-2);justify-content:space-between;align-items:center;img{.LARGE &{width:auto;max-height:var(--layout-spacing-6)}}}}.rating{--layout-icon-size: var(--layout-spacing-6);display:flex;gap:var(--layout-spacing-2);align-items:center}.summary{font-size:var(--text-size-3);line-height:var(--text-line-height-3)}.view-gallery{--layout-icon-size: var(--layout-spacing-6);display:flex;border:2px solid var(--colour-grey-border);font-size:var(--text-size-4);gap:var(--layout-spacing-2);align-items:center;width:max-content;padding:var(--layout-spacing-1) var(--layout-spacing-2);&:hover{border-color:var(--colour-theme-highlight)}}.article-image{position:relative;.caption{background-color:#fff;padding:var(--layout-spacing-1);position:absolute;bottom:var(--layout-spacing-2px);left:var(--layout-spacing-2px);display:flex;gap:var(--layout-spacing-2px);align-items:center}}.article-content{margin-bottom:var(--layout-spacing-5);>div{margin-bottom:var(--layout-spacing-4);&:last-child{margin-bottom:0}}.form-link{margin-bottom:var(--layout-spacing-4)}.artist-callout{float:right;margin-left:var(--layout-spacing-3);margin-bottom:var(--layout-spacing-3);display:flex;flex-direction:column;align-items:center;gap:var(--layout-spacing-1);border:2px solid var(--colour-theme-highlight);padding:var(--layout-spacing-1);width:min-content;text-align:center;text-wrap:balance;font-family:var(--text-font-pt-sans-narrow);color:var(--colour-text);&:hover{text-decoration:none;color:var(--colour-theme-highlight);.image{filter:brightness(1.2)}}.image{width:var(--layout-spacing-10);border-radius:100%}}}.acknowledgement{font-style:italic;.image{height:var(--layout-spacing-7);width:auto}}.gigs-wrapper{margin-bottom:var(--layout-spacing-5);h2{margin-bottom:var(--layout-spacing-3)}}#trending{display:none;.LARGE &{display:block}}}}@layer components{#page-page-display{.button.primary{align-self:center}}}@layer components{footer{padding:var(--layout-spacing-6);background-color:#000;color:#fff;padding-bottom:100px;.LARGE &{padding-bottom:200px;.container{margin:0 auto;width:var(--layout-container-1)}}h4{text-transform:uppercase;font-size:var(--text-size-2);font-weight:700}.columns{display:flex;flex-direction:column;gap:var(--layout-spacing-5);margin-bottom:var(--layout-spacing-7);.LARGE &{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.logo{height:45px;width:auto}>div{display:flex;flex-direction:column;gap:var(--layout-spacing-4);&:last-of-type{align-items:center;.LARGE &{align-items:start}}}}.more{display:flex;flex-direction:column;gap:var(--layout-spacing-5);text-align:center;justify-content:center;.portals{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--layout-spacing-5);.LARGE &{flex-direction:row}.logo{&.themusic{height:40px}&.countrytown{height:25px}&.wheretoaustralia{height:50px}}}}}}@layer components{#nav-bar{height:var(--nav-bar-height);padding:var(--layout-spacing-1) var(--layout-spacing-2);position:fixed;width:100%;top:0;z-index:10;background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);display:flex;gap:var(--layout-spacing-2);align-items:center;justify-content:space-between;.MEDIUM &{--layout-icon-size: 28px;padding:var(--layout-spacing-2) var(--layout-spacing-3);gap:var(--layout-spacing-3)}a,button{&:hover{color:var(--colour-theme-highlight)}}.home-link{flex-grow:1;display:block;height:100%;.MEDIUM &{flex-grow:0}.logo{height:100%;max-width:150px;.LARGE &{max-width:200px}}}.nav-links{display:none;.MEDIUM &{display:flex;gap:var(--layout-spacing-3);justify-content:center;flex-grow:1;font-size:var(--text-size-5);font-weight:700;text-transform:uppercase}}.actions{display:flex;gap:var(--layout-spacing-1);align-items:center;justify-content:end}.search{--layout-icon-size: 28px;.MEDIUM &{--layout-icon-size: 34px}}}}@layer components{#nav-menu{position:fixed;z-index:20;background-color:#fff;color:var(--colour-text);width:80%;top:0;bottom:0;left:0;overflow-y:auto;transition-property:left;transition-timing-function:ease;transition-duration:.3s;&.opening{left:-100%}.MEDIUM &{width:300px}a,button{&:hover{color:var(--colour-theme-highlight)}}.menu-close{position:absolute;top:var(--layout-spacing-2);right:var(--layout-spacing-2)}.content{display:flex;flex-direction:column;gap:var(--layout-spacing-4);padding:var(--layout-spacing-5) var(--layout-spacing-3);font-size:var(--text-size-2);.MEDIUM &{gap:var(--layout-spacing-5);font-size:var(--text-size-3)}>div{display:flex;flex-direction:column;gap:var(--layout-spacing-3);&.searches{label{text-transform:uppercase;font-weight:700}}}.account-links{display:flex;flex-direction:row;align-items:center;font-size:var(--text-size-3);gap:var(--layout-spacing-1);>span{display:flex;align-items:center}}}}}@layer components{.logo{width:auto;&.branded{&.themusic{fill:var(--colour-primary-tm)}&.countrytown{fill:var(--colour-secondary-ct);.town{fill:var(--colour-primary-ct)}}&.wheretoaustralia{fill:var(--colour-primary-wta)}}}}@layer components{#paywall{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:var(--layout-spacing-5);padding-top:250px;background:#fff;background:linear-gradient(180deg,#fff0,#fff 200px);font-size:var(--text-size-3);line-height:var(--text-line-height-3);text-align:center;h1{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-2);.MEDIUM &{font-size:var(--text-size-7)}}}}@layer components{.share-page{&.full{display:flex;align-items:center;gap:var(--layout-spacing-2);button{border:1px solid var(--colour-grey-border);padding:var(--layout-spacing-1);white-space:nowrap;&:hover{border-color:var(--colour-theme-highlight)}}}.simple-share{right:0;z-index:20;background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-4);font-size:var(--text-size-2);gap:var(--layout-spacing-4);margin-top:var(--layout-spacing-3)}}}@layer components{.socials{display:flex;gap:var(--layout-spacing-2);align-items:center;.MEDIUM &{gap:var(--layout-spacing-3)}}}@layer components{#state-picker{display:none;.MEDIUM &{display:block;position:relative;font-size:var(--text-size-2);.states{position:absolute;left:0;z-index:20;margin-top:var(--layout-spacing-3);background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-4);form{display:flex;flex-direction:column;gap:var(--layout-spacing-1)}}}}}@layer components{.carousel-wrapper{--carousel-gap: 15px;--carousel-cols: 1;--item-width: calc( (100% - (var(--carousel-gap) * (var(--carousel-cols) - 1))) / var(--carousel-cols) );position:relative;.carousel{display:flex;gap:var(--carousel-gap);overflow:hidden;justify-content:start;scroll-behavior:smooth;.item{flex-basis:var(--item-width);flex-shrink:0;flex-grow:0}}.trigger{width:var(--layout-spacing-6);aspect-ratio:1/1;border-radius:var(--layout-border-radius-full);background-color:#fff;display:flex;align-items:center;justify-content:center;--layout-icon-size: var(--layout-spacing-5);top:50%;translate:0 -50%;position:absolute;&.back{left:5px}&.forward{right:5px}}}.page-headers{display:flex;flex-direction:column;gap:var(--layout-spacing-3);h1{font-size:var(--text-size-7);.MEDIUM &{font-size:var(--text-size-7)}}p{font-family:var(--text-font-pt-sans);font-size:var(--text-size-3);line-height:var(--text-line-height-3);a{font-weight:700;text-decoration:underline;&:hover{color:var(--colour-theme-highlight)}}}}.pager{display:flex;justify-content:center}.validation-errors,.form-error{color:red;margin-top:var(--layout-spacing-2px)}.form-success{font-weight:700}}@layer components{button,a{gap:var(--layout-spacing-2px);&.primary{display:flex;justify-content:center;align-items:center;border-radius:var(--layout-border-radius-1);background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-3) var(--layout-spacing-6);font-weight:700;.MEDIUM &{font-size:var(--text-size-3)}&:hover{background-color:var(--colour-theme-highlight)}[aria-busy] &{background-color:var(--colour-grey-background);color:var(--colour-text);cursor:progress}}}}@layer components{.form-field{&.invalid{input,textarea{background-color:#ff000010}}label{display:block;margin-bottom:var(--layout-spacing-2px)}}form{display:flex;flex-direction:column;gap:var(--layout-spacing-4);label{font-size:var(--text-size-2)}}}@layer components{#bio{.toggle{margin-bottom:var(--layout-spacing-2);&:hover{color:var(--colour-theme-highlight)}}.bio{display:flex;flex-direction:column;gap:var(--layout-spacing-2);button.link{font-weight:700;color:var(--colour-theme-highlight);font-size:var(--text-size-2);font-family:var(--text-font-pt-sans-narrow);&:hover{text-decoration:underline}}.socials{--layout-icon-size: 30px;justify-content:end;a{&:hover{color:var(--colour-theme-highlight)}}}.claim{border-radius:var(--layout-border-radius-1);background-color:var(--colour-grey-background-50);padding:var(--layout-spacing-2);display:flex;flex-direction:column;gap:var(--layout-spacing-1);h3{font-weight:700}p{font-family:var(--text-font-pt-sans);line-height:var(--text-line-height-3);a{font-family:var(--text-font-pt-sans-narrow);font-weight:700;&:hover{text-decoration:underline}}}}.releases{h3{font-weight:700;margin-bottom:var(--layout-spacing-2)}.list{display:flex;flex-direction:column;gap:var(--layout-spacing-1);align-items:start;.release{display:grid;grid-template-columns:auto 1fr;gap:var(--layout-spacing-2);align-items:center;span:first-child{font-size:var(--text-size-4);font-weight:700}span:last-child{font-size:var(--text-size-2);font-family:var(--text-font-pt-sans)}}}}.musicbrainz{display:flex;flex-direction:column;gap:var(--layout-spacing-1);color:var(--colour-text-90);margin-top:var(--layout-spacing-3)}}}.articles{display:flex;flex-direction:column;gap:var(--layout-spacing-5);.article{&:hover{.image{filter:brightness(1.2)}.title{color:var(--colour-theme-highlight)}}&.leadstory{border:2px solid var(--colour-theme-highlight);padding:var(--layout-spacing-1);.title{line-height:var(--text-line-height-2);font-size:var(--text-size-5);font-family:var(--text-font-pt-serif);margin-bottom:var(--layout-spacing-2);font-weight:700}}.info{text-transform:uppercase;margin-bottom:var(--layout-spacing-2px);font-weight:700;.leadstory &{color:color-mix(in srgb,var(--colour-text),transparent 30%)}.MEDIUM &{font-size:var(--text-size-2)}}.date,.writer{text-transform:uppercase;font-size:var(--text-size-1);color:color-mix(in srgb,var(--colour-text),transparent 30%);&:not(.leadstory &){margin-bottom:var(--layout-spacing-2)}}.detail{&:not(.leadstory &){position:relative;.MEDIUM &{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-spacing-4)}}.image{.leadstory &{margin:var(--layout-spacing-2) 0}}.text{display:flex;flex-direction:column;margin-top:var(--layout-spacing-1);gap:var(--layout-spacing-1);.MEDIUM &{margin-top:0}.title{line-height:var(--text-line-height-3);font-size:var(--text-size-4);font-family:var(--text-font-pt-serif);font-weight:700;.MEDIUM &{font-size:var(--text-size-4);--lines: 3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}}.summary{line-height:var(--text-line-height-3);font-size:var(--text-size-2);font-family:var(--text-font-pt-sans);&:not(.leadstory &){.MEDIUM &{--lines: 3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;&.long{--lines: 4}}}.search-results &{font-style:italic}}}}}}}@layer components{#recommended{h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3)}.list{display:flex;flex-direction:column;gap:var(--layout-spacing-3);a{display:flex;flex-direction:column;gap:var(--layout-spacing-1);.title{font-family:var(--text-font-pt-serif);font-weight:700;font-size:var(--text-size-3);line-height:var(--text-line-height-3)}&:hover{.image{filter:brightness(1.2)}.title{color:var(--colour-theme-highlight)}}}}}}@layer components{#trending{&.mobile{.MEDIUM &,.LARGE &{display:none}}&.desktop{display:none;.MEDIUM &,.LARGE &{display:block}}h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3);text-transform:uppercase}.list{display:flex;flex-direction:column;a{display:flex;gap:var(--layout-spacing-3);padding-bottom:var(--layout-spacing-3);margin-bottom:var(--layout-spacing-3);border-bottom:2px solid var(--colour-theme-background);&:hover{.title{color:var(--colour-theme-highlight)}.image{filter:brightness(1.2)}}&:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.count{margin-top:var(--layout-spacing-1px);background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);display:flex;justify-content:center;align-items:center;width:var(--layout-spacing-6);height:var(--layout-spacing-6);font-size:var(--text-size-5);flex-grow:0;flex-shrink:0;font-weight:700}.image{width:200px}.title{font-family:var(--text-font-pt-serif);font-weight:700;font-size:var(--text-size-3);line-height:var(--text-line-height-3)}}}}}@layer components{.gig-tags{display:flex;flex-wrap:wrap;gap:5px;white-space:nowrap;margin-top:var(--layout-spacing-1px);.MEDIUM &{font-size:var(--text-size-3)}a:hover{color:var(--colour-theme-highlight)}}.gig-name{font-family:var(--text-font-pt-serif);line-height:var(--text-line-height-2);font-weight:700;text-wrap:balance;.alert{text-transform:uppercase;display:block}}.gigs{display:flex;flex-direction:column;gap:var(--layout-spacing-5);.gig{position:relative;&.featured{border:2px solid var(--colour-theme-highlight);padding:var(--layout-spacing-5) var(--layout-spacing-1) var(--layout-spacing-2);.MEDIUM &{padding:var(--layout-spacing-6) var(--layout-spacing-2) var(--layout-spacing-3)}}.gig-tags{:not(:first-child){display:none;.featured &,.MEDIUM &{display:block}}}.date{font-size:var(--text-size-2);text-transform:uppercase;margin-bottom:var(--layout-spacing-2px);.MEDIUM &{font-size:var(--text-size-3)}.featured &{font-size:var(--text-size-3);.MEDIUM &{font-size:var(--text-size-4)}}}.body{display:flex;flex-direction:row-reverse;justify-content:start;grid-template-columns:1fr 2fr;gap:var(--layout-spacing-2);.featured &{flex-direction:column}}a:hover{color:var(--colour-theme-highlight)}.promo-text{text-transform:uppercase;position:absolute;top:var(--layout-spacing-2px);right:var(--layout-spacing-2px);font-weight:700;.MEDIUM &{font-size:var(--text-size-2)}}.details{display:flex;flex-direction:column;gap:var(--layout-spacing-1);.MEDIUM &{gap:var(--layout-spacing-2)}.featured &{gap:var(--layout-spacing-2)}.gig-name{font-size:var(--text-size-4);.MEDIUM &{font-size:var(--text-size-4)}.featured &{font-size:var(--text-size-5);.MEDIUM &{font-size:var(--text-size-6)}}&:not(.featured &){--lines: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden;.MEDIUM &{--lines: initial}}}.venue{font-size:var(--text-size-3);line-height:var(--text-line-height-2);text-wrap:balance;.MEDIUM &{font-size:var(--text-size-4);line-height:var(--text-line-height-3)}span{&:not(:last-of-type){&:after{content:", "}}&.name{font-weight:700}}}}.actions{flex-basis:40%;flex-shrink:0;flex-grow:0;.image{&:hover{filter:brightness(1.2)}}.links{display:flex;align-items:center;gap:var(--layout-spacing-2);margin-top:var(--layout-spacing-1);.featured &{margin-top:var(--layout-spacing-4);justify-content:center;flex-direction:column;.MEDIUM &{font-size:var(--text-size-3)}}.primary{&:hover{color:var(--colour-theme-foreground)}&:not(.featured &){width:100%;span{display:none;.MEDIUM &{display:block}}}}.more{display:none;.featured &{display:block}}}}}}}@layer components{.form-partial{display:flex;flex-direction:column;gap:var(--layout-spacing-4);scroll-margin-top:var(--nav-bar-height);p{font-family:var(--text-font-pt-sans);font-size:var(--text-size-3);line-height:var(--text-line-height-3);a{font-weight:700;text-decoration:underline;&:hover{color:var(--colour-theme-highlight)}}}textarea{height:200px}.validation-errors{&:empty{display:none}}input[type=checkbox]{--layout-icon-size: var(--layout-spacing-6);background-image:none;mask-image:var(--form-checkbox-icon-unchecked);background-color:var(--form-input-border-colour);&:checked{mask-image:var(--form-checkbox-icon-checked)}}.checkbox-list{.items{margin-top:var(--layout-spacing-2);display:grid;gap:var(--layout-spacing-2);grid-template-columns:1fr 1fr;.MEDIUM &{grid-template-columns:1fr 1fr 1fr}.item{display:flex;align-items:center;gap:var(--layout-spacing-1)}}}.form-field.checkbox{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;gap:var(--layout-spacing-1)}.file-input-wrapper{border-color:var(--form-input-border-colour);border-width:var(--form-input-border-width);border-radius:var(--form-input-border-radius);padding:var(--form-input-padding);input[type=file]{display:none}.pending-files{display:flex;flex-direction:column;gap:var(--layout-spacing-2);.pending-file{display:flex;align-items:center;gap:var(--layout-spacing-2);img{width:var(--layout-spacing-7);aspect-ratio:1/1}.file-details{flex-grow:1;display:flex;flex-direction:column;.file-name{font-weight:700}.file-error{color:red}}}}}}#manage-newsletters-form{.newsletters{display:flex;flex-direction:column;gap:var(--layout-spacing-3);.newsletter{display:flex;gap:var(--layout-spacing-2);.info{.name{font-weight:700;font-size:var(--text-size-3);margin-top:var(--layout-spacing-1);margin-bottom:var(--layout-spacing-1);.LARGE &{font-size:var(--text-size-4)}}.description{font-family:var(--text-font-pt-sans);font-size:var(--text-size-2);line-height:var(--text-line-height-3)}}}}}#newsletter-signup{background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-3);&.banner{display:none;.LARGE &{display:block;position:fixed;left:0;right:0;bottom:0;.container{margin:0 auto;width:var(--layout-container-1)}}}.form-hide{position:absolute;right:var(--layout-spacing-2);top:var(--layout-spacing-2);.icon{--layout-icon-size: var(--layout-spacing-4)}}p{font-family:var(--text-font-pt-sans);font-size:var(--text-size-2);margin-bottom:var(--layout-spacing-3);line-height:var(--text-line-height-2);text-wrap:balance;.banner &{font-size:var(--text-size-3);text-align:center;font-weight:700}}.form-register{display:flex;flex-direction:row;gap:var(--layout-spacing-1);font-size:var(--text-size-3);align-items:center;.banner &{justify-content:center;font-size:var(--text-size-4);gap:var(--layout-spacing-2)}.form-field{&:not(.banner &){width:100%}}input{height:var(--layout-spacing-6);.banner &{width:400px}}button{text-transform:uppercase;padding:0 var(--layout-spacing-2);border-width:2px;border-radius:5px;border-style:solid;color:var(--colour-theme-foreground);border-color:var(--colour-theme-foreground);height:var(--layout-spacing-6);font-family:var(--text-font-pt-sans-narrow);font-size:var(--text-size-1);&:hover{color:var(--colour-theme-highlight);border-color:var(--colour-theme-highlight)}}}}#gig-search{background-color:var(--colour-theme-background);color:var(--colour-theme-foreground);padding:var(--layout-spacing-3);h2{font-size:var(--text-size-6);margin-bottom:var(--layout-spacing-3)}form{display:flex;flex-direction:column;gap:var(--layout-spacing-2px);.row{display:flex;flex-direction:column;gap:var(--layout-spacing-2px);.full &{flex-direction:row;.form-field{width:100%}}}button{text-transform:uppercase;font-size:var(--text-size-4);margin-top:var(--layout-spacing-3);align-self:flex-end;padding:var(--layout-spacing-1) var(--layout-spacing-2);border-width:2px;border-radius:5px;border-style:solid;color:var(--colour-theme-foreground);border-color:var(--colour-theme-foreground);&:hover{color:var(--colour-theme-highlight);border-color:var(--colour-theme-highlight)}}}}}@layer components{#playlist-viewer{form{display:flex;align-items:center;gap:var(--layout-spacing-1);font-size:var(--text-size-2);&.switch-player{font-size:var(--text-size-2);flex-direction:row;justify-content:right;margin-bottom:var(--layout-spacing-2)}&.switch-playlist{margin-top:var(--layout-spacing-3);border:2px solid var(--colour-theme-background);padding:var(--layout-spacing-3);border-radius:var(--layout-border-radius-1);flex-direction:column;.info{font-size:var(--text-size-4)}.options{display:flex;flex-direction:column;gap:var(--layout-spacing-2);button{font-family:var(--text-font-pt-serif);font-weight:700;font-size:var(--text-size-4);&:hover{color:var(--colour-theme-highlight)}}}}button{font-size:var(--text-size-3);span{display:flex;align-items:center;gap:var(--layout-spacing-2px)}}}iframe{width:100%;height:450px}}}