.page-container{max-width:1448px;margin:0 auto;width:100%}.section-filter-container{position:absolute;right:20px;top:25px}.my-library-page~#PolarisPortalsContainer .Polaris-ThemeProvider--themeContainer .Polaris-Popover__Pane>.Polaris-Box:first-child:nth-last-child(2){display:none}.slider-container{min-height:460px}.screenshotField+div{margin-top:4px;border:var(--p-border-width-0165) solid var(--p-color-input-border);padding:4.5px}.screenshotDiv,.websiteurlDiv{min-width:453px;flex:1 1 auto}@media screen and (max-width: 524px){.section-filter-container{display:none;position:unset;right:unset;top:unset;margin-top:20px}.setup-guide-container{margin-top:20px;padding-left:10px}.index-page .Polaris-Layout>.Polaris-Layout__Section{margin-top:0}.view-all-btn{padding-bottom:20px}.analytics-container,.tutorial-container{padding:10px}.tutorial-container>.Polaris-InlineStack>.Polaris-Box:first-child{padding:0 0 10px}.slider-container{min-height:auto}}.iconic-category-swiper-wrapper{width:100%;position:relative}.iconic-category-swiper{padding:0}.iconic-category-swiper .swiper-slide{width:auto!important}.iconic-category-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #e1e3e5;background:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:14px;font-weight:500;color:#202223;width:100%;justify-content:center}.iconic-category-button:hover{border-color:#c9cccf;background:#f6f6f7}.iconic-category-button.active{background:#202223;color:#fff;border-color:#202223}.iconic-category-button .icon{display:flex;align-items:center}.iconic-category-button img{width:16px;height:16px;object-fit:contain;filter:brightness(0) saturate(100%)}.iconic-category-button.active img{filter:brightness(0) saturate(100%) invert(100%)}.iconic-category-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:35px;height:35px;background:#fff;border:1px solid #e1e3e5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.iconic-category-nav-button:hover{background:#f6f6f7;border-color:#c9cccf}.iconic-category-nav-button.hidden{opacity:0;pointer-events:none;visibility:hidden}.iconic-category-nav-button.prev{left:0}.iconic-category-nav-button.next{right:0}.category-next-button:not(:has(.hidden)):before{content:"";position:absolute;top:0;right:0;width:69px;height:100%;background:linear-gradient(to right,#fff0,#f1f2f4 40px);z-index:1}.category-prev-button:not(:has(.hidden)):before{content:"";position:absolute;top:0;left:0;width:69px;height:100%;background:linear-gradient(to left,#fff0,#f1f2f4 40px);z-index:2}.iconic-category-nav-button svg{width:20px;height:20px;fill:#202223}@media (max-width: 768px){.iconic-category-nav-button.prev{left:-10px}.iconic-category-nav-button.next{right:-10px}.iconic-category-nav-button{width:32px;height:32px}.iconic-category-nav-button svg{width:16px;height:16px}.swiper-custom-arrow{width:30px;height:30px}}.swiper-card-wrapper{position:relative;padding:0}.swiper-custom-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e1e3e5;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .2s ease;border-radius:50%;z-index:10}.swiper-custom-arrow:hover:not(.swiper-button-disabled){background:#f9fafb;border-color:#c9cccf;box-shadow:0 4px 12px #0000001f}.swiper-custom-arrow:active:not(.swiper-button-disabled){transform:translateY(-50%) scale(.95)}.swiper-custom-arrow.swiper-button-disabled{opacity:0;cursor:auto;display:none;background:#f6f6f7}.swiper-custom-arrow svg{color:#303030}.swiper-card-wrapper.outside .swiper-custom-prev{left:-17.5px}.swiper-card-wrapper.outside .swiper-custom-next{right:-17.5px}.swiper-skeleton-container{display:grid;gap:20px;width:100%;grid-template-columns:repeat(var(--skeleton-xl, 4),1fr)}.swiper-skeleton-card{background:#fff;border:1px solid #e1e3e5;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.swiper-skeleton-image{width:100%;padding-bottom:60%;background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.swiper-loading{min-height:220px}