.screen-library{padding-top:calc(var(--app-header-shortcuts-height) + var(--app-header-navigation-height))}.screen-library__welcome{background-color:rgba(var(--color-primary),1);height:240px;position:relative}@media (width>=768px){.screen-library__welcome{height:280px}}@media (width>=1080px){.screen-library__welcome{height:320px}}.screen-library__welcome .container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-left:16px;padding-right:16px;display:flex}.screen-library__welcome-summary{color:rgba(var(--color-on-primary),1);text-align:center;text-transform:uppercase;font-family:var(--typeface-plain);letter-spacing:.005em;font-optical-sizing:auto;font-variation-settings:"wdth";margin-bottom:8px;padding-left:16px;padding-right:16px;font-size:12px;font-weight:600;line-height:16px}@media (width>=768px){.screen-library__welcome-summary{font-family:var(--typeface-plain);letter-spacing:.005em;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:14px;font-weight:600;line-height:20px}}.screen-library__welcome-features{z-index:10;inset:0;-moz-column-gap:16px;width:100%;color:rgba(var(--color-on-primary),1);background-color:rgba(var(--color-primary),.7);flex-flow:column wrap;justify-content:center;align-items:center;gap:12px 16px;padding:16px 12px;display:flex;position:absolute;inset-block-end:0;inset-inline-start:0}@media (width>=576px){.screen-library__welcome-features{padding:20px 24px}}.screen-library__welcome-title{color:rgba(var(--color-on-primary),1);text-align:center;text-transform:uppercase;font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";margin-top:0;margin-bottom:0;padding-left:16px;padding-right:16px;font-size:22px;font-weight:600;line-height:26px}@media (width>=768px){.screen-library__welcome-title{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:28px;font-weight:700;line-height:36px}}@media (width>=1080px){.screen-library__welcome-title{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:32px;font-weight:700;line-height:40px}}.screen-library__about{flex-direction:column;row-gap:16px;padding-top:32px;padding-bottom:16px;display:flex}@media (width>=768px){.screen-library__about{padding-top:48px;padding-bottom:20px}}@media (width>=1080px){.screen-library__about{grid-column-gap:32px;-moz-column-gap:32px;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);column-gap:32px;padding:72px 15% 24px;display:grid}}.screen-library__about-title{color:rgba(var(--color-on-surface-variant),1);cursor:default;opacity:0;width:fit-content;font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";margin-top:0;margin-bottom:0;font-size:22px;font-weight:600;line-height:26px;animation:1.2s cubic-bezier(.2,.8,.2,1) forwards slide-in-left;position:relative}@media (width>=768px){.screen-library__about-title{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:28px;font-weight:700;line-height:36px}}@media (width>=1080px){.screen-library__about-title{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:32px;font-weight:700;line-height:40px}}.screen-library__about-title:after{content:"";background-color:rgba(var(--color-primary),1);transform-origin:50%;width:100%;height:3px;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.screen-library__about-title:hover:after{transform:scaleX(1)}@keyframes slide-in-left{0%{opacity:0;transform:translate(80%)}to{opacity:1;transform:translate(0)}}.screen-library__about-summary{color:rgba(var(--color-on-surface),1);text-align:justify;font-family:var(--typeface-plain);letter-spacing:.004em;font-optical-sizing:auto;font-variation-settings:"wdth";margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}@media (width>=768px){.screen-library__about-summary{font-family:var(--typeface-plain);letter-spacing:.0025em;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:16px;font-weight:400;line-height:24px}}.screen-library__filters{flex-direction:column;align-items:stretch;row-gap:12px;padding-top:20px;padding-bottom:8px;display:flex}@media (width>=768px){.screen-library__filters{flex-direction:row;justify-content:flex-end;align-items:center;padding-top:24px}}@media (width>=1080px){.screen-library__filters{padding-top:36px}}.screen-library__filters-separator{display:none}@media (width>=768px){.screen-library__filters-separator{background-color:rgba(var(--color-outline-variant),1);width:100%;height:1px;margin-left:16px;margin-right:16px;display:block}}.screen-library__filters-title{color:rgba(var(--color-on-surface-variant),1);font-family:var(--typeface-brand);letter-spacing:.0015em;font-optical-sizing:auto;font-variation-settings:"wdth";flex:none;margin-top:0;margin-bottom:0;font-size:18px;font-weight:600;line-height:24px}@media (width>=768px){.screen-library__filters-title{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";margin-right:auto;font-size:22px;font-weight:600;line-height:26px}}.screen-library__access-list{grid-row-gap:20px;grid-column-gap:20px;-moz-column-gap:20px;grid-template-columns:1fr;gap:20px;padding-top:20px;padding-bottom:48px;display:grid}@media (width>=768px){.screen-library__access-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:24px;padding-bottom:64px}}@media (width>=1080px){.screen-library__access-list{-moz-column-gap:24px;gap:24px;padding-top:28px;padding-bottom:100px}}.screen-library__access-card{background-color:rgba(var(--color-surface),1);cursor:pointer;border-style:solid;border-width:2px;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:28px;-webkit-text-decoration:none;text-decoration:none;display:flex;overflow:hidden}@media (width>=768px){.screen-library__access-card{gap:24px;padding:32px}}@media (width>=1080px){.screen-library__access-card{padding:36px}}@media (prefers-reduced-motion:no-preference){.screen-library__access-card{transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}}.screen-library__access-card:not(:hover){border-color:rgba(var(--color-outline),1);transform:translateY(0)}.screen-library__access-card:hover{border-color:rgba(var(--color-primary),1);background-color:rgba(var(--color-surface-variant),1);transform:translateY(-4px)}.screen-library__access-icon{--icon-width:64px;--icon-height:64px;width:96px;height:96px;color:rgba(var(--color-on-primary-container),1);background-color:rgba(var(--color-primary-container),1);border-radius:100px;flex:none;justify-content:center;align-items:center;display:flex}@media (width>=768px){.screen-library__access-icon{--icon-width:72px;--icon-height:72px;width:112px;height:112px}}@media (width>=1080px){.screen-library__access-icon{--icon-width:80px;--icon-height:80px;width:120px;height:120px}}.screen-library__access-content{flex-direction:column;gap:12px;width:100%;display:flex}@media (width>=768px){.screen-library__access-content{gap:16px}}.screen-library__access-title{color:rgba(var(--color-on-surface-variant),1);text-align:center;font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";margin-top:0;margin-bottom:0;font-size:22px;font-weight:600;line-height:26px}@media (width>=768px){.screen-library__access-title{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:28px;font-weight:700;line-height:36px}}.screen-library__access-footer{align-items:flex-start;gap:12px;display:flex}@media (width>=768px){.screen-library__access-footer{align-items:center;gap:16px}}.screen-library__access-description{color:rgba(var(--color-on-surface),1);text-align:center;font-family:var(--typeface-plain);letter-spacing:.004em;font-optical-sizing:auto;font-variation-settings:"wdth";flex:1;margin-top:0;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}@media (width>=768px){.screen-library__access-description{font-family:var(--typeface-plain);letter-spacing:.0025em;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:16px;font-weight:400;line-height:24px}}.screen-library__access-arrow{--icon-width:24px;--icon-height:24px;color:rgba(var(--color-primary),1);flex:none;display:none}@media (width>=768px){.screen-library__access-arrow{--icon-width:28px;--icon-height:28px;display:block}}@media (width>=1080px){.screen-library__access-arrow{--icon-width:32px;--icon-height:32px}}.screen-library__items{flex-direction:column;align-items:stretch;row-gap:20px;padding-top:24px;padding-bottom:48px;display:flex}@media (width>=768px){.screen-library__items{row-gap:24px}}@media (width>=1080px){.screen-library__items{row-gap:28px}}.screen-library__item{contain:layout style;flex-direction:column;row-gap:0;display:flex}@media (width>=768px){.screen-library__item{grid-column-gap:16px;-moz-column-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.screen-library__item:nth-child(2n) .screen-library__item-media{order:2}.screen-library__item:nth-child(2n) .screen-library__item-content,.screen-library__item:nth-child(odd) .screen-library__item-media{order:1}.screen-library__item:nth-child(odd) .screen-library__item-content{order:2}}@media (width>=1080px){.screen-library__item{-moz-column-gap:20px;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px}}.screen-library__item-media{justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;display:flex;position:relative;overflow:hidden}.screen-library__item-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}@media (width>=768px){.screen-library__item-media{border-radius:8px;min-height:280px}}@media (width>=1080px){.screen-library__item-media{grid-column-end:span 3;min-height:320px}}.screen-library__item-media:hover{box-shadow:0 20px 40px -10px rgba(var(--color-primary),.4);z-index:1;transform:scale(1.02)translateY(-8px)}.screen-library__item-content{border:1px solid rgba(var(--color-outline),1);background-color:rgba(var(--color-surface),1);border-radius:0 0 8px 8px;flex-direction:column;gap:16px;padding:24px 20px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;display:flex}@media (width>=768px){.screen-library__item-content{border-radius:8px;gap:20px;padding:28px 24px}}@media (width>=1080px){.screen-library__item-content{grid-column-end:span 2;gap:24px;padding:36px 32px}}.screen-library__item-content:hover{box-shadow:0 20px 40px -10px rgba(var(--color-primary),.4);z-index:1;transform:scale(1.02)translateY(-8px)}.screen-library__item-name{color:rgba(var(--color-on-surface-variant),1);font-family:var(--typeface-brand);letter-spacing:.0015em;font-optical-sizing:auto;font-variation-settings:"wdth";margin-top:0;margin-bottom:0;font-size:18px;font-weight:600;line-height:24px}@media (width>=768px){.screen-library__item-name{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:22px;font-weight:600;line-height:26px}}@media (width>=1080px){.screen-library__item-name{font-family:var(--typeface-brand);letter-spacing:0;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:28px;font-weight:700;line-height:36px}}.screen-library__item-summary{color:rgba(var(--color-on-surface),1);font-family:var(--typeface-plain);letter-spacing:.004em;font-optical-sizing:auto;font-variation-settings:"wdth";flex:1;margin-top:0;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}@media (width>=768px){.screen-library__item-summary{font-family:var(--typeface-plain);letter-spacing:.0025em;font-optical-sizing:auto;font-variation-settings:"wdth";font-size:16px;font-weight:400;line-height:24px}}.screen-library__item-button{--icon-width:18px;--icon-height:18px;align-self:flex-start}@media (width>=768px){.screen-library__item-button{--icon-width:20px;--icon-height:20px}}@media (prefers-reduced-motion:no-preference){.screen-library__item-button{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}}.screen-library__item-button:hover{will-change:transform}.screen-library__item-button:focus-visible{outline:2px solid rgba(var(--color-primary),1);outline-offset:2px}.screen-library__item-blockquote{border-left:4px solid rgba(var(--color-primary),1);color:rgba(var(--color-on-surface-variant),1);-webkit-line-clamp:3;line-clamp:3;font-family:var(--typeface-plain);letter-spacing:.0025em;font-optical-sizing:auto;font-variation-settings:"wdth";-webkit-box-orient:vertical;margin-top:16px;margin-bottom:16px;padding-left:16px;font-size:16px;font-weight:400;line-height:24px;display:-webkit-box;overflow:hidden}.screen-library__welcome-photo{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}