.pnp-samples{--pnp-bg: var(--md-default-bg-color, #fff);--pnp-fg: var(--md-default-fg-color, #1f2328);--pnp-muted: rgba(127, 127, 127, .9);--pnp-border: rgba(127, 127, 127, .25);--pnp-surface: rgba(127, 127, 127, .06);--pnp-shadow: 0 6px 18px rgba(0, 0, 0, .08);--pnp-radius: 16px;color:var(--pnp-fg);margin:1.25rem 0 2rem}.pnp-samples__header{margin-bottom:1rem}.pnp-samples__title{margin:0 0 .25rem}.pnp-samples__subtitle{margin:0;color:var(--pnp-muted)}.pnp-samples__layout{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start}@media(max-width:980px){.pnp-samples__layout{grid-template-columns:1fr}.pnp-filters{position:static}}@media(max-width:640px){.pnp-filter-select{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--pnp-border);background:var(--pnp-bg);font-size:.95rem}.pnp-muuri-grid{position:relative;display:grid;grid-template-columns:1fr;gap:.75rem}.pnp-sample-item{position:static;width:100%;margin:0;--card-h: auto;height:auto}.pnp-card{min-height:0;border-color:#fff}.pnp-card:hover{transform:none;opacity:1;box-shadow:0 6.4px 14.4px #0002,0 1.2px 3.6px #0000001c}.pnp-sample-item,.pnp-sample-item *,.pnp-card,.pnp-card *{position:static!important;transform:none!important;z-index:0!important;pointer-events:auto!important}.pnp-card__meta .pnp-pill{position:relative!important;z-index:6!important;background:var(--pnp-bg)!important}.pnp-card__date:before,.pnp-card__date:after{pointer-events:none!important}}.pnp-filters{position:sticky;top:1rem;border:1px solid var(--pnp-border);border-radius:var(--pnp-radius);padding:1rem;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px) saturate(300%);backdrop-filter:blur(10px) saturate(300%)}.pnp-card-link{text-decoration:none;color:#225b62}@media(max-width:640px){.pnp-mobile-filters-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.pnp-filters{transition:max-height .25s ease,opacity .2s ease,transform .2s ease}.pnp-filters--hidden{max-height:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(-6px);padding-top:0!important;padding-bottom:0!important;border:none!important}.pnp-filters:not(.pnp-filters--hidden){max-height:100vh;opacity:1;z-index:999;top:0}}.pnp-label{display:inline-block;font-weight:600;margin-bottom:.35rem}.pnp-search{display:flex;gap:.5rem;align-items:center}.pnp-search__input{width:100%;padding:.65rem .75rem;border:1px solid var(--pnp-border);border-radius:12px;background:var(--pnp-bg);color:var(--pnp-fg)}.pnp-filters__actions{margin-top:.75rem;display:flex;gap:.5rem}.pnp-btn{border:1px solid var(--pnp-border);background:var(--pnp-bg);color:var(--pnp-fg);padding:.55rem .75rem;border-radius:12px;cursor:pointer}.pnp-btn:hover{box-shadow:var(--pnp-shadow)}.pnp-btn--ghost{padding:.55rem .65rem}.pnp-filter-group{margin-top:1rem}.pnp-filter-group__title{margin:0 0 .5rem;font-size:1rem}.pnp-chipset{display:flex;flex-wrap:wrap;gap:.5rem}.pnp-chip{border:1px solid var(--pnp-border);background:var(--pnp-surface);padding:.4rem .65rem;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.92rem}button.pnp-pill,.pnp-pill[role=button],.pnp-pill[tabindex]{cursor:pointer}.pnp-chip[aria-pressed=true]{background:var(--pnp-bg);border-color:#00000073}.pnp-results__meta{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap}.pnp-results__count{font-weight:600}.pnp-results__active{display:flex;flex-wrap:wrap;gap:.5rem}.pnp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:.9rem}@media(max-width:1200px){.pnp-card-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:640px){.pnp-card-grid{grid-template-columns:1fr}}.pnp-card{opacity:1;border:1px solid var(--pnp-border);border-radius:var(--pnp-radius);display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;transition:all .35s ease-in-out;background-image:linear-gradient(-215deg,#fff0 50%,#ffffff4d),rgba(255,255,255,.75);contain-intrinsic-size:auto;content-visibility:visible;-webkit-backdrop-filter:blur(20px) saturate(190%) brightness(110%);backdrop-filter:blur(20px) saturate(190%) brightness(110%);background-color:#fff0}.pnp-card__date:after{position:absolute;z-index:2;inset:0;content:" ";background-image:linear-gradient(-215deg,#fff0 50%,#ffffff4d);border-radius:1rem}.pnp-card__title{font-weight:700;color:#000;overflow:hidden;height:2lh;margin-top:0;font-size:clamp(1rem,1.125vw,1.5rem);line-height:1.125;text-wrap:balance;padding-top:1rem}.pnp-card:hover{box-shadow:var(--pnp-shadow);opacity:1;z-index:10}@media screen and (min-width:480px){.pnp-card:hover{transform:translate(5px,5px) scale(1.1)}}figure.pnp-card__thumb-figure{overflow:clip;border-radius:1em 1em 0 0;margin:0;aspect-ratio:16 / 9}.pnp-card__thumb{width:100%;aspect-ratio:16 / 9;transition:all .125s ease-in-out;opacity:.85;border-collapse:collapse;border-radius:1em 1em 0 0}.pnp-card__thumb--empty{width:100%;aspect-ratio:16 / 9;background:#f3f3f3}.pnp-card__title{margin:0;font-size:1.05rem}.pnp-card__date:before{content:"";position:absolute;left:10%;right:10%;bottom:40px;height:1px;border-radius:2px;background-color:var(--blue)}.pnp-card__desc{margin:0;color:var(--pnp-muted);line-height:1.35}.pnp-pill{font-size:.82rem;border:1px solid var(--pnp-border);border-radius:999px;padding:.25rem .5rem;background:var(--pnp-bg)}.pnp-card__meta .pnp-pill{z-index:3}.pnp-empty{border:1px dashed var(--pnp-border);border-radius:var(--pnp-radius);padding:1rem;margin-top:1rem;background:var(--pnp-bg)}.wrapper .page-header{position:unset}.pnp-facepile{display:inline-flex;align-items:center;--pnp-face-size: 28px}.pnp-facepile__avatar,.pnp-facepile__more{width:var(--pnp-face-size);height:var(--pnp-face-size);border-radius:999px;overflow:hidden;border:2px solid var(--pnp-bg);background:var(--pnp-surface);display:grid;place-items:center}.pnp-sample-panel__carousel{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.pnp-sample-panel__carousel-viewport{position:relative;flex:1 1 auto;height:320px;display:block;overflow:hidden;border-radius:10px;background:var(--pnp-surface)}.pnp-sample-panel__carousel{display:block;width:100%}.pnp-sample-panel__carousel-viewport{position:relative;width:100%;height:420px;display:block;overflow:hidden;border-radius:10px;background:var(--pnp-surface)}.pnp-sample-panel__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .24s ease-in-out,transform .3s ease;pointer-events:none}.pnp-card:hover .pnp-sample-panel__thumb,.pnp-sample-panel__thumb.is-active{opacity:1}.pnp-sample-panel__carousel-prev,.pnp-sample-panel__carousel-next{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center}.pnp-sample-panel__carousel-prev,.pnp-sample-panel__carousel-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:#ffffffb3;border-radius:999px;border:1px solid var(--pnp-border);box-shadow:0 4px 8px #1018280f;transition:box-shadow .18s ease,transform .16s ease;z-index:4;pointer-events:auto;font-size:2rem;line-height:1;padding:0;font-family:inherit;color:var(--pnp-fg)}.pnp-sample-panel__carousel-prev{left:12px}.pnp-sample-panel__carousel-next{right:12px}.pnp-sample-panel__carousel-prev:hover,.pnp-sample-panel__carousel-next:hover{box-shadow:0 10px 30px #1018282e;transform:translateY(-50%) scale(1.06)}.pnp-sample-panel__carousel-indicators{display:flex;gap:6px;margin-top:8px;justify-content:center}.pnp-sample-panel__carousel-indicator{width:10px;height:10px;border-radius:999px;border:1px solid var(--pnp-border);background:transparent}.pnp-sample-panel__carousel-indicator.is-active{background:var(--pnp-fg)}.pnp-sample-panel__thumb-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.pnp-sample-panel__thumb-strip{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:6px}.pnp-sample-panel__thumb-btn{border:1px solid var(--pnp-border);background:var(--pnp-bg);padding:3px;border-radius:6px;display:inline-grid;place-items:center;width:64px;height:48px}.pnp-sample-panel__thumb-btn{border:1px solid var(--pnp-border);background:var(--pnp-bg);padding:3px;border-radius:6px;display:inline-grid;place-items:center;width:80px;height:56px}.pnp-sample-panel__thumb-btn img{width:100%;height:100%;object-fit:cover;border-radius:4px}.pnp-sample-panel__thumb-btn.is-active{box-shadow:0 4px 14px #0000001f;border-color:#0000001f}.pnp-facepile__avatar{margin-left:calc(var(--pnp-face-size) * -.28);text-decoration:none;color:inherit}.pnp-facepile__avatar:first-child{margin-left:0}.pnp-facepile__avatar img{width:100%;height:100%;object-fit:cover;display:block}.pnp-facepile__initials{font-size:calc(var(--pnp-face-size) * .38);font-weight:700;color:var(--pnp-fg);opacity:.9}.pnp-facepile__more{margin-left:calc(var(--pnp-face-size) * -.28);font-size:calc(var(--pnp-face-size) * .34);font-weight:700;color:var(--pnp-fg);opacity:.9}.pnp-card__footer{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.pnp-card__meta,.pnp-facepile,.pnp-card__date{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.pnp-card__date{color:#000;font-size:.82rem;padding-bottom:10px;padding-top:10px}.pnp-card__meta{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:-1rem;margin-left:1rem}.pnp-facepile{justify-content:flex-start;padding-bottom:10px}.pnp-chip--icon{padding:.45rem .55rem;display:inline-flex;align-items:center;justify-content:center;min-width:40px}.pnp-pill--icon{padding:.25rem .45rem;display:inline-flex;align-items:center;justify-content:center;gap:0}.pnp-muuri-grid{position:relative}.pnp-sample-item{position:absolute;--pnp-sample-width: 320px;width:var(--pnp-sample-width);margin:10px}@media screen and (min-width:1200px){.pnp-sample-item{--pnp-sample-width: 320px}}@media screen and (min-width:1600px){.pnp-sample-item{--pnp-sample-width: 320px}}@media screen and (min-width:2000px){.pnp-sample-item{--pnp-sample-width: 320px}}@media screen and (min-width:3000px){.pnp-sample-item{--pnp-sample-width: 320px}.section-inner{max-width:2380px}}.pnp-sample-item{height:var(--card-h)}.pnp-sample-item-content{height:100%}.pnp-card{height:100%;display:flex;flex-direction:column;min-height:248px;color:#000;background-color:#ffffffd9;overflow:clip;border-radius:1rem;box-shadow:0 1.6px 3.6px #0002,0 .3px .9px #0000001c}.pnp-samples--loading .pnp-card,.pnp-samples--loading .pnp-card *,.pnp-samples--loading .pnp-card__thumb,.pnp-samples--loading .pnp-sample-panel__thumb,.pnp-samples--loading .pnp-sample-panel__thumb-btn,.pnp-samples--loading .pnp-sample-panel__thumb-btn img{box-shadow:none!important;filter:none!important;transform:none!important}.pnp-samples--loading .pnp-card:hover{transform:none!important;box-shadow:none!important}.pnp-samples--loading .pnp-btn:hover{box-shadow:none!important}.pnp-samples--loading .pnp-sample-item,.pnp-samples--loading .pnp-sample-item *,.pnp-samples--loading .pnp-card:before,.pnp-samples--loading .pnp-card__date:after,.pnp-samples--loading .pnp-card__date:before,.pnp-samples--loading .pnp-facepile__avatar,.pnp-samples--loading .pnp-facepile__avatar img,.pnp-samples--loading .pnp-sample-panel__carousel-prev,.pnp-samples--loading .pnp-sample-panel__carousel-next,.pnp-samples--loading .pnp-sample-panel__thumb-btn.is-active,.pnp-samples--loading .pnp-sample-panel__thumb-btn img,.pnp-samples--loading figure.pnp-card__thumb-figure{box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.pnp-samples--loading .pnp-card,.pnp-samples--loading .pnp-card *,.pnp-samples--loading .pnp-sample-panel__carousel-prev,.pnp-samples--loading .pnp-sample-panel__carousel-next{transition:none!important}.pnp-sample-item,.pnp-sample-item-content,.pnp-card{overflow:visible}.pnp-card__desc{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:2lh;line-height:18px;color:#000;text-align:left;display:-webkit-box!important;overflow:hidden;white-space:normal}.section-header p{text-align:center}article.main{font-size:clamp(1rem,1vw,1.5rem);box-sizing:border-box;padding:1.75em 2em;border-radius:1em;grid-column:1 / span 1;grid-row:1 / span 3;-webkit-backdrop-filter:blur(10px) saturate(300%);backdrop-filter:blur(10px) saturate(300%);background-color:#ffffffe6}.pnp-card__date{padding:.25em .5em 0 0;font-size:.875em}.pnp-chip--animated{position:relative;isolation:isolate}.pnp-chip__active{position:absolute;inset:0;border-radius:999px;background:#4191ff40;border:1px solid rgba(65,145,255,.35);z-index:-1}.pnp-chip__content{display:inline-flex;align-items:center}.pnp-chip__content:has(.pnp-icon){position:relative;top:2px}.pnp-samples-overlay{position:fixed;inset:0;background:var(--pnp-bg, #fff);z-index:99999;overflow:auto;display:flex;flex-direction:column;background-attachment:fixed;background-size:contain;background-size:cover;background-image:url(/sp-dev-fx-webparts/images/keyart-bg.webp);background-position:bottom left}.pnp-samples-overlay__actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.pnp-samples-overlay .pnp-samples__layout{grid-template-columns:320px 1fr;gap:1rem}@media(max-width:980px){.pnp-samples-overlay .pnp-samples__layout{grid-template-columns:1fr}}@media(max-width:640px){.pnp-muuri-grid{position:static;display:block}.pnp-card-grid{display:block}.pnp-muuri-grid .pnp-sample-item,.pnp-card-grid .pnp-sample-item{position:static;display:block;width:100%;margin:0 0 .75rem;left:auto;top:auto;transform:none}}.pnp-sample-panel{width:min(920px,calc(100vw - 96px));background:var(--pnp-bg, #fff);border:1px solid var(--pnp-border);border-radius:12px;box-shadow:var(--pnp-shadow);padding:1rem}.pnp-sample-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pnp-sample-panel__header .pnp-btn.pnp-btn--ghost{align-self:flex-start;padding:.25rem .5rem}.pnp-sample-panel__thumb{width:100%;max-height:420px;object-fit:cover;border-radius:8px;margin:.75rem 0}.pnp-sample-panel__actions{display:grid;margin-top:1rem}.pnp-sample-panel__actions>div{width:max-content}.pnp-sample-panel__actions .pnp-btn img.pnp-icon{vertical-align:middle}.pnp-sample-panel__actions .pnp-btn{display:inline-flex;align-items:center;gap:.5rem;width:100%;padding-top:0}.pnp-btn--action{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:.6rem .75rem;padding-left:0;gap:12px}.pnp-btn--action .pnp-icon{width:20px;height:20px;justify-self:start}.pnp-sample-panel__action-label{display:inline-block}.pnp-sample-panel__cli-heading{display:grid;grid-template-columns:28px 1fr;align-items:center;cursor:pointer}.pnp-sample-panel__cli{max-width:100%;box-sizing:border-box;border:1px solid var(--pnp-border);background:#0f1720;color:#dbeafe;padding:12px;border-radius:8px;overflow:auto}.pnp-sample-panel__cli-code{display:block;white-space:pre-wrap;word-break:break-word;width:100%;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:.95rem;color:inherit}.pnp-sample-panel-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:100000;background:#00000038;-webkit-backdrop-filter:blur(3px) saturate(120%);backdrop-filter:blur(3px) saturate(120%);padding:24px}.pnp-sample-panel-container{width:100%;max-width:920px;max-height:calc(100vh - 48px);overflow:auto;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;border-color:#605e5c;box-shadow:0 25.6px 57.6px #00000038,0 4.8px 14.4px #0000002e;-webkit-animation:scale-in-center .2s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .2s cubic-bezier(.25,.46,.45,.94) both}.pnp-sample-panel__meta{padding-top:1rem;font-size:.85rem}@media(max-width:980px){.pnp-sample-panel-container{width:100%}}@media(max-width:640px){.pnp-sample-panel-overlay{padding:0!important;align-items:stretch;justify-content:stretch;background:#00000038}.pnp-sample-panel-container{max-width:100%!important;width:100%!important;max-height:100vh!important;height:100vh!important;padding:0!important;box-shadow:none;display:flex;align-items:stretch;justify-content:center}.pnp-sample-panel{width:100%!important;height:100%!important;max-height:100vh!important;border-radius:0!important;padding:.75rem!important;box-shadow:none!important;border:none!important;overflow:hidden;display:flex;flex-direction:column;max-height:100vh}.pnp-sample-panel__header{flex:0 0 auto;z-index:2}.pnp-sample-panel__body{overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}}@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}body.pnp-sample-panel-open{overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important}body.pnp-sample-panel-open .pnp-samples-overlay,body.pnp-sample-panel-open .pnp-sample-panel-overlay{overflow:hidden}body.pnp-sample-panel-open .pnp-sample-panel__body{overflow:auto;-webkit-overflow-scrolling:touch}.pnp-card:after{position:absolute;z-index:2;inset:0;border-radius:1rem;content:" ";background-image:linear-gradient(-215deg,#fff0 50%,#ffffff4d)}.pnp-card:before{position:absolute;inset:0;overflow:clip;width:inherit;height:inherit;border:1px white solid;border-radius:1rem;mix-blend-mode:multiply;content:" "}.pnp-card__body{padding:1rem;background-color:#fff0;border-radius:0 0 1em 1em;padding-bottom:.74em;margin-top:-1rem}@media(max-width:640px){.pnp-card__body{margin-top:0;padding:.75rem}}