.gallery-container{margin-left:auto;margin-right:auto;width:100vw;max-width:80rem;padding:3rem 1.5rem}@media (min-width: 640px){.gallery-container{padding:4rem 2rem}}@media (min-width: 1280px){.gallery-container{width:1280px;max-width:1280px}}.filter-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding-left:.75rem;padding-right:.75rem;margin-bottom:2rem}.filter-buttons{display:flex;flex-direction:column;gap:.75rem}.filter-buttons-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem .5rem}.filter-button{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0%;min-width:120px;height:44px;padding:12px 0;border-radius:8px;transition:all .3s;cursor:pointer;border:1px solid var(--grey-color);background-color:transparent;color:var(--text-secondary-color)}.filter-button:hover{background-color:#d0d7e31a;border-color:var(--grey-color);color:var(--text-secondary-color)}.filter-button.is-checked{background-color:var(--card-color);border-color:transparent;color:var(--text-primary-color);font-weight:700;box-shadow:var(--drop-shadow)}.filter-button.is-checked:hover{border-color:var(--grey-color)}.filter-button[data-category-filter="*"],.filter-button[data-type-filter="*"]{min-width:70px}.searchbar-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.searchbar-container{position:relative;width:100%;min-width:340px}.search-input{width:100%;background-color:transparent;color:var(--text-secondary-color);height:44px;padding:.5rem 2rem .5rem .75rem;font-weight:400;font-size:.875rem;line-height:100%;letter-spacing:0%;border:1px solid var(--grey-color);border-radius:.375rem}.search-input:focus{outline:none;box-shadow:0 0 0 1px var(--accent-color)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.search-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input::-moz-placeholder{color:var(--text-secondary-color);font-weight:400;font-size:14px;line-height:100%;opacity:.5}.search-input::placeholder{color:var(--text-secondary-color);font-weight:400;font-size:14px;line-height:100%;opacity:.5}.search-icon-wrapper{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}.search-icon{color:var(--text-primary-color)}.clear-filters-btn{cursor:pointer;padding-right:4px;text-decoration:underline;transition:opacity .2s;color:var(--text-secondary-color);font-weight:400;font-size:.875rem;line-height:100%;letter-spacing:0%}.clear-filters-btn:hover{opacity:.8}.clear-filters-btn.hidden{display:none}.grid-isotope{width:100%;opacity:0;transition:opacity .3s ease}.grid-isotope.loaded{opacity:1}.grid-item{padding:12px 0;width:100%;box-sizing:border-box;display:flex}.grid-item>div{width:100%}@media (min-width: 768px){.grid-item{width:calc(50% + -0px);padding:12px}.grid-item.large-item{width:calc(100% + -0px)}}@media (min-width: 1152px){.grid-item{width:calc(33.3333% + -0px)}.grid-item.large-item{width:calc(66.6666% + -0px)}.grid-item.large-item.alone-in-row{width:100%!important}}@media (max-width: 1152px){.grid-isotope{max-width:866px;margin:0 auto}.filter-wrapper{max-width:866px;margin-left:auto;margin-right:auto}}.alone-in-row>div{display:flex;justify-content:center}.alone-in-row .preview-card-content{position:relative;width:151.52%;margin-left:-25.76%}.alone-in-row .preview-card{width:66%}.preview-card-container{position:relative;overflow:hidden;border-radius:16px;background-color:var(--card-background-color);box-shadow:var(--card-shadow);transition:transform .3s,box-shadow .3s;will-change:transform;backface-visibility:hidden}.preview-card-container:hover{transform:translateY(-.25rem);box-shadow:var(--card-shadow-hover)}.preview-card-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(ellipse at top left,var(--top-radial) 0%,rgba(21,75,138,0) 50%),radial-gradient(ellipse at bottom right,var(--bottom-radial) 0%,rgba(21,75,138,0) 50%),var(--card-background-color);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.preview-card-container:hover:after{opacity:1}.preview-card-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(-45deg,var(--stroke-0) 0%,rgba(21,75,138,0) 50%,var(--stroke) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;opacity:0;transition:opacity .3s ease;pointer-events:none}.preview-card-container:hover:before{opacity:1}.preview-card{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;height:100%;z-index:1}.grid-item:not(.large-item) .preview-card{aspect-ratio:380/595.18}.grid-item.large-item .preview-card{aspect-ratio:785/596}.preview-card-device{position:relative}.preview-card-device--large{padding:2.53% 2.15%}.preview-card-device--small{padding:5.26% 4.47%}.device-image{z-index:2}.mobile-frame{position:relative;margin-left:auto;margin-right:auto;max-width:52.63%}.mobile-frame-inner{position:relative;padding-top:203%}.mobile .device{width:99%;height:100%}.mobile .screenshot{width:90.4%;height:90%;left:49.9%;top:6%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%);border-radius:0 0 15px 15px}.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(--background-color)}.mobile-overlay{position:absolute;top:1%;right:3%;bottom:1%;left:3%;background-color:#001237;border-radius:30px;opacity:0;transition:opacity .3s}.preview-card-container:hover .mobile-overlay{opacity:.3}.dark .preview-card-container:hover .mobile-overlay{opacity:.72}.laptop-frame{position:relative;margin-left:auto;margin-right:auto;max-width:84.97%}.laptop-frame-inner{position:relative;padding-top:60.34%}.laptop-overlay{position:absolute;top:1%;right:9%;bottom:7%;left:9%;background-color:#001237;border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s}.preview-card-container:hover .laptop-overlay{opacity:.3}.dark .preview-card-container:hover .laptop-overlay{opacity:.72}.crossdevice-mobile-frame{z-index:11}.crossdevice-wrapper{position:relative}.crossdevice-desktop-frame{position:relative;left:4%;margin-left:unset;margin-right:unset}.crossdevice-mobile-frame{position:absolute;right:4%;top:50%;transform:translateY(-42%);width:24.88%}.screenshot{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.screenshot--dark,.dark .screenshot--light{display:none}.dark .screenshot--dark{display:block}.device-image{position:absolute;top:0;right:0;bottom:0;left:0}.device-image--dark,.dark .device-image--light{display:none}.dark .device-image--dark{display:block}.preview-card-content,.preview-card-content--large,.preview-card-content--small{padding:1.5rem 2rem}.preview-card-title{margin-bottom:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--white);font-weight:600;font-size:1.5rem;letter-spacing:.01em}.preview-card h3{color:var(--text-primary-color)}.card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.card-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:9999px;font-weight:400;font-size:.75rem;line-height:100%}.card-badge--brand{background-color:transparent;color:var(--text-primary-color);padding-left:0}.card-badge--type{background-color:var(--card-badge-background-color);color:var(--text-primary-color)}.badge-icon{display:inline-block;width:15px;height:15px;background-color:var(--text-primary-color);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.preview-card-hover-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;opacity:0;transition:opacity .3s;pointer-events:none}.preview-card-container:hover .preview-card-hover-actions{opacity:1;pointer-events:auto}.preview-card-hover-actions--laptop{top:1%;right:9%;bottom:7%;left:9%;border-radius:10px 10px 0 0}.preview-card-hover-actions--mobile{top:1%;right:3%;bottom:1%;left:3%;border-radius:30px}.preview-card-hover-actions--mobile .preview-button{padding:9px 17px;font-size:.8125rem;line-height:1.125rem}.preview-card-hover-actions--mobile .discover-link{font-size:.8125rem;line-height:1.125rem}.preview-card-hover-actions--mobile .btn-icon{width:.9375rem;height:.9375rem}.hover-actions-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;color:var(--white);background:linear-gradient(188deg,#0f68a1 7.86%,#164685 92.75%);cursor:pointer;transition:all .3s;box-shadow:0 0 16px 4px #00000014;will-change:transform;position:relative;overflow:hidden;font-family:Work Sans,sans-serif;font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.01em}.preview-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-188deg,#0f68a1 7.86%,#164685 92.75%);opacity:0;transition:opacity .3s;z-index:-1}.preview-button:hover:before,.preview-button:focus:before{opacity:1}.preview-button:hover,.preview-button:focus{transform:scale3d(1.05,1.05,1);transform-origin:center center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.discover-link{display:inline-flex;align-items:center;gap:6px;transition:all .2s;color:var(--white);font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.01em}.discover-link:hover{opacity:.8}.discover-link .btn-icon{transition:transform .2s ease}.discover-link:hover .btn-icon{transform:translate(4px)}.btn-icon{width:1rem;height:1rem}.no-results-wrapper{padding:8rem 0;text-align:center}.no-results-wrapper.hidden{display:none}.no-results-text{font-size:1.25rem;color:var(--text-secondary-color)}.load-more-wrapper{padding:2rem 0;text-align:center}.load-more-wrapper.hidden{display:none}.load-more-btn{cursor:pointer;text-decoration:underline;transition:opacity .2s;color:var(--text-secondary-color);background:transparent;border:none;font-weight:300;font-size:24px}.load-more-btn:hover{opacity:.8}@media (max-width: 897px){.searchbar-wrapper{width:100%}.searchbar-wrapper>div{min-width:0!important}.searchbar-container{min-width:0}.filter-buttons{width:100%}.filter-buttons button{min-width:0!important;flex:1}.filter-button[data-category-filter="*"],.filter-button[data-type-filter="*"]{flex:.35}}@media (max-width: 768px){.filter-wrapper{padding:0}}@media (max-width: 520px){.filter-button,#quicksearch{font-size:clamp(12px,2.6vw,14px)}.filter-button[data-category-filter="*"],.filter-button[data-type-filter="*"]{padding-left:3px;padding-right:3px}}@media (max-width: 1152px){.grid-item .preview-card{aspect-ratio:unset!important}.grid-item.large-item .preview-card-device{padding:20px!important}.grid-item.large-item .preview-card-content{padding:20px 32px 0!important}}@media (max-width: 520px){.preview-button{padding:8px 14px;font-size:.75rem}.discover-link{font-size:.75rem}}@media (max-width: 380px){.preview-button{padding:6px 12px;font-size:.7rem}.discover-link{font-size:.7rem}.btn-icon{width:.875rem;height:.875rem}}