65ea11c3a2
Phase 4: admin components and utilities now reference --t-* theme tokens directly. Status colour tokens added to theme-semantic.css. Bridge file (admin/themes.css) deleted. Phase 5: removed duplicated .preview-frame CSS block (~160 lines). Admin components and icons wrapped in @layer admin. Layer order updated in admin_root to include admin layer. Phase 6: added prefers-reduced-motion support (zeroes all durations and disables animations). Migrated physical properties to logical equivalents (text-align start/end, margin-inline, padding-inline, inset-inline-end) across shop and admin CSS. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
630 lines
45 KiB
CSS
630 lines
45 KiB
CSS
/* Generated by mix generate_admin_icons — do not edit by hand */
|
|
|
|
@layer admin {
|
|
|
|
.hero-arrow-left-mini {
|
|
--hero-arrow-left-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M17%2010a.75.75%200%200%201-.75.75H5.612l4.158%203.96a.75.75%200%201%201-1.04%201.08l-5.5-5.25a.75.75%200%200%201%200-1.08l5.5-5.25a.75.75%200%201%201%201.04%201.08L5.612%209.25H16.25A.75.75%200%200%201%2017%2010Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-left-mini);
|
|
mask: var(--hero-arrow-left-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-arrow-path {
|
|
--hero-arrow-path: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-path);
|
|
mask: var(--hero-arrow-path);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-arrow-path-mini {
|
|
--hero-arrow-path-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M15.312%2011.424a5.5%205.5%200%200%201-9.201%202.466l-.312-.311h2.433a.75.75%200%200%200%200-1.5H3.989a.75.75%200%200%200-.75.75v4.242a.75.75%200%200%200%201.5%200v-2.43l.31.31a7%207%200%200%200%2011.712-3.138.75.75%200%200%200-1.449-.39Zm1.23-3.723a.75.75%200%200%200%20.219-.53V2.929a.75.75%200%200%200-1.5%200V5.36l-.31-.31A7%207%200%200%200%203.239%208.188a.75.75%200%201%200%201.448.389A5.5%205.5%200%200%201%2013.89%206.11l.311.31h-2.432a.75.75%200%200%200%200%201.5h4.243a.75.75%200%200%200%20.53-.219Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-path-mini);
|
|
mask: var(--hero-arrow-path-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-arrow-right-start-on-rectangle {
|
|
--hero-arrow-right-start-on-rectangle: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M15.75%209V5.25A2.25%202.25%200%200%200%2013.5%203h-6a2.25%202.25%200%200%200-2.25%202.25v13.5A2.25%202.25%200%200%200%207.5%2021h6a2.25%202.25%200%200%200%202.25-2.25V15m3%200%203-3m0%200-3-3m3%203H9"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-right-start-on-rectangle);
|
|
mask: var(--hero-arrow-right-start-on-rectangle);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-arrow-top-right-on-square {
|
|
--hero-arrow-top-right-on-square: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M13.5%206H5.25A2.25%202.25%200%200%200%203%208.25v10.5A2.25%202.25%200%200%200%205.25%2021h10.5A2.25%202.25%200%200%200%2018%2018.75V10.5m-10.5%206L21%203m0%200h-5.25M21%203v5.25"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-top-right-on-square);
|
|
mask: var(--hero-arrow-top-right-on-square);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-arrow-top-right-on-square-mini {
|
|
--hero-arrow-top-right-on-square-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M4.25%205.5a.75.75%200%200%200-.75.75v8.5c0%20.414.336.75.75.75h8.5a.75.75%200%200%200%20.75-.75v-4a.75.75%200%200%201%201.5%200v4A2.25%202.25%200%200%201%2012.75%2017h-8.5A2.25%202.25%200%200%201%202%2014.75v-8.5A2.25%202.25%200%200%201%204.25%204h5a.75.75%200%200%201%200%201.5h-5Z"%20clip-rule="evenodd"/>%20%20<path%20fill-rule="evenodd"%20d="M6.194%2012.753a.75.75%200%200%200%201.06.053L16.5%204.44v2.81a.75.75%200%200%200%201.5%200v-4.5a.75.75%200%200%200-.75-.75h-4.5a.75.75%200%200%200%200%201.5h2.553l-9.056%208.194a.75.75%200%200%200-.053%201.06Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-top-right-on-square-mini);
|
|
mask: var(--hero-arrow-top-right-on-square-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-arrow-uturn-left-mini {
|
|
--hero-arrow-uturn-left-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M7.793%202.232a.75.75%200%200%201-.025%201.06L3.622%207.25h10.003a5.375%205.375%200%200%201%200%2010.75H10.75a.75.75%200%200%201%200-1.5h2.875a3.875%203.875%200%200%200%200-7.75H3.622l4.146%203.957a.75.75%200%200%201-1.036%201.085l-5.5-5.25a.75.75%200%200%201%200-1.085l5.5-5.25a.75.75%200%200%201%201.06.025Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-arrow-uturn-left-mini);
|
|
mask: var(--hero-arrow-uturn-left-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-banknotes {
|
|
--hero-banknotes: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M2.25%2018.75a60.07%2060.07%200%200%201%2015.797%202.101c.727.198%201.453-.342%201.453-1.096V18.75M3.75%204.5v.75A.75.75%200%200%201%203%206h-.75m0%200v-.375c0-.621.504-1.125%201.125-1.125H20.25M2.25%206v9m18-10.5v.75c0%20.414.336.75.75.75h.75m-1.5-1.5h.375c.621%200%201.125.504%201.125%201.125v9.75c0%20.621-.504%201.125-1.125%201.125h-.375m1.5-1.5H21a.75.75%200%200%200-.75.75v.75m0%200H3.75m0%200h-.375a1.125%201.125%200%200%201-1.125-1.125V15m1.5%201.5v-.75A.75.75%200%200%200%203%2015h-.75M15%2010.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm3%200h.008v.008H18V10.5Zm-12%200h.008v.008H6V10.5Z"/></svg>');
|
|
-webkit-mask: var(--hero-banknotes);
|
|
mask: var(--hero-banknotes);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-bars-3 {
|
|
--hero-bars-3: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5"/></svg>');
|
|
-webkit-mask: var(--hero-bars-3);
|
|
mask: var(--hero-bars-3);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-bug-ant {
|
|
--hero-bug-ant: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M12%2012.75c1.148%200%202.278.08%203.383.237%201.037.146%201.866.966%201.866%202.013%200%203.728-2.35%206.75-5.25%206.75S6.75%2018.728%206.75%2015c0-1.046.83-1.867%201.866-2.013A24.204%2024.204%200%200%201%2012%2012.75Zm0%200c2.883%200%205.647.508%208.207%201.44a23.91%2023.91%200%200%201-1.152%206.06M12%2012.75c-2.883%200-5.647.508-8.208%201.44.125%202.104.52%204.136%201.153%206.06M12%2012.75a2.25%202.25%200%200%200%202.248-2.354M12%2012.75a2.25%202.25%200%200%201-2.248-2.354M12%208.25c.995%200%201.971-.08%202.922-.236.403-.066.74-.358.795-.762a3.778%203.778%200%200%200-.399-2.25M12%208.25c-.995%200-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734%203.734%200%200%201%20.4-2.253M12%208.25a2.25%202.25%200%200%200-2.248%202.146M12%208.25a2.25%202.25%200%200%201%202.248%202.146M8.683%205a6.032%206.032%200%200%201-1.155-1.002c.07-.63.27-1.222.574-1.747m.581%202.749A3.75%203.75%200%200%201%2015.318%205m0%200c.427-.283.815-.62%201.155-.999a4.471%204.471%200%200%200-.575-1.752M4.921%206a24.048%2024.048%200%200%200-.392%203.314c1.668.546%203.416.914%205.223%201.082M19.08%206c.205%201.08.337%202.187.392%203.314a23.882%2023.882%200%200%201-5.223%201.082"/></svg>');
|
|
-webkit-mask: var(--hero-bug-ant);
|
|
mask: var(--hero-bug-ant);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-chart-bar {
|
|
--hero-chart-bar: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M3%2013.125C3%2012.504%203.504%2012%204.125%2012h2.25c.621%200%201.125.504%201.125%201.125v6.75C7.5%2020.496%206.996%2021%206.375%2021h-2.25A1.125%201.125%200%200%201%203%2019.875v-6.75ZM9.75%208.625c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125v11.25c0%20.621-.504%201.125-1.125%201.125h-2.25a1.125%201.125%200%200%201-1.125-1.125V8.625ZM16.5%204.125c0-.621.504-1.125%201.125-1.125h2.25C20.496%203%2021%203.504%2021%204.125v15.75c0%20.621-.504%201.125-1.125%201.125h-2.25a1.125%201.125%200%200%201-1.125-1.125V4.125Z"/></svg>');
|
|
-webkit-mask: var(--hero-chart-bar);
|
|
mask: var(--hero-chart-bar);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-check-badge {
|
|
--hero-check-badge: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M9%2012.75%2011.25%2015%2015%209.75M21%2012c0%201.268-.63%202.39-1.593%203.068a3.745%203.745%200%200%201-1.043%203.296%203.745%203.745%200%200%201-3.296%201.043A3.745%203.745%200%200%201%2012%2021c-1.268%200-2.39-.63-3.068-1.593a3.746%203.746%200%200%201-3.296-1.043%203.745%203.745%200%200%201-1.043-3.296A3.745%203.745%200%200%201%203%2012c0-1.268.63-2.39%201.593-3.068a3.745%203.745%200%200%201%201.043-3.296%203.746%203.746%200%200%201%203.296-1.043A3.746%203.746%200%200%201%2012%203c1.268%200%202.39.63%203.068%201.593a3.746%203.746%200%200%201%203.296%201.043%203.746%203.746%200%200%201%201.043%203.296A3.745%203.745%200%200%201%2021%2012Z"/></svg>');
|
|
-webkit-mask: var(--hero-check-badge);
|
|
mask: var(--hero-check-badge);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-check-circle {
|
|
--hero-check-circle: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M9%2012.75%2011.25%2015%2015%209.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-check-circle);
|
|
mask: var(--hero-check-circle);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-check-circle-mini {
|
|
--hero-check-circle-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M10%2018a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm3.857-9.809a.75.75%200%200%200-1.214-.882l-3.483%204.79-1.88-1.88a.75.75%200%201%200-1.06%201.061l2.5%202.5a.75.75%200%200%200%201.137-.089l4-5.5Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-check-circle-mini);
|
|
mask: var(--hero-check-circle-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-check-mini {
|
|
--hero-check-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M16.704%204.153a.75.75%200%200%201%20.143%201.052l-8%2010.5a.75.75%200%200%201-1.127.075l-4.5-4.5a.75.75%200%200%201%201.06-1.06l3.894%203.893%207.48-9.817a.75.75%200%200%201%201.05-.143Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-check-mini);
|
|
mask: var(--hero-check-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-chevron-down-mini {
|
|
--hero-chevron-down-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M5.22%208.22a.75.75%200%200%201%201.06%200L10%2011.94l3.72-3.72a.75.75%200%201%201%201.06%201.06l-4.25%204.25a.75.75%200%200%201-1.06%200L5.22%209.28a.75.75%200%200%201%200-1.06Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-chevron-down-mini);
|
|
mask: var(--hero-chevron-down-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-chevron-right-mini {
|
|
--hero-chevron-right-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M8.22%205.22a.75.75%200%200%201%201.06%200l4.25%204.25a.75.75%200%200%201%200%201.06l-4.25%204.25a.75.75%200%200%201-1.06-1.06L11.94%2010%208.22%206.28a.75.75%200%200%201%200-1.06Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-chevron-right-mini);
|
|
mask: var(--hero-chevron-right-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-chevron-up-mini {
|
|
--hero-chevron-up-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M9.47%206.47a.75.75%200%200%201%201.06%200l4.25%204.25a.75.75%200%201%201-1.06%201.06L10%208.06l-3.72%203.72a.75.75%200%200%201-1.06-1.06l4.25-4.25Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-chevron-up-mini);
|
|
mask: var(--hero-chevron-up-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-clock {
|
|
--hero-clock: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-clock);
|
|
mask: var(--hero-clock);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-clock-mini {
|
|
--hero-clock-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M10%2018a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm.75-13a.75.75%200%200%200-1.5%200v5c0%20.414.336.75.75.75h4a.75.75%200%200%200%200-1.5h-3.25V5Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-clock-mini);
|
|
mask: var(--hero-clock-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-cog-6-tooth {
|
|
--hero-cog-6-tooth: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M9.594%203.94c.09-.542.56-.94%201.11-.94h2.593c.55%200%201.02.398%201.11.94l.213%201.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257%201.075.124l1.217-.456a1.125%201.125%200%200%201%201.37.49l1.296%202.247a1.125%201.125%200%200%201-.26%201.431l-1.003.827c-.293.241-.438.613-.43.992a7.723%207.723%200%200%201%200%20.255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26%201.43l-1.298%202.247a1.125%201.125%200%200%201-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47%206.47%200%200%201-.22.128c-.331.183-.581.495-.644.869l-.213%201.281c-.09.543-.56.94-1.11.94h-2.594c-.55%200-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52%206.52%200%200%201-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125%201.125%200%200%201-1.369-.49l-1.297-2.247a1.125%201.125%200%200%201%20.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932%206.932%200%200%201%200-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125%201.125%200%200%201-.26-1.43l1.297-2.247a1.125%201.125%200%200%201%201.37-.491l1.216.456c.356.133.751.072%201.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-cog-6-tooth);
|
|
mask: var(--hero-cog-6-tooth);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-cog-6-tooth-mini {
|
|
--hero-cog-6-tooth-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M7.84%201.804A1%201%200%200%201%208.82%201h2.36a1%201%200%200%201%20.98.804l.331%201.652a6.993%206.993%200%200%201%201.929%201.115l1.598-.54a1%201%200%200%201%201.186.447l1.18%202.044a1%201%200%200%201-.205%201.251l-1.267%201.113a7.047%207.047%200%200%201%200%202.228l1.267%201.113a1%201%200%200%201%20.206%201.25l-1.18%202.045a1%201%200%200%201-1.187.447l-1.598-.54a6.993%206.993%200%200%201-1.929%201.115l-.33%201.652a1%201%200%200%201-.98.804H8.82a1%201%200%200%201-.98-.804l-.331-1.652a6.993%206.993%200%200%201-1.929-1.115l-1.598.54a1%201%200%200%201-1.186-.447l-1.18-2.044a1%201%200%200%201%20.205-1.251l1.267-1.114a7.05%207.05%200%200%201%200-2.227L1.821%207.773a1%201%200%200%201-.206-1.25l1.18-2.045a1%201%200%200%201%201.187-.447l1.598.54A6.992%206.992%200%200%201%207.51%203.456l.33-1.652ZM10%2013a3%203%200%201%200%200-6%203%203%200%200%200%200%206Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-cog-6-tooth-mini);
|
|
mask: var(--hero-cog-6-tooth-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-computer-desktop-micro {
|
|
--hero-computer-desktop-micro: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2016%2016"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M2%204.25A2.25%202.25%200%200%201%204.25%202h7.5A2.25%202.25%200%200%201%2014%204.25v5.5A2.25%202.25%200%200%201%2011.75%2012h-1.312c.1.128.21.248.328.36a.75.75%200%200%201%20.234.545v.345a.75.75%200%200%201-.75.75h-4.5a.75.75%200%200%201-.75-.75v-.345a.75.75%200%200%201%20.234-.545c.118-.111.228-.232.328-.36H4.25A2.25%202.25%200%200%201%202%209.75v-5.5Zm2.25-.75a.75.75%200%200%200-.75.75v4.5c0%20.414.336.75.75.75h7.5a.75.75%200%200%200%20.75-.75v-4.5a.75.75%200%200%200-.75-.75h-7.5Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-computer-desktop-micro);
|
|
mask: var(--hero-computer-desktop-micro);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
|
|
.hero-cube {
|
|
--hero-cube: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="m21%207.5-9-5.25L3%207.5m18%200-9%205.25m9-5.25v9l-9%205.25M3%207.5l9%205.25M3%207.5v9l9%205.25m0-9v9"/></svg>');
|
|
-webkit-mask: var(--hero-cube);
|
|
mask: var(--hero-cube);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-exclamation-circle {
|
|
--hero-exclamation-circle: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z"/></svg>');
|
|
-webkit-mask: var(--hero-exclamation-circle);
|
|
mask: var(--hero-exclamation-circle);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-exclamation-triangle {
|
|
--hero-exclamation-triangle: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126ZM12%2015.75h.007v.008H12v-.008Z"/></svg>');
|
|
-webkit-mask: var(--hero-exclamation-triangle);
|
|
mask: var(--hero-exclamation-triangle);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-exclamation-triangle-mini {
|
|
--hero-exclamation-triangle-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M8.485%202.495c.673-1.167%202.357-1.167%203.03%200l6.28%2010.875c.673%201.167-.17%202.625-1.516%202.625H3.72c-1.347%200-2.189-1.458-1.515-2.625L8.485%202.495ZM10%205a.75.75%200%200%201%20.75.75v3.5a.75.75%200%200%201-1.5%200v-3.5A.75.75%200%200%201%2010%205Zm0%209a1%201%200%201%200%200-2%201%201%200%200%200%200%202Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-exclamation-triangle-mini);
|
|
mask: var(--hero-exclamation-triangle-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-eye {
|
|
--hero-eye: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M2.036%2012.322a1.012%201.012%200%200%201%200-.639C3.423%207.51%207.36%204.5%2012%204.5c4.638%200%208.573%203.007%209.963%207.178.07.207.07.431%200%20.639C20.577%2016.49%2016.64%2019.5%2012%2019.5c-4.638%200-8.573-3.007-9.963-7.178Z"/>%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-eye);
|
|
mask: var(--hero-eye);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-eye-mini {
|
|
--hero-eye-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M10%2012.5a2.5%202.5%200%201%200%200-5%202.5%202.5%200%200%200%200%205Z"/>%20%20<path%20fill-rule="evenodd"%20d="M.664%2010.59a1.651%201.651%200%200%201%200-1.186A10.004%2010.004%200%200%201%2010%203c4.257%200%207.893%202.66%209.336%206.41.147.381.146.804%200%201.186A10.004%2010.004%200%200%201%2010%2017c-4.257%200-7.893-2.66-9.336-6.41ZM14%2010a4%204%200%201%201-8%200%204%204%200%200%201%208%200Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-eye-mini);
|
|
mask: var(--hero-eye-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-eye-slash {
|
|
--hero-eye-slash: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M3.98%208.223A10.477%2010.477%200%200%200%201.934%2012C3.226%2016.338%207.244%2019.5%2012%2019.5c.993%200%201.953-.138%202.863-.395M6.228%206.228A10.451%2010.451%200%200%201%2012%204.5c4.756%200%208.773%203.162%2010.065%207.498a10.522%2010.522%200%200%201-4.293%205.774M6.228%206.228%203%203m3.228%203.228%203.65%203.65m7.894%207.894L21%2021m-3.228-3.228-3.65-3.65m0%200a3%203%200%201%200-4.243-4.243m4.242%204.242L9.88%209.88"/></svg>');
|
|
-webkit-mask: var(--hero-eye-slash);
|
|
mask: var(--hero-eye-slash);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-eye-slash-mini {
|
|
--hero-eye-slash-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M3.28%202.22a.75.75%200%200%200-1.06%201.06l14.5%2014.5a.75.75%200%201%200%201.06-1.06l-1.745-1.745a10.029%2010.029%200%200%200%203.3-4.38%201.651%201.651%200%200%200%200-1.185A10.004%2010.004%200%200%200%209.999%203a9.956%209.956%200%200%200-4.744%201.194L3.28%202.22ZM7.752%206.69l1.092%201.092a2.5%202.5%200%200%201%203.374%203.373l1.091%201.092a4%204%200%200%200-5.557-5.557Z"%20clip-rule="evenodd"/>%20%20<path%20d="m10.748%2013.93%202.523%202.523a9.987%209.987%200%200%201-3.27.547c-4.258%200-7.894-2.66-9.337-6.41a1.651%201.651%200%200%201%200-1.186A10.007%2010.007%200%200%201%202.839%206.02L6.07%209.252a4%204%200%200%200%204.678%204.678Z"/></svg>');
|
|
-webkit-mask: var(--hero-eye-slash-mini);
|
|
mask: var(--hero-eye-slash-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-home {
|
|
--hero-home: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="m2.25%2012%208.954-8.955c.44-.439%201.152-.439%201.591%200L21.75%2012M4.5%209.75v10.125c0%20.621.504%201.125%201.125%201.125H9.75v-4.875c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21h4.125c.621%200%201.125-.504%201.125-1.125V9.75M8.25%2021h8.25"/></svg>');
|
|
-webkit-mask: var(--hero-home);
|
|
mask: var(--hero-home);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-inbox {
|
|
--hero-inbox: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M2.25%2013.5h3.86a2.25%202.25%200%200%201%202.012%201.244l.256.512a2.25%202.25%200%200%200%202.013%201.244h3.218a2.25%202.25%200%200%200%202.013-1.244l.256-.512a2.25%202.25%200%200%201%202.013-1.244h3.859m-19.5.338V18a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018v-4.162c0-.224-.034-.447-.1-.661L19.24%205.338a2.25%202.25%200%200%200-2.15-1.588H6.911a2.25%202.25%200%200%200-2.15%201.588L2.35%2013.177a2.25%202.25%200%200%200-.1.661Z"/></svg>');
|
|
-webkit-mask: var(--hero-inbox);
|
|
mask: var(--hero-inbox);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-information-circle {
|
|
--hero-information-circle: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z"/></svg>');
|
|
-webkit-mask: var(--hero-information-circle);
|
|
mask: var(--hero-information-circle);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-minus-circle-mini {
|
|
--hero-minus-circle-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M10%2018a8%208%200%201%200%200-16%208%208%200%200%200%200%2016ZM6.75%209.25a.75.75%200%200%200%200%201.5h6.5a.75.75%200%200%200%200-1.5h-6.5Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-minus-circle-mini);
|
|
mask: var(--hero-minus-circle-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-moon-micro {
|
|
--hero-moon-micro: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2016%2016"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M14.438%2010.148c.19-.425-.321-.787-.748-.601A5.5%205.5%200%200%201%206.453%202.31c.186-.427-.176-.938-.6-.748a6.501%206.501%200%201%200%208.585%208.586Z"/></svg>');
|
|
-webkit-mask: var(--hero-moon-micro);
|
|
mask: var(--hero-moon-micro);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
|
|
.hero-no-symbol-mini {
|
|
--hero-no-symbol-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="m5.965%204.904%209.131%209.131a6.5%206.5%200%200%200-9.131-9.131Zm8.07%2010.192L4.904%205.965a6.5%206.5%200%200%200%209.131%209.131ZM4.343%204.343a8%208%200%201%201%2011.314%2011.314A8%208%200%200%201%204.343%204.343Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-no-symbol-mini);
|
|
mask: var(--hero-no-symbol-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-paint-brush {
|
|
--hero-paint-brush: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M9.53%2016.122a3%203%200%200%200-5.78%201.128%202.25%202.25%200%200%201-2.4%202.245%204.5%204.5%200%200%200%208.4-2.245c0-.399-.078-.78-.22-1.128Zm0%200a15.998%2015.998%200%200%200%203.388-1.62m-5.043-.025a15.994%2015.994%200%200%201%201.622-3.395m3.42%203.42a15.995%2015.995%200%200%200%204.764-4.648l3.876-5.814a1.151%201.151%200%200%200-1.597-1.597L14.146%206.32a15.996%2015.996%200%200%200-4.649%204.763m3.42%203.42a6.776%206.776%200%200%200-3.42-3.42"/></svg>');
|
|
-webkit-mask: var(--hero-paint-brush);
|
|
mask: var(--hero-paint-brush);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-paint-brush-mini {
|
|
--hero-paint-brush-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M15.993%201.385a1.87%201.87%200%200%201%202.623%202.622l-4.03%205.27a12.749%2012.749%200%200%201-4.237%203.562%204.508%204.508%200%200%200-3.188-3.188%2012.75%2012.75%200%200%201%203.562-4.236l5.27-4.03ZM6%2011a3%203%200%200%200-3%203%20.5.5%200%200%201-.72.45.75.75%200%200%200-1.035.931A4.001%204.001%200%200%200%209%2014.004V14a3.01%203.01%200%200%200-1.66-2.685A2.99%202.99%200%200%200%206%2011Z"/></svg>');
|
|
-webkit-mask: var(--hero-paint-brush-mini);
|
|
mask: var(--hero-paint-brush-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-paper-airplane-mini {
|
|
--hero-paper-airplane-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M3.105%202.288a.75.75%200%200%200-.826.95l1.414%204.926A1.5%201.5%200%200%200%205.135%209.25h6.115a.75.75%200%200%201%200%201.5H5.135a1.5%201.5%200%200%200-1.442%201.086l-1.414%204.926a.75.75%200%200%200%20.826.95%2028.897%2028.897%200%200%200%2015.293-7.155.75.75%200%200%200%200-1.114A28.897%2028.897%200%200%200%203.105%202.288Z"/></svg>');
|
|
-webkit-mask: var(--hero-paper-airplane-mini);
|
|
mask: var(--hero-paper-airplane-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-photo {
|
|
--hero-photo: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="m2.25%2015.75%205.159-5.159a2.25%202.25%200%200%201%203.182%200l5.159%205.159m-1.5-1.5%201.409-1.409a2.25%202.25%200%200%201%203.182%200l2.909%202.909m-18%203.75h16.5a1.5%201.5%200%200%200%201.5-1.5V6a1.5%201.5%200%200%200-1.5-1.5H3.75A1.5%201.5%200%200%200%202.25%206v12a1.5%201.5%200%200%200%201.5%201.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-photo);
|
|
mask: var(--hero-photo);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-plus {
|
|
--hero-plus: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M12%204.5v15m7.5-7.5h-15"/></svg>');
|
|
-webkit-mask: var(--hero-plus);
|
|
mask: var(--hero-plus);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-plus-mini {
|
|
--hero-plus-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M10.75%204.75a.75.75%200%200%200-1.5%200v4.5h-4.5a.75.75%200%200%200%200%201.5h4.5v4.5a.75.75%200%200%200%201.5%200v-4.5h4.5a.75.75%200%200%200%200-1.5h-4.5v-4.5Z"/></svg>');
|
|
-webkit-mask: var(--hero-plus-mini);
|
|
mask: var(--hero-plus-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-question-mark-circle-mini {
|
|
--hero-question-mark-circle-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M18%2010a8%208%200%201%201-16%200%208%208%200%200%201%2016%200ZM8.94%206.94a.75.75%200%201%201-1.061-1.061%203%203%200%201%201%202.871%205.026v.345a.75.75%200%200%201-1.5%200v-.5c0-.72.57-1.172%201.081-1.287A1.5%201.5%200%201%200%208.94%206.94ZM10%2015a1%201%200%201%200%200-2%201%201%200%200%200%200%202Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-question-mark-circle-mini);
|
|
mask: var(--hero-question-mark-circle-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-rocket-launch {
|
|
--hero-rocket-launch: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M15.59%2014.37a6%206%200%200%201-5.84%207.38v-4.8m5.84-2.58a14.98%2014.98%200%200%200%206.16-12.12A14.98%2014.98%200%200%200%209.631%208.41m5.96%205.96a14.926%2014.926%200%200%201-5.841%202.58m-.119-8.54a6%206%200%200%200-7.381%205.84h4.8m2.581-5.84a14.927%2014.927%200%200%200-2.58%205.84m2.699%202.7c-.103.021-.207.041-.311.06a15.09%2015.09%200%200%201-2.448-2.448%2014.9%2014.9%200%200%201%20.06-.312m-2.24%202.39a4.493%204.493%200%200%200-1.757%204.306%204.493%204.493%200%200%200%204.306-1.758M16.5%209a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-rocket-launch);
|
|
mask: var(--hero-rocket-launch);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-shopping-bag {
|
|
--hero-shopping-bag: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M15.75%2010.5V6a3.75%203.75%200%201%200-7.5%200v4.5m11.356-1.993%201.263%2012c.07.665-.45%201.243-1.119%201.243H4.25a1.125%201.125%200%200%201-1.12-1.243l1.264-12A1.125%201.125%200%200%201%205.513%207.5h12.974c.576%200%201.059.435%201.119%201.007ZM8.625%2010.5a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm7.5%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-shopping-bag);
|
|
mask: var(--hero-shopping-bag);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-signal {
|
|
--hero-signal: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M9.348%2014.652a3.75%203.75%200%200%201%200-5.304m5.304%200a3.75%203.75%200%200%201%200%205.304m-7.425%202.121a6.75%206.75%200%200%201%200-9.546m9.546%200a6.75%206.75%200%200%201%200%209.546M5.106%2018.894c-3.808-3.807-3.808-9.98%200-13.788m13.788%200c3.808%203.807%203.808%209.98%200%2013.788M12%2012h.008v.008H12V12Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-signal);
|
|
mask: var(--hero-signal);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-sun-micro {
|
|
--hero-sun-micro: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2016%2016"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M8%201a.75.75%200%200%201%20.75.75v1.5a.75.75%200%200%201-1.5%200v-1.5A.75.75%200%200%201%208%201ZM10.5%208a2.5%202.5%200%201%201-5%200%202.5%202.5%200%200%201%205%200ZM12.95%204.11a.75.75%200%201%200-1.06-1.06l-1.062%201.06a.75.75%200%200%200%201.061%201.062l1.06-1.061ZM15%208a.75.75%200%200%201-.75.75h-1.5a.75.75%200%200%201%200-1.5h1.5A.75.75%200%200%201%2015%208ZM11.89%2012.95a.75.75%200%200%200%201.06-1.06l-1.06-1.062a.75.75%200%200%200-1.062%201.061l1.061%201.06ZM8%2012a.75.75%200%200%201%20.75.75v1.5a.75.75%200%200%201-1.5%200v-1.5A.75.75%200%200%201%208%2012ZM5.172%2011.89a.75.75%200%200%200-1.061-1.062L3.05%2011.89a.75.75%200%201%200%201.06%201.06l1.06-1.06ZM4%208a.75.75%200%200%201-.75.75h-1.5a.75.75%200%200%201%200-1.5h1.5A.75.75%200%200%201%204%208ZM4.11%205.172A.75.75%200%200%200%205.173%204.11L4.11%203.05a.75.75%200%201%200-1.06%201.06l1.06%201.06Z"/></svg>');
|
|
-webkit-mask: var(--hero-sun-micro);
|
|
mask: var(--hero-sun-micro);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
|
|
.hero-truck-mini {
|
|
--hero-truck-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20d="M6.5%203c-1.051%200-2.093.04-3.125.117A1.49%201.49%200%200%200%202%204.607V10.5h9V4.606c0-.771-.59-1.43-1.375-1.489A41.568%2041.568%200%200%200%206.5%203ZM2%2012v2.5A1.5%201.5%200%200%200%203.5%2016h.041a3%203%200%200%201%205.918%200h.791a.75.75%200%200%200%20.75-.75V12H2Z"/>%20%20<path%20d="M6.5%2018a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM13.25%205a.75.75%200%200%200-.75.75v8.514a3.001%203.001%200%200%201%204.893%201.44c.37-.275.61-.719.595-1.227a24.905%2024.905%200%200%200-1.784-8.549A1.486%201.486%200%200%200%2014.823%205H13.25ZM14.5%2018a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z"/></svg>');
|
|
-webkit-mask: var(--hero-truck-mini);
|
|
mask: var(--hero-truck-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-x-circle {
|
|
--hero-x-circle: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="m9.75%209.75%204.5%204.5m0-4.5-4.5%204.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z"/></svg>');
|
|
-webkit-mask: var(--hero-x-circle);
|
|
mask: var(--hero-x-circle);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.hero-x-circle-mini {
|
|
--hero-x-circle-mini: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2020%2020"%20fill="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20fill-rule="evenodd"%20d="M10%2018a8%208%200%201%200%200-16%208%208%200%200%200%200%2016ZM8.28%207.22a.75.75%200%200%200-1.06%201.06L8.94%2010l-1.72%201.72a.75.75%200%201%200%201.06%201.06L10%2011.06l1.72%201.72a.75.75%200%201%200%201.06-1.06L11.06%2010l1.72-1.72a.75.75%200%200%200-1.06-1.06L10%208.94%208.28%207.22Z"%20clip-rule="evenodd"/></svg>');
|
|
-webkit-mask: var(--hero-x-circle-mini);
|
|
mask: var(--hero-x-circle-mini);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.hero-x-mark {
|
|
--hero-x-mark: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20fill="none"%20viewBox="0%200%2024%2024"%20stroke-width="1.5"%20stroke="currentColor"%20aria-hidden="true"%20data-slot="icon">%20%20<path%20stroke-linecap="round"%20stroke-linejoin="round"%20d="M6%2018%2018%206M6%206l12%2012"/></svg>');
|
|
-webkit-mask: var(--hero-x-mark);
|
|
mask: var(--hero-x-mark);
|
|
mask-repeat: no-repeat;
|
|
background-color: currentColor;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
} /* @layer admin */
|