.icon-library-side-panel{padding:max(9 * var(--step));background-color:var(--DarkBlue800Color);color:var(--PrimaryColor)}.p-icon-search{display:flex;border-block-end:max(1 * var(--rpx)) solid var(--Grey200Color);padding-block:max(7 * var(--step));padding-inline:max(8 * var(--step));z-index:2;background-color:var(--PrimaryColor);//box-shadow: -2px 2px 4px #00000040}@media (width < 375px){.p-icon-search{flex-direction:column-reverse}}@media (width < 480px){.p-icon-search{padding-block:max(4 * var(--step));padding-inline:max(4 * var(--step))}}@media (width >= 1440px){.p-icon-search{padding-inline:max(28 * var(--step))}}.p-icon-results{font-size:max(36 * var(--rpx))}.p-icon-results p{font-size:max(24 * var(--rpx))}.p-icon-results a{text-decoration:none;color:var(--DarkBlue500Color)}.p-icon-groups{--icon-size: max(40 * var(--rpx))}.p-icon-groups .-group.nomatch{display:none}.p-icon-groups .-group .-group-heading{margin-block-start:max(10 * var(--step));font-size:max(24 * var(--rpx))}.p-icon-groups .-icons{display:grid;--grid-layout-gap: max(2 * var(--step));--grid-column-count: 8;--grid-item--min-width: max(125 * var(--rpx));--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr))}.p-icon-groups .-icons .icon{display:flex;align-items:center;flex-flow:column;margin-inline:max(1 * var(--step));padding-block:max(8 * var(--step));padding-inline:max(5 * var(--step));text-align:center;background-color:var(--PrimaryColor);border-radius:max(6 * var(--rpx));cursor:pointer;transition:background-color .2s ease-in-out}@media (width < 1024px){.p-icon-groups .-icons .icon{padding-block:max(2 * var(--step));padding-inline:max(1 * var(--step))}}.p-icon-groups .-icons .icon:is(figure){inline-size:100%;margin-block:max(1 * var(--step))}.p-icon-groups .-icons .icon:hover,.p-icon-groups .-icons .icon:focus-visible{background-color:var(--BrightBlue200Color)}.p-icon-groups .-icons .icon:focus-visible{z-index:1}.p-icon-groups .-icons .icon.selected{background-color:var(--Grey200Color)}.p-icon-groups .-icons .icon.nomatch{display:none}.p-icon-groups .-icons svg{display:block;aspect-ratio:1 / 1;block-size:var(--icon-size);inline-size:var(--icon-size)}.p-icon-groups .-icons figcaption{margin-block-start:max(4 * var(--step))}.p-icon-shapes{display:none}.p-searchform{inline-size:100%;max-inline-size:max(125 * var(--step));--border-color: var(--Grey400Color);--clear-color: var(--PlaceholderColor);--label-color: var(--PlaceholderColor);--search-color: var(--Grey700Color)}.p-searchform.-filled{--border-color: var(--DarkBlue500Color);--label-color: var(--InverseColor)}.p-searchform:focus-within,.p-searchform:hover{--border-color: var(--DarkBlue500Color)}.p-searchform:focus-within{--search-color: var(--InverseColor)}.p-searchform .-field{display:grid;align-items:center;block-size:max(9 * var(--step));inline-size:100%;background-color:var(--PrimaryColor);border-radius:max(6 * var(--rpx));box-shadow:var(--border-color) 0 0 0 1px inset}.p-searchform .-field>*{display:flex;align-items:center;grid-area:1 / 1 / 2 / 2;border-radius:max(6 * var(--rpx))}.p-searchform .-control,.p-searchform .-label{align-self:stretch;inline-size:100%;padding-inline:max(12 * var(--step))}@media (width < 1024px){.p-searchform .-control,.p-searchform .-label{padding-inline:max(9 * var(--step))}}.p-searchform .-icon{block-size:max(5 * var(--step));inline-size:max(5 * var(--step));transition:color .3s}.p-searchform .-search-icon{margin-inline-start:max(5 * var(--step));color:var(--search-color)}@media (width < 1024px){.p-searchform .-search-icon{margin-inline-start:max(3 * var(--step))}}.p-searchform .-clear{justify-self:end;margin-inline-end:max(4 * var(--step));padding:max(2 * var(--step));color:var(--clear-color);cursor:pointer;transition:opacity .3s}@media (width < 1024px){.p-searchform .-clear{margin-inline-end:0}}.p-searchform .-clear:focus-within,.p-searchform .-clear:hover{--clear-color: var(--InverseColor)}.p-searchform .-clear:focus{transition-duration:0ms}.p-searchform .-clear:focus-visible{outline-offset:max(-2 * var(--rpx))}.p-searchform:not(.-filled) .-clear{opacity:0}.p-searchform .-label{font-weight:300;line-height:max(20 * var(--rpx));color:var(--label-color);transform-origin:40% 100%}.p-searchform.-filled .-label{opacity:0;scale:80%;translate:max(-12 * var(--step)) max(-12 * var(--step))}.p-category-select{display:inline-flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content;margin-inline-end:max(4 * var(--step));position:relative;font-family:var(--SystemType);font-size:max(9 * var(--step))}.p-category-select select{inline-size:max(50 * var(--step));margin-inline-end:max(2 * var(--step));margin-inline-start:calc(-1*max(2 * var(--step)));max-inline-size:max(100 * var(--step));padding-block:max(2 * var(--step));padding-inline:max(2 * var(--step));font-size:max(16 * var(--rpx));line-height:max(20 * var(--rpx));appearance:none;background-color:var(--PrimaryColor);background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0Z" /></svg>');background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:max(24 * var(--rpx)) auto;border:unset}@media (width < 1024px){.p-category-select select{inline-size:max(40 * var(--step));font-size:max(16 * var(--rpx))}}.p-category-select label{display:none}@media (width < 1024px){.p-category-select{font-size:max(4 * var(--step))}}