/* ============================================================ Cremea - редизайн по дизайн-хендофу (2 темы) Токены light -> dark. Тёмная тема = класс .dark на . ============================================================ */ :root { --bg: #f4ede3; --surface: #ffffff; --tile: #efe6da; --hero-grad: linear-gradient(155deg, #efe6da, #e7dccb); --text: #2b241d; --text2: #8a7d6d; --muted: #9a8d7c; --ph: #b8ab99; --accent: #6f4e37; --accent-text: #ffffff; --matcha: #5c7d4f; --gold: #a87b32; --heart: #c9756a; --line: #e6dccd; --line2: #efe7da; --line3: #f0eae0; --chevron: #c3b7a4; --navoff: #a89b8a; --sh-card: 0 8px 20px -16px rgba(60,40,25,.5); --sh-cardhover: 0 16px 30px -18px rgba(60,40,25,.5); --sh-btn: 0 12px 26px -10px rgba(111,78,55,.7); --sh-soft: 0 6px 16px -14px rgba(60,40,25,.5); --serif: 'Instrument Serif', Georgia, serif; --sans: 'Instrument Sans', system-ui, -apple-system, sans-serif; --f7-font-family: var(--sans); --f7-theme-color: #6f4e37; --f7-page-bg-color: var(--bg); --f7-text-color: var(--text); } html.dark { --bg: #191411; --surface: #241d18; --tile: #2f2620; --hero-grad: linear-gradient(155deg, #322820, #241d17); --text: #f0e7d8; --text2: #9a8d7c; --muted: #8b7e6e; --ph: #6f6355; --accent: #d0a06e; --accent-text: #241c14; --matcha: #8fae7c; --gold: #e6b483; --heart: #d98b7e; --line: #2e251f; --line2: #2e251f; --line3: #3a3028; --chevron: #6d5f50; --navoff: #7a6d5d; --sh-card: 0 8px 22px -16px rgba(0,0,0,.7); --sh-cardhover: 0 16px 30px -18px rgba(0,0,0,.78); --sh-btn: 0 12px 26px -10px rgba(208,160,110,.5); --sh-soft: 0 6px 16px -14px rgba(0,0,0,.6); --f7-theme-color: #d0a06e; } * { -webkit-tap-highlight-color: transparent; } body { font-family: var(--sans); background: var(--bg); color: var(--text); } .view, .page-content { background: transparent; } .view-main { --f7-navbar-height: 58px; --f7-toolbar-height: 74px; } .page { background: var(--bg); color: var(--text); } /* базовая типографика */ .serif { font-family: var(--serif); } /* ---------- Шапка (F7 navbar перекрашен) ---------- */ .navbar { --f7-navbar-height: 58px; } .navbar-bg { background: var(--bg) !important; } .navbar:after, .navbar:before { display: none !important; } .navbar .navbar-inner { padding: 0 18px; overflow: visible; } .navbar .left, .navbar .right { background: transparent !important; box-shadow: none !important; } .app-title { font-family: var(--serif); font-size: 27px; color: var(--text); font-weight: 400; } .app-logo { font-family: var(--serif); font-style: italic; font-size: 28px; color: var(--text); letter-spacing: -.01em; } .navbar .title { font-family: var(--serif); font-weight: 400; } .hdr-back { display: inline-flex; align-items: center; gap: 4px; background: var(--surface); color: var(--text); border: none; font-family: var(--sans); font-size: 15px; font-weight: 600; padding: 8px 15px 8px 11px; border-radius: 999px; cursor: pointer; box-shadow: 0 4px 14px -8px rgba(60,40,25,.4); transition: transform .18s cubic-bezier(.22,1,.36,1); } .hdr-back:active { transform: scale(.94); } .hdr-back .ic { width: 18px; height: 18px; color: var(--accent); } .theme-btn { width: 44px; height: 44px; border: none; border-radius: 16px; background: var(--surface); box-shadow: 0 4px 14px -6px rgba(60,40,25,.3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .18s ease; } .theme-btn:active { transform: scale(.92); } .theme-btn .ic { width: 21px; height: 21px; color: var(--accent); } .hdr-border { border-bottom: 1px solid var(--line); } /* ---------- Нижняя навигация (F7 toolbar перекрашен) ---------- */ .cafe-tabbar { --f7-toolbar-height: 74px; background: var(--surface); border-top: 1px solid var(--line2); padding-bottom: env(safe-area-inset-bottom, 0px); } .cafe-tabbar:before { display: none !important; } .cafe-tabbar .toolbar-inner { padding: 8px 10px; } .cafe-tab { flex: 1; display: flex !important; flex-direction: column; align-items: center; gap: 5px; color: var(--navoff); text-decoration: none; height: auto; padding: 4px 0; } .cafe-tab-tile { width: 40px; height: 30px; border-radius: 12px; display: flex; align-items: center; justify-content: center; } .cafe-tab .ic { width: 21px; height: 21px; } .cafe-tab-label { font-size: 11px; font-weight: 500; line-height: 1; } .cafe-tab-active { color: var(--accent); } .cafe-tab-active .cafe-tab-tile { background: var(--tile); } .cafe-tab-active .cafe-tab-label { font-weight: 600; } /* ---------- Общий контент страницы ---------- */ .pc { padding: 12px 22px 96px; display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 1; } .section-head { display: flex; align-items: baseline; justify-content: space-between; margin-top: 2px; } .section-title { font-family: var(--serif); font-size: 22px; color: var(--text); } .section-all { font-size: 13px; font-weight: 600; color: var(--accent); } /* ---------- Герой ---------- */ .hero { position: relative; background: var(--hero-grad); border-radius: 28px; padding: 30px 26px 32px; overflow: hidden; animation: creamaRise .5s ease both; } .hero-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--matcha); } .hero-title { font-family: var(--serif); font-size: 40px; line-height: 1.06; color: var(--text); margin-top: 10px; } /* ---------- Плашка «Открыто» ---------- */ .status-pill { display: flex; align-items: center; gap: 12px; background: var(--surface); border-radius: 18px; padding: 14px 18px; box-shadow: var(--sh-soft); } .status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--matcha); } .status-dot.on { animation: creamaPulse 2s ease-in-out infinite; } .status-dot.off { background: var(--muted); } .status-open { font-size: 15px; font-weight: 600; color: var(--text); } .status-hours { font-size: 14px; color: var(--muted); } /* ---------- Кнопки ---------- */ .btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; border: none; cursor: pointer; font-family: var(--sans); text-decoration: none; transition: transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s ease, background .2s ease; } .btn .ic { width: 19px; height: 19px; } .btn-primary { background: var(--accent); color: var(--accent-text); font-size: 16px; font-weight: 600; padding: 16px; border-radius: 999px; box-shadow: var(--sh-btn); } html.dark .btn-primary { font-weight: 700; } .btn-primary:active { transform: translateY(1px) scale(.98); } .btn-primary .ic { color: var(--accent-text); } .btn-pair { display: flex; gap: 11px; } .btn-ghost { flex: 1; background: var(--surface); color: var(--text); border: 1.5px solid var(--line); font-size: 15px; font-weight: 600; padding: 15px 10px; border-radius: 999px; box-shadow: 0 6px 16px -12px rgba(60,40,25,.4); } .btn-ghost:active { transform: scale(.97); } .btn-ghost .ic { width: 18px; height: 18px; color: var(--accent); } @media (hover: hover) { .btn-primary:hover { transform: translateY(-3px) scale(1.015); } .btn-ghost:hover { transform: translateY(-3px) scale(1.02); } } /* ---------- Строки категорий (Главная и Меню) ---------- */ .cat-rows { display: flex; flex-direction: column; gap: 10px; } .cat-row { display: flex; align-items: center; gap: 14px; background: var(--surface); border-radius: 20px; padding: 14px 16px; cursor: pointer; box-shadow: var(--sh-card); text-decoration: none; transition: transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease; } .cat-row:active { transform: scale(.98); } @media (hover: hover) { .cat-row:hover { transform: translateX(4px); box-shadow: var(--sh-cardhover); } } .cat-ic-tile { width: 44px; height: 44px; border-radius: 14px; background: var(--tile); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .cat-ic-tile .ic { width: 23px; height: 23px; color: var(--accent); } .cat-thumb { width: 64px; height: 64px; border-radius: 18px; overflow: hidden; background: var(--tile); flex-shrink: 0; } .cat-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .cat-row-name { flex: 1; font-size: 16px; font-weight: 600; color: var(--text); } .cat-row-count { font-size: 14px; color: var(--muted); } .cat-row .ic-chevron { width: 18px; height: 18px; color: var(--chevron); } .menu-row { border-radius: 24px; padding: 13px; gap: 15px; } /* ---------- Карточка товара (список категории) ---------- */ .dish-list { display: flex; flex-direction: column; gap: 14px; } .dish-card { position: relative; display: block; background: var(--surface); border-radius: 24px; overflow: hidden; box-shadow: var(--sh-card); cursor: pointer; transition: transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease; } .dish-card:active { transform: scale(.99); } @media (hover: hover) { .dish-card:hover { transform: translateY(-3px); box-shadow: var(--sh-cardhover); } } .dish-photo { position: absolute; left: 0; top: 0; bottom: 0; width: 112px; background: var(--tile); } .dish-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .dish-body { margin-left: 112px; min-height: 118px; position: relative; padding: 13px 15px 14px; } .dish-name { font-size: 17px; font-weight: 700; color: var(--text); padding-right: 44px; } .dish-desc { font-size: 13px; line-height: 1.4; color: var(--text2); margin-top: 5px; padding-right: 50px; } .dish-price { font-size: 17px; font-weight: 700; color: var(--gold); margin-top: 9px; padding-right: 50px; } .dish-heart { position: absolute; top: 13px; right: 13px; width: 34px; height: 34px; border: none; border-radius: 50%; background: var(--bg); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .18s cubic-bezier(.22,1,.36,1), background .18s ease; color: var(--heart); } .dish-heart .ic { width: 17px; height: 17px; } .dish-heart:active { transform: scale(.9); } @media (hover: hover) { .dish-heart:hover { transform: scale(1.12); } } .dish-add { position: absolute; bottom: 13px; right: 13px; width: 40px; height: 40px; border: none; border-radius: 50%; background: var(--accent); color: var(--accent-text); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 8px 18px -8px rgba(111,78,55,.7); transition: transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease; } .dish-add .ic { width: 20px; height: 20px; } .dish-add:active { transform: scale(.9); } @media (hover: hover) { .dish-add:hover { transform: scale(1.1) rotate(90deg); } } .dish-qty { position: absolute; bottom: 13px; right: 13px; display: flex; align-items: center; gap: 2px; background: var(--accent); border-radius: 13px; padding: 3px; } .dish-qty button { width: 28px; height: 28px; border: none; border-radius: 9px; background: transparent; color: var(--accent-text); cursor: pointer; display: flex; align-items: center; justify-content: center; } .dish-qty button .ic { width: 15px; height: 15px; } .dish-qty span { min-width: 18px; text-align: center; font-size: 14px; font-weight: 700; color: var(--accent-text); } /* ---------- Корзина / оформление ---------- */ .cart-item { display: flex; align-items: center; gap: 12px; background: var(--surface); border-radius: 20px; padding: 11px; box-shadow: var(--sh-card); } .cart-thumb { width: 56px; height: 56px; flex-shrink: 0; border-radius: 15px; overflow: hidden; background: var(--tile); } .cart-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .cart-info { flex: 1; min-width: 0; } .cart-name { font-size: 16px; font-weight: 700; color: var(--text); } .cart-price { font-size: 15px; font-weight: 700; color: var(--gold); margin-top: 3px; } .stepper { display: flex; align-items: center; gap: 2px; background: var(--accent); border-radius: 13px; padding: 3px; flex-shrink: 0; } .stepper button { width: 30px; height: 30px; border: none; border-radius: 10px; background: transparent; color: var(--accent-text); cursor: pointer; display: flex; align-items: center; justify-content: center; } .stepper button:active { background: rgba(255,255,255,.25); } .stepper button .ic { width: 16px; height: 16px; } .stepper span { min-width: 22px; text-align: center; font-size: 15px; font-weight: 700; color: var(--accent-text); } .total-row { display: flex; align-items: baseline; justify-content: space-between; padding: 2px 4px; } .total-row .lbl { font-family: var(--serif); font-size: 22px; color: var(--text); } .total-row .val { font-family: var(--serif); font-size: 26px; color: var(--gold); } .q-label { font-size: 14px; font-weight: 600; color: var(--text2); } .order-tabs { display: flex; gap: 12px; } .order-tab { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; background: var(--surface); border: 1.5px solid transparent; border-radius: 18px; padding: 16px 8px; color: var(--muted); font-family: var(--sans); font-size: 15px; font-weight: 700; box-shadow: var(--sh-card); transition: transform .18s cubic-bezier(.22,1,.36,1); } .order-tab .ic { width: 26px; height: 26px; color: var(--muted); } .order-tab:active { transform: scale(.98); } .order-tab.on { border-color: var(--accent); color: var(--accent); box-shadow: none; } .order-tab.on .ic { color: var(--accent); } .field-label { font-size: 13.5px; font-weight: 600; color: var(--text2); margin-bottom: 7px; } .field-box { background: var(--surface); border-radius: 14px; padding: 13px 15px; box-shadow: var(--sh-soft); display: flex; align-items: center; justify-content: space-between; } .field-box input { border: none; background: transparent; width: 100%; font-family: var(--sans); font-size: 15px; color: var(--text); outline: none; } .field-box input::placeholder { color: var(--ph); } .field-box .ic { width: 19px; height: 19px; color: var(--accent); flex-shrink: 0; } .field-box .stepper button .ic { width: 16px; height: 16px; color: var(--accent-text); } .pay-bar { position: fixed; left: 0; right: 0; bottom: calc(74px + env(safe-area-inset-bottom, 0px)); z-index: 450; padding: 10px 18px 14px; background: var(--bg); } @media (min-width: 640px) { .pay-bar { left: 50%; transform: translateX(-50%); max-width: 412px; } } .btn-pay { width: 100%; background: var(--accent); color: var(--accent-text); font-size: 17px; font-weight: 700; padding: 17px; border-radius: 18px; box-shadow: var(--sh-btn); } .btn-pay .ic { width: 21px; height: 21px; color: var(--accent-text); } .demo-note { text-align: center; font-size: 13px; color: var(--navoff); } /* ---------- Контакты ---------- */ .map-embed { position: relative; height: 196px; border-radius: 22px; overflow: hidden; background: var(--tile); box-shadow: var(--sh-card); } .map-embed iframe { width: 100%; height: 100%; border: 0; display: block; } .info-card { background: var(--surface); border-radius: 22px; padding: 4px 18px; box-shadow: var(--sh-card); } .info-row { display: flex; align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--line3); } .info-row:last-child { border-bottom: none; } .info-row .ic { width: 19px; height: 19px; color: var(--accent); flex-shrink: 0; } .info-row .k { font-size: 15px; color: var(--text2); flex-shrink: 0; } .info-row .v { flex: 1; text-align: right; font-size: 15px; font-weight: 700; color: var(--text); } .social-row { display: flex; gap: 12px; } .social-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; background: var(--surface); color: var(--text); border: none; font-size: 15px; font-weight: 600; padding: 13px; border-radius: 16px; box-shadow: var(--sh-card); cursor: pointer; text-decoration: none; } .social-btn .ic { width: 19px; height: 19px; color: var(--accent); } .btn-outline { width: 100%; background: transparent; color: var(--accent); border: 1.5px solid var(--accent); font-size: 16px; font-weight: 600; padding: 15px; border-radius: 18px; } .btn-outline .ic { width: 19px; height: 19px; color: var(--accent); } /* ---------- Избранное: пусто ---------- */ .empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; padding: 20px 30px; } .empty-circle { width: 96px; height: 96px; border-radius: 50%; background: var(--surface); box-shadow: var(--sh-card); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .empty-circle .ic { width: 40px; height: 40px; color: var(--heart); } .empty-title { font-family: var(--serif); font-size: 32px; color: var(--text); } .empty-text { font-size: 15px; color: var(--muted); line-height: 1.5; max-width: 280px; margin-bottom: 12px; } /* ---------- Заказ принят ---------- */ .done { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 24px 30px; } .done-circle { width: 96px; height: 96px; border-radius: 50%; background: var(--tile); display: flex; align-items: center; justify-content: center; margin-bottom: 8px; } .done-circle .ic { width: 44px; height: 44px; color: var(--matcha); } .done-title { font-family: var(--serif); font-size: 30px; color: var(--text); } .done-text { font-size: 15px; color: var(--muted); line-height: 1.5; max-width: 300px; } /* ---------- Плавающая панель корзины ---------- */ .cart-bar { position: fixed; left: 12px; right: 12px; z-index: 500; bottom: calc(74px + env(safe-area-inset-bottom, 0px) + 8px); display: flex; align-items: center; gap: 10px; text-decoration: none; background: var(--accent); color: var(--accent-text); padding: 15px 18px; border-radius: 18px; box-shadow: var(--sh-btn); } .cart-bar .ic { width: 20px; height: 20px; color: var(--accent-text); } .cart-bar .lbl { flex: 1; font-weight: 700; } .cart-bar .val { font-weight: 800; } .pc.has-cartbar { padding-bottom: 96px; } @media (min-width: 640px) { .cart-bar { left: 50%; right: auto; transform: translateX(-50%); width: calc(412px - 24px); } } /* ---------- Фон: дрейфующие эмодзи (Главная/Избранное) ---------- */ .bg-emoji { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .bg-emoji span { position: absolute; opacity: .09; } html.dark .bg-emoji span { opacity: .13; } /* ---------- Десктоп: узкая колонка по центру ---------- */ @media (min-width: 640px) { #app { position: relative; max-width: 412px; margin: 0 auto; height: 100vh; height: 100dvh; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(60,40,25,.5); border-left: 1px solid var(--line); border-right: 1px solid var(--line); } } /* ---------- Keyframes ---------- */ @keyframes creamaPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(92,125,79,.45); } 50% { box-shadow: 0 0 0 5px rgba(92,125,79,0); } } @keyframes creamaRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @keyframes creamaDrift { 0%,100% { transform: translateY(0) rotate(var(--r,0deg)); } 50% { transform: translateY(-14px) rotate(var(--r,0deg)); } } @media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } } /* ===== Линейные иконки (CSS-маски, красятся через color) ===== */ .ic{display:inline-block;width:22px;height:22px;flex-shrink:0;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;} .ic-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2011l8-6%208%206v8a1%201%200%200%201-1%201h-4v-6h-6v6H5a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2011l8-6%208%206v8a1%201%200%200%201-1%201h-4v-6h-6v6H5a1%201%200%200%201-1-1z%22%2F%3E%3C%2Fsvg%3E");} .ic-menu{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%228%22%20y1%3D%227%22%20x2%3D%2220%22%20y2%3D%227%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%2217%22%20x2%3D%2220%22%20y2%3D%2217%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%227%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2212%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2217%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%228%22%20y1%3D%227%22%20x2%3D%2220%22%20y2%3D%227%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%2217%22%20x2%3D%2220%22%20y2%3D%2217%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%227%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2212%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2217%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");} .ic-heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2020s-7-4.5-7-9.5A3.5%203.5%200%200%201%2012%207a3.5%203.5%200%200%201%207%203.5C19%2015.5%2012%2020%2012%2020z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2020s-7-4.5-7-9.5A3.5%203.5%200%200%201%2012%207a3.5%203.5%200%200%201%207%203.5C19%2015.5%2012%2020%2012%2020z%22%2F%3E%3C%2Fsvg%3E");} .ic-heart-fill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2020s-7-4.5-7-9.5A3.5%203.5%200%200%201%2012%207a3.5%203.5%200%200%201%207%203.5C19%2015.5%2012%2020%2012%2020z%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2020s-7-4.5-7-9.5A3.5%203.5%200%200%201%2012%207a3.5%203.5%200%200%201%207%203.5C19%2015.5%2012%2020%2012%2020z%22%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");} .ic-pin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2021s7-5.5%207-11a7%207%200%200%200-14%200c0%205.5%207%2011%207%2011z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2021s7-5.5%207-11a7%207%200%200%200-14%200c0%205.5%207%2011%207%2011z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E");} .ic-chevron{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.0%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%229%206%2015%2012%209%2018%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.0%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%229%206%2015%2012%209%2018%22%2F%3E%3C%2Fsvg%3E");} .ic-back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2215%206%209%2012%2015%2018%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2215%206%209%2012%2015%2018%22%2F%3E%3C%2Fsvg%3E");} .ic-moon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21%2012.8A9%209%200%201%201%2011.2%203a7%207%200%200%200%209.8%209.8z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21%2012.8A9%209%200%201%201%2011.2%203a7%207%200%200%200%209.8%209.8z%22%2F%3E%3C%2Fsvg%3E");} .ic-sun{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%222%22%20x2%3D%2212%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%2222%22%2F%3E%3Cline%20x1%3D%224.2%22%20y1%3D%224.2%22%20x2%3D%225.6%22%20y2%3D%225.6%22%2F%3E%3Cline%20x1%3D%2218.4%22%20y1%3D%2218.4%22%20x2%3D%2219.8%22%20y2%3D%2219.8%22%2F%3E%3Cline%20x1%3D%222%22%20y1%3D%2212%22%20x2%3D%224%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2220%22%20y1%3D%2212%22%20x2%3D%2222%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%224.2%22%20y1%3D%2219.8%22%20x2%3D%225.6%22%20y2%3D%2218.4%22%2F%3E%3Cline%20x1%3D%2218.4%22%20y1%3D%225.6%22%20x2%3D%2219.8%22%20y2%3D%224.2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%222%22%20x2%3D%2212%22%20y2%3D%224%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2220%22%20x2%3D%2212%22%20y2%3D%2222%22%2F%3E%3Cline%20x1%3D%224.2%22%20y1%3D%224.2%22%20x2%3D%225.6%22%20y2%3D%225.6%22%2F%3E%3Cline%20x1%3D%2218.4%22%20y1%3D%2218.4%22%20x2%3D%2219.8%22%20y2%3D%2219.8%22%2F%3E%3Cline%20x1%3D%222%22%20y1%3D%2212%22%20x2%3D%224%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2220%22%20y1%3D%2212%22%20x2%3D%2222%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%224.2%22%20y1%3D%2219.8%22%20x2%3D%225.6%22%20y2%3D%2218.4%22%2F%3E%3Cline%20x1%3D%2218.4%22%20y1%3D%225.6%22%20x2%3D%2219.8%22%20y2%3D%224.2%22%2F%3E%3C%2Fsvg%3E");} .ic-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E");} .ic-minus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%226%22%20y1%3D%2212%22%20x2%3D%2218%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%226%22%20y1%3D%2212%22%20x2%3D%2218%22%20y2%3D%2212%22%2F%3E%3C%2Fsvg%3E");} .ic-coffee{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2010h13v4a5%205%200%200%201-5%205H9a5%205%200%200%201-5-5z%22%2F%3E%3Cpath%20d%3D%22M17%2011h2.5a2.5%202.5%200%200%201%200%205H17%22%2F%3E%3Cpath%20d%3D%22M8%203v3M12%203v3%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2010h13v4a5%205%200%200%201-5%205H9a5%205%200%200%201-5-5z%22%2F%3E%3Cpath%20d%3D%22M17%2011h2.5a2.5%202.5%200%200%201%200%205H17%22%2F%3E%3Cpath%20d%3D%22M8%203v3M12%203v3%22%2F%3E%3C%2Fsvg%3E");} .ic-cold{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2212%22%20y1%3D%223%22%20x2%3D%2212%22%20y2%3D%2221%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%2F%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2212%22%20y1%3D%223%22%20x2%3D%2212%22%20y2%3D%2221%22%2F%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%2F%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%2F%3E%3C%2Fsvg%3E");} .ic-breakfast{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M12%203v2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M12%203v2%22%2F%3E%3C%2Fsvg%3E");} .ic-dessert{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2020h16v-6H4z%22%2F%3E%3Cpath%20d%3D%22M4%2014c0-3%203-3%204-5s-1-4-1-4%22%2F%3E%3Cpath%20d%3D%22M12%2014c0-3%203-3%204-5s-1-4-1-4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2020h16v-6H4z%22%2F%3E%3Cpath%20d%3D%22M4%2014c0-3%203-3%204-5s-1-4-1-4%22%2F%3E%3Cpath%20d%3D%22M12%2014c0-3%203-3%204-5s-1-4-1-4%22%2F%3E%3C%2Fsvg%3E");} .ic-tea{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%204c-3%204-3%208%200%2010%203-2%203-6%200-10z%22%2F%3E%3Cpath%20d%3D%22M12%2014c-4-1-7%201-7%205%204%201%206-1%207-3%22%2F%3E%3Cpath%20d%3D%22M12%2014c4-1%207%201%207%205-4%201-6-1-7-3%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%204c-3%204-3%208%200%2010%203-2%203-6%200-10z%22%2F%3E%3Cpath%20d%3D%22M12%2014c-4-1-7%201-7%205%204%201%206-1%207-3%22%2F%3E%3Cpath%20d%3D%22M12%2014c4-1%207%201%207%205-4%201-6-1-7-3%22%2F%3E%3C%2Fsvg%3E");} .ic-sandwich{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%209l9-4%209%204-9%204z%22%2F%3E%3Cpath%20d%3D%22M4%2011v4c0%201.5%208%201.5%208%201.5s8%200%208-1.5v-4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%209l9-4%209%204-9%204z%22%2F%3E%3Cpath%20d%3D%22M4%2011v4c0%201.5%208%201.5%208%201.5s8%200%208-1.5v-4%22%2F%3E%3C%2Fsvg%3E");} .ic-chair{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2020v-7a2%202%200%200%201%202-2h1V6a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v5h1a2%202%200%200%201%202%202v7%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2211%22%20x2%3D%2215%22%20y2%3D%2211%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2020v-7a2%202%200%200%201%202-2h1V6a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v5h1a2%202%200%200%201%202%202v7%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2211%22%20x2%3D%2215%22%20y2%3D%2211%22%2F%3E%3C%2Fsvg%3E");} .ic-bag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M5%208h11l1.5%208H6.5z%22%2F%3E%3Cpath%20d%3D%22M8%208V6a2%202%200%200%201%204%200v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2220%22%20r%3D%221.4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M5%208h11l1.5%208H6.5z%22%2F%3E%3Cpath%20d%3D%22M8%208V6a2%202%200%200%201%204%200v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2220%22%20r%3D%221.4%22%2F%3E%3C%2Fsvg%3E");} .ic-van{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%2018H3V6h11v12M14%209h4l3%204v5h-2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%2018H3V6h11v12M14%209h4l3%204v5h-2%22%2F%3E%3C%2Fsvg%3E");} .ic-package{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M6%208h12l-1%2012H7z%22%2F%3E%3Cpath%20d%3D%22M9%208V6a3%203%200%200%201%206%200v2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M6%208h12l-1%2012H7z%22%2F%3E%3Cpath%20d%3D%22M9%208V6a3%203%200%200%201%206%200v2%22%2F%3E%3C%2Fsvg%3E");} .ic-card{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cline%20x1%3D%222%22%20y1%3D%2210%22%20x2%3D%2222%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cline%20x1%3D%222%22%20y1%3D%2210%22%20x2%3D%2222%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E");} .ic-phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M5%204h4l2%205-3%202a11%2011%200%200%200%205%205l2-3%205%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M5%204h4l2%205-3%202a11%2011%200%200%200%205%205l2-3%205%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E");} .ic-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M12%208v4l3%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22M12%208v4l3%202%22%2F%3E%3C%2Fsvg%3E");} .ic-camera{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.6%22%2F%3E%3Ccircle%20cx%3D%2217.2%22%20cy%3D%226.8%22%20r%3D%221%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.6%22%2F%3E%3Ccircle%20cx%3D%2217.2%22%20cy%3D%226.8%22%20r%3D%221%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");} .ic-plane{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21%204L3%2011l6%202.5L11%2020l3-4%204%203z%22%2F%3E%3Cpath%20d%3D%22M9%2013.5L18%206%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21%204L3%2011l6%202.5L11%2020l3-4%204%203z%22%2F%3E%3Cpath%20d%3D%22M9%2013.5L18%206%22%2F%3E%3C%2Fsvg%3E");} .ic-external{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.0%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M14%205h5v5%22%2F%3E%3Cpath%20d%3D%22M19%205l-7%207%22%2F%3E%3Cpath%20d%3D%22M18%2014v4a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.0%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M14%205h5v5%22%2F%3E%3Cpath%20d%3D%22M19%205l-7%207%22%2F%3E%3Cpath%20d%3D%22M18%2014v4a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h4%22%2F%3E%3C%2Fsvg%3E");} .ic-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%229%22%20x2%3D%2220%22%20y2%3D%229%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%223%22%20x2%3D%228%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%223%22%20x2%3D%2216%22%20y2%3D%226%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%229%22%20x2%3D%2220%22%20y2%3D%229%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%223%22%20x2%3D%228%22%20y2%3D%226%22%2F%3E%3Cline%20x1%3D%2216%22%20y1%3D%223%22%20x2%3D%2216%22%20y2%3D%226%22%2F%3E%3C%2Fsvg%3E");} .ic-list{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%229%22%20y1%3D%227%22%20x2%3D%2220%22%20y2%3D%227%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2217%22%20x2%3D%2220%22%20y2%3D%2217%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%227%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2212%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2217%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%229%22%20y1%3D%227%22%20x2%3D%2220%22%20y2%3D%227%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%2217%22%20x2%3D%2220%22%20y2%3D%2217%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%227%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2212%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2217%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E");}