html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box}:root,:root.light{--tg-theme-bg-color: #FFFFFF;--tg-theme-secondary-bg-color: #F8F8F8;--tg-theme-text-color: #333333;--tg-theme-hint-color: #808080;--tg-theme-link-color: #248BEB;--tg-theme-button-color: #609F6D;--tg-theme-button-text-color: #FFFFFF;--tg-theme-header-bg-color: #FFFFFF;--tg-theme-accent-text-color: #248BEB;--tg-theme-destructive-text-color: #EB4132;--bg-color: var(--tg-theme-bg-color);--popover-bg-color: var(--tg-theme-bg-color);--text-color: var(--tg-theme-text-color);--accent-color: var(--tg-theme-button-color);--on-accent-color: var(--tg-theme-button-text-color);--divider-color: #80808025;--ripple-color: #80808040;--success-color: #609F6D;--warning-color: #FFD775;--error-color: #F45B55;--shimmer-color-1: #555555;--shimmer-color-2: #000000}:root.dark{--tg-theme-bg-color: #121212;--tg-theme-secondary-bg-color: #242424;--tg-theme-text-color: #FFFFFF;--tg-theme-hint-color: #A0A0A0;--tg-theme-link-color: #67B6FF;--tg-theme-button-color: #609F6D;--tg-theme-button-text-color: #FFFFFF;--tg-theme-header-bg-color: #242424;--tg-theme-accent-text-color: #67B6FF;--tg-theme-destructive-text-color: #FF6E6E;--bg-color: var(--tg-theme-bg-color);--popover-bg-color: var(--tg-theme-secondary-bg-color);--text-color: var(--tg-theme-text-color);--accent-color: var(--tg-theme-button-color);--on-accent-color: var(--tg-theme-button-text-color);--divider-color: #FFFFFF15;--ripple-color: #FFFFFF30;--shimmer-color-1: #D0D0D0;--shimmer-color-2: #FFFFFF}body{color-scheme:var(--tg-color-scheme);font-family:Rubik,sans-serif;color:var(--text-color);background-color:var(--bg-color);-webkit-overflow-scrolling:touch;overflow-x:hidden;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex-grow:1}h1,h2,h3,h6,p{font-family:Rubik,sans-serif;margin:0;width:fit-content;border-radius:8px;line-height:1.2}h1{font-size:24px;font-weight:500}h2{font-size:20px;font-weight:500}h3{font-size:16px;font-weight:500}h6{font-size:13px;font-weight:500}p{font-size:14px;opacity:.72;line-height:1.4;white-space:normal}p.small{font-size:11px}button{color:var(--text-color);background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none}.icon-button{position:relative;width:40px;height:40px;overflow:hidden;background-color:inherit;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.icon-button.small{width:32px;height:32px;font-size:20px}section{flex-grow:1;padding-bottom:80px;box-sizing:border-box}.cover{width:100%;height:75vw;object-fit:cover;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.cafe-logo-container{position:absolute;width:72px;height:72px;right:16px;margin-right:24px;margin-top:calc(75vw - 84px);border-radius:36px;background-color:var(--popover-bg-color);box-shadow:inset 0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 6px #14151a17;z-index:2;display:flex;align-items:center;justify-content:center}.cafe-logo{width:90%;height:90%;object-fit:cover;border-radius:50%}.cafe-info-container{position:relative;z-index:1;max-width:calc(100vw - 32px);margin:-48px auto 0;padding:24px;border-radius:24px;background-color:var(--popover-bg-color);box-shadow:inset 0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 6px #14151a17;box-sizing:border-box}.cafe-kitchen-categories{min-height:1em;margin-top:2px}.cafe-parameters-container{min-height:calc(1em + 4px);display:flex;margin-top:12px;font-size:14px;justify-content:space-between;align-items:center;border-radius:8px;align-items:flex-start;gap:8px}.cafe-parameter-container{display:flex;align-items:center}.cafe-parameter-icon{width:16px;height:16px;margin-right:4px}.cafe-parameter-value{font-family:Rubik,sans-serif;font-size:14px;opacity:.72}.cafe-status{padding:4px 16px;background-color:var(--success-color);border-radius:6px;font-family:Rubik,sans-serif;font-size:14px;color:#fff}.cafe-section-container{margin-top:24px}.cafe-section-title{margin-left:16px;margin-right:16px;margin-bottom:12px}.cafe-section-horizontal{padding:12px 16px;overflow-x:scroll;white-space:nowrap;display:flex;flex-wrap:nowrap;gap:16px;-ms-overflow-style:none;scrollbar-width:none}.cafe-section-horizontal::-webkit-scrollbar{display:none}.cafe-section-vertical{padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;box-sizing:border-box}.cafe-category-container{flex-shrink:0;min-width:56px;width:80px;height:80px;padding:12px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s ease-out}.cafe-category-container:active{transform:scale(.95)}.cafe-category-icon{width:32px;height:32px;opacity:.36}.cafe-category-name{margin-top:4px;font-size:12px;color:var(--text-color);opacity:.72;text-align:center;white-space:normal;line-height:1.2}.cafe-item-container{display:flex;flex-direction:column;align-items:flex-start;width:calc(50% - 8px);margin-bottom:16px;cursor:pointer;transition:transform .1s ease-out}.cafe-item-container:active{transform:scale(.98)}.cafe-item-image{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px}.cafe-item-name{margin-top:8px;margin-bottom:4px;white-space:normal;line-height:1.3;overflow:hidden;text-overflow:ellipsis;text-align:left}.cafe-item-description{margin-top:2px;font-size:11px;line-height:1.4;white-space:normal;opacity:.72;text-align:left}.cafe-item-details-container{min-height:100vh;background-color:var(--bg-color);position:relative;box-sizing:border-box}.cafe-item-details-content{padding-bottom:120px;padding-top:0}.cafe-item-details-title-container{margin:16px 16px 0;display:block;flex-direction:row;flex-wrap:nowrap;align-items:center}.cafe-item-details-name{margin-right:0;flex-grow:1;font-size:28px;line-height:1.1}.cafe-item-details-selected-variant-weight{margin:4px 16px 0;min-width:0;opacity:.72;text-align:left;font-size:14px}.cafe-item-details-description{min-width:calc(100% - 32px);margin:16px 16px 0;font-size:14px;opacity:.72;line-height:1.5}.cafe-item-details-section-title{margin:24px 16px 12px}.cafe-item-details-section-price{display:flex;flex-wrap:nowrap;align-items:center;margin-top:16px;padding:0 16px}.cafe-item-details-variants{display:flex;flex-wrap:wrap;flex-grow:1;gap:8px}.cafe-item-details-variant{display:inline-block;position:relative;overflow:hidden;padding:8px 16px;font-family:Rubik,sans-serif;font-size:14px;background-color:var(--popover-bg-color);border:1px solid var(--divider-color);border-radius:20px;transition:background-color .3s linear,color .3s linear,border-color .3s linear;white-space:nowrap}.cafe-item-details-variant.selected{color:var(--on-accent-color);background-color:var(--accent-color);border:1px solid var(--accent-color)}.cafe-item-details-selected-variant-price{min-width:3em;min-height:1em;text-align:right;font-size:22px;margin-left:16px}.cafe-item-details-quantity-selector-container{position:fixed;bottom:0;left:0;width:100%;min-height:56px;background-color:var(--popover-bg-color);box-shadow:inset 0 .3px .4px #14151a05,0 .9px 1.5px #14151a0b,0 3.5px 15px #14151a17;border-top-left-radius:24px;border-top-right-radius:24px;z-index:2;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:8px 0;box-sizing:border-box}.cafe-item-details-quantity-selector-value{padding:8px 32px;background-color:var(--divider-color);border-radius:16px;font-size:20px;font-weight:500}.cart-items-container{min-height:calc(100vh - 80px);padding-top:16px;padding-bottom:0;display:flex;flex-direction:column;box-sizing:border-box;flex-grow:1}.cart-items-container h2{margin-left:16px;margin-bottom:16px}.cart-item-container{display:flex;flex-wrap:nowrap;padding:8px 16px;align-items:center;border-bottom:1px solid var(--divider-color)}.cart-item-container:last-child{border-bottom:none}.cart-item-image{flex-shrink:0;width:56px;height:56px;border-radius:16px;object-fit:cover}.cart-item-info-container{flex:1;padding:0 16px;white-space:wrap;display:flex;flex-direction:column;justify-content:center}.cart-item-name{margin-top:4px}.cart-item-description{margin-top:2px}.cart-item-addons{display:flex;flex-direction:column;align-items:flex-start;margin-top:4px}.cart-item-addons span{font-size:10px;opacity:.6;line-height:1.2}.cart-item-cost{margin-top:4px;font-family:Rubik,sans-serif;font-weight:500;font-size:14px;color:var(--accent-color)}.cart-item-quantity-container{flex-shrink:0;height:56px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center}.cart-item-quantity{min-width:28px;height:28px;margin:0 12px;font-family:Rubik,sans-serif;font-weight:500;font-size:13px;line-height:28px;color:var(--on-accent-color);background-color:var(--accent-color);border-radius:14px;text-align:center}.cart-empty-placeholder{position:absolute;width:100%;height:calc(100vh - 96px);left:0;top:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cart-empty-placeholder h3{margin-top:-88px;text-align:center}.cart-empty-placeholder p{margin-top:4px;text-align:center;max-width:80%}.cart-empty-placeholder div{width:150px;height:150px}.snackbar{display:block;position:fixed;bottom:16px;left:0;right:0;margin:0 16px;font-family:Rubik,sans-serif;font-size:14px;color:var(--on-accent-color);background-color:var(--accent-color);padding:16px 24px;border-radius:16px;z-index:1000;opacity:0;transform:scale(.8);transition:opacity .3s ease-out,transform .3s ease-out;pointer-events:none;text-align:center}.snackbar.show{opacity:1;transform:scale(1);pointer-events:all}.shimmer{animation-duration:2.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:linear-gradient(to right,var(--shimmer-color-1) 8%,var(--shimmer-color-2) 18%,var(--shimmer-color-1) 33%);background-size:1200px 100%;color:transparent;opacity:.075}@-webkit-keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}.cafe-section-column{padding:16px;display:flex;flex-direction:column;gap:16px;align-items:center}.cafe-section-column .cafe-item-container{width:100%;max-width:400px}.accordion-item{border-bottom:1px solid var(--divider-color)}.accordion-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:16px;font-weight:500}.accordion-title .material-symbols-rounded{transition:transform .3s ease}.accordion-title .material-symbols-rounded.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;padding:0 16px}.accordion-content.open{max-height:500px;padding:0 16px 16px}.addon-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.addon-item-name{font-size:14px;opacity:.9}.addon-item-price{font-size:14px;font-weight:500;margin-left:16px}.sticky-selector{position:sticky;top:0;left:0;width:100%;background-color:var(--bg-color);z-index:10;box-shadow:0 2px 4px #0000000d;padding-top:4px}.sticky-selector .cafe-section-horizontal{padding-top:8px;padding-bottom:8px}.sub-category-button{padding:8px 16px;font-size:14px;font-weight:500;color:var(--tg-theme-hint-color);background-color:transparent;border:1px solid var(--divider-color);border-radius:20px;white-space:nowrap;cursor:pointer;transition:all .2s ease-out}.sub-category-button.active{color:var(--tg-theme-button-text-color);background-color:var(--tg-theme-button-color);border-color:var(--tg-theme-button-color)}.sub-category-header{padding:16px 16px 0;font-size:20px;font-weight:500}.selection-page{padding:16px;display:flex;flex-direction:column;gap:24px}.tab-selector{display:flex;gap:8px;background-color:var(--tg-theme-secondary-bg-color);padding:4px;border-radius:12px}.tab-selector button{flex:1;padding:10px;font-size:15px;font-weight:500;border-radius:10px;color:var(--tg-theme-text-color);transition:all .2s ease-out}.tab-selector button.active{background-color:var(--tg-theme-bg-color);box-shadow:0 1px 3px #0000001a}.selection-content .selection-title{margin-bottom:16px}.cafe-list{display:flex;flex-direction:column;gap:12px}.cafe-list-item{width:100%;text-align:left;padding:16px;background-color:var(--popover-bg-color);border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:16px;font-weight:500;color:var(--text-color);border:1px solid var(--divider-color)}.delivery-address-form{display:flex;flex-direction:column;gap:12px}.delivery-address-form h3{margin-bottom:4px}.delivery-address-form input,.delivery-address-form select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--divider-color);background-color:var(--tg-theme-secondary-bg-color);color:var(--tg-theme-text-color);font-size:16px;box-sizing:border-box}.delivery-address-form .form-row{display:flex;gap:12px}.delivery-address-form .save-button{margin-top:8px;padding:14px;font-size:16px;font-weight:500;border-radius:12px;background-color:var(--accent-color);color:var(--on-accent-color)}.delivery-address-form .form-error{color:var(--error-color);font-size:13px;text-align:center}.header-button{padding:0;background-color:transparent;border:none;display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;color:var(--text-color);text-align:left}.header-text-content{display:flex;flex-direction:column}.header-button h1{margin-right:4px;line-height:1.2}.header-subtitle{font-size:13px;font-weight:400;opacity:.7;margin-top:2px;line-height:1.2}.header-button .material-symbols-rounded{font-size:28px;flex-shrink:0;margin-left:8px}.cafe-item-image-wrapper{position:relative;width:100%}.selection-redirect{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;height:80vh}.selection-redirect p{margin:8px 0 24px}.selection-redirect button{padding:12px 24px;font-size:16px;font-weight:500;border-radius:12px;background-color:var(--accent-color);color:var(--on-accent-color)}.delivery-address-form .form-error{font-size:12px;color:var(--error-color);margin-top:-8px;margin-bottom:4px}.delivery-address-form .input-error{border-color:var(--error-color)}.delivery-address-form .form-row>div{flex-grow:1}.go-to-cart-fab{position:fixed;bottom:96px;right:16px;width:56px;height:56px;border-radius:50%;background-color:var(--accent-color);color:var(--on-accent-color);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;z-index:100;transition:transform .2s ease-out}.go-to-cart-fab:active{transform:scale(.92)}.go-to-cart-fab .material-symbols-rounded{font-size:28px}.street-input-container{position:relative}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:var(--popover-bg-color);border:1px solid var(--divider-color);border-radius:8px;list-style-type:none;padding:4px 0;margin:4px 0 0;z-index:100;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggestions-list li{padding:10px 12px;cursor:pointer;font-size:15px}.suggestions-list li:hover{background-color:var(--tg-theme-secondary-bg-color)}.spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--tg-theme-hint-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.cart-page-container{padding:16px 16px 80px}.order-info-summary{background-color:var(--tg-theme-secondary-bg-color);border-radius:12px;padding:12px;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.order-info-summary .info-row{display:flex;align-items:center;gap:8px;font-size:14px}.order-info-summary .info-row .material-symbols-rounded{font-size:20px;opacity:.7}.packaging-selector{justify-content:space-between}.tab-selector.small{padding:2px;border-radius:8px}.tab-selector.small button{padding:6px 12px;font-size:13px;border-radius:7px}.payment-method-container{margin-bottom:24px}.payment-method-container h3{font-size:16px;font-weight:500;margin-bottom:12px}.payment-options{display:flex;flex-direction:column;gap:8px}.payment-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:2px solid var(--divider-color);background-color:var(--tg-theme-secondary-bg-color);font-size:15px;font-weight:500;color:var(--tg-theme-text-color);transition:all .2s ease-out}.payment-option .material-symbols-rounded{font-size:24px;opacity:.8}.payment-option.active{border-color:var(--accent-color);background-color:var(--tg-theme-bg-color);color:var(--accent-color)}.payment-option.active .material-symbols-rounded{opacity:1}.promotional-banner-container{position:relative;margin:24px 16px 0;border-radius:16px;overflow:hidden;cursor:grab;-webkit-tap-highlight-color:transparent;aspect-ratio:10 / 4;background-color:var(--tg-theme-secondary-bg-color);-webkit-user-select:none;user-select:none}.promotional-banner-container:active{cursor:grabbing}.banner-slider-wrapper{display:flex;height:100%;transition:transform .4s ease-in-out}.banner-slide{position:relative;width:100%;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.banner-slide .banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner-slide .banner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0000001a);z-index:1}.banner-slide .banner-text{position:relative;width:calc(100% - 40px);z-index:2;pointer-events:none}.banner-slide .banner-text h4{font-size:18px;font-weight:500;margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.banner-slide .banner-text p{font-size:13px;opacity:.9;margin-top:4px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.promotional-banner-container .banner-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3}.promotional-banner-container .banner-dots .dot{width:6px;height:6px;border-radius:50%;background-color:#ffffff80;transition:background-color .3s ease,transform .3s ease}.promotional-banner-container .banner-dots .dot.active{background-color:#fff;transform:scale(1.1)}
