.demo-store-section{padding:60px 0;border-top:1px solid rgb(70,70,70);border-bottom:1px solid rgb(70,70,70);background-color:#141414;color:#fff;position:relative;overflow:hidden;z-index:0}.demo-store-section .page-width{max-width:2000px}.demo-section-header{display:flex;flex-direction:column;margin-bottom:0;align-items:center;text-align:center}.demo-section-title{margin:0;font-size:34px;line-height:1!important;font-family:Inter,sans-serif!important;font-weight:600!important;letter-spacing:-.3px!important}@media screen and (min-width:768px){.demo-section-title{font-size:54px}}.demo-section-title-text{background:linear-gradient(0deg,#fff 29.8001%,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:600!important;letter-spacing:-.3px!important}.demo-section-title-accent{background:linear-gradient(0deg,#a4caeb 18.9682%,#6ab7ff 39.7663%,#00d0ff 58.6501%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:.2px rgb(92,182,255);text-shadow:0 0 1px #0000,0 0 10px #00aeff1c,0 4px 2px #00000040!important;display:block;margin-top:4px;font-weight:600!important;letter-spacing:-.3px!important}.demo-section-subtitle{margin:16px 15px 0;font-size:15px;font-weight:300!important;color:#ffffff80!important;line-height:1.6;letter-spacing:-.3px!important;max-width:520px}@media screen and (min-width:768px){.demo-section-subtitle{font-size:17px}}.demo-filters-wrapper{display:flex;flex-direction:column;gap:32px;margin-bottom:25px;margin-top:30px;position:relative;z-index:2}.demo-filter-row-container{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.demo-filter-row-label{margin:0;display:inline-block;font-size:1.6rem;letter-spacing:0rem;font-weight:700;padding-bottom:0;border-bottom:1px solid rgba(255,255,255,.3);background:linear-gradient(180deg,#fff,#b3b3b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.demo-filter-row{width:100%;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.demo-filter-scroll-container{display:flex;gap:10px;padding:4px 5%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center}@media(max-width:768px){.demo-filter-scroll-container{justify-content:flex-start;padding-left:20px;padding-right:20px}}.demo-filter-scroll-container::-webkit-scrollbar{display:none}.demo-filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none;color:#fffc;font-size:1.3rem;font-weight:500;letter-spacing:0px;padding:6px 16px;border-radius:100px;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);outline:none;font-family:inherit}.demo-filter-btn:hover{background:#ffffff26;border-color:#fff6;color:#fff;transform:translateY(-1px)}.demo-filter-btn.active{background:#fffffff2;color:#000;border-color:#fff;font-weight:600;box-shadow:0 2px 8px #0003}.demo-filter-row--types .demo-filter-btn{font-size:1.1rem}.demo-filter-grid{display:flex;justify-content:center;flex-wrap:wrap;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:4px;margin:10px auto 0;position:relative;box-shadow:inset 0 2px 10px #00000080;width:fit-content;max-width:100%;gap:0}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid{background:transparent;border:1px solid transparent;border-radius:100px;padding:10px 32px;color:#fff9;font-size:15px;font-weight:500;cursor:pointer;width:auto;height:auto;box-shadow:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid:hover{color:#fff;background:#ffffff0d;transform:none}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid svg{margin:0;opacity:.7}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid.active{background-color:#0a0a0ab8;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.5) 0%,transparent 86.18%),radial-gradient(66% 66% at 26% 20%,#ffffff0d,#fff0 69.79% 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 1px 8px #ffffff2e,0 4px 12px #0003}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid.active svg{opacity:1}@media(max-width:768px){.demo-filter-grid{grid-template-columns:repeat(4,1fr);max-width:100%;padding:4px;gap:2px}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid{padding:4px 15px;height:auto;flex-direction:row;gap:4px;font-size:12px}.demo-filter-grid .demo-filter-btn.demo-filter-btn--grid svg{width:16px;height:16px}}.demo-store-container{width:100%}.demo-carousel-wrapper{position:relative;display:flex;flex-direction:column;gap:20px}.demo-carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scrollbar-width:none;-webkit-user-select:none;user-select:none}.demo-carousel-track::-webkit-scrollbar{display:none}.demo-store-card{flex:0 0 auto;width:280px;aspect-ratio:9 / 16;position:relative;border-radius:16px;overflow:hidden;background:#1a1a1a;scroll-snap-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease;display:flex;flex-direction:column}.demo-card-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.demo-card-image{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-drag:none}.demo-card--scrollable .demo-card-image-container{overflow-y:auto;overflow-x:hidden;touch-action:pan-x pan-y;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:rgba(60,60,60,.8) rgba(0,0,0,.1)}.demo-card--scrollable .demo-card-image-container::-webkit-scrollbar{width:2px;display:block}.demo-card--scrollable .demo-card-image-container::-webkit-scrollbar-track{background:#0000000d}.demo-card--scrollable .demo-card-image-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.demo-card--scrollable .demo-card-image{height:auto;min-height:100%;object-fit:cover;width:100%}.demo-card-overlay{display:none}.demo-scroll-hint-overlay{position:relative;width:100%;padding:10px;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:500;z-index:2;flex:0 0 auto;pointer-events:none}.placeholder-svg{background-color:#222;fill:#444}.demo-card-content-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.demo-card-content{position:relative;pointer-events:none;background:transparent;padding:100px 20px 20px;border-radius:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start;z-index:1;border-top:none}.demo-card-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2;background-color:transparent;background-image:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(255,255,255,.3) 100%),radial-gradient(circle at 10% 100%,var(--glow-color-1, #6EE4FF) 0%,color-mix(in srgb,var(--glow-color-1, #6EE4FF) 80%,transparent) 25%,transparent 60%),radial-gradient(circle at 90% 100%,var(--glow-color-2, #FF6E6E) 0%,color-mix(in srgb,var(--glow-color-2, #FF6E6E) 80%,transparent) 25%,transparent 60%),radial-gradient(circle at 50% 115%,var(--glow-color-3, #6EFF98) 0%,color-mix(in srgb,var(--glow-color-3, #6EFF98) 90%,transparent) 30%,transparent 70%);background-size:100% 100%;background-repeat:no-repeat;border-top:none;-webkit-mask-image:linear-gradient(to top,black 0%,black 20%,transparent 70%);mask-image:linear-gradient(to top,black 0%,black 20%,transparent 70%)}.demo-card-content:after{content:"";position:absolute;top:-80px;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;background-color:transparent;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(to top,black 0%,black 20%,transparent 70%);mask-image:linear-gradient(to top,black 0%,black 20%,transparent 70%);transform:translateZ(0)}.demo-view-button,.demo-pill,.demo-card-logo a{pointer-events:auto}.demo-card-logo img{display:block;height:auto;max-height:32px;object-fit:contain;object-position:left bottom}.demo-card-text{font-size:1.3rem;color:#000!important;margin:0;line-height:1.4;font-weight:600}.demo-progress-bar-container{display:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:10px;max-width:280px;margin-left:auto;margin-right:auto}.demo-progress-bar{height:100%;background:var(--gradient-primary, #6ee4ff);width:0%;transform-origin:left}.demo-logo-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.demo-view-button{display:inline-flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:500;color:#000!important;text-decoration:none;background:#ffffffb3!important;padding:6px 10px;border-radius:6px;transition:all .2s ease;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 2px #fff}.demo-view-button:hover{background:#ffffffd9;transform:translateY(-1px)}.demo-view-button svg{width:10px;height:10px}.demo-pills-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.demo-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;background:#ffffffb3;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 2px #fff;font-size:1.1rem;color:#000!important;line-height:1}.demo-pill-icon{width:14px;height:14px;object-fit:contain;display:block}@media(min-width:769px){.demo-carousel-wrapper{display:flex;flex-direction:column;align-items:center}.demo-carousel-track{display:flex;gap:30px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:30px;padding-left:calc(50% - 140px);padding-right:calc(50% - 140px);scroll-padding-left:calc(50% - 140px);scroll-padding-right:calc(50% - 140px);width:100%}.demo-store-card{width:280px;height:600px;aspect-ratio:unset;max-width:none;flex:0 0 auto;scroll-snap-align:center;margin:0}.demo-store-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0006;border-color:#fff3}.demo-store-card:hover .demo-card-glow{opacity:.3;transform:translate(-50%,-50%) scale(1.1);transition:all .4s ease}.demo-progress-bar-container{display:none!important}}@media(max-width:768px){.demo-store-card{width:75vw;height:75vh;min-height:380px;max-width:340px}.demo-carousel-track{padding-left:12.5vw;padding-right:12.5vw;scroll-padding-left:12.5vw;scroll-padding-right:12.5vw}.demo-progress-bar-container{display:block}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-demo-store-showcase.css.map */