.motion-library-surface .motion-library-content{max-width:80rem;padding:clamp(2rem,4.2vw,4rem) clamp(1rem,3.5vw,3.5rem) max(4rem,env(safe-area-inset-bottom))}.motion-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:2.75rem;border-bottom:1px solid hsl(var(--border))}.motion-library-eyebrow{display:flex;align-items:center;gap:.7rem;color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500;letter-spacing:.16em;line-height:1.6;text-transform:uppercase}.motion-library-eyebrow>span{width:1.5rem;height:1px;flex-shrink:0;background:hsl(var(--primary))}.motion-library-heading h1,.motion-account-surface .motion-account-identity .consumer-heading{margin:1.6rem 0 1.1rem;font-size:clamp(2.5rem,4.7vw,4.75rem);font-weight:550;letter-spacing:normal;line-height:1.03;text-wrap:balance;overflow-wrap:anywhere}.motion-library-description{max-width:33rem;color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.65}.motion-library-heading-actions{flex-shrink:0;padding-bottom:.25rem}.motion-library-heading-actions a,.motion-library-heading-actions button{transition:transform .24s ease,background-color .18s ease}.motion-library-heading-actions svg{transition:transform .24s ease}.motion-library-heading-actions :is(a,button):hover svg{transform:translate(2px,-2px)}.motion-library-surface .consumer-toolbar{margin-bottom:2rem;padding-top:1rem;padding-bottom:1rem;background:hsl(var(--background) / .97)}.motion-library-surface .consumer-toolbar>div{max-width:80rem;padding-inline:clamp(1rem,3.5vw,3.5rem)}.motion-library-surface .motion-library-card{min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.motion-library-card>div:first-child{overflow:hidden;border-radius:var(--radius-card);background:#fff}.motion-library-image{overflow:hidden;background:#fff}.motion-library-image img{-o-object-fit:contain;object-fit:contain}.motion-library-card .motion-library-caption{padding:1.05rem 0 0}.motion-library-caption>button:first-child{min-height:3.25rem}.motion-library-caption>button:first-child>p:first-child{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:550;letter-spacing:normal;line-height:1.3}.motion-library-caption>button:first-child>p:nth-child(2){font-size:.75rem;line-height:1.5}.motion-library-caption .motion-library-actions{gap:.5rem;margin-top:1rem}.motion-library-actions>button:first-child{min-height:2.75rem;background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:none}.motion-library-actions>button:first-child:hover:not(:disabled){background:hsl(var(--secondary));border-color:hsl(var(--foreground) / .4)}.motion-library-actions>button:last-child{min-height:2.75rem;min-width:2.75rem;background:hsl(var(--secondary))}.motion-library-empty{padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem)}.motion-library-empty h3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:550;letter-spacing:normal}.motion-library-empty p{max-width:24rem;line-height:1.7;margin-top:.8rem;margin-bottom:1.5rem}.motion-library-empty>div:first-child{border:1px solid hsl(var(--border));background:transparent}.motion-feed-intro{padding-top:clamp(2rem,4.2vw,4rem)}.motion-feed-intro .motion-library-heading{padding-bottom:1.5rem;margin-bottom:0;border:0}.motion-feed-page>section[aria-label="Discover design topics"]{padding-top:.25rem}.motion-feed-page>section[aria-label="Discover design topics"]>nav{gap:.25rem 1.1rem;padding-bottom:.6rem}.motion-feed-page>section[aria-label="Discover design topics"]>nav>a{padding:.5rem 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;font-size:.875rem;font-weight:400}.motion-feed-page>section[aria-label="Discover design topics"]>nav>a:hover,.motion-feed-page>section[aria-label="Discover design topics"]>nav>a[aria-current=page]{border-bottom-color:hsl(var(--foreground));color:hsl(var(--foreground))}.motion-feed-page .consumer-header{padding-top:1.75rem}.motion-feed-page .consumer-gallery-card{box-shadow:none}.motion-account-surface .motion-account-identity{padding-top:.5rem;padding-bottom:2.75rem}.motion-account-surface .motion-account-identity>div{gap:clamp(1.5rem,3vw,3rem)}.motion-account-surface .motion-account-identity .consumer-heading{margin-top:.75rem}.motion-account-links{padding-bottom:1.25rem;margin-top:2rem;margin-bottom:2.5rem;border-bottom:1px solid hsl(var(--border))}.motion-account-links>a{min-height:5rem;border:0;border-radius:var(--radius-btn);background:transparent;box-shadow:none}.motion-account-links>a:hover{background:hsl(var(--secondary))}.motion-account-links>a>svg:last-child{transition:transform .2s ease}.motion-account-links>a:hover>svg:last-child{transform:translate(3px)}.motion-account-surface .motion-account-settings{gap:clamp(1.5rem,3vw,3rem)}.motion-account-surface .motion-account-form{border:0;background:transparent}.motion-account-form>div{padding-left:0;padding-right:0}.motion-account-form>div:first-child{padding-top:0;padding-bottom:1.5rem}.motion-account-surface .motion-account-credits{padding:1.75rem;background:hsl(var(--well));border:0}.motion-account-credits .text-4xl{margin-top:1.5rem;margin-bottom:.3rem;font-size:clamp(2.8rem,3.3vw,3.5rem);font-weight:550;letter-spacing:normal}.motion-account-surface .motion-account-activity{margin-top:2.75rem;border-right:0;border-left:0;border-bottom:0;border-radius:0;background:transparent}.motion-account-activity>div{padding-left:0;padding-right:0}.motion-account-activity>div:first-child{padding-top:2rem;padding-bottom:1.5rem}.motion-order-filters>button{transition:color .18s ease,background-color .18s ease,border-color .18s ease}.motion-orders-surface .motion-order-card{border-radius:var(--radius-card);margin-bottom:1.5rem}.motion-order-summary{padding:clamp(1.25rem,2.5vw,2rem);gap:2rem}.motion-order-card .font-extrabold{font-weight:550}.motion-discovery-surface .consumer-content{padding-top:clamp(2rem,4.2vw,4rem)}.motion-discovery-surface .consumer-heading{font-size:clamp(2.5rem,4.7vw,4.75rem);font-weight:550;line-height:1.05;letter-spacing:normal}.motion-discovery-surface .consumer-header{padding-bottom:2rem;margin-bottom:2.5rem}@media (min-width: 1024px){.motion-order-summary>div:last-child{padding-left:1.5rem;border-left:1px solid hsl(var(--border))}.motion-account-links>a+a{border-left:1px solid hsl(var(--border));border-radius:0}}@media (max-width: 767px){.motion-library-surface .motion-library-content{padding:1.75rem 1rem 5rem}.motion-library-heading{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-bottom:1.75rem;margin-bottom:1.5rem}.motion-library-heading h1{margin-top:1.25rem;font-size:clamp(2.25rem,9.5vw,3.25rem)}.motion-library-description{font-size:.875rem;line-height:1.7;max-width:27rem}.motion-library-heading-actions{width:100%}.motion-library-heading-actions :is(a,button){width:100%;justify-content:space-between}.motion-library-grid{-moz-column-gap:.875rem;column-gap:.875rem;row-gap:2rem}.motion-library-surface .consumer-toolbar{padding-top:.75rem;padding-bottom:.75rem;margin-bottom:1.5rem}.motion-library-caption>button:first-child>p:first-child{font-size:.95rem;line-height:1.35}.motion-library-caption>button:first-child>p:nth-child(2){font-size:.75rem}.motion-library-actions>button:first-child{padding-left:.5rem;padding-right:.5rem}.motion-feed-intro{padding-top:1.75rem}.motion-feed-intro .motion-library-heading{gap:1.1rem;padding-bottom:1rem}.motion-feed-intro .motion-library-heading-actions :is(a,button){width:auto;justify-content:center}.motion-feed-page>section[aria-label="Discover design topics"]>nav{gap:0 1rem}.motion-account-surface .motion-account-identity{padding-bottom:1.75rem}.motion-account-surface .motion-account-identity .consumer-heading{font-size:clamp(2.25rem,9.5vw,3.25rem)}.motion-account-links{-moz-column-gap:.5rem;column-gap:.5rem;margin-top:1.25rem;margin-bottom:1.75rem}.motion-account-links>a{padding:.75rem .5rem;gap:.75rem}.motion-account-surface .motion-account-credits{padding:1.5rem}.motion-account-surface .motion-account-settings{row-gap:2.5rem}.motion-order-filter-section{margin-right:-1rem}.motion-order-filters{padding-right:1rem}.motion-order-summary{gap:1.5rem}}@media (prefers-reduced-motion: reduce){.motion-library-heading-actions :is(a,button,svg),.motion-account-links>a>svg:last-child,.motion-library-actions>button,.motion-order-filters>button{transition:none}.motion-library-heading-actions :is(a,button):hover svg,.motion-account-links>a:hover>svg:last-child{transform:none}}