.icon-preview {background-color: var(--primary-color);max-width: 50px;height: 50px;padding: 5px;border-radius: 5px;margin-bottom: 15px;}
.icon-preview svg{}
.icon-select {}
.icon-select:hover {}
.svg-select-window {max-height: 600px;padding: 15px 0 50px 0;position: relative;display: flex;flex-wrap: wrap;gap: 0.5em;}
.svg-select-window .close {background: #425564;width: 60px;height: 36px;position: absolute;bottom: 0;right: 0;left: 0;margin: auto;cursor: pointer;display: flex;align-items: center;justify-content: center;color: white;flex: 1;}
.svg-select-window .close:hover {}
.svg-select-window .icon {height: fit-content;display: inline-block;cursor: pointer;width: 50px;height: 50px;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--primary-color);border-radius: 5px;padding: 1px;}
.svg-select-window .icon .svg {padding: 5px;display: inline-block;}
.svg-select-window .icon .svg svg {width: 100%;height: auto;}
.svg-select-window .icon p { display: none; }