.icon-element{height:100%;width:100%}.icon-element svg{object-fit:contain;color:inherit;height:100%;width:100%;stroke:inherit}.icon-element.circle-container{border-radius:50%;background-color:var(--color-primary);padding:4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.icon-element.shadow svg{filter:drop-shadow(0 0 4px var(--color-shadow))}.icon-button{aspect-ratio:1 / 1;position:relative;appearance:none;background:var(--color-transparent-background);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;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease-in-out;padding:0}.icon-button svg{transform:scale(.75)}.icon-button.ui-colors{background:color-mix(in srgb,var(--color-ui-background) 20%,transparent 80%);color:var(--color-ui-foreground);box-shadow:0 0 10px color-mix(in srgb,var(--color-ui-background) 50%,transparent 50%)}.icon-button:hover{background:var(--color-transparent-foreground)}.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:.4;cursor:not-allowed}.icon-button .badge{position:absolute;display:flex;align-items:center;justify-content:center;top:-2px;right:-2px;height:20px;width:20px;text-align:center;font-size:var(--font-size-sm);font-weight:100;color:var(--color-foreground);background:var(--color-primary);border-radius:var(--border-radius-full)}.icon-button.small .badge{height:var(--spacing-sm);width:var(--spacing-sm)}.icon-button .label{position:absolute;top:-14px;font-size:10px}button.button{background-color:color-mix(in srgb,var(--color-background) 75%,transparent);color:var(--color-foreground);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s ease-in-out}button.button.full-width{width:100%}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}button.button.primary{background-color:var(--color-primary);color:var(--color-foreground)}button.button.primary:hover{background-color:var(--color-primary-hover)}button.button.primary:active{background-color:var(--color-primary-active)}.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;width:100%}.product-list-item .product-list-item-details p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-dialog-foreground)}.product-list-item .product-list-item-details.product-list-item-details-clickable{cursor:pointer;padding:var(--spacing-xs)}.product-list-item .product-list-item-details.product-list-item-details-clickable:hover{background-color:var(--color-hover-overlay)}.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-xs);-webkit-user-select:none;user-select:none}.cart{width:calc(100% - 10px);max-width:calc(var(--window-width) - 10px);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) var(--border-radius-md) 0 0;padding:var(--spacing-sm);margin:auto auto 0;opacity:0;transform:translateY(100%);transition:all .2s ease-in;outline:none;box-shadow:0 0 10px color-mix(in srgb,var(--color-dialog-foreground) 50%,transparent 50%)}.cart[open]{opacity:1;transform:translateY(0)}@starting-style{.cart[open]{opacity:0;transform:translateY(100%)}}.cart.closing{opacity:0;transform:translateY(100%)}.cart::backdrop{background-color:var(--color-transparent-background);opacity:0;transition:opacity .2s ease-in-out}.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);gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.cart .cart-header p{margin:0}.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)}.cart .cart-total{text-align:right;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;border-top:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);padding-top:var(--spacing-sm)}.cart .cart-total strong{padding-right:var(--spacing-sm)}@keyframes cart-open{0%{opacity:0;transform:translateY(-100%)}to{opacity:1}}@keyframes cart-close{0%{display:block;opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-100%)}}@property --spinner-animation-progress{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.loading-indicator{display:inline-flex;height:100%;transform:translateY(150px);transition:transform .1s ease-in-out}.loading-indicator.visible{transform:translateY(0)}.loading-indicator .loading-indicator-spinner{width:var(--icon-size-md);height:var(--icon-size-md);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%}.loading-indicator.small .loading-indicator-spinner{width:var(--icon-size-sm);height:var(--icon-size-sm)}@keyframes loading-indicator-border-animation{0%{--spinner-animation-progress: 0%}to{--spinner-animation-progress: 100%}}.variant-selector{width:calc(100% - 10px);max-width:calc(var(--window-width) - 10px);box-sizing:border-box;border:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding:var(--spacing-sm);margin:auto auto 0;opacity:0;transform:translateY(100%);transition:all .2s ease-in;outline:none;box-shadow:0 0 10px color-mix(in srgb,var(--color-dialog-foreground) 50%,transparent 50%)}.variant-selector[open]{opacity:1;transform:translateY(0)}@starting-style{.variant-selector[open]{opacity:0;transform:translateY(100%)}}.variant-selector.no-dialog{opacity:1;transform:translateY(0);border-radius:var(--border-radius-md)}.variant-selector.closing{opacity:0;transform:translateY(100%)}.variant-selector::backdrop{background-color:var(--color-transparent-foreground);opacity:0;transition:opacity .2s ease-in-out}.variant-selector[open]::backdrop{opacity:1}.variant-selector .variant-selector-header{border-bottom:var(--border-width-thin) var(--border-style-solid) var(--border-color-light);padding-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.variant-selector .variant-selector-header p{margin:0}.variant-selector .variant-selector-items{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:calc(var(--window-height) * .4);overflow-y:auto}.variant-selector .variant-selector-options{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:calc(var(--spacing-sm) + 60px)}.variant-selector .variant-item{appearance:none;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;color:var(--color-dialog-foreground);padding:var(--spacing-xs) 0;-webkit-user-select:none;user-select:none}.variant-selector .variant-item:hover{background-color:var(--color-dialog-hover)}.variant-selector .variant-item:active{background-color:var(--color-dialog-active)}.variant-selector .variant-item.disabled{color:var(--color-foreground-danger);cursor:not-allowed;background-color:var(--color-danger-with-opacity)}.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)}.variant-selector .variant-item .icon-element{flex:0;margin-right:var(--spacing-sm)}.variant-selector .variant-item .icon-element svg{height:30px;width:30px}.add-to-cart-button{width:100%}.add-to-cart-button button{text-align:left;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.add-to-cart-button button>div{display:inline;width:24px}.add-to-cart-icon-button{position:relative}body.swipe-tutorial-add-to-cart .add-to-cart-icon-button{animation:add-to-cart-button-reveal 1s ease-in-out infinite alternate}@keyframes add-to-cart-button-reveal{0%{transform:scale(1)}to{transform:scale(2)}}.lazy-image img{filter:blur(0px);transform:scale(1);transition:filter .15s ease-in-out,transform .15s ease-in-out}.lazy-image img.blur{filter:blur(15px)}button.cube-button{padding:var(--spacing-xs) var(--spacing-sm);display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:flex-start;border-radius:var(--border-radius-md);opacity:1;transition:opacity .2s ease-in;max-width:320px;margin:0 auto;overflow:hidden}button.cube-button img{border-radius:var(--border-radius-sm)}button.cube-button .cube-button-product-info{text-align:left}button.cube-button .cube-button-product-info p{margin:0}button.cube-button .cube-button-product-info .title{font-size:var(--font-size-md);text-align:left}button.cube-button .cube-button-product-info .subtitle{margin:0;font-weight:var(--font-weight-bold)}button.cube-button .cube-button-product-info .read-more{color:var(--color-foreground-subtle)}@starting-style{button.cube-button{opacity:0}}.ai-indicator{position:absolute;width:32px;height:32px;bottom:var(--bottom-safe-area);right:0;transform:translate(-50%);opacity:.5}.ai-indicator svg{width:100%}.ai-indicator .ai-indicator-message{position:absolute;top:-300%;right:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);text-align:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:#00000080;opacity:1;transform:translateY(0) scale();transition:opacity .2s ease,transform .2s ease}@starting-style{.ai-indicator .ai-indicator-message{opacity:0;transform:translateY(20%) scale(.5)}}.background-renderer{height:100%;width:100%}.background-renderer .content{height:100%;width:100%;position:relative;z-index:2}.content-overflow-restricter{height:100%;position:relative}.content-overflow-restricter.enabled{overflow:hidden}.content-overflow-restricter.enabled.show-more{overflow-y:auto}.content-overflow-restricter.enabled.show-more .more-area{position:relative;padding-top:0}.content-overflow-restricter .more-area{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(to bottom,transparent 0%,var(--color-background) 40%,var(--color-background) 100%)}.ios-next-content-button-container{display:flex;justify-content:center;align-items:center}.blog-container{padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);box-sizing:border-box;height:100%;color:var(--color-foreground);font-size:var(--font-size-base)}.blog-container .blog-title{margin-top:0}.blog-container .blog-content{-webkit-hyphens:auto;hyphens:auto;margin-bottom:var(--spacing-xl)}.blog-container .blog-content iframe{width:100%;aspect-ratio:16 / 9}.blog-container .blog-content img{max-width:100%;margin:0 auto;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.blog-container .blog-content a{color:var(--color-foreground)}.feed-item-custom-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;box-sizing:border-box;padding:var(--spacing-lg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center}.feed-item-custom-feed .custom-feed-content{margin-bottom:var(--spacing-lg);max-width:600px}.feed-item-custom-feed .custom-feed-images{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:center;align-items:center}.feed-item-custom-feed .custom-feed-images img{width:100px;height:100px;object-fit:cover;border-radius:var(--border-radius-md);box-shadow:0 0 15px var(--color-shadow)}.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-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-transparent-background),transparent)}.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-newsletter.newsletter{background-color:var(--color-primary);color:var(--color-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{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{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-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-product{transform:translateZ(0)}.feed-item-product .main-image-container{z-index:1;height:var(--window-height);width:var(--window-width);overflow:hidden;position:relative;transform:translateZ(0)}.feed-item-product .main-image{height:var(--window-height);width:var(--window-width);object-fit:cover}.feed-item-product .info{transform:translateZ(1px);z-index:2;position:absolute;bottom:0;left:0;color:#fff;width:calc(100% - 2 * var(--spacing-sm));padding:calc(var(--spacing-xl) * 2) var(--spacing-sm) calc(var(--bottom-safe-area) + var(--spacing-md));background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7))}.feed-item-product .info h2{font-size:var(--font-size-base);font-weight:700;line-height:var(--line-height-tight);overflow-wrap:break-word;font-size:var(--font-size-lg);margin:0;font-weight:300}.feed-item-product .info p{font-size:var(--font-size-sm);color:var(--color-foreground)}.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-text{padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);box-sizing:border-box;height:100%;color:var(--color-foreground);font-size:var(--font-size-base)}.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 .text-content{-webkit-hyphens:auto;hyphens:auto}.feed-item-text .text-content img{max-width:100%;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.feed-item-text .text-content>*:first-child{margin-top:0}.feed-item-text .text-content h1{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 .text-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:var(--spacing-md) 0 var(--spacing-sm)}.feed-item-text .text-content p{margin:var(--spacing-md) 0}.feed-item-text .text-content ul{padding-left:var(--spacing-sm);margin:var(--spacing-md) 0}.feed-item-text .text-content ul li{padding:var(--spacing-xs) 0;line-height:1}.feed-item-text .text-content p{line-height:1.5}.feed-item-text .text-content>p:first-of-type{margin-top:0}.feed-item-text .text-content li p{margin:0}.feed-item-text .text-content h1:first-of-type,.feed-item-text .text-content h2:first-of-type,.feed-item-text .text-content h3:first-of-type,.feed-item-text .text-content h4:first-of-type,.feed-item-text .text-content h5:first-of-type,.feed-item-text .text-content h6:first-of-type,.feed-item-text .text-content p:first-of-type{margin-top:0}.feed-item-text a{color:var(--color-foreground)}.feed-item-text.shadowbottom .text-content{position:absolute;bottom:0;left:0;right:0;padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);background:linear-gradient(to bottom,transparent 0%,var(--color-background) 100%)}.feed-item-text.background-fixed{padding:50vh 0 0;overflow-y:auto}.feed-item-text.background-fixed .text-content{background:var(--color-background);margin:0;padding:var(--spacing-md) var(--container-padding) var(--bottom-safe-area)}@supports (animation-timeline: scroll()){.feed-item-text.background-fixed .text-content{margin:0 var(--spacing-md);animation:scroll-margin-fade linear forwards;animation-timeline:scroll();animation-range:0 250px}}@supports (animation-timeline: scroll()){@keyframes scroll-margin-fade{0%{margin:0 var(--spacing-md);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}to{margin:0;padding-left:calc(var(--spacing-md) + var(--spacing-sm));padding-right:calc(var(--spacing-md) + var(--spacing-sm));border-radius:0}}}.feed-item-tiktok{width:100%;height:100%;background:#000}.feed-item-tiktok iframe{padding-top:var(--top-safe-area);width:100%;height:calc(100% - var(--bottom-safe-area) - var(--top-safe-area));border:none}.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-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.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-transparent-background),transparent);color:var(--color-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-video .video-poster{width:100%;height:100%;object-fit:cover;object-position:center}.feed-item-youtube{background-color:var(--color-background);overflow-y:hidden;padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area) var(--container-padding);height:var(--window-height);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-md)}.feed-item-youtube .embed-container{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - var(--top-safe-area) - var(--bottom-safe-area))}.feed-item-youtube .embed-container>div{flex:1;width:100%;height:100%}.feed-item-youtube .embed-container>div iframe{border:0;width:100%;height:100%}.feed-item-youtube .title{font-size:var(--font-size-lg);font-weight:600}.feed-item-youtube .description{font-size:1rem}article.horizontal-view{height:var(--window-height);-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-snap-stop:always;display:flex;flex-direction:column;scroll-behavior:smooth;scrollbar-width:none}@media (min-aspect-ratio: 1/1){article.horizontal-view{padding-bottom:calc(100vh - var(--window-height))}}body.swipe-tutorial-vertical .horizontal-view .horizontal-view-item{animation:feed-item-reveal-horizontal 2s ease-in-out infinite}@keyframes feed-item-reveal-horizontal{0%{transform:translateY(0)}35%{transform:translateY(-10vh)}45%{transform:translateY(0)}to{transform:translateY(0)}}.overlay-base{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.text-overlay{max-width:80%;word-wrap:break-word}.image-overlay{max-width:50%;max-height:50%}.image-overlay img{max-width:100%;max-height:100%}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes overlay-slide{0%{transform:translateY(20px) translate(-50%,-50%) scale(1);opacity:0}to{transform:translateY(0) translate(-50%,-50%) scale(1);opacity:1}}@keyframes overlay-zoom{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes overlay-bounce{0%,20%,50%,80%,to{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) translateY(-20px) scale(1)}60%{transform:translate(-50%,-50%) translateY(-10px) scale(1)}}.animation-fade{animation:overlay-fade var(--duration) var(--easing) var(--delay) forwards}.animation-slide{animation:overlay-slide var(--duration) var(--easing) var(--delay) forwards}.animation-zoom{animation:overlay-zoom var(--duration) var(--easing) var(--delay) forwards}.animation-bounce{animation:overlay-bounce var(--duration) var(--easing) var(--delay) forwards}.overlay-container{position:relative;width:100%;height:100%;overflow:hidden}.feed-item-quote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:var(--top-safe-area) var(--container-padding) calc(var(--bottom-safe-area) + var(--spacing-md));box-sizing:border-box;height:var(--window-height);-webkit-hyphens:auto;hyphens:auto}.feed-item-quote .quote-char{margin-top:12px;font-size:120px;font-weight:var(--font-weight-bold);font-family:serif;line-height:.4}.feed-item-quote .quote{flex:1}.feed-item-quote .author{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.feed-item-quote .source{font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.feed-item-quote .image{width:64px;height:64px}.feed-item-quote .image img{border-radius:50%;width:100%;height:100%;object-fit:cover;object-position:center}.feed-item-product-promotion{padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);box-sizing:border-box;height:var(--window-height);display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:var(--spacing-md)}.feed-item-product-promotion .product-promotion-content{text-align:center}.feed-item-product-promotion .product-promotion-content>*:first-child{margin-top:0}.feed-item-product-promotion .product-promotion-product-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-item-survey-option{padding:var(--top-safe-area) var(--container-padding) calc(var(--bottom-safe-area) + var(--spacing-md))}.feed-item-survey-option h3{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-align:center}.feed-item-survey-option .options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-item-survey-option .options .option.toggleable{position:relative}.feed-item-survey-option .options .option.toggleable.selected:before{content:"✓";position:absolute;left:var(--spacing-md)}.feed-item-survey-option .thank-you{text-align:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-top:var(--spacing-md)}.feed-item-survey-slider{--thumb-size: 40px;padding:var(--top-safe-area) var(--container-padding) calc(var(--bottom-safe-area) + var(--spacing-md))}.feed-item-survey-slider h3{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-align:center}.feed-item-survey-slider p{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-color-secondary)}.feed-item-survey-slider .slider-container{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.feed-item-survey-slider .slider-labels{display:flex;justify-content:space-between;width:100%;margin-bottom:var(--spacing-sm)}.feed-item-survey-slider .slider-labels .min-label,.feed-item-survey-slider .slider-labels .max-label{font-size:var(--font-size-small);color:var(--text-color-secondary)}.feed-item-survey-slider .slider-input{width:100%;height:12px;border-radius:3px;background:var(--color-background-border);outline:none;-webkit-appearance:none;appearance:none}.feed-item-survey-slider .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--background-color)}.feed-item-survey-slider .slider-input::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--background-color)}.feed-item-survey-slider .slider-value{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:var(--spacing-sm) 0}.feed-item-survey-slider .submit-button{margin-top:var(--spacing-md)}.feed-item-survey-slider .thank-you{text-align:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-top:var(--spacing-md)}.feed-item-survey-text{padding:var(--top-safe-area) var(--container-padding) calc(var(--bottom-safe-area) + var(--spacing-md))}.feed-item-survey-text h3{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-align:center}.feed-item-survey-text p{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-color-secondary)}.feed-item-survey-text .text-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-item-survey-text .text-input{width:100%;padding:var(--spacing-xs);border:1px solid var(--border-color-light);font-size:var(--font-size-base);font-family:inherit;background:var(--color-background);color:var(--color-foreground);transition:border-color .2s ease}.feed-item-survey-text .text-input:focus{border-color:var(--primary-color)}.feed-item-survey-text .text-input.textarea{box-sizing:border-box;min-height:120px}.feed-item-survey-text .text-input::placeholder{color:color-mix(in srgb,var(--color-foreground) 50%,transparent)}.feed-item-survey-text .character-count{font-size:var(--font-size-small);color:var(--text-color-secondary);text-align:right}.feed-item-survey-text .submit-button{margin-top:var(--spacing-sm)}.feed-item-survey-text .thank-you{text-align:center;font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin-top:var(--spacing-md)}section.horizontal-view-item{height:var(--window-height);width:var(--window-width);scroll-snap-align:start;scroll-snap-stop:always;position:relative;flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:opacity .15s ease-in-out;overflow-y:hidden}.feed-fullscreen-suggestion{padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);box-sizing:border-box;height:100%;color:var(--color-foreground);font-size:var(--font-size-base);text-align:center}.feed-fullscreen-suggestion .fullscreen-button-container{margin-top:var(--spacing-xl);scale:1.5}.add-to-cart-feed-item{padding:var(--top-safe-area) var(--container-padding) var(--bottom-safe-area);box-sizing:border-box;height:100%;color:var(--color-foreground);font-size:var(--font-size-base);overflow-y:hidden;display:flex;flex-direction:column;justify-content:center}.add-to-cart-feed-item .title,.add-to-cart-feed-item .description{text-align:center}.feed-container{position:relative}.feed-container .main-feed-container,.feed-container .custom-feed-container,.feed-container .liked-feed-container{height:var(--window-height);background-color:var(--color-background);-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;display:flex;flex-direction:row}.feed-container .feed-item{height:var(--window-height);width:var(--window-width);flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;animation:feed-item-reveal linear both;animation-timeline:view(block);animation-range:entry 0% contain 100%;transform:perspective(calc(var(--window-height) / 2));transform-style:preserve-3d;transform-origin:center top;transform-box:fill-box}.feed-container .main-feed-container{position:absolute;transform:translateY(1000vh)}.feed-container .main-feed-container.default{position:relative;transform:translateY(0)}.feed-container .loading-indicator-container{height:var(--window-height);width:var(--window-width);display:flex;justify-content:center;align-items:center;scale:3}@media (min-aspect-ratio: 1/1){.feed-container .main-feed-container .feed-item:not(.active){pointer-events:none;opacity:.3}}@supports (animation-timeline: scroll()){@keyframes feed-item-reveal{0%{transform:perspective(calc(var(--window-height))) rotateX(-40deg)}to{transform:perspective(calc(var(--window-height))) rotateX(0)}}}.state-no-likes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;height:var(--window-height)}.state-no-likes .icon{width:50vw;height:50vw}.back-to-feed-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--window-height);padding:var(--spacing-lg);text-align:center;box-sizing:border-box}.back-to-feed-item>p{margin-bottom:10px}.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}}.main-menu{position:fixed;top:0%;left:-100%;width:100%;height:var(--window-height);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);color:#fff}.main-menu.open{left:0}.main-menu .tutorial{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);text-align:center;font-size:var(--font-size-xs)}.main-menu .tutorial .icon-element{margin:0 auto;margin-bottom:var(--spacing-sm)}.main-menu .inner-container{width:var(--window-width);height:var(--window-height);margin:0 auto;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;scrollbar-width:none}.main-menu .inner-container::-webkit-scrollbar{display:none}.main-menu .header-close{margin-left:calc(var(--spacing-md) * .8);margin-top:var(--spacing-md);width:var(--icon-size-sm);height:var(--icon-size-sm)}.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-base);text-decoration:none}.settings-toggle-popup{--animation-time: .3s;position:absolute;top:calc(var(--top-safe-area) + var(--spacing-xs));right:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);transform:translateY(20%);opacity:0;display:none;animation:settings-toggle-popup-out var(--animation-time) ease-in-out}.settings-toggle-popup.visible{display:flex;opacity:1;transform:translateY(0);animation:settings-toggle-popup-in var(--animation-time) ease-in-out}@keyframes settings-toggle-popup-in{0%{display:none;opacity:0;transform:translateY(-20%)}to{display:flex;opacity:1;transform:translateY(0)}}@keyframes settings-toggle-popup-out{0%{display:flex;opacity:1;transform:translateY(0)}to{display:none;opacity:0;transform:translateY(-20%)}}.search-popover{box-sizing:border-box;margin:auto auto 0;background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;border:0;box-shadow:0 4px 12px #00000026;overflow-y:auto;flex-direction:column;gap:var(--spacing-sm);height:min(calc(var(--window-height) - var(--spacing-md)),550px);width:calc(100% - 10px);max-width:calc(var(--window-width) - 10px);display:flex;opacity:0;transform:translateY(100%);transition:all .2s ease-in;outline:none;box-shadow:0 0 10px color-mix(in srgb,var(--color-dialog-foreground) 50%,transparent 50%)}.search-popover[open]{opacity:1;transform:translateY(0)}@starting-style{.search-popover[open]{opacity:0;transform:translateY(100%)}}.search-popover.closing{opacity:0;transform:translateY(100%)}.search-popover::backdrop{background-color:var(--color-transparent-background);opacity:0;transition:opacity .2s ease-in-out}.search-popover[open]::backdrop{opacity:1}@starting-style{{opacity:0}}.search-popover .content-container{overflow-y:auto;flex:1}.search-popover .search-container{display:flex;gap:var(--spacing-sm);align-items:center}.search-popover .search-container button{background:none;border:none;padding:0;margin:0;font-size:var(--font-size-sm);cursor:pointer;color:color-mix(in srgb,var(--color-dialog-foreground) 50%,var(--color-dialog-background))}.search-popover .search-results{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.search-popover .search-results .trending-header h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-subtle);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.search-popover .search-result-item{padding:var(--spacing-xs) 0;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-dialog-foreground)}.search-popover .search-result-item:hover{background-color:var(--color-dialog-hover)}.search-popover .search-result-item h3{font-size:var(--font-size-md);font-weight:400;margin:0}.search-popover .search-result-item img{border-radius:var(--border-radius-md);object-fit:cover}.search-popover .search-result-item .result-type{font-size:var(--font-size-sm);color:var(--color-text-subtle);text-transform:capitalize}.search-popover .search-result-item .chevron{margin-left:auto}.search-popover .structures-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.search-popover .structures-list .structure-item{padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:var(--border-width-thin) var(--border-style-solid);block-size:min-content;text-align:center}.search-popover .structures-list .structure-item img{width:100%}.component-input{position:relative}.component-input.full-width{width:100%}.component-input input{box-sizing:border-box;outline:none;width:100%;border-radius:var(--border-radius-md);border:0;background:color-mix(in srgb,var(--color-dialog-foreground) 10%,var(--color-dialog-background));padding:var(--spacing-sm)}.component-input.before-icon input{padding-left:var(--spacing-lg)}.component-input.after-icon input{padding-right:var(--spacing-md)}.component-input .before-icon-element{position:absolute;left:var(--spacing-sm);top:45%;transform:translateY(-50%) translate(-8px);padding:16px}.component-input .after-icon-element{position:absolute;right:var(--spacing-sm);top:45%;transform:translateY(-50%) translate(8px);padding:16px}.mode-selector{--height: 34px;position:absolute;top:20px;left:50%;transform:translate(-50%);padding:0;margin:0 auto;display:flex;flex-shrink:0;flex-direction:row;justify-content:center;border-radius:var(--border-radius-md);align-items:center}.mode-selector button{background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;height:var(--height);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-foreground);font-size:var(--font-size-sm);letter-spacing:.05em;display:flex;align-items:center;gap:var(--spacing-xs)}.mode-selector button.active{background:color-mix(in srgb,var(--color-background) 50%,#ffffff);border-radius:var(--height);color:var(--color-foreground);text-shadow:none}.mode-selector button.disabled{opacity:.5;pointer-events:none}.move-left-cube-content-button,.move-right-cube-content-button{--width: min(calc((100vw - var(--window-width)) / 2), 100px);height:var(--window-height);width:var(--width);cursor:pointer;transition:background-color .1s ease-in-out;flex-shrink:0;-webkit-user-select:none;user-select:none}:is(.move-left-cube-content-button,.move-right-cube-content-button):hover{background-color:color-mix(in srgb,var(--color-transparent-foreground) 50%,transparent 50%)}:is(.move-left-cube-content-button,.move-right-cube-content-button).disabled{opacity:.2}.move-left-cube-content-button:not(.disabled) svg{animation:move-cube-content-button .5s ease-in-out infinite alternate}.move-right-cube-content-button:not(.disabled) svg{animation:move-cube-content-button .5s ease-in-out infinite alternate}@keyframes move-cube-content-button{0%{transform:translate(-3px)}to{transform:translate(3px)}}@media (max-aspect-ratio: 1/1){.move-left-cube-content-button,.move-right-cube-content-button{display:none}}.content-map{--map-item-size: 8px;--map-gap: 4px;--active-indicator-size: 2px;position:absolute;top:var(--top-safe-area);-webkit-user-select:none;user-select:none;pointer-events:none;left:var(--spacing-xs);transform:none;display:flex;flex-direction:row;gap:var(--map-gap);opacity:0}.content-map.visible{opacity:1}.content-map .item{display:flex;flex-direction:column;gap:2px;opacity:.4;position:relative}.content-map .item.active{opacity:8}.content-map .item .item-content{width:var(--map-item-size);height:var(--map-item-size);border:.5px solid black;background:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease-in-out}.content-map .item .item-content-dot{width:4px;height:4px;border-radius:50%;background:#000;margin:auto;transition:all .15s ease-in-out}