.screenshot--dark,.dark .screenshot--light{display:none}.dark .screenshot--dark{display:block}.device-image--dark,.dark .device-image--light{display:none}.dark .device-image--dark{display:block}.frame--desktop{width:min(640px,100%)}.laptop-frame-inner{position:relative;padding-top:60.34%}.frame--desktop .screenshot{position:absolute;left:50%;top:2.4%;transform:translate(-50%);width:80%;-o-object-fit:cover;object-fit:cover}.frame--desktop .frame-overlay{position:absolute;top:1%;right:9%;bottom:7%;left:9%;background-color:var(--neutral-975);border-radius:2.5% 2.5% 0 0;opacity:0;transition:opacity var(--duration-base)}.frame--desktop:hover .frame-overlay{opacity:.3}.dark .frame--desktop:hover .frame-overlay{opacity:.72}.frame--desktop .device-image{max-width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.frame--mobile{width:min(240px,100%);container-type:inline-size;container-name:preview-mobile}.mobile-frame-inner{position:relative;padding-top:203%}.frame--mobile .screenshot{position:absolute;left:49.9%;top:7.5%;bottom:.5%;transform:translate(-50%);width:90.4%;border-radius:0 0 8.5% 8.5%;-o-object-fit:cover;object-fit:cover}.mobile-top-bg{position:absolute;width:92%;height:10%;left:50%;top:0%;transform:translate(-50%);border-radius:25px 25px 0 0;background-color:var(--color-background)}.frame--mobile .frame-overlay{position:absolute;top:.5%;right:.5%;bottom:.5%;left:50%;width:97%;height:auto;transform:translate(-50%);background-color:var(--neutral-975);border-radius:20%/10%;opacity:0;transition:opacity var(--duration-base)}.frame--mobile:hover .frame-overlay{opacity:.3}.dark .frame--mobile:hover .frame-overlay{opacity:.72}.frame--mobile .device-image{max-width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.frame-actions-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);z-index:10;opacity:0;transition:opacity var(--duration-base) var(--ease-standard);pointer-events:none}.frame:hover .frame-actions-container{opacity:1;pointer-events:auto}.frame-actions--desktop{top:1%;right:9%;bottom:7%;left:9%;border-radius:10px 10px 0 0}.frame-actions--mobile{top:6%;left:50%;right:auto;bottom:1%;width:90.4%;height:auto;transform:translate(-50%);border-radius:0 0 15px 15px;container-type:inline-size;container-name:frame-actions-mobile;gap:6.3cqw}.frame-actions-container .preview-button{gap:.571em;padding:.714em 1.429em;min-height:2.857em;border-radius:.571em;line-height:1.429}.frame-actions-container .discover-link{gap:.571em;line-height:1.429}.frame-actions-container .btn-icon{width:1.143em;height:1.143em}.frame-actions--mobile .preview-button,.frame-actions--mobile .discover-link{font-size:min(7.98cqw,var(--font-size-body-sm))}.discover-link{display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--duration-base) var(--ease-standard);color:var(--color-text-on-brand);font-weight:var(--weight-medium);font-size:var(--font-size-body-sm);line-height:1.25rem;white-space:nowrap}.discover-link:hover{color:color-mix(in srgb,var(--color-text-on-brand) 80%,transparent)}.discover-link .btn-icon{flex-shrink:0;transition:transform .2s ease}.discover-link:hover .btn-icon{transform:translate3d(4px,0,0)}.btn-icon{width:1rem;height:1rem;flex-shrink:0}.crossdevice-wrapper{position:relative;width:min(727px,100%);aspect-ratio:12 / 7}.crossdevice-wrapper .frame--desktop{position:absolute;top:0;left:0;width:88%}.crossdevice-mobile-frame{z-index:11}.crossdevice-wrapper .frame--mobile{position:absolute;right:0;bottom:0;width:26%}.gallery-section{width:100%;padding:var(--section-py) var(--section-px);max-width:var(--container-max)}.filter-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.filter-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.searchbar-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4)}.searchbar-container{position:relative;width:100%;min-width:340px}.clear-filters-btn{cursor:pointer;padding-right:var(--space-1);text-decoration:underline;transition:opacity var(--duration-base) var(--ease-standard);color:var(--color-text-body);font-size:var(--font-size-body-sm);font-weight:var(--weight-regular);line-height:1}.clear-filters-btn:hover{opacity:.8}.clear-filters-btn.hidden{display:none}@media (max-width: 1023.98px){.filter-wrapper{flex-direction:column;align-items:stretch;width:100%}.searchbar-container{min-width:0}}.grid-isotope{--gallery-columns: 3;margin:calc(var(--between-cards) / -2);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.grid-isotope.loaded{opacity:1}.grid-item{float:left;padding:calc(var(--between-cards) / 2);width:calc(100% / var(--gallery-columns));aspect-ratio:36 / 55}.grid-item.large-item{width:calc(100% / var(--gallery-columns) * 2);aspect-ratio:72 / 55}.grid-item.alone-in-row{width:100%;aspect-ratio:108 / 55}@media (max-width: 1023.98px){.grid-isotope{--gallery-columns: 2;margin-inline:max(calc(var(--between-cards) / -2),(100% - 784px) / 2)}}@media (max-width: 639.98px){.grid-isotope{--gallery-columns: 1}.grid-item,.grid-item.large-item{width:100%;aspect-ratio:auto}}.no-results-wrapper{padding:var(--space-24) 0;text-align:center}.no-results-wrapper.hidden{display:none}.no-results-text{font-size:var(--font-size-subtitle);color:var(--color-text-body)}.load-more-wrapper{padding:var(--space-8) 0;text-align:center}.load-more-wrapper.hidden{display:none}.load-more-btn{cursor:pointer;text-decoration:underline;transition:opacity var(--duration-base) var(--ease-standard);color:var(--color-text-body);background:transparent;border:none;font-weight:300;font-size:24px}.load-more-btn:hover{opacity:.8}