.pn-project-selector-card{border-radius:.5rem;cursor:pointer;min-height:259px;overflow:hidden;position:relative;transition:filter .3s ease-in-out}.pn-project-selector-card:hover{filter:brightness(1.15)}.pn-project-selector-card[data-selected=true]{box-shadow:0 0 0 6px var(--brand-solid)}.pn-project-selector-card picture{background-color:var(--component);display:block;height:100%;position:absolute;top:0;width:100%}.pn-project-selector-card picture img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:100%}.pn-project-selector-card h1{background-color:#000000d9;border-radius:.5rem;bottom:var(--s-2);color:var(--background);font-size:1rem;line-height:1.2;margin:0;max-width:calc(100% - var(--s0));padding:var(--s-2) var(--s-1);position:absolute;width:-moz-fit-content;width:fit-content}[dir=ltr] .pn-project-selector-card picture{left:0}[dir=ltr] .pn-project-selector-card h1{left:var(--s-2)}[dir=rtl] .pn-project-selector-card picture{right:0}[dir=rtl] .pn-project-selector-card h1{right:var(--s-2)}.pn-project-selector-thumbnail{--pn-project-selector-chevron-icon:url('data:image/svg+xml;utf8,<svg viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L4.5 5L8 1" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round"></path></svg>');border:0;box-shadow:0 0 0 2px var(--brand-solid-hover);overflow:hidden;padding:0;position:relative;transition:box-shadow .3s ease-in-out}.pn-project-selector-thumbnail:after{background-color:var(--brand-solid);background-image:var(--pn-project-selector-chevron-icon);background-position:50%;background-repeat:no-repeat;background-size:9px 6px;border-radius:10px;bottom:var(--s-3);content:"";display:block;height:20px;position:absolute;transition:background-color .3s ease-in-out;width:20px;z-index:1}.pn-project-selector-thumbnail:hover{box-shadow:0 0 0 2px var(--brand-solid-hover)}.pn-project-selector-thumbnail:hover:after{background-color:var(--brand-solid-hover)}.pn-project-selector-thumbnail+p{line-height:1.6;text-box-edge:cap alphabetic;text-box-trim:trim-end}[dir=ltr] .pn-project-selector-thumbnail:after{right:var(--s-3)}[dir=rtl] .pn-project-selector-thumbnail:after{left:var(--s-3)}.pn-project-selector-label{margin-bottom:var(--s-2)}.pn-project-selector-label>*{text-box-edge:cap alphabetic;text-box-trim:trim-both}