.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) solid 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: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) solid var(--border-color-dark);box-shadow:none}.icon-button:focus{outline:none}.icon-button:active{border:var(--border-width-normal) 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:11px;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}.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:var(--text-font-body-s);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 .product-list-item-details .discount-item{display:block;color:var(--color-danger)}.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-sm)}.product-list-item .product-list-item-details h3{font:var(--text-font-body-s);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:100%;max-width:calc(var(--window-width));box-sizing:border-box;border:none;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}.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:color-mix(in srgb,var(--color-dialog-foreground) 50%,transparent 50%);opacity:0;transition:opacity .2s ease-in-out}.cart[open]::backdrop{opacity:1}.cart .cart-header{border-bottom:var(--border-width-thin) solid var(--border-color-light);padding-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm);font:var(--text-font-body)}.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:var(--text-font-body-large);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) solid var(--border-color-light);padding-top:var(--spacing-sm)}.cart .cart-total strong{padding-right:var(--spacing-sm)}.cart .cart-total-original span{color:var(--color-danger);text-decoration:line-through}@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%)}}button.button{background-color:color-mix(in srgb,var(--color-background) 75%,transparent);color:var(--color-foreground);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);cursor:pointer;transition:background-color .2s ease-in-out;appearance:none;border:1px solid var(--color-foreground)}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-primary-text)}button.button.primary:hover{background-color:var(--color-primary-hover)}button.button.primary:active{background-color:var(--color-primary-active)}button.button.invert{background-color:var(--color-foreground);color:var(--color-background)}@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%}}.plain-icon-button{--icon-size: 28px;--button-foreground: var(--color-dialog-foreground);--button-background: var(--color-dialog-background);width:var(--icon-size);height:var(--icon-size);appearance:none;border:none;padding:0;margin:0;box-sizing:border-box;position:relative;cursor:pointer}.plain-icon-button.dark{color:var(--button-background);background:var(--button-foreground)}.plain-icon-button.light{color:var(--button-foreground);background:var(--button-background)}.plain-icon-button.on-dialog{color:var(--color-dialog-foreground)!important;background:var(--color-dialog-background)!important}.plain-icon-button .icon-element{width:var(--icon-size);height:var(--icon-size)}.plain-icon-button .badge{position:absolute;background:var(--color-primary);border-radius:var(--border-radius-full);top:-8px;right:-8px;height:16px;width:16px;text-align:center;font-size:11px;color:var(--color-primary-text);display:flex;justify-content:center;align-items:center}.plain-icon-button.circle{border-radius:50%;padding:var(--spacing-sm);height:44px;width:44px;box-shadow:0 1px 3px 0 var(--color-shadow)}.plain-icon-button.circle.no-shadow{box-shadow:none}.plain-icon-button.circle svg{height:24px;width:24px}.plain-icon-button.transparent{background:transparent!important}.plain-icon-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}.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:var(--text-font-body-s);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:var(--window-width);position:relative;z-index: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)}.feed-item-text{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--top-safe-area) var(--spacing-sm) var(--spacing-sm);box-sizing:border-box}.feed-item-text .text-heading{font:var(--text-font-h1);text-transform:var(--text-font-transform-h1);margin:0;color:var(--color-text-primary)}.feed-item-text .text-preview{color:var(--color-text-primary)}.feed-item-text .text-preview p{margin:0}.feed-item-text .read-more-button{align-self:flex-start;margin-top:var(--spacing-xs)}.text-content-dialog{width:100%;max-width:calc(var(--window-width));box-sizing:border-box;border:none;background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:var(--spacing-sm);margin:auto auto 0;opacity:0;transform:translateY(100%);transition:all .2s ease-in;outline:none;max-height:calc(var(--window-height) * .9);display:flex;flex-direction:column;border:0;--color-text-dynamic: var(--color-text-dynamic-dialog)}.text-content-dialog[open]{opacity:1;transform:translateY(0)}@starting-style{.text-content-dialog[open]{opacity:0;transform:translateY(100%)}}.text-content-dialog.closing{opacity:0;transform:translateY(100%)}.text-content-dialog::backdrop{background-color:color-mix(in srgb,var(--color-foreground) 50%,transparent 50%);transition:opacity .2s ease-in-out;pointer-events:click}.text-content-dialog .text-dialog-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.text-content-dialog .text-dialog-content{overflow-y:auto}.stylized-text-block{--margin-base: 8px;--margin-2x: 16px;--margin-3x: 24px;--margin-4x: 32px;-webkit-hyphens:auto;hyphens:auto;font:var(--text-font-body);color:var(--color-text-dynamic)}.stylized-text-block img{max-width:100%;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.stylized-text-block>*:first-child{margin-top:0}.stylized-text-block h1{font:var(--text-font-h1);text-transform:var(--text-font-transform-h1);margin:var(--margin-4x) 0 var(--margin-3x)}.stylized-text-block h2{font:var(--text-font-h2);text-transform:var(--text-font-transform-h2);margin:var(--margin-3x) 0 var(--margin-base)}.stylized-text-block h3{font:var(--text-font-h3);text-transform:var(--text-font-transform-h3);margin:var(--margin-3x) 0 var(--margin-base)}.stylized-text-block p{margin:var(--margin-base) 0}.stylized-text-block ul{padding-left:var(--margin-3x);margin:var(--margin-3x) 0}.stylized-text-block ul li{margin:var(--margin-base) 0}.stylized-text-block>p:first-of-type{margin-top:0}.stylized-text-block li p{margin:0}.stylized-text-block h1:first-of-type,.stylized-text-block h2:first-of-type,.stylized-text-block h3:first-of-type,.stylized-text-block h4:first-of-type,.stylized-text-block h5:first-of-type,.stylized-text-block h6:first-of-type,.stylized-text-block p:first-of-type{margin-top:0}.stylized-text-block div.scroll-container:has(table){overflow-x:auto;position:relative;padding:var(--spacing-md) calc(-1 * var(--spacing-sm));margin:var(--spacing-md) 0}.stylized-text-block div.scroll-container:has(table):after{font:var(--text-font-body-s);color:var(--color-foreground-subtle);content:"Scroll to see all"}.stylized-text-block div.scroll-container:has(table):first-of-type{margin-top:0;padding-top:0}.stylized-text-block table{padding:var(--spacing-xs)}.stylized-text-block table tbody th{text-align:right;font:var(--text-font-body-s);padding-right:var(--spacing-xs)}.stylized-text-block table tbody td{min-width:160px;padding:0 var(--spacing-xs);text-align:center}.stylized-text-block table .highlight{background:color-mix(in srgb,var(--color-primary) 40%,transparent);color:#fff}.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:none;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:none}.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:var(--text-font-h2);text-transform:var(--text-font-transform-h2);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;position:relative}.feed-image .main-image{width:var(--window-width);height:var(--window-height);object-fit:cover;object-position:center}.feed-image .background-blur-image{position:absolute;top:0;left:0;width:var(--window-width);height:var(--window-height);object-fit:cover;object-position:center;filter:blur(10px);opacity:.7}.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:var(--text-font-h2);text-transform:var(--text-font-transform-h2)}.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) solid var(--border-color-light)}.feed-item-product{position:relative;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;top:100dvh;transform:translateY(-100%);left:0;right:0;color:#fff;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.9));display:flex;flex-direction:column;min-height:50dvh;justify-content:flex-end}.feed-item-product .info h2{font:var(--text-font-h1);text-transform:var(--text-font-transform-h1);margin:0;overflow-wrap:break-word;text-transform:uppercase}.feed-item-product .info p{margin:0;font:var(--text-font-body-s)}.main-section .feed-item-product .info{padding:var(--spacing-sm)}.main-section .feed-item-product .info h2,.main-section .feed-item-product .info p{margin-right:var(--spacing-xl)}.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}.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:var(--text-font-h2);text-transform:var(--text-font-transform-h2);margin:0}.feed-item-video .video-overlay p{font:var(--text-font-body-s);margin:var(--spacing-xs) 0 0;color:var(--color-text-lighter)}.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-video .video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:var(--spacing-xs);background-color:color-mix(in srgb,var(--color-background) 80%,transparent);color:var(--color-foreground);position:relative}.feed-item-video .video-error img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.feed-item-video .video-cover{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;filter:blur(10px);opacity:.5}.feed-item-youtube{background-color:var(--color-background);overflow-y:hidden;padding:var(--top-safe-area) var(--spacing-sm) var(--bottom-safe-area) var(--spacing-sm);height:var(--window-height);box-sizing:border-box;display:flex;flex-direction:column}.feed-item-youtube .embed-container{margin-top:var(--spacing-md);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:var(--text-font-h1);text-transform:var(--text-font-transform-h1);margin-bottom:var(--spacing-xs)}.feed-item-youtube .description{font:var(--text-font-body)}article.children-view{--transition-duration: .2s;position:relative;height:var(--window-height)}article.children-view section.main-section{height:100dvh;width:var(--window-width);position:relative;flex-shrink:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;transition:transform var(--transition-duration) ease-in-out}article.children-view.open section.main-section{transform:translate(-100%)}article.children-view.open.closing section.main-section{transform:translate(0)}article.children-view .content-container{--top-safe-area: 80px;display:none;background-color:var(--color-background);-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-snap-stop:always;flex-direction:column;scroll-behavior:smooth;scrollbar-width:none;height:100dvh;width:var(--window-width);z-index:400;padding:0;margin:0;position:fixed;top:0;left:0;border:0;transform:translate(100%);overscroll-behavior:contain}article.children-view .content-container.open{display:flex;animation:content-open var(--transition-duration) ease-in-out;animation-fill-mode:forwards}article.children-view .content-container.closing{animation:content-close var(--transition-duration) ease-in-out;animation-fill-mode:forwards}article.children-view .content-container section{height:100dvh;width:var(--window-width);position:relative;flex-shrink:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}article.children-view .close-button{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:600}article.children-view .close-button .icon-element{transform:translate(-25%) translateY(-25%) rotate(180deg)}article.children-view .add-to-cart-main{position:sticky;bottom:var(--spacing-sm);width:calc(var(--window-width) - var(--spacing-sm) * 2);box-sizing:border-box;height:fit-content;z-index:600}article.children-view .closer{flex-shrink:0;height:400px;scroll-snap-align:start;scroll-snap-stop:always}article.children-view .content-progress-indicator{position:fixed;top:50%;left:var(--spacing-xs);transform:translateY(-50%);z-index:600}article.children-view .open-content-button{position:absolute;top:calc(100dvh - var(--spacing-md));transform:translateY(-100%);right:var(--spacing-sm);z-index:2}.content-open article.children-view .main-section{pointer-events:none}@keyframes content-open{0%{display:none;transform:translate(100%)}to{display:flex;transform:translate(0)}}@keyframes content-close{0%{display:flex;transform:translate(0)}to{display:none;transform:translate(100%)}}.horizontal-view-ticks{--size: 3px;position:relative;display:flex;flex-direction:row;gap:var(--size);pointer-events:none;justify-content:center;background:#212121e6;padding:calc(var(--size) * 2);border-radius:calc(var(--size) * 4);opacity:.8}.horizontal-view-ticks.vertical{flex-direction:column}.horizontal-view-ticks.horizontal{width:fit-content;margin:0 auto}.horizontal-view-ticks.light{background:none}.horizontal-view-ticks .tick{height:calc(var(--size) * 2);width:calc(var(--size) * 2);border-radius:var(--size);background:#fff3;transition:all .2s ease-in-out}.horizontal-view-ticks .tick.active{background:#fff9;width:calc(var(--size) * 4)}.horizontal-view-ticks.light .tick{background:#0003}.horizontal-view-ticks.light .tick.active{background:#0009}.horizontal-view-ticks.vertical .tick.active{width:calc(var(--size) * 2);height:calc(var(--size) * 4)}.horizontal-view-ticks .tick.more-start,.horizontal-view-ticks .tick.more-end{scale:.6}.horizontal-view-ticks.auto-hide{opacity:0;transition:opacity .2s ease-in-out}.horizontal-view-ticks.auto-hide.auto-hide-visible{opacity:1}.horizontal-view-ticks.auto-hide.auto-hide-hidden{opacity:0}.variant-selector{width:calc(100% - var(--spacing-sm) * 2);max-width:calc(var(--window-width));box-sizing:border-box;border:none;background:var(--color-dialog-background);color:var(--color-dialog-foreground);border-radius:var(--border-radius-md);padding:var(--spacing-sm);margin:auto auto var(--spacing-sm);opacity:0;transform:translateY(100%);transition:all .2s ease-in;outline:none}.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);margin:0}.variant-selector.closing{opacity:0;transform:translateY(100%)}.variant-selector::backdrop{background-color:color-mix(in srgb,var(--color-dialog-foreground) 50%,transparent 50%);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.variant-selector[open]::backdrop{opacity:1}.variant-selector .variant-selector-header{display:flex;justify-content:flex-end;align-items:center;font:var(--text-font-body-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.no-dialog .variant-selector-items{max-height:calc(var(--window-height) * .3)}.variant-selector .variant-selector-options{margin-bottom:var(--spacing-sm);font:var(--text-font-body-s);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);background:none;width:100%;cursor:pointer;border-radius:var(--border-radius-sm);border:1px solid var(--color-foreground-subtle);transition:background-color .2s ease-in-out;color:var(--color-dialog-foreground);padding:var(--spacing-xs);-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:var(--text-font-body-s)}.variant-selector .variant-item .variant-details p{margin:var(--spacing-xs) 0 0;font:var(--text-font-body-s);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}.variant-selector .add-to-cart-button{margin-top:var(--spacing-sm)}.variant-selector .variant-selector-close-button{background:var(--color-foreground-subtle)}.variant-selector .variant-option:first-of-type .variant-option-name{margin-top:0}.variant-selector .variant-option .variant-option-values{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.variant-selector .variant-option .variant-option-values.is-color .variant-value{width:40px;height:40px;padding:2px;display:flex;align-items:center;justify-content:center}.variant-selector .variant-option .variant-option-values.is-color .variant-value img,.variant-selector .variant-option .variant-option-values.is-color .variant-value div{width:100%;height:100%;border-radius:var(--border-radius-sm);object-fit:cover}.variant-selector .variant-option .variant-option-values .variant-value{width:fit-content;min-width:40px;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid var(--color-neutral-400);cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;text-align:center;-webkit-user-select:none;user-select:none}.variant-selector .variant-option .variant-option-values .variant-value.selected{border:1px solid var(--color-dialog-foreground)}.variant-selector .variant-option .variant-option-values .variant-value.disabled{opacity:.2;cursor:not-allowed}.variant-selector .variant-option .variant-option-values .variant-value img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-sm)}.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-button button{height:100%}.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)}}.cube-button-wrapper{max-width:500px;margin:0 auto}.cube-button-wrapper .cube-button{box-sizing:border-box;text-decoration:none;font:var(--text-font-button-m);padding:var(--spacing-xs) var(--spacing-xs);display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:flex-start;border-radius:var(--border-radius-sm);transition:opacity .2s ease-in;width:100%;margin:0 auto;overflow:hidden;justify-content:space-between;align-items:center;font-family:var(--font-family-primary);background:color-mix(in srgb,var(--color-dialog-background),transparent 20%);color:var(--color-dialog-foreground);border:none;box-shadow:0 1px 2px var(--color-shadow)}.cube-button-wrapper .cube-button:hover,.cube-button-wrapper .cube-button:active{background:var(--color-dialog-background);color:var(--color-dialog-foreground)}.cube-button-wrapper .cube-button img{height:60px;width:60px;object-fit:cover;object-position:center;border-radius:var(--border-radius-sm)}.cube-button-wrapper .cube-button .cube-button-product-info{width:100%;text-align:left}.cube-button-wrapper .cube-button .cube-button-product-info p{margin:0}.cube-button-wrapper .cube-button .cube-button-product-info .title{-webkit-hyphens:auto;hyphens:auto;text-align:left;font:var(--text-font-body-bold);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.cube-button-wrapper .cube-button .cube-button-product-info .subtitle{margin:0}.cube-button-wrapper .cube-button .cube-button-product-info .under-price-text{margin:0;font:var(--text-font-body-s);color:var(--color-text-dynamic)}.cube-button-wrapper .cube-button .read-more{align-self:center;background:var(--color-dialog-foreground);color:var(--color-dialog-background);border-radius:var(--border-radius-lg);padding:var(--spacing-xs) var(--spacing-sm);font:var(--text-font-body-s);margin:0}@starting-style{.cube-button-wrapper .cube-button{opacity:0}}.cube-button-wrapper .buy-button-note{position:relative;bottom:var(--spacing-xs)}.badge-component{width:fit-content;background:var(--color-offer);color:var(--color-offer-text);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:11px}.closing-indicator{background:color-mix(in srgb,var(--color-foreground) 20%,var(--color-background) 80%);display:flex;justify-content:center;align-items:center}.closing-indicator .closing-indicator-content{height:fit-content}.closing-indicator .outer{border:1px solid var(--color-foreground);border-radius:200px;position:relative;width:50vw;padding:var(--spacing-md) var(--spacing-lg);transition:opacity .2s linear}.closing-indicator .inner{background:var(--color-foreground);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:200px;width:0}.closing-indicator .text{z-index:2;color:var(--color-background);text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:var(--text-font-h2);text-transform:var(--text-font-transform-h2)}.closing-indicator.visible .inner{animation:closing-indicator-animation 2s linear forwards}.closing-indicator.closed .outer{opacity:0}.closing-indicator svg path{fill:color-mix(in srgb,var(--color-foreground) 50%,var(--color-background) 50%);stroke:var(--color-foreground);stroke-width:.2px}@keyframes closing-indicator-animation{0%{width:0}to{width:100%}}.overlay-base{position:absolute;pointer-events:none}.overlay-base.image-overlay img{width: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{--quote-item-width: calc(var(--window-width) - 2 * var(--spacing-sm));padding:var(--top-safe-area) var(--spacing-sm) var(--spacing-md);box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;color:var(--color-text-dynamic)}.feed-item-quote .quote-char{margin-top:12px;font-size:120px;font-weight:700;font-family:serif;line-height:.4;color:var(--color-foreground)}.feed-item-quote .quote-item{padding:var(--spacing-sm)}.feed-item-quote .quote-item .quote-item-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feed-item-quote .quote-item .author{font:var(--text-font-body-s);color:var(--color-neutral-600);margin-bottom:0}.feed-item-quote .quote-item .source{font:var(--text-font-body-s);margin-top:0}.feed-item-quote .quote-item .image{width:60px;height:60px;margin-bottom:var(--spacing-sm)}.feed-item-quote .quote-item .image img{border-radius:var(--border-radius-full);width:100%;height:100%;object-fit:cover;object-position:center}.feed-item-quote .quotes{scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:var(--quote-item-width);touch-action:pan-x pan-y pinch-zoom}.feed-item-quote .quotes .quotes-container{display:flex;flex-direction:row;gap:var(--spacing-sm);width:fit-content}.feed-item-quote .quotes .quote-item{padding:0 var(--spacing-md);display:flex;flex-shrink:0;box-sizing:border-box;width:var(--quote-item-width);flex-direction:column;gap:4px;scroll-snap-align:start}.quote-page-indicator{position:absolute;top:24px;right:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-foreground-subtle);border-radius:var(--border-radius-md)}.dynamic-font-size.big{font:var(--text-font-h2);text-transform:var(--text-font-transform-h2)}.dynamic-font-size.medium,.dynamic-font-size.small,.dynamic-font-size.tiny{font:var(--text-font-body)}.feed-item-product-promotion{padding:var(--top-safe-area) var(--spacing-sm) var(--bottom-safe-area);padding:var(--top-safe-area) 0 var(--bottom-safe-area);box-sizing:border-box;color:var(--color-text-dynamic);display:block}.feed-item-product-promotion .content{padding:0 var(--spacing-sm)}.feed-item-product-promotion .content .title{font:var(--text-font-h2);text-transform:var(--text-font-transform-h2)}.feed-item-product-promotion .content .description{font:var(--text-font-body)}.feed-item-product-promotion .cubes{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.feed-item-product-promotion .cubes.single{grid-template-columns:1fr}.cube-item{cursor:pointer;transition:opacity .2s ease-in,transform .2s ease-in;overflow:hidden;background:color-mix(in srgb,var(--color-dialog-background),transparent 20%)}.cube-item.cube-item-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.cube-item.cube-item-large,.cube-item.cube-item-default{display:flex;flex-direction:column}.cube-item .cube-item-image-wrapper{position:relative;flex-shrink:0;overflow:hidden}.cube-item.cube-item-row .cube-item-image-wrapper{width:64px;height:64px}.cube-item.cube-item-large .cube-item-image-wrapper,.cube-item.cube-item-default .cube-item-image-wrapper{width:100%;aspect-ratio:1}.cube-item .cube-item-image-wrapper img{width:100%;height:100%;object-fit:cover}.cube-item .cube-item-discount-badge{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs)}.cube-item .cube-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.cube-item .cube-item-info{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px;flex:1}.cube-item .cube-item-title{font:var(--text-font-body-bold);margin:0;color:var(--color-dialog-foreground);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cube-item .cube-item-row .cube-item-title{-webkit-line-clamp:1;white-space:nowrap}.cube-item .cube-item-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto}.cube-item .cube-item-price-wrapper{display:flex;align-items:center;gap:var(--spacing-xs)}.cube-item .cube-item-price{font:var(--text-font-body-m);color:var(--color-dialog-foreground)}.cube-item .cube-item-compare-price{font:var(--text-font-body-s);color:var(--color-neutral-600);text-decoration:line-through}.cube-item .cube-item-add-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font:var(--text-font-button-s)}.cube-item .cube-item-add-button .icon{width:16px;height:16px}.main-feed-item{display:flex;flex-direction:column;position:relative;height:100%}.main-feed-item .main-content{position:absolute;bottom:0;width:100%;min-height:50vh;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.9));display:flex;gap:var(--spacing-xs);flex-direction:column;justify-content:flex-end;padding:0 var(--spacing-xl) var(--spacing-md) var(--spacing-sm);color:#fff;box-sizing:border-box}.main-feed-item .main-content .content-type{color:var(--color-text-lighter);margin:0}.main-feed-item .main-content .title{font:var(--text-font-h1);text-transform:var(--text-font-transform-h1);margin:0;text-box:trim-both cap alphabetic}.main-feed-item .main-content .description,.main-feed-item .main-content .price{font:var(--text-font-body);margin:0}.feed-item-survey-option{padding:var(--top-safe-area) var(--spacing-sm) calc(var(--bottom-safe-area) + var(--spacing-md))}.feed-item-survey-option h3{font:var(--text-font-h3);text-transform:var(--text-font-transform-h3);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:var(--text-font-h2);text-transform:var(--text-font-transform-h2);margin-top:var(--spacing-md)}.feed-item-survey-slider{--thumb-size: 40px;padding:var(--top-safe-area) var(--spacing-sm) calc(var(--bottom-safe-area) + var(--spacing-md))}.feed-item-survey-slider h3{font:var(--text-font-h3);text-transform:var(--text-font-transform-h3);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:var(--text-font-body-s);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:var(--text-font-h3);text-transform:var(--text-font-transform-h3);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:var(--text-font-h2);text-transform:var(--text-font-transform-h2);margin-top:var(--spacing-md)}.feed-item-survey-text{padding:var(--top-safe-area) var(--spacing-sm) calc(var(--bottom-safe-area) + var(--spacing-md))}.feed-item-survey-text h3{font:var(--text-font-h3);text-transform:var(--text-font-transform-h3);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:var(--text-font-body-s);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:var(--text-font-body-s);color:var(--color-text-lighter);text-align:right}.feed-item-survey-text .submit-button{margin-top:var(--spacing-sm)}.feed-item-survey-text .thank-you{text-align:center;font:var(--text-font-h2);text-transform:var(--text-font-transform-h2);margin-top:var(--spacing-md)}.add-to-cart-feed-item{padding:var(--top-safe-area) 0 var(--bottom-safe-area);box-sizing:border-box;height:100%;color:var(--color-text-dynamic);display:block}.add-to-cart-feed-item .content{padding:0 var(--spacing-sm)}.add-to-cart-feed-item .content .title{font:var(--text-font-h2);text-transform:var(--text-font-transform-h2)}.add-to-cart-feed-item .content .description{font:var(--text-font-body)}.feed-item-gallery{display:flex;flex-direction:column;padding-top:var(--top-safe-area);--gallery-item-height: 40dvh;--gallery-item-width: calc(var(--window-width) * .9)}.feed-item-gallery:has(:not(.gallery-title)){--gallery-item-height: 50dvh}.feed-item-gallery .gallery-title{padding:0 var(--spacing-sm);font:var(--text-font-h1);text-transform:var(--text-font-transform-h1);color:var(--color-foreground);margin:0}.feed-item-gallery .gallery-images{position:relative;height:fit-content;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.feed-item-gallery .gallery-images::-webkit-scrollbar{display:none}.feed-item-gallery .gallery-images-container{display:flex;flex-direction:row;gap:var(--spacing-xs)}.feed-item-gallery .gallery-images-container .gallery-item-wrapper{position:relative;flex-shrink:0;width:var(--gallery-item-width);height:fit-content;scroll-snap-align:start;display:flex;flex-direction:column}.feed-item-gallery .gallery-images-container .gallery-item-wrapper img,.feed-item-gallery .gallery-images-container .gallery-item-wrapper .feed-item-video{flex:1;width:100%;height:var(--gallery-item-height)}.feed-item-gallery .gallery-images-container .gallery-item-wrapper .gallery-item-text{padding:var(--spacing-sm);color:var(--color-foreground);font:var(--text-font-body-s)}.feed-item-gallery .gallery-content{padding:var(--spacing-md) var(--spacing-sm) 0}.has-product-data .feed-item-gallery .gallery-content{padding:var(--spacing-md) var(--spacing-sm) calc(var(--bottom-safe-area) + var(--spacing-md))}.gallery-page-indicator{position:absolute;top:24px;right:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-foreground-subtle);border-radius:var(--border-radius-md)}.feed-item-product-features{padding:var(--top-safe-area) var(--spacing-md) var(--spacing-sm)}.feed-item-product-features .product-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (min-width: 768px){.feed-item-product-features .product-features-grid{grid-template-columns:repeat(4,1fr)}}.feed-item-product-features .product-features-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.feed-item-product-features .product-features-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-item-product-features .product-features-icon img{width:100%;height:100%;object-fit:contain}.feed-item-product-features .product-features-text{font:var(--text-font-body-s)}.feed-container-progress-indicator{position:fixed;top:50%;left:var(--spacing-xs);transform:translateY(-50%);transition:left .2s ease-in-out}.content-open .feed-container-progress-indicator{left:calc(-1 * var(--spacing-md))}.loading-indicator-container{display:flex;align-items:center;justify-content:center;height:100%}@media (min-aspect-ratio: 1/1){.feed-container .main-feed-container .feed-item:not(.active){pointer-events:none;opacity:.3}.feed-container{--nextprev-button-width: min( calc((100vw - var(--window-width)) / 2), 100px );padding-left:calc((100vw - var(--window-height) - (var(--nextprev-button-width) * 2)) / 2)}}.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 .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;text-decoration:none}.settings-toggle-popup{--animation-time: .3s;position:absolute;top:calc(var(--top-safe-area) + var(--spacing-xs));right:var(--spacing-xs);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:var(--text-font-body-s);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:var(--text-font-body-s);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:var(--text-font-h3);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:var(--text-font-body-s);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) 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}