body:has(.documentation){background:linear-gradient(-45deg,#fff 22%,#e3e6f7 34%,#fff1fc 43%,#fff3fd 50%,#ddecf7 63%,#fff);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body:has(.headline) .nextra-nav-container{height:65px}.nx-mx-auto.nx-flex:has(.documentation){height:calc(100vh - 65px);scrollbar-width:none;-ms-overflow-style:none}.nx-mx-auto.nx-flex:has(.documentation)::-webkit-scrollbar{display:none}.code-example .nx-rounded-xl{border-radius:0;margin-bottom:0}.nextra-callout{display:flex;align-items:center;gap:10px}.nextra-nav-container nav a{color:#4b5563}.nextra-nav-container nav:has(.logo) a{opacity:1}a.nextra-card{box-shadow:0 2px 4px 0 #cecece}a.nextra-card span{height:60px}a.nextra-card span:hover{color:#3e71f2}a.nextra-card svg,input{color:#000}input{background-color:#fff}.logo{width:auto;height:30px}.pill.required{border:1px solid red;color:red}.pill.type{border:1px solid #7d7dff;color:#7d7dff}.pill.optional{border:1px solid green;color:green}.pill{height:min-content;font-size:10px;padding:2px 5px;border:1px solid #fff;border-radius:10px;color:#fff;text-transform:uppercase;font-weight:900;background-color:transparent}.pill *{line-height:normal}.documentation .banner{display:flex;flex-direction:column;align-items:center;justify-content:center}.sub-line{font-size:2.5rem;font-weight:600;color:#3e71f2}.headline{display:inline-flex;flex-direction:column;font-size:4rem;font-weight:600;letter-spacing:-.12rem;line-height:1.1;color:#000;text-align:center;margin-top:10px}.headline,.subtitle{padding-left:max(env(safe-area-inset-left),1.5rem);padding-right:max(env(safe-area-inset-right),1.5rem)}.subtitle{font-size:1.75rem;font-feature-settings:normal;line-height:1.6;margin-top:1em;color:#4b5563}.links-wrapper{display:flex;width:100%;justify-content:center;align-items:center;color:#000;gap:20px;margin-top:40px}.links-wrapper .link{padding:8px 20px;border-radius:10px;font-weight:600;font-size:.875rem;border:1px solid #d3d3d3;box-shadow:0 0 6px 2px #ccc;background-color:#fff}.links-wrapper .link:first-child{background-color:#3e71f2;color:#fff}.links-wrapper .link a{display:flex;gap:10px;align-items:center;font-size:16px}a.nx-text-primary-800{color:#3e71f2}.cards-wrapper{margin-top:4rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:50px;gap:50px;width:60%}.card-headline{display:flex;flex-direction:row;font-size:1.1rem;font-weight:600;height:30px;align-items:center}.card-headline svg{width:20px}.card-headline .heading{margin-left:12px}.learn-more{color:#3e71f2;font-size:1rem;font-weight:600}.learn-more:hover{text-decoration:underline}.description{font-size:1rem;line-height:1.6;margin:10px 0;color:#4b5563}.card{min-height:194px;position:relative}.card a{display:flex;bottom:0;height:20px;align-items:center;gap:10px}.nextra-nav-container .nextra-nav-container-blur{background:transparent;box-shadow:none}footer.nx-bg-gray-100{background:transparent}.product-container.TwoGrid{grid-template-columns:repeat(2,calc(calc(100% - 20px) / 2))}.product-container.ThreeGrid{grid-template-columns:repeat(3,calc(calc(100% - 40px) / 3))}.product-container.FourGrid{grid-template-columns:repeat(4,calc(calc(100% - 60px) / 4))}.changelog-heading{font-size:16px;font-weight:700;margin-top:30px;margin-bottom:-10px}.text-icon-cell{display:flex;align-items:center;gap:.5rem}.browser-logo,.framework-logo,.text-icon-cell svg{width:1.5rem}@media (max-width:1024px){.cards-wrapper{grid-template-columns:repeat(2,1fr);gap:30px;width:80vw}}@media (max-width:600px){.cards-wrapper{grid-template-columns:1fr;gap:20px}.card{margin-bottom:2rem}}.h3-hash-text{line-height:1.75rem;margin-top:2.5rem;font-weight:bolder;font-size:1.25rem}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body:has(.live-demo) .nextra-nav-container nav{max-width:unset;padding:0 15px}.nextra-banner-container{position:-webkit-sticky!important;position:sticky!important;top:0;z-index:100}body.nextra-banner-hidden:has(.nextra-banner-container) .nextra-nav-container{top:0}body:has(.nextra-banner-container) .nextra-nav-container{top:40px}.datatype-pills{position:absolute;bottom:5px;display:flex;align-items:center;gap:5px}ul.nx-mt-6 li.nx-my-2 .nx-mt-8{margin-top:20px}ul.nx-mt-6 li.nx-my-2 ul.nx-mt-6.nx-list-disc{margin-top:15px}ul.nx-mt-6 li.nx-my-2:first-of-type .nx-mt-8{margin-top:0}h5.nx-mt-8:has(+.datatype-pills){margin-top:0}.facets-wrapper{width:calc(25% - 30px);border:1px solid #ccc;border-radius:5px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 30px);position:-webkit-sticky;position:sticky;top:15px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.facets-wrapper::-webkit-scrollbar{display:none}footer{background-color:#333;color:#fff;padding:20px;display:flex;flex-direction:column}.footer-container{display:flex;justify-content:flex-start;gap:100px;padding-bottom:20px}.footer-section{margin:0 10px}.footer-section h4{border-bottom:2px solid #fff;padding-bottom:10px;margin-bottom:10px;font-size:16px}.footer-section p,.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#fff;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.social-media{display:flex;flex-direction:column}.social-icon{margin:0 5px}.social-icon img{width:24px;height:24px}.footer-bottom{text-align:center;padding-top:10px;border-top:1px solid #444}.footer-bottom p{margin:0}.loader{display:flex;height:100px;width:100%;justify-content:center;align-items:center}.product-container .loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.product-card.loading:hover{box-shadow:none}footer.nx-bg-gray-100{padding:10px;font-weight:700}footer.nx-bg-gray-100 hr{display:none}footer .nx-pr-\[max\(env\(safe-area-inset-right\)\,1\.5rem\)\]{padding-right:0}footer .nx-pl-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\]{padding-left:0}footer .nx-py-12{padding:5px 0}.code-example .main-image{height:200px}.code-example .fixed-pagination-wrapper{margin-top:20px}.code-example .sort-option-item{display:flex;align-items:center;justify-content:center}.code-example .sort-button{gap:10px}.code-example .sort-option-item img{height:20px;width:20px}.code-example .sort-button:hover img{filter:invert(1)}.live-demo .selected-filters-wrapper{padding:15px;display:none;align-items:center;gap:10px}.live-demo .selected-filters-wrapper .selected-facets-label{font-weight:700}.live-demo .selected-filters-wrapper:has(.selected-item){display:flex}.live-demo .searchbox-root{width:50%}.live-demo .searchbox-root .searchbox-input{width:100%!important}.live-demo .infinite-scroll-pagination-wrapper{height:unset}.live-demo .product-container,.live-demo .product-container.normalView{grid-template-columns:repeat(7,calc(calc(100% - 120px) / 7))}.live-demo .product-container.bigView{grid-template-columns:repeat(5,calc(calc(100% - 80px) / 5))}.live-demo .product-container.smallView{grid-template-columns:repeat(9,calc(calc(100% - 160px) / 9))}.code-example .UNX-dropdown-body.facets-body{width:300px}.code-example .facet-icon-item{display:flex;align-items:center;gap:15px}.code-example .button-grp-btn:hover .facet-icon-item img,.code-example .button-selected .facet-icon-item img{filter:invert(1)}.live-demo .spellcheck-wrapper{display:flex;justify-content:center;align-items:center;gap:15px}.live-demo .spellcheck-wrapper .spellcheck-text{margin:0}.live-demo .spellcheck-wrapper .spellcheck-summary{font-size:unset}.live-demos-page{padding-right:max(env(safe-area-inset-right),1.5rem);padding-left:max(env(safe-area-inset-left),1.5rem);gap:.5rem;display:flex;flex-direction:column;align-items:center;max-width:90rem;margin-left:auto;margin-right:auto;height:calc(100vh - calc(4rem + 54px));overflow:scroll}.live-demos-page .page-title{margin:1rem auto}.demo-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem 2rem;background:#fff;transition:all .3s ease}.demo-card.react-project-card{border:1px solid #97afef;background-color:#f0f8ff}.demo-card.next-app-card{border:1px solid #97efaf;background-color:#f0fff8}.demo-card.next-pages-card{border:1px solid pink;background-color:#fff0f0}.demo-card .demo-card-content{margin-bottom:80px}.demo-card .card-icons-wrapper{display:flex;gap:.5rem;align-items:center;justify-content:center;width:calc(50% - 2rem)}.demo-card .demo-card-content .demo-icon{width:2rem}.demo-card .card-title{display:flex;flex-direction:row;align-items:center;gap:2rem;padding:2rem 0}.demo-card .demo-icon{width:5rem}.demo-card .demo-card-title{margin:0;font-size:1.5rem;width:75%}.demo-card .demo-info{margin-top:1rem}.demo-card .demo-info div{margin-bottom:1rem}.demo-card .demo-info ul{list-style:unset;margin-top:5px}.demo-card .demo-info li{margin-left:1.25rem}.demo-card .demo-link{display:block;width:calc(100% - 60px);text-align:center;position:absolute;bottom:2rem;left:30px;border:2px solid #e5e7eb;padding:10px 15px;border-radius:10px;background-color:#fff}.demo-card:has(.demo-link:hover){scale:1.01;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.demo-card .demo-link:hover{background-color:#fafafa}.docs-grid-title{font-size:1.1rem;margin-top:2rem}.demo-cards-wrapper.intro-page-demos{margin-top:1rem}.intro-page-demos .demo-card{padding:1rem 1.5rem}.intro-page-demos .demo-card .demo-card-content{margin-bottom:70px}.intro-page-demos .demo-card .card-title{padding:0}.intro-page-demos .demo-card .demo-card-title{font-size:1rem;font-weight:600}.intro-page-demos .demo-card .demo-link{width:calc(100% - 30px);bottom:1.5rem;left:15px;padding:5px 10px}.ssr-demo-header-link{opacity:1;color:#4b5563;display:inline-block;font-size:.875rem;padding:.5rem;white-space:nowrap;margin-left:-.5rem;position:relative;text-decoration:inherit;border-radius:.25rem;outline-offset:2px;outline:2px solid transparent;font-weight:300}.ssr-demo-header-link:hover{color:#1f2937}.ssr-demo-header-link.selected{font-weight:500}.demo-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;width:100%;margin:0 auto;background:none;border:none}.demo-card{padding:1rem 2.5rem;position:relative;scale:1;transition:none}.ssr-setup-cards{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center;width:50%;margin-top:15px}.ssr-setup-cards a.nextra-card{width:100%}.autosuggest-wrapper{position:absolute;top:40px;right:0;width:100%;overflow:scroll;max-height:600px;background-color:#fff;border:1px solid #ccc;z-index:10;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:5px}.autosuggest-wrapper .inner-wrapper{display:flex;flex-direction:row;max-height:500px}.autosuggest-wrapper .autosuggest-loader{height:100%;width:100%;display:flex;align-items:center;justify-content:center;height:500px}.autosuggest-wrapper:empty{display:none}.autosuggest-wrapper .main-tpl{padding:15px 15px 0;order:2;width:calc(60% - 30px)}.autosuggest-wrapper .main-tpl:empty,.autosuggest-wrapper .side-tpl:empty{display:none}.autosuggest-wrapper:has(.side-tpl:empty) .main-tpl{width:calc(100% - 30px)}.autosuggest-wrapper:has(.main-tpl:empty) .side-tpl{width:calc(100% - 30px)}.autosuggest-wrapper .popular-products{width:100%;height:100%;max-height:500px;overflow:scroll}.popular-products .header{font-size:16px;height:30px;font-weight:600;margin-bottom:15px;color:#000}.popular-products .body{height:calc(100% - 45px);overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.popular-products .body::-webkit-scrollbar{display:none}.popular-products .body .popular-products-grid{display:flex;flex-direction:column;gap:15px}.autosuggest-wrapper:not(:has(.keyword-suggestions)) .popular-products .body .popular-products-grid{grid-template-columns:repeat(4,1fr)}.popular-products .body .product{display:flex;align-items:center;gap:16px;border-radius:5px;cursor:pointer;background-color:#fff;margin-bottom:5px}.popular-products .body .product .image{width:55px;height:55px;object-fit:fill;border-radius:7px;max-width:unset}.popular-products .body .product .title{font-size:14px;font-weight:450;width:25em;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f658c}.popular-products .body .product .price{font-size:16px;margin-top:5px;font-weight:450;color:#3865d9}.show-all-products{font-size:18px;color:#577ede;font-weight:500;width:100%;text-align:center;height:37px;padding:13px 10px;display:flex;justify-content:center;align-items:center;border-top:1px solid #ccc;background-color:#fff}.show-all-products:hover{cursor:pointer}.show-all-products .query{display:flex}.show-all-products .query .query-text{display:block;max-width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.popular-products .show-all-products:hover{cursor:pointer;text-decoration:underline}.popular-products .show-all-products .query{text-transform:capitalize}.autosuggest-wrapper .side-tpl{height:100%;overflow:scroll;max-height:500px;width:40%}.autosuggest-wrapper .keyword-suggestions{padding:15px;width:calc(100% - 30px)}.keyword-suggestions .header{font-size:16px;height:30px;font-weight:600;margin-bottom:15px;color:#000}.keyword-suggestions .body{height:calc(100% - 45px);overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.keyword-suggestions .body::-webkit-scrollbar{display:none}.keyword-suggestions .keyword{font-size:14px;font-weight:450;text-transform:capitalize;padding:0 0 10px;color:#6e808d;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.keyword-suggestions .keyword.selected{color:#577ede}.keyword-suggestions .keyword:hover{cursor:pointer;color:#577ede}.promoted-suggestions .header{font-size:16px;height:30px;font-weight:600;margin-bottom:15px;color:#000}.promoted-suggestions .body{height:calc(100% - 45px);overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.promoted-suggestions .body .promoted-suggestion{font-size:14px;font-weight:450;text-transform:capitalize;padding:0 0 10px;color:#6e808d;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.promoted-suggestions .promoted-suggestion:hover{cursor:pointer;color:#577ede}.autosuggest-wrapper .promoted-suggestions{padding:15px}.autosuggest-wrapper .trending-queries{padding:10px 15px}.trending-queries .header{font-size:16px;font-weight:600;margin-bottom:15px;color:#000}.trending-queries .body .query{font-size:14px;font-weight:400;text-transform:capitalize;color:#6e808d}.trending-queries .body .query:hover{cursor:pointer;color:#577ede}.autosuggest-wrapper .infields-wrapper{padding:15px}.infields-wrapper .header{font-size:16px;font-weight:600;margin-bottom:15px;color:#000}.infields-wrapper .body{height:calc(100% - 45px);overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.infields-wrapper .body .infield{font-size:14px;font-weight:450;text-transform:capitalize;padding:0 0 10px;color:#6e808d}.infields-wrapper .infield .infield-title{color:#17173a;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infields-wrapper .body .infield .fields .field:hover,.infields-wrapper .body .infield .infield-title:hover{cursor:pointer}.infields-wrapper .body .infield .fields .field.selected{color:#577ede}.infields-wrapper .body .infield .fields{width:calc(100% - 15px);margin-bottom:10px}.infields-wrapper .body .infield .field{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-wrapper .top-queries{padding:15px;width:calc(100% - 30px)}.top-queries .header{font-size:16px;height:30px;font-weight:600;margin-bottom:15px;color:#000}.top-queries .body .top-query{font-size:14px;font-weight:450;text-transform:capitalize;padding:0 0 10px;color:#6e808d;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-queries .body .top-query:hover{cursor:pointer;color:#577ede}.autosuggest-wrapper .no-results{padding:15px;font-size:16px;font-weight:400;display:flex;justify-content:center;align-items:center;width:calc(100% - 30px)}.autosuggest-wrapper .image-container{border-radius:7px;border:1px solid #dde2ee;height:55px;width:55px}.button-grp-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.button-grp-btn{background:#fff;border:1px solid #000;font-size:12px;padding:7px;height:44px;border-radius:0;display:block;width:100%;color:#000;border-radius:5px;margin-bottom:5px;text-transform:capitalize;font-weight:700}.button-grp-btn:hover{border:1px solid transparent;background-color:#000;color:#fff}.button-selected{background-color:#000;font-weight:700;color:#fff}.slider-container{width:100%;margin-top:10px;display:flex;align-items:center;gap:10px}.slider-container .arrow{background:none;color:inherit;padding:0;font:inherit;cursor:pointer;min-height:40px;max-height:40px;min-width:40px;max-width:40px;border-radius:50%;border:1px solid #ededed}.slider-container .arrow:hover{background-color:#000;color:#fff;font-weight:700;transition:background-color .5s ease}.carousel-images{width:100%;height:100%;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;display:flex;align-items:center;&:has(.thumbnail:only-child){justify-content:center}}.carousel-images::-webkit-scrollbar{display:none}.carousel-images button{background:none;color:inherit;border:none;font:inherit;cursor:pointer;outline:inherit}.carousel-images .thumbnail{border:1px solid #ccc;min-height:100%}.carousel-images .thumbnail.active{border:1px solid #000}.carousel-images .thumbnail img{margin:0 auto}.carousel-images .thumbnail:only-child{width:calc(100% - 100px)}.checkbox-root{display:flex;margin:15px 0;gap:10px;cursor:pointer;align-items:center;text-transform:capitalize}.checkbox-root .checkbox-input{width:15px;height:15px;border-radius:4px;cursor:pointer}.checkbox-root .button-label{display:flex;font-size:14px;font-weight:400;padding-left:5px;gap:10px;width:100%}.checkbox-root.selected .button-label,.checkbox-root:hover .button-label{color:#000;font-weight:700}.main-image{width:100%;object-fit:fill}.radio-item{display:flex;align-items:center;color:#000;font-size:14px;font-weight:400;text-transform:capitalize}.radio-item,.radio-item:hover{cursor:pointer}.radio-item:has(input[type=radio]:checked),.radio-item:hover{text-decoration:underline}.swatch-container{display:flex;align-items:center;width:100%;margin:10px 0;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.swatch-container::-webkit-scrollbar{display:none}.swatch-container .swatch-label{text-wrap:nowrap}.swatch-container .swatches-wrapper{display:flex;align-items:center;gap:10px}.swatch{width:30px;height:30px;border:1px solid #ccc;border-radius:50%;box-shadow:0 0 5px #0000001a}.swatch.active{width:30px;height:30px;border:1px solid #000}.banner-wrapper{padding:20px}.banner-image{width:calc(100% - 40px);padding:20px;cursor:pointer}.breadcrumb-container{color:#000;font-weight:400;display:flex;align-items:center}.breadcrumb-container:has(.breadcrumb-value){padding:0 15px}.breadcrumb-value{cursor:pointer;padding:5px;color:#000;font-weight:700}.breadcrumb-value:hover{text-decoration:underline}.breadcrumb-slash{margin:0 5px;font-weight:700}.facets-body:has(.dd-btnGrp):not(:has(.facet-search-input)) .checkbox-root:first-of-type{margin-top:20px}.facet-item-wrapper{font-size:14px;font-weight:400;padding:5px 0;cursor:pointer;width:-moz-fit-content;width:fit-content;display:flex}.facet-item-wrapper:before{content:"+";margin-right:5px;font-weight:700;color:#999}.facet-item-wrapper:hover{color:#000;font-weight:700}.facet-item-wrapper.selected{color:#000;background-color:unset;font-weight:700}.facet-item-wrapper.selected:before{content:"-";margin-right:5px;font-weight:700;color:#000}.facets-body:has(.dd-btnGrp):not(:has(.facet-search-input)) .facet-item-wrapper:first-of-type{margin-top:20px}.UNX-accordion{border-bottom:1px solid #e7e7e7;padding:10px 15px}.UNX-accordion:last-of-type{border-bottom:none}.UNX-accordion-activator{font-size:16px}.UNX-accordion-activator:hover{cursor:pointer}.UNX-accordion-body{position:relative;margin-top:10px}.UNX-dropdown{position:relative;cursor:pointer}.UNX-dropdown-activator{border:1px solid #e7e7e7;padding:10px;background-color:#fff;text-transform:capitalize}.UNX-dropdown-body{position:absolute;right:0;top:40px;border:1px solid #ccc;background-color:#fff;padding:10px 15px;z-index:10;max-height:350px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.UNX-dropdown-body::-webkit-scrollbar{display:none}.apply-btn,.clear-btn{color:#000;background:none;border:none;cursor:pointer;border-radius:0;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.apply-btn:hover,.clear-btn:hover{color:#000;text-decoration:underline}.apply-btn:disabled,.clear-btn:disabled{display:none}.facets-root:first-of-type{border-top:none}.facets-header{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:20px;align-items:center;font-size:14px;font-weight:400;background:transparent;color:#666}.facets-header .facets-displayName{white-space:nowrap}.facets-icon{margin-top:-5px;transform:scale(1.5) translateY(-2.5px)}.inside-selectedFilters{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.inside-selectedFilters-items{max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.facet-search-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;border-radius:18px;box-sizing:border-box;font-size:14px;font-weight:400;height:36px;letter-spacing:.4px;line-height:22px;outline:none;padding:0 44px 0 14px;margin:10px 0}.UNX-accordion-body .dd-btnGrp{margin-top:10px;margin-bottom:10px;display:flex;justify-content:flex-end;position:absolute;top:-7.5px;right:0}.showLess,.showMore{display:flex;justify-content:flex-end;font-size:14px;color:#000;cursor:pointer}.facets-root{color:#000}.UNX-accordion.facets-root{cursor:pointer}.UNX-dropdown.facets-root{position:relative;cursor:pointer}.facets-root .facets-header{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:20px;align-items:center;font-size:14px;font-weight:400;background:transparent;color:#666}.facets-root .UNX-dropdown-activator.facets-header{border:1px solid #e7e7e7;padding:10px;text-transform:capitalize}.facets-header .facets-displayName{text-transform:capitalize;font-weight:600;font-size:16px}.facets-header .facets-icon{margin-top:-5px;transform:scale(1.5) translateY(-2.5px)}.facets-root .UNX-dropdown-body.facets-body{position:absolute;right:0;top:40px;border:1px solid #ccc;background-color:#fff;padding:10px 15px;z-index:10;max-height:350px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.facets-body .inside-selectedFilters{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.facets-body .inside-selectedFilters-items{max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.facets-body .facet-search-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;border-radius:18px;box-sizing:border-box;font-size:14px;font-weight:400;height:36px;letter-spacing:.4px;line-height:22px;outline:none;padding:0 44px 0 14px;margin:10px 0}.UNX-dropdown-body:not(:has(.inside-selectedFilters)) .facet-search-input{margin:30px 0 10px}.UNX-dropdown-body .dd-btnGrp{margin-top:10px;margin-bottom:10px;display:flex;justify-content:flex-end;position:absolute;top:2.5px;right:10px}.facets-body .apply-btn,.facets-body .clear-btn{color:#000;background:none;border:none;cursor:pointer;border-radius:0;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.facets-body .apply-btn:hover,.facets-body .clear-btn:hover{color:#000;text-decoration:underline}.facets-body .apply-btn:disabled,.facets-body .clear-btn:disabled{display:none}.facets-body .showLess,.facets-body .showMore{display:flex;justify-content:flex-end;font-size:14px;color:#000;cursor:pointer}.facets-body .radio-item{display:flex;margin:15px 0;gap:10px;cursor:pointer;align-items:center;text-transform:capitalize}.facets-body .radio-item:has(input[type=radio]:checked),.facets-body .radio-item:hover{font-weight:700;text-decoration:unset}.single-slider-container{position:relative;width:100%}.single-maxLabel,.single-minLabel{position:absolute}.single-minLabel{left:0}.single-maxLabel{right:0}.thumb-label{position:relative;top:-31px;background-color:#fff;padding:2px;border:1px solid #d3d3d3;text-align:center}.single-slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;background:#7ca7d5;outline:none;border-radius:12px}input[type=range].single-slider-input::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:50%;border:0;-webkit-appearance:none;background-color:#000}.multi-slider{position:relative;margin:50px 10px}.multislider-input{position:absolute;pointer-events:none;z-index:5;width:100%;height:5px;top:0;bottom:0;opacity:0}input[type=range].multislider-input::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:50%;border:0;-webkit-appearance:none}.slider{position:relative;z-index:1;height:5px}.slider .track{z-index:1;opacity:.3}.slider .range,.slider .track{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:5px;background-color:#000}.slider .range{z-index:2}.slider .thumb,.slider .thumb-left,.slider .thumb-right{position:absolute;z-index:3;width:20px;height:20px;background-color:#000;border-radius:50%}.slider .thumb,.slider .thumb-left{left:0;background-color:#000;transform:translate(-7.5px,-7.5px)}.slider .thumb-right{right:0;transform:translate(7.5px,-7.5px)}.slider .minLabel{left:0}.slider .maxLabel{right:0}.slider .maxLabel,.slider .minLabel{top:-25px;position:absolute;font-size:14px;font-weight:700}.input-boxes-container{padding:0 10px 20px;display:flex;align-items:center;justify-content:space-between}.input-boxes-container .input-wrapper{display:flex;gap:10px;align-items:center;height:30px}.input-boxes-container .input-wrapper .inputMaxBox,.input-boxes-container .input-wrapper .inputMinBox{padding:0 5px;border:1px solid #ccc;font-size:16px;min-width:50px;height:30px;box-sizing:content-box;width:30%;background-color:#fff}.input-boxes-container .inputBoxBtn{background-color:#fff;color:#000;width:30%;height:30px;text-wrap:nowrap;border:1px solid #000;font-weight:700;margin-left:10px}.input-boxes-container .inputBoxBtn:hover{background-color:#000;color:#fff}.minVal{left:-15px}.maxVal,.minVal{top:-27px;position:absolute}.maxVal{right:-15px}.fixed-pagination-wrapper{width:100%;display:flex;gap:10px;align-items:center;justify-content:center}.fixed-pagination-wrapper button{background-color:#fff;color:#000;border:1px solid #000;text-wrap:nowrap;padding:10px 15px;font-size:14px;border-radius:5px;cursor:pointer;transition:background-color .3s;font-weight:700}.fixed-pagination-wrapper button:hover{background-color:#000;color:#fff}.fixed-pagination-wrapper button:disabled{background-color:#ccc;cursor:not-allowed;border:1px solid #ccc;color:#fff}.first-page-btn,.last-page-btn,.next-page-btn,.prev-page-btn{background-color:#fff;color:#000;border:1px solid #000;text-wrap:nowrap}.first-page-btn:hover:not(:disabled),.last-page-btn:hover:not(:disabled),.next-page-btn:hover:not(:disabled),.prev-page-btn:hover:not(:disabled){background-color:#000;color:#fff}.fixed-pagination-wrapper .pagination-buttons-wrapper{display:flex;gap:5px}.pagination-buttons-wrapper .page-btn{padding:10px 15px;border:1px solid #000;border-radius:5px;background-color:#fff;color:#000;cursor:pointer;transition:background-color .3s,color .3s;font-weight:700}.pagination-buttons-wrapper .page-btn:hover{background-color:#000;color:#fff;border:1px solid #000}.pagination-buttons-wrapper .page-btn.current-page-btn{background-color:#000;color:#fff}.fixed-pagination-wrapper .pagination-dropdown{font-weight:400}.fixed-pagination-wrapper .pagination-dropdown .label{margin:0 5px}.fixed-pagination-wrapper .pagination-dropdown .select{padding:10px 15px;font-size:14px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.fixed-pagination-wrapper .pagination-dropdown .option{padding:5px}.fixed-pagination-wrapper .pagination-dropdown .selectedOption{font-weight:700}.fixed-pagination-wrapper .pagination-dropdown .span{margin-left:5px}.fixed-pagination-wrapper .pagination-input{display:flex;align-items:center;gap:10px}.pagination-input .input{padding:10px 15px;font-size:14px;border:1px solid #ccc;border-radius:5px;width:80px;height:100%}.pagination-input .button{padding:10px 15px;font-size:14px;border:1px solid transparent;border-radius:5px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s;margin-left:5px;font-weight:700}.infinite-scroll-pagination-wrapper{display:block}.infinite-scroll-post-loader,.infinite-scroll-pre-loader{height:100px;width:100%;display:flex;align-items:center;justify-content:center}.load-more-pagination-wrapper{display:block}.load-more-pagination-wrapper .product-container:has(.product-card) .loader{display:none}.load-more-pagination-wrapper .pre-loader{height:100px;display:flex;align-items:center;justify-content:center}.load-more-button-wrapper{display:flex;align-items:center;justify-content:center;margin:35px 0}.load-more-button-wrapper .load-more-button{padding:10px 15px;border:1px solid #000;background-color:#fff;color:#000;font-size:14px}.load-more-button-wrapper:has(.load-more-loader) .load-more-button{border:none}.load-more-button-wrapper .load-more-button .load-more-loader{height:unset}.load-more-button-wrapper .load-more-button:hover{cursor:pointer}.loading-image{width:100%}.loading-price{margin:10px 0}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-size-container{display:flex;align-items:center;gap:10px;color:#000}.page-size-container .label{font-weight:400}.page-size-container .select{padding:5px 10px;font-size:14px;border:1px solid #ccc;border-radius:5px;background-color:transparent;color:#000}.UNX-dropdown.size-select-wrapper{position:relative;cursor:pointer}.UNX-dropdown-activator.size-select{border:1px solid #e7e7e7;padding:10px;background-color:#fff;text-transform:capitalize;display:flex;align-items:center;gap:20px}.UNX-dropdown-body.size-body{position:absolute;right:0;top:40px;border:1px solid #ccc;background-color:#fff;z-index:10;max-height:350px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.size-activator{display:flex;gap:10px}.size-activator-icon{margin-top:-5px}.UNX-dropdown-body.size-body{padding:0;width:100%}.size-body .option{padding:5px 10px;border-bottom:1px solid #ccc}.size-body .option:last-of-type{border-bottom:none}.size-body .option.selected,.size-body .option:hover{background-color:#000;color:#fff;border-bottom:#000;font-weight:700}.product-container:empty,.product-container:has(.product-loader):not(:has(.product-card)){min-height:100vh}.product-container.loader-container{height:300px}.product-container,.product-container.GRID{display:grid;grid-template-columns:repeat(4,calc(calc(100% - 60px) / 4));grid-gap:20px;gap:20px;width:100%;box-sizing:border-box;position:relative}.loading-image,.loading-price,.loading-title{background:linear-gradient(100deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loadingShimmer 1.5s infinite}.loading-image{height:350px;margin-bottom:10px}.loading-title{width:70%;height:20px;margin:0 10px;padding:0 10px}.loading-price{width:50%;height:20px;margin:10px;padding:0 10px}.loading{position:relative;overflow:hidden;align-items:flex-start!important}.product-card.loading{border:1px solid #ededed}.product-container.LIST{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;position:relative}.product-loader{justify-content:center;background-color:#fff3;z-index:1;position:absolute;top:0;left:0}.product-card,.product-loader{width:100%;height:100%;display:flex;align-items:center}.product-card{border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;flex-direction:column;text-align:center;box-sizing:border-box;position:relative;min-height:350px;max-height:400px;background-color:#fff;color:#000;text-transform:capitalize;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;overflow:hidden}.product-card .product-idx{position:absolute;top:0;left:0;padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-radius:0 0 4px 0;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:1;text-align:center}.product-card:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.product-card .main-image{width:100%;max-width:250px;height:auto;object-fit:fill;max-height:250px;min-height:250px}.live-demo .product-card .main-image{max-height:350px}.product-card .product-description{padding:10px;width:calc(100% - 20px);text-align:start;display:flex;flex-direction:column;justify-content:space-between}.product-card .product-description .product-title{font-size:14px;font-weight:500;margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2em;max-height:2.4em}.product-card .product-description .product-price{font-size:18px;color:#555;font-weight:700}.no-results-container{padding:50px;min-height:300px;text-align:center;margin:auto 0}.view-root .view-option-container{display:flex;align-items:center;gap:10px}.view-option-container .view-option{text-transform:capitalize;padding:9px 6px;font-size:12px;color:#000;border:1px solid #000;background-color:#fff;font-weight:700}.view-option-container .view-option:hover{cursor:pointer}.view-option-container .view-option:hover,.view-option-container .view-selected{color:#fff;background-color:#000}.view-root{gap:20px}.view-root .UNX-dropdown.view-dd-wrapper{position:relative;cursor:pointer}.view-root .UNX-dropdown-activator.view-dd-select{border:1px solid #e7e7e7;padding:10px;background-color:#fff;text-transform:capitalize;display:flex;align-items:center;gap:20px}.view-root .UNX-dropdown-body.view-dd-body{width:100%;padding:0;position:absolute;right:0;top:40px;border:1px solid #ccc;background-color:#fff;z-index:10;max-height:350px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.UNX-dropdown-body.view-dd-body .view-dd-option{text-transform:capitalize;padding:5px 10px;font-size:12px;border:1px solid #ededed;font-weight:700}.UNX-dropdown-body.view-dd-body .view-dd-option.view-dd-selected{background-color:#000;color:#fff;border:1px solid #000}.view-root,.view-root .view-container{display:flex;align-items:center;gap:10px}.view-container .view-radio-item{display:flex;align-items:center;gap:2.5px;text-transform:capitalize}.view-container .view-radio-item:hover{cursor:pointer}.view-radio-item .view-button{height:20px;width:20px;margin:0}.searchbox-root{display:flex;align-items:center;gap:10px;position:relative}.searchbox-label{text-wrap:nowrap;font-weight:600}.search-clear-btn{position:absolute;top:50%;transform:translateY(-50%);right:95px}.search-clear-btn:hover{cursor:pointer;color:#577ede}.searchbox-input{background-color:#fff;width:100%;border:1px solid #ccc;box-shadow:inset 0 1px 4px 0 rgba(133,146,172,.459);color:#4b5975;height:40px;padding:0 80px 0 20px;border-radius:25px}.searchbox-root:not(:has(.search-clear-btn)) .searchbox-input{padding:0 90px 0 20px}.searchbox-btn{background-color:#000;color:#fff;border-radius:0 25px 25px 0;border:none;border-left:1px solid rgba(133,146,172,.459);position:absolute;top:0;right:0;height:100%;padding:0 10px;font-weight:700}.selected-facets{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:5px}.selected-facets .selected-item{display:flex;background-color:transparent;color:#000;font-weight:400;text-transform:capitalize;border:1px solid #000;padding:4px;border-radius:20px;font-size:12px;cursor:pointer;gap:5px}.selected-facets .selected-closeBtn{padding:0 5px;transform:scale(1.3)}.selected-facets .selected-item:hover .selected-closeBtn{font-weight:700}.selected-facets .clear-all-selected{background-color:transparent;border:none;color:#000}.selected-facets .clear-all-selected:hover{font-weight:700;cursor:pointer;text-decoration:underline}.sort-root .sort-container{gap:10px}.sort-container .sort-button{padding:10px 5px;font-size:12px;color:#000;cursor:pointer;font-weight:700;background-color:#fff}.sort-container .sort-button.selected,.sort-container .sort-button:hover{color:#fff;background-color:#000;border:1px solid transparent}.sort-container .sort-button:not(.selected){border:1px solid #000}.sort-root{font-size:14px}.sort-root .UNX-dropdown.sort-dd-wrapper{position:relative;cursor:pointer}.sort-root .UNX-dropdown-activator.sort-dd-select{border:1px solid #e7e7e7;padding:10px;background-color:#fff;text-transform:capitalize}.sort-root .UNX-dropdown-activator .sort-activator{display:flex;align-items:center;gap:20px}.sort-activator .sort-icon{margin-top:-10px}.sort-root .UNX-dropdown-body.sort-dd-body{position:absolute;right:0;top:40px;border:1px solid #ccc;width:350px;background-color:#fff;padding:0;z-index:10;max-height:350px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.UNX-dropdown-body .sort-dd-option{padding:10px 15px}.sort-dd-option:hover,.sort-dd-selected{background-color:#000;font-weight:700;color:#fff}.sort-root{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-weight:400;color:#000}.sort-root .sort-container{display:flex;gap:10px 5px}.sort-container .radio-item{display:flex;align-items:center;color:#000;font-weight:400;cursor:pointer}.radio-item .sort-button{height:20px;width:20px;margin:5px}.radio-item .sort-button:hover{cursor:pointer}.sort-container .radio-item .sort-button.selected,.sort-container .radio-item .sort-button:hover{color:#fff;background-color:#000;border:1px solid transparent}.sort-container .radio-item .sort-button:not(.selected){border:1px solid #000}.UNX-radio{display:flex;align-items:center}.UNX-radio:hover{cursor:pointer}.UNX-radio:hover .sort-input-label{color:#000;font-weight:700}.spellcheck-wrapper{padding:20px;width:calc(100% - 40px);font-size:16px;text-align:center;font-weight:400}.spellcheck-wrapper .spellcheck-text{font-size:16px;color:#2d2d2d;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.spellcheck-wrapper .spellcheck-summary{color:#999;font-size:12px;letter-spacing:0}