:root{--window-width: 100vw;--window-height: 100dvh;--color-background: #000000;--color-foreground: #ffffff;--color-primary: #000000;--color-primary-foreground: #ffffff;--color-background-border: #e0e0e0;--color-dialog-background: #ffffff;--color-dialog-foreground: #000000;--color-overlay-light: rgba(255, 255, 255, .2);--color-overlay-dark: rgba(0, 0, 0, .2);--color-shadow: rgba(0, 0, 0, .5);--color-hover-overlay: rgba(219, 219, 219, .1);--color-active-overlay: rgba(0, 0, 0, .2);--color-disabled-opacity: .5;--font-family-primary: "Noto Sans", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--line-height-tight: 1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--border-width-thin: 1px;--border-width-normal: 2px;--border-width-thick: 4px;--border-style-solid: solid;--border-style-dashed: dashed;--border-color-light: var(--color-background-border);--border-color-dark: var(--color-foreground);--border-color-active: var(--color-primary-foreground);--border-color-transparent: transparent;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--icon-size-sm: 40px;--icon-size-md: 48px;--icon-size-lg: 64px;--border-radius-sm: .5rem;--border-radius-md: 1rem;--border-radius-lg: 2rem;--border-radius-full: 50%;--top-safe-area: 12vh;--bottom-safe-area: 12vh;--view-height: 100dvh;--container-padding: 5vw;--header-height: 10vh}html,body{margin:0;padding:0;height:var(--view-height);width:100vw;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);overscroll-behavior:none;overflow:hidden;color:var(--color-foreground)}.search-container{position:relative;width:100%;max-width:500px;margin:0 auto}.search{background-color:var(--color-overlay-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);box-shadow:0 0 10px 0 var(--color-shadow);position:relative}.search input{border:var(--border-width-thin) var(--border-style-solid) var(--border-color-transparent);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-sizing:border-box;background-color:transparent;width:100%;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-foreground);outline:none}.search-indicator{position:absolute;top:calc(50% - 8px);right:var(--spacing-sm);width:16px;height:16px;border:2px solid var(--color-foreground);border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.search-clear{position:absolute!important;top:calc(50% - var(--icon-size-sm) / 2);right:var(--spacing-sm)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.search-popover{position:absolute;z-index:1000;width:calc(var(--window-width) - 20px);max-width:400px;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000026;max-height:50vh;overflow-y:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-results{display:flex;flex-direction:column}.search-result-item{padding:var(--spacing-sm);border-bottom:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);cursor:pointer;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--color-overlay-light)}.search-result-item h3{margin:0;font-size:var(--font-size-md)}.result-type{font-size:var(--font-size-sm);color:var(--color-text-subtle);text-transform:capitalize}.searching{display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--font-size-md);padding:var(--spacing-md);color:var(--color-dialog-foreground);opacity:var(--color-disabled-opacity)}.se-icon{height:100%;width:100%}.se-icon svg{height:100%;width:100%}.icon-button{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-overlay-dark);border:var(--border-width-normal) var(--border-style-solid) var(--border-color-transparent);cursor:pointer;border-radius:var(--border-radius-full);height:var(--icon-size-md);width:var(--icon-size-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px 0 var(--color-shadow);transition:border .2s ease-in-out}.icon-button.small{height:var(--icon-size-sm);width:var(--icon-size-sm)}.icon-button.large{height:var(--icon-size-lg);width:var(--icon-size-lg)}.icon-button.clear{background:transparent;border:var(--border-width-thin) var(--border-style-solid) var(--border-color-dark);box-shadow:none}.icon-button:focus{outline:none}.icon-button:active{border:var(--border-width-normal) var(--border-style-solid) var(--border-color-active);outline:none}.icon-button:disabled{opacity:var(--color-disabled-opacity);cursor:not-allowed}.icon-button .label{position:absolute;display:flex;align-items:center;justify-content:center;bottom:calc(-1 * var(--spacing-xs));left:calc(-1 * var(--spacing-xs));height:var(--spacing-md);width:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-primary-foreground);background:var(--color-primary);border-radius:var(--border-radius-full)}.icon-button img{height:100%;width:100%}.product-list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);color:var(--color-dialog-foreground)}.product-list-item .product-list-item-details{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.product-list-item img{width:100px;height:100px;max-width:var(--icon-size-lg);max-height:var(--icon-size-lg);object-fit:cover;border-radius:var(--border-radius-md)}.product-list-item .product-list-item-details h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin:0}.product-list-item .product-list-item-actions{margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.cart{width:100%;transform:translateY(-100%);box-sizing:border-box;border:var(--border-width-thin) var(--border-style-solid) var(--border-color-transparent);background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-md);padding:var(--spacing-sm);max-width:400px;margin:10px auto;transition:all .2s ease-in-out;outline:none;box-shadow:0 0 10px 0 var(--color-shadow)}.cart[open]{opacity:1;transform:translateY(0)}@starting-style{.cart[open]{opacity:0;transform:translateY(-100%)}}.cart::backdrop{background-color:var(--color-overlay-dark);opacity:0;transition:opacity .7s}.cart[open]::backdrop{opacity:1}.cart .cart-header{border-bottom:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);padding:var(--spacing-sm) 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.cart .cart-header h1{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.cart .cart-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cart .empty-cart{display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--font-size-lg);margin:0;padding:var(--spacing-sm);min-height:calc(var(--window-height) * .2);color:var(--color-dialog-foreground);opacity:var(--color-disabled-opacity)}button.button{background-color:var(--color-background);color:var(--color-foreground);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s ease-in-out}button.button:hover{background-color:var(--color-background-hover)}button.button:active{background-color:var(--color-background-active)}button.button:disabled{opacity:.5;cursor:not-allowed}.feed-item-product .main-image-container{height:var(--view-height);width:var(--window-width);overflow:hidden;position:relative}.feed-item-product .main-image{height:var(--view-height);width:var(--window-width);object-fit:cover;animation:slowProductZoom 20s ease-in-out infinite}.feed-item-product .info{position:absolute;bottom:0;left:0;width:calc(100% - 2 * var(--container-padding));padding:var(--spacing-xl) var(--container-padding) var(--bottom-safe-area);background:linear-gradient(to bottom,transparent 0%,var(--color-shadow) 100%)}.feed-item-product .info h1{font-size:var(--font-size-2xl);color:var(--color-primary-foreground);margin:0;line-height:var(--line-height-tight);overflow-wrap:break-word}.feed-item-product .info h2{font-size:var(--font-size-lg);color:var(--color-primary-foreground);margin:0}.feed-item-product .info p{font-size:var(--font-size-sm);color:var(--color-primary-foreground);text-shadow:0 0 10px var(--color-shadow)}.feed-item-product .product-details{padding:var(--spacing-xl) var(--container-padding);box-sizing:border-box;height:100%;overflow-y:auto}@keyframes slowProductZoom{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.feed-item-blog .main-image-container{height:var(--view-height);width:var(--window-width);overflow:hidden;position:relative}.feed-item-blog .main-image{width:100%;height:100%;object-fit:cover;object-position:right;animation:slowZoom 20s ease-in-out infinite}.feed-item-blog .info{position:absolute;bottom:var(--bottom-safe-area);left:0;width:calc(100% - 2 * var(--container-padding));padding:0 var(--container-padding)}.feed-item-blog .info h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-foreground);margin:0;line-height:var(--line-height-tight)}.feed-item-blog .info h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-primary-foreground);margin:0}.feed-item-blog .info p{font-size:var(--font-size-lg);color:var(--color-primary-foreground);text-shadow:0 0 10px var(--color-shadow)}.feed-item-blog .blog-content{padding:var(--spacing-xl) var(--container-padding);color:var(--color-foreground);height:100%;overflow-y:auto;box-sizing:border-box}.feed-item-blog .blog-content img{width:100%;border-radius:var(--border-radius-md)}.feed-item-blog .blog-content p{margin:var(--spacing-lg) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@keyframes slowZoom{0%,to{transform:scale(1.5) translate(0)}50%{transform:scale(1.5) translate(10%)}}.feed-item-video{position:relative;width:100%;height:100%}.feed-item-video video{width:100%;height:100%;object-fit:cover;background-color:var(--color-background)}.feed-item-video .video-overlay{position:absolute;bottom:var(--bottom-safe-area);left:0;width:100%;padding:var(--spacing-md);background:linear-gradient(to top,var(--color-overlay-dark),transparent);color:var(--color-primary-foreground)}.feed-item-video .video-overlay h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-tight)}.feed-item-video .video-overlay p{font-size:var(--font-size-base);margin:var(--spacing-xs) 0 0;line-height:var(--line-height-normal);opacity:.8}.feed-item-video .video-missing-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-color:var(--color-background);color:var(--color-foreground);opacity:.5}.feed-item-newsletter.newsletter{background-color:var(--color-primary);color:var(--color-primary-foreground);display:flex;align-items:center;justify-content:center}.feed-item-newsletter .content{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background);color:var(--color-foreground);margin:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);gap:var(--spacing-md);box-shadow:0 0 10px 0 var(--color-shadow)}.feed-item-newsletter h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.feed-item-newsletter input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);font-family:var(--font-family-primary);font-size:var(--font-size-base)}.feed-item-newsletter button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-transparent);background-color:var(--color-primary);color:var(--color-primary-foreground);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease-in-out}.feed-item-newsletter button:hover{background-color:var(--color-hover-overlay)}.feed-item-newsletter button:active{background-color:var(--color-active-overlay)}.feed-item-facebook-post .facebook-post{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--color-primary);padding:var(--spacing-md);box-sizing:border-box}.feed-item-facebook-post .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--color-background);border-radius:var(--border-radius-md);overflow:hidden}.feed-item-facebook-post iframe{background:var(--color-background);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-transparent);border-radius:var(--border-radius-md);box-shadow:0 0 10px 0 var(--color-shadow)}.feed-item-iframe iframe{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;pointer-events:none;border:var(--border-width-thin) var(--border-style-solid) var(--border-color-transparent)}.feed-item-iframe .overlay{position:absolute;left:0;bottom:var(--bottom-safe-area);z-index:100;color:var(--color-primary-foreground);padding:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-shadow:0 0 10px var(--color-shadow);background:linear-gradient(to top,var(--color-overlay-dark),transparent)}article.horizontal-view{height:var(--view-height);width:var(--window-width);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;display:flex;flex-direction:row;scroll-behavior:smooth}article.horizontal-view .horizontal-view-ticks{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:var(--bottom-safe-area);left:0;right:0;height:4px;z-index:100;pointer-events:none;justify-content:center}article.horizontal-view .horizontal-view-ticks .tick{height:8px;width:8px;border-radius:50%;background:#0003;border:1px solid rgba(255,255,255,.2)}article.horizontal-view .horizontal-view-ticks .tick.active{background:#fff3}section.horizontal-view-item{height:var(--view-height);width:var(--window-width);scroll-snap-align:start;scroll-snap-stop:always;position:relative;flex-shrink:0;overflow-y:auto;overflow-x:hidden}section.horizontal-view-item.no-scroll{overflow-y:hidden}.feed-image{width:var(--window-width);height:var(--window-height);overflow:hidden}.feed-image img{width:var(--window-width);height:var(--window-height);object-fit:cover;object-position:center}.feed-item-text{padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);box-sizing:border-box;height:100%;overflow-y:auto;color:var(--color-foreground);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);font-size:var(--font-size-lg)}.feed-item-text img{max-width:100%;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.feed-item-text h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:var(--spacing-lg) 0 var(--spacing-md)}.feed-item-text h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:var(--spacing-lg) 0 var(--spacing-md)}.feed-item-text p{margin:var(--spacing-md) 0}.feed-item-text .feed-item-text-links ol{padding-left:var(--spacing-sm);margin:var(--spacing-md) 0}.feed-item-text .feed-item-text-links a{padding-left:var(--spacing-sm);overflow-wrap:break-word;color:var(--color-foreground);text-decoration:none;border-bottom:var(--border-width-thin) var(--border-style-solid) var(--color-primary);transition:color .2s ease-in-out,border-color .2s ease-in-out}.feed-item-text .feed-item-text-links a:hover{color:var(--color-hover-overlay);border-color:var(--color-hover-overlay)}.feed-item-youtube{background-color:var(--color-background);overflow-y:auto}.feed-item-youtube .feed-item-youtube-container{display:flex;flex-direction:column;gap:1rem;margin:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area) var(--container-padding)}.feed-item-youtube .feed-item-youtube-embed{width:100%;height:100%;aspect-ratio:16 / 9}.feed-item-youtube .feed-item-youtube-embed iframe{border:0;width:100%;height:100%}.feed-item-youtube .feed-item-youtube-title{font-size:var(--font-size-lg);font-weight:600}.feed-item-youtube .feed-item-youtube-description{font-size:1rem}main{height:var(--window-height);width:var(--window-width);background-color:var(--color-background);overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.feed-item{height:var(--window-height);scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden}.variant-selector{width:100%;box-sizing:border-box;border:var(--border-width-thin) var(--border-style-solid) var(--border-color-transparent);background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-md);padding:var(--spacing-sm);max-width:400px;margin:auto auto 0;opacity:0;transform:translateY(100%);transition:all .2s ease-in;outline:none;box-shadow:0 0 10px 0 var(--color-shadow)}.variant-selector[open]{opacity:1;transform:translateY(0)}@starting-style{.variant-selector[open]{opacity:0;transform:translateY(100%)}}.variant-selector.closing{opacity:0;transform:translateY(100%)}.variant-selector::backdrop{background-color:var(--color-overlay-dark);opacity:0;transition:opacity .2s ease-in-out}.variant-selector[open]::backdrop{opacity:1}@starting-style{{opacity:0}}.variant-selector .variant-selector-header{border-bottom:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);padding:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.variant-selector .variant-selector-header h1{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.variant-selector .variant-selector-items{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:calc(var(--window-height) * .4);overflow-y:auto}.variant-selector .variant-item{display:flex;align-items:center;gap:var(--spacing-sm);border:none;background:none;width:100%;cursor:pointer;border-radius:var(--border-radius-md);transition:background-color .2s ease-in-out}.variant-selector .variant-item:hover{background-color:var(--color-hover-overlay)}.variant-selector .variant-item:active{background-color:var(--color-active-overlay)}.variant-selector .variant-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius-sm)}.variant-selector .variant-item .variant-details{flex:1;text-align:left}.variant-selector .variant-item .variant-details h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.variant-selector .variant-item .variant-details p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.swipe-tutorial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--icon-size-md);height:var(--icon-size-md);z-index:1000;animation:swipeTutorialSwipe 6s ease-in-out 0s infinite;pointer-events:none;color:var(--color-primary-foreground);background-color:var(--color-overlay-dark);border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px 0 var(--color-shadow)}@keyframes swipeTutorialSwipe{0%,to{transform:translate(-50%,-50%) rotate(0)}12.5%{transform:translate(calc(-50% - 30px),-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(180deg)}37.5%{transform:translate(calc(-50% + 30px),-50%) rotate(180deg)}50%{transform:translate(-50%,-50%) rotate(90deg)}62.5%{transform:translate(-50%,calc(-50% - 30px)) rotate(90deg)}75%{transform:translate(-50%,-50%) rotate(-90deg)}87.5%{transform:translate(-50%,calc(-50% + 30px)) rotate(-90deg)}}.outside-link-iframe{width:90vw;height:80vh;max-width:1200px;padding:0;border:none;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 10px 25px #0003}.outside-link-iframe::backdrop{background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.outside-link-iframe-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.outside-link-iframe-url{flex:1;font-size:14px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.outside-link-iframe-close-btn{background:none;border:none;font-size:18px;color:#555;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.outside-link-iframe-close-btn:hover{background-color:#e0e0e0}.outside-link-iframe-content{position:relative;height:calc(100% - 51px);background-color:#000}.outside-link-iframe-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fffc;z-index:1}.outside-link-iframe-loader:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outside-link-iframe-loader:before{content:"Loading...";font-size:16px;color:#555;margin-top:60px}.outside-link-iframe-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f8f8;padding:20px;text-align:center}.outside-link-iframe-error p{color:#d32f2f;font-size:16px;margin-bottom:20px}.outside-link-iframe-new-tab-btn{background-color:#2196f3;color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .3s}.outside-link-iframe-new-tab-btn:hover{background-color:#1976d2}.outside-link-iframe iframe{width:100%;height:100%;border:none;background-color:#fff}.embedded-media-iframe{background-color:#000;display:block;margin:0 auto}.outside-link-iframe.media-embed .outside-link-iframe-content{display:flex;align-items:center;justify-content:center;background-color:#000}@media (max-width: 768px){.outside-link-iframe{width:95vw;height:85vh}}.app{height:var(--view-height);width:var(--window-width);overflow:hidden;position:relative}.app header,.app footer{--padding: var(--spacing-sm);position:absolute;left:0;width:calc(var(--window-width) - 2 * var(--padding));z-index:100;padding:var(--padding) var(--padding)}.app header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.app footer{display:flex;justify-content:space-between;align-items:center}.app header{top:0}.app footer{display:grid;grid-template-columns:1fr 1fr 1fr;bottom:var(--spacing-sm);gap:var(--spacing-lg)}.app footer .add-to-cart{display:flex;justify-content:center}.app footer .actions{display:flex;gap:var(--spacing-sm)}.app footer .loading-indicator-container{display:flex;justify-content:flex-end;margin:0 var(--spacing-md)}.app .logo{width:100%;max-width:100px}.app .header-cart{margin-left:auto}.main-menu{position:fixed;top:0%;left:-100%;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:left .3s ease-in-out;border-left:1px solid var(--color-border)}.main-menu.open{left:0}.main-menu .header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.main-menu .header-title{color:#fff;font-size:var(--font-size-lg)}.main-menu .logo{width:100%;max-width:100px}.main-menu .menu-items{display:flex;flex-direction:column;gap:1rem;padding:var(--spacing-md)}.main-menu .menu-item{color:#fff;font-size:var(--font-size-lg)}@property --spinner-animation-progress{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.loading-indicator{display:flex;justify-content:center;align-items:center;height:100%;transform:translateY(100px);transition:transform .1s ease-in-out}.loading-indicator.visible{transform:translateY(0)}.loading-indicator .loading-indicator-spinner{width:32px;height:32px;border-radius:50%;position:relative;overflow:hidden}.loading-indicator .loading-indicator-spinner:before{content:"";position:absolute;offset:top 50% right 50% circle(50%) var(--spinner-animation-progress);animation:loading-indicator-border-animation 1s linear infinite;width:30px;height:15px;background:linear-gradient(to right,#f000,red,#ff8000,#ff0,#0f0,#0ff,#00f,#8000ff,#f000)}.loading-indicator .loading-indicator-spinner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%}@keyframes loading-indicator-border-animation{0%{--spinner-animation-progress: 0%}to{--spinner-animation-progress: 100%}}