browly-styles 0.0.0-stage → 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Dmitry Kalinin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# browly
+
+browly is a lightweight UI framework for building clean and minimal interfaces for browser extensions.

package/dist/browly.css

@@ -0,0 +1 @@
+@charset "UTF-8";.lib-menu-column{width:200px;position:fixed;display:flex;flex-direction:column;margin-left:20px;height:calc(100svh - 40px);overflow:auto}.lib-submenu-container{display:flex;flex-direction:column;padding:0 10px}.lib-menu-link-active{background-color:#1d4ed8!important;color:#fff!important;border-radius:5px}.lib-menu-link{display:block;width:fit-content;padding:0 5px}.lib-main-column{margin-left:210px;margin-right:20px;padding:20px}.lib-similar-container{display:grid;grid-template-columns:repeat(3,1fr);padding:0 20px}.lib-wrapper{display:flex;background:#f2f2f2;padding:10px}.lib-block{padding:10px;margin:10px;border:1px solid #e4e4e7;border-radius:6px;background-color:#fff}.icon-wrapper{display:flex;flex-wrap:wrap;max-width:1000px}.icon-cell{width:32px!important;height:32px!important;background-size:32px 32px!important;margin:4px!important}.cell-wrapper{display:flex;flex-direction:column;align-items:center;margin:6px;width:180px;text-align:center;box-shadow:0 0 5px gray;border-radius:6px;background:transparent;padding:4px;cursor:pointer}.cell-wrapper:hover{background:#fff}.cell-wrapper:active{box-shadow:none;outline:1px solid gray}*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}html,button,input{font:inherit;border:none;outline:none}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,sans-serif;font-size:16px;color:#212529;background-color:#fff;margin:0;padding:0;line-height:1.5}a{color:#1d4ed8;text-decoration:none}.body{padding:1rem}.wrapper{width:530px}.brwl-container{max-width:960px;margin:0 auto;padding-bottom:50px}.brwl-list{list-style:none;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;padding:10px 12px;justify-content:space-between;border:1px solid #cbd5e1}.brwl-list__title,.brwl-list__url{margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brwl-list__title{color:#1d4ed8;font-size:16px;font-weight:500}.brwl-list__content{width:87%}.brwl-list__url{color:#64748b;font-size:12px}.brwl-list__link{display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#f1f5f9;min-width:45px;min-height:45px}.brwl-list__link img{width:40%;height:40%}.brwl-input{padding:.65em 1em;border:1px solid #cbd5e1;border-radius:6px;background-color:#f8fafc;font-size:16px;color:#506465;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.brwl-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #007bff26}.brwl-btn{background-color:#1d4ed8;color:#fff;padding:.65em 1em;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.brwl-btn:hover{background-color:#1a46c2}.brwl-btn.secondary{background-color:#6c757d}.brwl-btn.secondary:hover{background-color:#616971}.brwl-btn.ghost{background:none;color:#1d4ed8;border:1px solid #1d4ed8}.brwl-btn.ghost:hover{background-color:#00000008}.brwl-btn.small{padding:0 4px}.brwl-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 8px;font-weight:600;border-radius:999px;border:0;cursor:default}.brwl-chip-ok{background:#e4f6ec;color:#128a4a}.brwl-chip-warn{background:#fff3dc;color:#a15c00}.brwl-chip-err{background:#fde8e8;color:#c62828}.brwl-chip-primary{background:#e8eeff;color:#1d4ed8}.brwl-dropdown{border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;position:relative;background-color:#fff}.brwl-dropdown__arrow{position:absolute;z-index:100}.brwl-dropdown__item{position:relative;border-radius:6px}.brwl-dropdown__item:hover{background-color:#cbd5e1}.brwl-dropdown__icon{display:inline-block;margin:11px 10px 0 11px}.brwl-dropdown__text{display:inline-block;position:absolute;top:12px;font-weight:500;font-size:14px}.brwl-dropdown__slider{display:none;border-radius:6px;max-height:200px;overflow-x:hidden;border:1px solid #cbd5e1;position:absolute;background-color:#fff;z-index:9999}.brwl-group{display:flex;align-items:stretch}.brwl-group__input{display:flex;border-radius:6px 0 0 6px;position:relative;margin-bottom:1rem}.brwl-group__input input{background-repeat:no-repeat;background-attachment:scroll;background-position:19.5px 50%;background-image:url(/images/url-icon.svg);padding:19.5px 103.5px 19.5px 44px;border:1px solid #e4e4e7;border-color:#cbd5e1;border-radius:6px;background-color:#f8fafc;width:100%}.brwl-group__input button{position:absolute;display:flex;justify-content:center;align-items:center;right:3.5px;top:3.5px;width:90px;height:calc(100% - 7px)}.brwl-group__input button img{width:33%}.brwl-group__list{padding:0;margin:0;border:1px solid #cbd5e1;border-radius:6px;max-height:456px}.brwl-group__list .brwl-list{border:none;border-radius:0;border-bottom:1px solid #cbd5e1}.brwl-group__list .brwl-lists{margin:0;padding:0;max-height:310px;overflow-y:scroll}.brwl-group__list .brwl-list:last-child{border:none}.brwl-group__list-heading{font-weight:500;font-size:14px;color:#506466}.brwl-group__dropdown{display:flex;border-radius:6px}.brwl-group__dropdown .brwl-dropdown__item,.brwl-group__dropdown .brwl-dropdown__slider{border-radius:0}.brwl-group__dropdown div[id]:nth-child(1) .brwl-dropdown{border-radius:6px 0 0 6px}.brwl-group__dropdown div[id]:nth-child(2) .brwl-dropdown{border-radius:0}.brwl-group__dropdown div[id]:nth-child(3) .brwl-dropdown{border-radius:0 6px 6px 0}.brwl-tabs{--tab-gap: .5rem;margin-top:1rem}.brwl-tabs__label{padding:.6em 1em;cursor:pointer;color:#6c757d;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;transition:all .2s ease}.brwl-tabs__label:hover{color:#1c4acd}.brwl-tabs__labels{display:flex;gap:var(--tab-gap);border-bottom:1px solid #cbd5e1}.brwl-tabs__content{border:1px solid #cbd5e1;border-top:none;border-radius:0 0 6px 6px;padding:1rem}.brwl-tabs__panel{display:none}.brwl-tabs [type=radio]{position:absolute;opacity:0}#tab1:checked~.brwl-tabs__labels label[for=tab1]{color:#1d4ed8;border-color:#1d4ed8}#tab1:checked~.brwl-tabs__panels .brwl-tabs__panel:nth-child(1){display:block}#tab2:checked~.brwl-tabs__labels label[for=tab2]{color:#1d4ed8;border-color:#1d4ed8}#tab2:checked~.brwl-tabs__panels .brwl-tabs__panel:nth-child(2){display:block}#tab3:checked~.brwl-tabs__labels label[for=tab3]{color:#1d4ed8;border-color:#1d4ed8}#tab3:checked~.brwl-tabs__panels .brwl-tabs__panel:nth-child(3){display:block}#tab4:checked~.brwl-tabs__labels label[for=tab4]{color:#1d4ed8;border-color:#1d4ed8}#tab4:checked~.brwl-tabs__panels .brwl-tabs__panel:nth-child(4){display:block}#tab5:checked~.brwl-tabs__labels label[for=tab5]{color:#1d4ed8;border-color:#1d4ed8}#tab5:checked~.brwl-tabs__panels .brwl-tabs__panel:nth-child(5){display:block}#tab6:checked~.brwl-tabs__labels label[for=tab6]{color:#1d4ed8;border-color:#1d4ed8}#tab6:checked~.brwl-tabs__panels .brwl-tabs__panel:nth-child(6){display:block}.brwl-tooltip{position:relative;display:flex;width:fit-content}.brwl-tooltip__text{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:0 5px;bottom:5px;left:50%;text-wrap:nowrap;transform:translate(-50%) translateY(calc(-100% + .3em));position:absolute;width:max-content;overflow-wrap:anywhere;z-index:1}.brwl-tooltip__text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.brwl-tooltip:hover .brwl-tooltip__text{visibility:visible}.brwl-header{width:100%}.brwl-header__background{display:flex;flex-direction:column;justify-content:center;border-radius:6px;padding:.65em 1em;background:linear-gradient(91.29deg,#fff0ee,#d8eaff)}.brwl-header__title{font-size:22px;color:#212529}.brwl-header__text{color:#6c757d}.brwl-header__subtitle{color:#212529;margin-right:6px;align-self:center}.brwl-header__vertical{display:flex;flex-direction:column;align-items:center}.brwl-footer{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:8px 24px;order:999;height:46px}.brwl-footer__img{height:100%;width:auto}.brwl-footer__text{color:#1e293b;font-weight:500;font-size:14px;font-family:inherit;white-space:nowrap}.brwl-footer__text-link{font-weight:400;color:#2563eb;text-decoration:underline}.brwl-footer__text a,.brwl-footer__text a:visited{color:#2563eb;text-decoration:underline}.brwl-footer-small{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:4px 6px;order:999;height:24px;border-top:1px solid #e4e4e7}.brwl-footer-small__img{height:100%;width:auto}.brwl-footer-small__text{color:#1e293b;font-weight:500;font-size:10px;font-family:inherit;white-space:nowrap}.brwl-footer-small__text-link{font-weight:400;color:#2563eb;text-decoration:underline}.brwl-footer-small__text a,.brwl-footer-small__text a:visited{color:#2563eb;text-decoration:underline}.brwl-footer-vertical{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 16.5px;order:999;border-top:1px solid #e4e4e7}.brwl-footer-vertical__img{height:30px;width:auto}.brwl-footer-vertical__text{color:#1e293b;font-weight:500;font-size:14px;font-family:inherit;white-space:nowrap}.brwl-footer-vertical__text-link{font-weight:400;color:#2563eb;text-decoration:underline}.brwl-footer-vertical__text a,.brwl-footer-vertical__text a:visited{color:#2563eb;text-decoration:underline}.brwl-select{height:28px;width:fit-content;max-width:88px;border-radius:6px;padding:4px 8px;margin-left:8px;color:#444;background-color:#fff;border:1px solid rgba(255,255,255,.1019607843);box-shadow:0 0 2px #00054547}.bg-colored{background:linear-gradient(91.29deg,#fff0ee,#d8eaff)}.w-100px{width:100px}.w-500px{width:500px}.equal-bg-pos{background-position:19.5px 19.5px!important}.w-10{width:10%!important}.w-25{width:25%!important}.w-40{width:40%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.mw-inherit{max-width:inherit!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-bold{font-weight:700}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.brwl-icon__copy,.brwl-icon__trash,.brwl-icon__eraser,.brwl-icon__close,.brwl-icon__three-pics,.brwl-icon__diameter,.brwl-icon__clock,.brwl-icon__box,.brwl-icon__arrow-down,.brwl-icon__telegram,.brwl-icon__resize,.brwl-icon__bag,.brwl-icon__bag-checked,.brwl-icon__bell,.brwl-icon__bell-not,.brwl-icon__bookmark,.brwl-icon__bookmarks,.brwl-icon__briefcase,.brwl-icon__shoppingcart,.brwl-icon__checked,.brwl-icon__cloud,.brwl-icon__cloud-download,.brwl-icon__cloud-upload,.brwl-icon__harddisk,.brwl-icon__home,.brwl-icon__attention,.brwl-icon__search,.brwl-icon__undo,.brwl-icon__horiz-sort,.brwl-icon__vertical-sort,.brwl-icon__loop,.brwl-icon__to-horiz-line,.brwl-icon__to-vertical-line,.brwl-icon__to-corners,.brwl-icon__move,.brwl-icon__at,.brwl-icon__dont,.brwl-icon__calendar .brwl-icon__calendar-19,.brwl-icon__envelope,.brwl-icon__envelope-at,.brwl-icon__picture,.brwl-icon__pencil-square,.brwl-icon__pencil,.brwl-icon__pencil-underlined,.brwl-icon__card-text,.brwl-icon__eye,.brwl-icon__eye-slash,.brwl-icon__filled-star,.brwl-icon__empty-star,.brwl-icon__empty-star-white,.brwl-icon__loop2{background-color:transparent;background-repeat:no-repeat;background-size:16px 16px;width:16px;height:16px;cursor:pointer}.brwl-icon__copy{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1266_4056)'><path d='M2.66634 10.6668C1.93301 10.6668 1.33301 10.0668 1.33301 9.3335V2.66683C1.33301 1.9335 1.93301 1.3335 2.66634 1.3335H9.33301C10.0663 1.3335 10.6663 1.9335 10.6663 2.66683M6.66634 5.3335H13.333C14.0694 5.3335 14.6663 5.93045 14.6663 6.66683V13.3335C14.6663 14.0699 14.0694 14.6668 13.333 14.6668H6.66634C5.92996 14.6668 5.33301 14.0699 5.33301 13.3335V6.66683C5.33301 5.93045 5.92996 5.3335 6.66634 5.3335Z' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='clip0_1266_4056'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__trash{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 4.00016H14M12.6667 4.00016V13.3335C12.6667 14.0002 12 14.6668 11.3333 14.6668H4.66667C4 14.6668 3.33333 14.0002 3.33333 13.3335V4.00016M5.33333 4.00016V2.66683C5.33333 2.00016 6 1.3335 6.66667 1.3335H9.33333C10 1.3335 10.6667 2.00016 10.6667 2.66683V4.00016M6.66667 7.3335V11.3335M9.33333 7.3335V11.3335' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.brwl-icon__trash:hover{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 4.00016H14M12.6667 4.00016V13.3335C12.6667 14.0002 12 14.6668 11.3333 14.6668H4.66667C4 14.6668 3.33333 14.0002 3.33333 13.3335V4.00016M5.33333 4.00016V2.66683C5.33333 2.00016 6 1.3335 6.66667 1.3335H9.33333C10 1.3335 10.6667 2.00016 10.6667 2.66683V4.00016M6.66667 7.3335V11.3335M9.33333 7.3335V11.3335' stroke='%23DC2626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.brwl-icon__eraser{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.66647 14.0001L14.1998 8.4668C14.8665 7.8668 14.8665 6.8668 14.1998 6.20013L10.4665 2.4668C9.86647 1.80013 8.86647 1.80013 8.1998 2.4668L1.7998 8.8668C1.13314 9.4668 1.13314 10.4668 1.7998 11.1335L4.66647 14.0001L14.6663 14.0002M3.33301 7.3335L9.33301 13.3335' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.brwl-icon__close{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='0.7'><path d='M12 4L4 12M4 4L12 12' stroke='%23506466' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/></g></svg>")}.brwl-icon__three-pics{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='8' cy='4' r='1' fill='%2364748B'/><circle cx='8' cy='8' r='1' fill='%2364748B'/><circle cx='8' cy='12' r='1' fill='%2364748B'/><circle cx='8' cy='8' r='7.5' stroke='%2364748B' stroke-width='1' fill='none'/></svg>")}.brwl-icon__diameter{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.7952 7.86621H12.5452V5.83862L5.83984 12.5439H7.86621V13.7939H3.70605V9.63379H4.95605V11.6602L11.6614 4.95483H9.63501V3.70483H13.7952V7.86621Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8.75 0C13.5825 0 17.5 3.91751 17.5 8.75C17.5 13.5825 13.5825 17.5 8.75 17.5C3.91751 17.5 0 13.5825 0 8.75C0 3.91751 3.91751 0 8.75 0ZM8.75 1.25C4.60786 1.25 1.25 4.60786 1.25 8.75C1.25 12.8921 4.60786 16.25 8.75 16.25C12.8921 16.25 16.25 12.8921 16.25 8.75C16.25 4.60786 12.8921 1.25 8.75 1.25Z' fill='%2364748B'/></svg>")}.brwl-icon__clock{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_137)'><path d='M15.9903 3.82061C15.9418 4.53818 15.6218 5.18788 15.0788 5.65333L14.8461 5.85697L14.7006 5.57576C13.9733 4.14061 12.8291 2.99636 11.3939 2.25939L11.1127 2.12364L11.3164 1.89091C11.8206 1.30909 12.5576 0.969696 13.3333 0.969696C14.1091 0.969696 14.8364 1.30909 15.3406 1.89091C15.8061 2.42424 16.0388 3.11273 15.9903 3.82061Z' fill='%2364748B'/><path d='M4.87758 2.12364L4.60606 2.25939C3.16121 2.99636 2.01697 4.14061 1.2897 5.57576L1.14424 5.85697L0.911515 5.65333C0.329697 5.13939 0 4.41212 0 3.63636C0 2.86061 0.329697 2.13333 0.911515 1.61939C1.39636 1.20242 2.01697 0.969696 2.66667 0.969696C3.43273 0.969696 4.1697 1.30909 4.67394 1.89091L4.87758 2.12364Z' fill='%2364748B'/><path d='M12.5441 14.3709C15.4241 11.9661 15.909 7.6703 13.6011 4.67394C12.515 3.27758 10.9829 2.34667 9.24717 2.04606V1.45455H9.48959C9.88717 1.45455 10.2169 1.12485 10.2169 0.727273C10.2169 0.329697 9.88717 0 9.48959 0H6.5805C6.17323 0 5.85323 0.329697 5.85323 0.727273C5.85323 1.12485 6.17323 1.45455 6.5805 1.45455H6.82292V2.04606C3.08959 2.69576 0.529591 6.20606 1.07262 9.97818C1.32474 11.7042 2.18777 13.2558 3.52595 14.3709L3.12838 14.7588C2.84717 15.04 2.84717 15.5055 3.12838 15.7867C3.27383 15.9224 3.44838 16 3.65202 16C3.85565 16 4.0205 15.9224 4.16595 15.7867L4.75747 15.1952C5.75626 15.7188 6.8908 16 8.03505 16C9.17929 16 10.3041 15.7188 11.3029 15.1952L11.9041 15.7867C12.0399 15.9224 12.2241 16 12.4181 16C12.612 16 12.7963 15.9224 12.932 15.7867C13.2132 15.5055 13.2132 15.04 12.932 14.7588L12.5441 14.3709ZM8.76232 14.4873V14.4388C8.76232 14.0315 8.43262 13.7115 8.03505 13.7115C7.63747 13.7115 7.30777 14.0315 7.30777 14.4388V14.4873C4.77686 14.1673 2.82777 12.16 2.50777 9.69697H2.55626C2.96353 9.69697 3.28353 9.37697 3.28353 8.9697C3.28353 8.56242 2.96353 8.24242 2.55626 8.24242H2.50777C2.82777 5.72121 4.79626 3.76242 7.30777 3.44242V3.56849C7.30777 3.97576 7.62777 4.29576 8.03505 4.29576C8.44232 4.29576 8.76232 3.97576 8.76232 3.56849V3.45212C11.2835 3.77212 13.2326 5.77939 13.5526 8.24242H13.4266C13.029 8.24242 12.6993 8.57212 12.6993 8.9697C12.6993 9.36727 13.029 9.69697 13.4266 9.69697H13.5526C13.2326 12.1988 11.2253 14.1673 8.76232 14.4873Z' fill='%2364748B'/><path d='M8.72727 5.57576V8.9697C8.72727 9.10546 8.68849 9.23152 8.62061 9.34788L7.16606 11.7721C7.0303 11.9855 6.79758 12.1212 6.54546 12.1212C6.4097 12.1212 6.28364 12.0824 6.16727 12.0145C6.00243 11.9176 5.88606 11.7624 5.83758 11.5685C5.78909 11.3842 5.81818 11.1903 5.91515 11.0158L7.27273 8.76606V5.57576C7.27273 5.17818 7.59273 4.84849 8 4.84849C8.40727 4.84849 8.72727 5.17818 8.72727 5.57576Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_137'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__box{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.7879 1H1.21212C0.54303 1 0 1.54069 0 2.2069V4.13793C0 4.71724 0.41697 5.20966 0.969697 5.32552V12.3448C0.969697 13.8124 2.16242 15 3.63636 15H12.3636C13.8279 15 15.0303 13.8124 15.0303 12.3448V5.32552C15.583 5.20966 16 4.71724 16 4.13793V2.2069C16 1.54069 15.457 1 14.7879 1ZM14.5455 3.89655H1.45455V2.44828H14.5455V3.89655ZM13.5758 12.3448C13.5758 13.011 13.0327 13.5517 12.3636 13.5517H3.63636C2.96727 13.5517 2.42424 13.011 2.42424 12.3448V5.34483H13.5758V12.3448Z' fill='%2364748B'/><path d='M11.1515 7.51724C11.1515 7.91311 10.8218 8.24138 10.4242 8.24138H5.57575C5.16848 8.24138 4.84848 7.91311 4.84848 7.51724C4.84848 7.12138 5.16848 6.79311 5.57575 6.79311H10.4242C10.8218 6.79311 11.1515 7.12138 11.1515 7.51724Z' fill='%2364748B'/></svg>")}.brwl-icon__arrow-down{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_151)'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 0C3.58788 0 0 3.58788 0 8C0 12.4121 3.58788 16 8 16C12.4121 16 16 12.4121 16 8C16 3.58788 12.4121 0 8 0ZM8 14.5455C4.39273 14.5455 1.45455 11.6073 1.45455 8C1.45455 4.39273 4.39273 1.45455 8 1.45455C11.6073 1.45455 14.5455 4.39273 14.5455 8C14.5455 11.6073 11.6073 14.5455 8 14.5455Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M11.6364 8.48484C11.6364 8.67878 11.5588 8.86303 11.423 8.99878L8.51394 11.9079C8.37818 12.0436 8.19394 12.1212 8 12.1212C7.80606 12.1212 7.62182 12.0436 7.48606 11.9079L4.57697 8.99878C4.29576 8.71757 4.29576 8.25212 4.57697 7.97091C4.71273 7.83515 4.89697 7.75757 5.09091 7.75757C5.28485 7.75757 5.46909 7.83515 5.60485 7.97091L7.27273 9.63878V4.60606C7.27273 4.20848 7.60242 3.87878 8 3.87878C8.39757 3.87878 8.72727 4.20848 8.72727 4.60606V9.63878L10.3951 7.97091C10.5309 7.83515 10.7151 7.75757 10.9091 7.75757C11.103 7.75757 11.2873 7.83515 11.423 7.97091C11.5588 8.10666 11.6364 8.29091 11.6364 8.48484Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_151'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__telegram{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_134)'><path d='M15.7926 0.21715C15.6444 0.0789636 15.4667 0 15.2691 0C15.1704 0 15.0815 0.0197409 14.9926 0.0592227L0.622221 5.79395C0.434566 5.87292 0.266665 6.0111 0.158023 6.18877C0.00987506 6.40592 -0.0296311 6.67242 0.0197516 6.92906C0.0790109 7.18569 0.237036 7.40284 0.45432 7.5509L5.34321 10.6601L8.45432 15.5361C8.56296 15.7138 8.73086 15.8519 8.91852 15.9309C9.03703 15.9704 9.16543 16 9.28395 16C9.68889 16 10.0543 15.7532 10.2025 15.3782L15.9506 1.01666C16.0593 0.740284 16 0.424429 15.7926 0.21715ZM2.0642 6.82048L12.1877 2.7736L5.77778 9.17952L2.0642 6.82048ZM6.82469 10.2258L13.2346 3.81986L9.18518 13.9371L6.82469 10.2258Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_134'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__resize{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.303 2H1.69697C0.766061 2 0 2.7584 0 3.68V12.32C0 13.2416 0.766061 14 1.69697 14H14.303C15.2436 14 16 13.2416 16 12.32V3.68C16 2.7584 15.2436 2 14.303 2ZM1.45455 3.68C1.45455 3.5456 1.57091 3.44 1.69697 3.44H14.303C14.4388 3.44 14.5455 3.5456 14.5455 3.68V12.32C14.5455 12.4544 14.4388 12.56 14.303 12.56H1.69697C1.57091 12.56 1.45455 12.4544 1.45455 12.32V3.68Z' fill='%2364748B'/><path d='M2.59879 4.95681C2.59879 4.68801 2.81212 4.47681 3.08363 4.47681H5.99272C6.26424 4.47681 6.47757 4.68801 6.47757 4.95681C6.47757 5.22561 6.26424 5.43681 5.99272 5.43681H3.56848V7.83681C3.56848 8.10561 3.35515 8.31681 3.08363 8.31681C2.81212 8.31681 2.59879 8.10561 2.59879 7.83681V4.95681Z' fill='%2364748B'/><path d='M13.4885 11.1776C13.4885 11.4464 13.2752 11.6576 13.0036 11.6576H10.0945C9.82303 11.6576 9.6097 11.4464 9.6097 11.1776C9.6097 10.9088 9.82303 10.6976 10.0945 10.6976H12.5188V8.2976C12.5188 8.0288 12.7321 7.8176 13.0036 7.8176C13.2752 7.8176 13.4885 8.0288 13.4885 8.2976V11.1776Z' fill='%2364748B'/></svg>")}.brwl-icon__bag{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_200)'><path d='M11.6207 3.87872V3.63629C11.6207 1.3769 9.54483 -0.407342 7.22759 0.0775064C5.53793 0.436294 4.37931 2.0169 4.37931 3.74296V3.86902H2.44828C1.6469 3.86902 1 4.51872 1 5.32357V13.8084C1 15.0108 1.97517 15.9902 3.17241 15.9902H12.8276C14.0248 15.9902 15 15.0108 15 13.8084V5.33326C15 4.52842 14.3531 3.87872 13.5517 3.87872H11.6207ZM8 1.45448C9.19724 1.45448 10.1724 2.43387 10.1724 3.63629V3.87872H5.82759V3.63629C5.82759 2.43387 6.80276 1.45448 8 1.45448ZM12.8276 14.5454H3.17241C2.7669 14.5454 2.44828 14.2157 2.44828 13.8181V5.33326H13.5517V13.8181C13.5517 14.2157 13.2234 14.5454 12.8276 14.5454Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_200'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__bag-checked{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_204)'><path d='M11.6207 3.87872V3.63629C11.6207 1.3769 9.54483 -0.407342 7.22759 0.0775064C5.53793 0.436294 4.37931 2.0169 4.37931 3.74296V3.86902H2.44828C1.6469 3.86902 1 4.51872 1 5.32357V13.8084C1 15.0108 1.97517 15.9902 3.17241 15.9902H12.8276C14.0248 15.9902 15 15.0108 15 13.8084V5.33326C15 4.52842 14.3531 3.87872 13.5517 3.87872H11.6207ZM8 1.45448C9.19724 1.45448 10.1724 2.43387 10.1724 3.63629V3.87872H5.82759V3.63629C5.82759 2.43387 6.80276 1.45448 8 1.45448ZM12.8276 14.5454H3.17241C2.7669 14.5454 2.44828 14.2157 2.44828 13.8181V5.33326H13.5517V13.8181C13.5517 14.2157 13.2234 14.5454 12.8276 14.5454Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.854 8.14601C10.9006 8.19245 10.9375 8.24763 10.9627 8.30838C10.9879 8.36912 11.0009 8.43424 11.0009 8.50001C11.0009 8.56578 10.9879 8.6309 10.9627 8.69164C10.9375 8.75239 10.9006 8.80756 10.854 8.85401L7.85399 11.854C7.80755 11.9006 7.75237 11.9375 7.69162 11.9627C7.63088 11.9879 7.56576 12.0009 7.49999 12.0009C7.43422 12.0009 7.3691 11.9879 7.30836 11.9627C7.24761 11.9375 7.19244 11.9006 7.14599 11.854L5.64599 10.354C5.5995 10.3075 5.56263 10.2523 5.53747 10.1916C5.51231 10.1309 5.49936 10.0658 5.49936 10C5.49936 9.93426 5.51231 9.86916 5.53747 9.80842C5.56263 9.74769 5.5995 9.6925 5.64599 9.64601C5.73988 9.55212 5.86722 9.49938 5.99999 9.49938C6.06573 9.49938 6.13084 9.51233 6.19157 9.53749C6.25231 9.56264 6.3075 9.59952 6.35399 9.64601L7.49999 10.793L10.146 8.14601C10.1924 8.09945 10.2476 8.0625 10.3084 8.0373C10.3691 8.01209 10.4342 7.99911 10.5 7.99911C10.5658 7.99911 10.6309 8.01209 10.6916 8.0373C10.7524 8.0625 10.8075 8.09945 10.854 8.14601Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_204'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__bell{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_211)'><path d='M10.2952 13.5758V13.8182C10.2952 15.0206 9.26262 16 7.99488 16C6.72715 16 5.69456 15.0206 5.69456 13.8182V13.5758H10.2952Z' fill='%2364748B'/><path d='M15.2946 12.6448C15.0492 12.4897 14.8141 12.1988 14.5891 11.7721C13.7304 10.143 13.3623 7.0303 13.3623 6.06061C13.3623 3.71394 11.655 1.66788 9.27284 1.11515V1.08606C9.20128 0.465455 8.65942 0 8.00511 0C7.95399 0 7.9131 0 7.8722 0.00969697C7.53482 0.0387879 7.22812 0.193939 7.01342 0.446061C6.83962 0.64 6.7476 0.872727 6.72716 1.11515C4.34505 1.66788 2.62748 3.71394 2.62748 6.06061C2.62748 7.0303 2.26965 10.143 1.41086 11.7721C1.18594 12.1988 0.950799 12.4897 0.705431 12.6448L0 13.0909H16L15.2946 12.6448ZM3.13866 11.6364C3.34313 11.0933 3.53738 10.4533 3.69073 9.73576C4.03834 8.18424 4.16102 6.65212 4.16102 6.06061C4.16102 4.33455 5.45942 2.84121 7.23834 2.49212L7.99489 2.34667L8.76166 2.50182C10.5406 2.84121 11.8288 4.33455 11.8288 6.06061C11.8288 6.65212 11.9617 8.18424 12.3093 9.73576C12.4626 10.4533 12.6569 11.0933 12.8613 11.6364H3.13866Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_211'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__bell-not{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_215)'><path d='M15.3035 13.1395H4.24771L5.7192 11.7092H12.2919C12.0858 11.1752 11.9093 10.5459 11.7621 9.84029C11.4776 8.55304 11.3305 7.15137 11.3011 6.38856V6.28367L12.6352 4.98689L12.7137 5.44458C12.7529 5.70203 12.7725 5.95948 12.7725 6.22646C12.7725 7.17998 13.1257 10.2408 13.9497 11.8427C14.1656 12.2622 14.3912 12.5483 14.6266 12.7008L15.3035 13.1395Z' fill='%2364748B'/><path d='M11.3599 2.77473L10.32 3.78546L10.1533 3.62336C9.65297 3.16567 9.02513 2.85101 8.35806 2.71752L7.57326 2.56496L6.89638 2.71752C5.17964 3.06078 3.94359 4.5292 3.94359 6.22646C3.94359 6.8081 3.82587 8.31466 3.49233 9.84028C3.44328 10.0691 3.38442 10.3075 3.32556 10.5364L3.30594 10.6031L1.63825 12.2241L0.980988 12.8725L1.30472 11.8427C2.12875 10.2408 2.4721 7.17044 2.4721 6.22646C2.4721 3.91895 4.11036 1.90703 6.40588 1.36353C6.44512 0.800952 6.90619 0.333729 7.50459 0.276518C7.54383 0.266983 7.58307 0.266983 7.62231 0.266983C8.25996 0.266983 8.77989 0.724671 8.84856 1.33492V1.36353C9.72164 1.5733 10.5261 1.99285 11.1833 2.6031L11.3599 2.77473Z' fill='%2364748B'/><path d='M9.82954 13.6162V13.8546C9.82954 15.0369 8.83874 16 7.6223 16C6.40587 16 5.41507 15.0369 5.41507 13.8546V13.6162H9.82954Z' fill='%2364748B'/><path d='M15.7646 1.26818L1.29492 15.3325C1.15758 15.4756 0.96138 15.5518 0.755372 15.5518C0.549363 15.5518 0.362974 15.4756 0.215825 15.3325C-0.0784726 15.0465 -0.0784726 14.5697 0.215825 14.2837L14.6855 0.219309C14.8326 0.0762813 15.019 0 15.225 0C15.431 0 15.6272 0.0762813 15.7646 0.219309C16.0687 0.505364 16.0687 0.982122 15.7646 1.26818Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_215'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__bookmark{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.84 0H4.16C2.9696 0 2 0.979394 2 2.18182V15.2727C2 15.4182 2.0384 15.5539 2.1248 15.68C2.2592 15.8739 2.48 16 2.72 16C2.864 16 2.9984 15.9612 3.104 15.8933L8 13.2267L12.8864 15.8836C13.0016 15.9612 13.136 16 13.28 16C13.6736 16 14 15.6703 14 15.2727V2.18182C14 0.979394 13.0304 0 11.84 0ZM3.44 13.9636V2.18182C3.44 1.78424 3.7664 1.45455 4.16 1.45455H11.84C12.2336 1.45455 12.56 1.78424 12.56 2.18182V13.9636L8.4032 11.7624C8.2784 11.6752 8.144 11.6364 8 11.6364C7.856 11.6364 7.7216 11.6752 7.6256 11.743L3.44 13.9636Z' fill='%2364748B'/></svg>")}.brwl-icon__bookmarks{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.92 1.93939H4.16C2.9696 1.93939 2 2.91879 2 4.12121V15.2727C2 15.4182 2.0384 15.5539 2.1152 15.68C2.2496 15.8836 2.48 16 2.72 16C2.864 16 2.9984 15.9612 3.1136 15.8836L7.04 13.2461L10.9568 15.8836C11.0816 15.9612 11.216 16 11.36 16C11.7536 16 12.08 15.68 12.08 15.2727V4.12121C12.08 2.91879 11.1104 1.93939 9.92 1.93939ZM3.44 13.9151V4.12121C3.44 3.72363 3.7664 3.39394 4.16 3.39394H9.92C10.3136 3.39394 10.64 3.72363 10.64 4.12121V13.9151L7.4336 11.7624C7.3184 11.6848 7.184 11.6364 7.04 11.6364C6.896 11.6364 6.7616 11.6848 6.6368 11.7624L3.44 13.9151Z' fill='%2364748B'/><path d='M14 2.18182V13.3333C14 13.4788 13.952 13.6145 13.8752 13.7406C13.7408 13.9442 13.52 14.0606 13.28 14.0606C13.136 14.0606 13.0016 14.0218 12.8768 13.9442L12.56 13.7309V2.18182C12.56 1.78424 12.2336 1.45455 11.84 1.45455H3.9968L4.208 1.09576C4.592 0.41697 5.312 0 6.08 0H11.84C13.0304 0 14 0.979394 14 2.18182Z' fill='%2364748B'/></svg>")}.brwl-icon__briefcase{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_363)'><path d='M14.3449 3.23545H11.0754V2.9797C11.0652 1.84303 10.2069 1.02842 8.9911 1.00947C8.67437 1 8.36785 1 8.05112 1C7.70374 1 7.35636 1 7.0192 1.00947C5.99748 1.00947 5.20055 1.60622 4.97577 2.49662C4.92469 2.69553 4.92469 2.90392 4.91447 3.13126V3.23545H1.7676C0.592631 3.23545 3.84854e-05 3.79432 3.84854e-05 4.88363V5.56563C0.0102556 6.13397 0.0102556 6.71177 3.84854e-05 7.28958C-0.0203957 7.659 0.163512 7.87686 0.541546 7.96211L0.705019 7.99053C0.705019 7.99053 0.786756 8.06631 0.796973 8.06631C0.80719 8.06631 0.80719 8.06631 0.80719 8.06631C0.80719 9.34506 0.80719 10.6238 0.80719 11.9026V13.4844C0.80719 14.479 1.36913 15.0095 2.44193 15.0095H13.5684C14.6616 15.0095 15.244 14.479 15.244 13.475V11.9783L15.2542 8.23681C15.2542 8 15.2848 7.99053 15.4177 7.97158C15.8059 7.92422 16 7.68742 15.9898 7.27064C15.9796 6.74966 15.9796 6.22869 15.9898 5.70771V4.76996C15.9796 3.83221 15.3461 3.2544 14.3346 3.24493L14.3449 3.23545ZM6.26313 3.18809C6.27335 2.9797 6.29378 2.79026 6.35508 2.61976C6.46747 2.30717 6.7842 2.25981 6.95789 2.25981H8.98088C9.46109 2.25981 9.72673 2.51556 9.73695 2.97023V3.24493H6.25291C6.25291 3.24493 6.26313 3.20704 6.26313 3.18809ZM13.8749 13.4844C13.8749 13.6739 13.8544 13.7212 13.8647 13.7212C13.8442 13.7307 13.7931 13.7402 13.599 13.7402H2.44193C2.23759 13.7402 2.19672 13.7212 2.19672 13.7212C2.1865 13.7118 2.16607 13.6834 2.16607 13.5413C2.17628 11.8647 2.1865 10.1881 2.20694 8.43572L4.54665 9.10826C5.00642 9.24087 5.46619 9.36401 5.92596 9.49662L5.99748 9.51556L6.02814 9.61028C6.01792 10.387 6.48791 10.8227 7.33593 10.8322H7.92852C8.18395 10.8322 8.43937 10.8322 8.6948 10.8322C9.51217 10.8227 9.98216 10.3775 9.98216 9.6387C9.98216 9.53451 9.98216 9.52503 10.115 9.47767C11.0447 9.22192 11.9643 8.9567 12.894 8.682L13.8749 8.39784V13.4844ZM7.36658 8.41678C7.36658 8.41678 7.40745 8.41678 7.53005 8.41678L8.62328 8.4452C8.62328 8.4452 8.64372 8.66306 8.64372 8.83356V9.01353C8.65393 9.21245 8.65393 9.40189 8.61307 9.59134C8.53133 9.61028 8.44959 9.61028 8.36785 9.61028H7.9796H7.9183C7.66287 9.61028 7.39723 9.61028 7.35636 9.59134C7.32571 9.53451 7.34614 9.28823 7.36658 8.99459C7.37679 8.90934 7.37679 8.81461 7.36658 8.71989C7.36658 8.62517 7.35636 8.46414 7.36658 8.43572V8.41678ZM14.6309 6.86333C13.7114 7.13802 12.7816 7.40325 11.8519 7.66847L10.6769 8.00947L9.98216 8.20839C9.94129 7.88633 9.79825 7.4885 9.29761 7.28011C9.13414 7.22328 8.94001 7.17591 8.74589 7.17591C8.53133 7.17591 8.30655 7.17591 8.09199 7.17591H7.34614C6.54921 7.17591 6.12009 7.53586 6.02814 8.22733L4.67948 7.84844L2.0639 7.10014C1.84934 7.03383 1.62456 6.977 1.36913 6.86333C1.35891 6.14344 1.35891 5.42355 1.36913 4.70365C1.36913 4.53315 1.42022 4.48579 1.58369 4.48579C2.16607 4.48579 2.74844 4.49526 3.3206 4.49526C3.98471 4.50474 4.64882 4.50474 5.31294 4.50474C6.33465 4.50474 10.9221 4.48579 10.9221 4.48579H14.4062C14.6105 4.48579 14.6309 4.57104 14.6309 4.66576C14.6412 5.4046 14.6412 6.14344 14.6309 6.8728V6.86333Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_363'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__shoppingcart{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.4413 11.7115L16 3.74426V3.70492C16 3.2918 15.6594 2.96721 15.2258 2.96721H4.07742C3.70581 2.96721 3.38581 2.73115 3.2929 2.38689L3.07613 1.56066C2.98323 1.22623 2.67355 1 2.32258 1H0.774194C0.340645 1 0 1.32459 0 1.7377C0 2.15082 0.340645 2.47541 0.774194 2.47541H1.72387L1.94065 3.30164C2.03355 3.67541 2.12645 4.04918 2.19871 4.42295L3.62323 11.7016C3.68516 12.0557 4.00516 12.3115 4.3871 12.3115H4.41806C3.65419 12.7246 3.17935 13.5803 3.41677 14.5049C3.59226 15.2131 4.21161 15.7934 4.96516 15.9508C6.29677 16.2262 7.48387 15.2525 7.48387 14.0328C7.48387 13.2951 7.05032 12.6557 6.42064 12.3115H11.6439C10.88 12.7246 10.4052 13.5803 10.6426 14.5049C10.8181 15.2131 11.4374 15.7934 12.191 15.9508C13.5226 16.2262 14.7097 15.2525 14.7097 14.0328C14.7097 13.2951 14.2761 12.6557 13.6465 12.3115H13.6774C14.0594 12.3115 14.3794 12.0557 14.4413 11.7115ZM13.6774 14.0328C13.6774 14.5738 13.2129 15.0164 12.6452 15.0164C12.0774 15.0164 11.6129 14.5738 11.6129 14.0328C11.6129 13.4918 12.0774 13.0492 12.6452 13.0492C13.2129 13.0492 13.6774 13.4918 13.6774 14.0328ZM6.45161 14.0328C6.45161 14.5738 5.9871 15.0164 5.41935 15.0164C4.85161 15.0164 4.3871 14.5738 4.3871 14.0328C4.3871 13.4918 4.85161 13.0492 5.41935 13.0492C5.9871 13.0492 6.45161 13.4918 6.45161 14.0328ZM11.9639 10.8361H6.11097C5.48129 10.8361 4.95484 10.4131 4.83097 9.82295L4.05677 5.9082C3.90194 5.15082 4.52129 4.44262 5.33677 4.44262H13.0374C13.6981 4.44262 14.1935 5.01311 14.0697 5.63279L13.2439 9.83279C13.1303 10.4131 12.5935 10.8459 11.9639 10.8459V10.8361Z' fill='%2364748B'/></svg>")}.brwl-icon__checked{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g><path d='M8 0C3.58788 0 0 3.58788 0 8C0 12.4121 3.58788 16 8 16C12.4121 16 16 12.4121 16 8C16 3.58788 12.4121 0 8 0ZM8 14.5455C4.39273 14.5455 1.45455 11.6073 1.45455 8C1.45455 4.39273 4.39273 1.45455 8 1.45455C11.6073 1.45455 14.5455 4.39273 14.5455 8C14.5455 11.6073 11.6073 14.5455 8 14.5455Z' fill='%2364748B'/><path d='M10.88 5.06182L10.8606 5.08121L7.49575 9.37697L5.46908 7.3503C5.17818 7.07878 4.71272 7.08848 4.44121 7.38909C4.17939 7.6703 4.17939 8.09697 4.44121 8.37818L7.0109 10.9479C7.29212 11.2291 7.75757 11.2291 8.03878 10.9479C8.03878 10.9479 8.04848 10.9382 8.05818 10.9285L11.9273 6.08969C12.2085 5.79879 12.1891 5.34303 11.8982 5.06182C11.617 4.7903 11.1612 4.7903 10.88 5.07151V5.06182Z' fill='%2364748B'/></g></svg>")}.brwl-icon__cloud{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.2267 6.40957C12.897 3.88435 10.6764 2 8 2C6.66182 2 5.37212 2.47826 4.35394 3.33913C3.59758 3.98957 3.06424 4.80261 2.8897 5.60609C1.18303 6.04609 0 7.51913 0 9.24087C0 11.3165 1.75515 13 3.90788 13H12.5479C14.4485 13 16 11.5078 16 9.6713C16 8.09304 14.8267 6.72522 13.2267 6.40957ZM12.5479 11.5652H3.90788C2.56 11.5652 1.45455 10.5226 1.45455 9.24087C1.45455 8.05478 2.38545 7.06 3.62667 6.92609L4.27636 6.85913V6.21826C4.27636 5.65391 4.66424 4.97478 5.30424 4.42957C6.05091 3.7887 7.01091 3.43478 8 3.43478C8.98909 3.43478 9.98788 3.81739 10.7055 4.50609C11.423 5.19478 11.8206 6.10348 11.8206 7.06V7.77739H12.5479C13.6436 7.77739 14.5455 8.6287 14.5455 9.6713C14.5455 10.7139 13.6436 11.5652 12.5479 11.5652Z' fill='%2364748B'/></svg>")}.brwl-icon__cloud-download{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.66062 10.7044C7.85456 10.8957 8.15516 10.8957 8.3491 10.7044L10.2885 8.79131C10.4824 8.60001 10.4824 8.30349 10.2885 8.11218C10.0946 7.92088 9.79395 7.92088 9.60001 8.11218L8.48486 9.21218V5.58696C8.48486 5.31914 8.27153 5.1087 8.00001 5.1087C7.7285 5.1087 7.51516 5.31914 7.51516 5.58696V9.21218L6.40001 8.11218C6.20607 7.92088 5.90546 7.92088 5.71153 8.11218C5.51759 8.30349 5.51759 8.60001 5.71153 8.79131L7.65092 10.7044H7.66062Z' fill='%2364748B'/><path d='M13.2267 6.40957C12.897 3.88435 10.6764 2 8 2C6.66182 2 5.37212 2.47826 4.35394 3.33913C3.59758 3.98957 3.06424 4.80261 2.8897 5.60609C1.18303 6.04609 0 7.51913 0 9.24087C0 11.3165 1.75515 13 3.90788 13H12.5479C14.4485 13 16 11.5078 16 9.6713C16 8.09304 14.8267 6.72522 13.2267 6.40957ZM12.5479 11.5652H3.90788C2.56 11.5652 1.45455 10.5226 1.45455 9.24087C1.45455 8.05478 2.38545 7.06 3.62667 6.92609L4.27636 6.85913V6.21826C4.27636 5.65391 4.66424 4.97478 5.30424 4.42957C6.05091 3.7887 7.01091 3.43478 8 3.43478C8.98909 3.43478 9.98788 3.81739 10.7055 4.50609C11.423 5.19478 11.8206 6.10348 11.8206 7.06V7.77739H12.5479C13.6436 7.77739 14.5455 8.6287 14.5455 9.6713C14.5455 10.7139 13.6436 11.5652 12.5479 11.5652Z' fill='%2364748B'/></svg>")}.brwl-icon__cloud-upload{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M8.33941 5.25218C8.14548 5.06087 7.84487 5.06087 7.65093 5.25218L5.71154 7.16522C5.5176 7.35653 5.5176 7.65305 5.71154 7.84435C5.90548 8.03566 6.20608 8.03566 6.40002 7.84435L7.51517 6.74435L7.51517 10.3696C7.51517 10.6374 7.72851 10.8478 8.00002 10.8478C8.27154 10.8478 8.48487 10.6374 8.48487 10.3696L8.48487 6.74435L9.60002 7.84435C9.79396 8.03566 10.0946 8.03566 10.2885 7.84435C10.4824 7.65305 10.4824 7.35653 10.2885 7.16522L8.34911 5.25218L8.33941 5.25218Z' fill='%2364748B'/><path d='M13.2267 6.40957C12.897 3.88435 10.6764 2 8 2C6.66182 2 5.37212 2.47826 4.35394 3.33913C3.59758 3.98957 3.06424 4.80261 2.8897 5.60609C1.18303 6.04609 0 7.51913 0 9.24087C0 11.3165 1.75515 13 3.90788 13H12.5479C14.4485 13 16 11.5078 16 9.6713C16 8.09304 14.8267 6.72522 13.2267 6.40957ZM12.5479 11.5652H3.90788C2.56 11.5652 1.45455 10.5226 1.45455 9.24087C1.45455 8.05478 2.38545 7.06 3.62667 6.92609L4.27636 6.85913V6.21826C4.27636 5.65391 4.66424 4.97478 5.30424 4.42957C6.05091 3.7887 7.01091 3.43478 8 3.43478C8.98909 3.43478 9.98788 3.81739 10.7055 4.50609C11.423 5.19478 11.8206 6.10348 11.8206 7.06V7.77739H12.5479C13.6436 7.77739 14.5455 8.6287 14.5455 9.6713C14.5455 10.7139 13.6436 11.5652 12.5479 11.5652Z' fill='%2364748B'/></svg>")}.brwl-icon__harddisk{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5925 0.825806C11.3279 0.289032 9.67499 0 7.93333 0C6.19168 0 4.52768 0.289032 3.27413 0.825806C1.80981 1.44516 1 2.34323 1 3.35484V12.6452C1 13.6568 1.80981 14.5548 3.27413 15.1742C4.53877 15.711 6.19168 16 7.93333 16C9.67499 16 11.3279 15.711 12.5925 15.1742C14.0569 14.5548 14.8667 13.6568 14.8667 12.6452V3.35484C14.8667 2.34323 14.0569 1.44516 12.5925 0.825806ZM13.2027 12.6452C13.2027 12.9239 12.8588 13.3574 11.9047 13.7703C10.8731 14.2039 9.41984 14.4516 7.93333 14.4516C6.44683 14.4516 4.9936 14.2039 3.96192 13.7703C3.00789 13.3574 2.664 12.9239 2.664 12.6452V11.7781C2.85259 11.8916 3.06336 11.9845 3.27413 12.0774C4.53877 12.6142 6.19168 12.9032 7.93333 12.9032C9.67499 12.9032 11.3279 12.6142 12.5925 12.0774C12.8033 11.9845 13.0141 11.8916 13.2027 11.7781V12.6452ZM13.2027 9.54839C13.2027 9.8271 12.8588 10.2606 11.9047 10.6735C10.8731 11.1071 9.41984 11.3548 7.93333 11.3548C6.44683 11.3548 4.9936 11.1071 3.96192 10.6735C3.00789 10.2606 2.664 9.8271 2.664 9.54839V8.68129C2.85259 8.79484 3.06336 8.88774 3.27413 8.98064C4.53877 9.51742 6.19168 9.80645 7.93333 9.80645C9.67499 9.80645 11.3279 9.51742 12.5925 8.98064C12.7922 8.89806 13.003 8.79484 13.2027 8.68129V9.54839ZM13.2027 6.45161C13.2027 6.73032 12.8588 7.16387 11.9047 7.57677C10.8731 8.01032 9.41984 8.25806 7.93333 8.25806C6.44683 8.25806 4.9936 8.01032 3.96192 7.57677C3.00789 7.16387 2.664 6.73032 2.664 6.45161V5.58452C2.85259 5.69806 3.06336 5.79097 3.27413 5.88387C4.52768 6.42064 6.19168 6.70968 7.93333 6.70968C9.67499 6.70968 11.3279 6.42064 12.5925 5.88387C12.8033 5.80129 13.003 5.69806 13.2027 5.58452V6.45161ZM11.9047 4.48C10.8731 4.91355 9.41984 5.16129 7.93333 5.16129C6.44683 5.16129 4.9936 4.91355 3.96192 4.48C3.00789 4.0671 2.664 3.63355 2.664 3.35484C2.664 3.07613 3.00789 2.64258 3.96192 2.22968C4.9936 1.79613 6.43573 1.54839 7.93333 1.54839C9.43093 1.54839 10.8731 1.79613 11.9047 2.22968C12.8588 2.64258 13.2027 3.07613 13.2027 3.35484C13.2027 3.63355 12.8588 4.0671 11.9047 4.48Z' fill='%2364748B'/></svg>")}.brwl-icon__home{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_120)'><path d='M15.7728 7.35829L13.4193 4.96501V1.61652C13.4193 1.18614 13.0683 0.829251 12.6451 0.829251H11.6128C11.1896 0.829251 10.8386 1.18614 10.8386 1.61652V2.3408L8.90831 0.377887C8.67089 0.136459 8.34057 0 7.99992 0C7.65928 0 7.32895 0.136459 7.09153 0.377887L0.227019 7.35829C-0.0723363 7.6627 -0.0723363 8.16655 0.227019 8.47096C0.371535 8.61791 0.567664 8.70189 0.774115 8.70189C0.980567 8.70189 1.1767 8.61791 1.32121 8.47096L1.54831 8.24003V13.1631C1.54831 14.1812 2.36379 15 3.35476 15H12.6451C13.6361 15 14.4515 14.1812 14.4515 13.1631V8.24003L14.6786 8.47096C14.8231 8.61791 15.0193 8.70189 15.2257 8.70189C15.4322 8.70189 15.6283 8.61791 15.7728 8.47096C15.9173 8.324 15.9999 8.12456 15.9999 7.91463C15.9999 7.70469 15.9173 7.50525 15.7728 7.35829ZM12.9031 13.1631C12.9031 13.31 12.7896 13.4255 12.6451 13.4255H3.35476C3.21024 13.4255 3.0967 13.31 3.0967 13.1631V6.6655L7.99992 1.6795L12.9031 6.6655V13.1631Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_120'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__attention{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_348)'><path d='M8 0C3.58788 0 0 3.58788 0 8C0 12.4121 3.58788 16 8 16C12.4121 16 16 12.4121 16 8C16 3.58788 12.4121 0 8 0ZM8 14.5455C4.39273 14.5455 1.45455 11.6073 1.45455 8C1.45455 4.39273 4.39273 1.45455 8 1.45455C11.6073 1.45455 14.5455 4.39273 14.5455 8C14.5455 11.6073 11.6073 14.5455 8 14.5455Z' fill='%2364748B'/><path d='M9.11518 4.87758C9.11518 4.95515 9.11518 5.03273 9.11518 5.11031L8.77579 8.51394C8.737 8.90182 8.3976 9.22182 8.00003 9.22182H7.93215C7.55397 9.18303 7.25336 8.88243 7.22427 8.50425L6.88488 5.11031C6.817 4.4994 7.27276 3.94667 7.88367 3.87879H8.00003C8.57215 3.86909 9.057 4.30546 9.11518 4.87758Z' fill='%2364748B'/><path d='M8.00002 12.1212C8.66946 12.1212 9.21215 11.5785 9.21215 10.9091C9.21215 10.2397 8.66946 9.69697 8.00002 9.69697C7.33059 9.69697 6.7879 10.2397 6.7879 10.9091C6.7879 11.5785 7.33059 12.1212 8.00002 12.1212Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_348'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__search{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_127)'><path d='M15.6411 13.9248L11.9466 10.24C12.8872 8.86303 13.2654 7.20485 13.0132 5.54667C12.7417 3.82061 11.8205 2.29818 10.4144 1.2703C9.2799 0.436364 7.94172 0 6.54536 0C4.47021 0 2.49202 0.998788 1.26051 2.67636C0.23263 4.08242 -0.194037 5.81818 0.0774782 7.54424C0.339296 9.2703 1.26051 10.7927 2.67627 11.8206C3.80111 12.6545 5.1393 13.0909 6.54536 13.0909C7.87384 13.0909 9.14415 12.6933 10.2302 11.9467L13.9248 15.6412C14.1575 15.8739 14.4581 16 14.7878 16C15.1175 16 15.4084 15.8739 15.6411 15.6412C15.8738 15.4182 15.9999 15.1079 15.9999 14.7879C15.9999 14.4679 15.8738 14.1576 15.6411 13.9248ZM6.54536 1.45455C9.34778 1.45455 11.6363 3.73333 11.6363 6.54545C11.6363 9.35758 9.34778 11.6364 6.54536 11.6364C3.74293 11.6364 1.45445 9.34788 1.45445 6.54545C1.45445 3.74303 3.73324 1.45455 6.54536 1.45455Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_127'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__undo{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.4579 10.1983C12.4786 12.3403 10.3376 13.72 8.00459 13.72C7.14052 13.72 6.29564 13.5367 5.50837 13.17C4.03944 12.4947 2.93533 11.2983 2.37848 9.78346C1.82163 8.27831 1.87924 6.63809 2.5513 5.17153C2.66651 4.93032 2.91613 4.7663 3.19456 4.7663C3.29057 4.7663 3.37697 4.7856 3.47298 4.82419C3.6554 4.90138 3.78981 5.0461 3.86662 5.22942C3.93383 5.40309 3.93383 5.59606 3.85702 5.76973C3.57859 6.37758 3.44418 7.02402 3.44418 7.68976C3.44418 10.2176 5.48917 12.2727 8.00459 12.2727C10.52 12.2727 12.565 10.2176 12.565 7.68976C12.565 5.16188 10.6448 3.24186 8.24462 3.11643V4.28388C8.24462 4.39001 8.20621 4.49615 8.13901 4.59263C8.0334 4.70841 7.89898 4.7663 7.76457 4.7663C7.64936 4.7663 7.54375 4.72771 7.45735 4.65052L5.19154 2.74979C4.96112 2.47963 4.98992 2.18053 5.19154 2.01651L7.45735 0.115781C7.52455 0.0482419 7.63976 0 7.76457 0C8.0238 0 8.24462 0.221913 8.24462 0.482419V1.66917C9.02229 1.69812 9.79996 1.88143 10.5008 2.20948C13.5059 3.59885 14.8308 7.1784 13.4579 10.1983Z' fill='%2364748B'/></svg>")}.brwl-icon__horiz-sort{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_162)'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.58621 9.21212C5.3931 9.21212 5.20966 9.14424 5.07448 8.99879L1.21242 5.12C1.07724 4.98424 1 4.8 1 4.60606C1 4.41212 1.07724 4.22788 1.21242 4.09212L5.07448 0.213334C5.20966 0.0775761 5.3931 2.79451e-07 5.58621 2.87892e-07C5.77931 2.96333e-07 5.96276 0.0775761 6.09793 0.213334C6.2331 0.349091 6.31035 0.533334 6.31035 0.727273C6.31035 0.921212 6.2331 1.10545 6.09793 1.24121L3.47173 3.87879L14.2759 3.87879C14.6717 3.87879 15 4.20849 15 4.60606C15 5.00364 14.6717 5.33333 14.2759 5.33333L3.47172 5.33333L6.09793 7.97091C6.2331 8.10667 6.31035 8.29091 6.31035 8.48485C6.31035 8.67879 6.2331 8.86303 6.09793 8.99879C5.96276 9.14424 5.77931 9.21212 5.58621 9.21212Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.4138 16C10.2207 16 10.0372 15.9224 9.90207 15.7867C9.7669 15.6509 9.68966 15.4667 9.68966 15.2727C9.68966 15.0788 9.7669 14.8945 9.90207 14.7588L12.5283 12.1212L1.72414 12.1212C1.32828 12.1212 1 11.8012 1 11.3939C1 10.9867 1.32828 10.6667 1.72414 10.6667L12.5283 10.6667L9.90207 8.02909C9.7669 7.89334 9.68966 7.70909 9.68966 7.51516C9.68966 7.32122 9.7669 7.13697 9.90207 7.00122C10.1821 6.72 10.6455 6.72 10.9255 7.00122L14.7876 10.88C14.9228 11.0158 15 11.2 15 11.3939C15 11.5879 14.9228 11.7721 14.7876 11.9079L10.9255 15.7867C10.7903 15.9321 10.6069 16 10.4138 16Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_162'><rect width='16' height='16' fill='white' transform='translate(16) rotate(90)'/></clipPath></defs></svg>")}.brwl-icon__vertical-sort{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_158)'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.21212 10.4138C9.21212 10.6069 9.14424 10.7903 8.99879 10.9255L5.12 14.7876C4.98424 14.9228 4.8 15 4.60606 15C4.41212 15 4.22788 14.9228 4.09212 14.7876L0.213333 10.9255C0.0775758 10.7903 0 10.6069 0 10.4138C0 10.2207 0.0775758 10.0372 0.213333 9.90207C0.349091 9.7669 0.533333 9.68966 0.727273 9.68966C0.921212 9.68966 1.10545 9.7669 1.24121 9.90207L3.87879 12.5283V1.72414C3.87879 1.32828 4.20848 1 4.60606 1C5.00364 1 5.33333 1.32828 5.33333 1.72414V12.5283L7.97091 9.90207C8.10667 9.7669 8.29091 9.68966 8.48485 9.68966C8.67879 9.68966 8.86303 9.7669 8.99879 9.90207C9.14424 10.0372 9.21212 10.2207 9.21212 10.4138Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M16 5.58621C16 5.77931 15.9224 5.96276 15.7866 6.09793C15.6509 6.2331 15.4666 6.31034 15.2727 6.31034C15.0788 6.31034 14.8945 6.2331 14.7588 6.09793L12.1212 3.47172V14.2759C12.1212 14.6717 11.8012 15 11.3939 15C10.9866 15 10.6666 14.6717 10.6666 14.2759V3.47172L8.02907 6.09793C7.89331 6.2331 7.70907 6.31034 7.51513 6.31034C7.32119 6.31034 7.13695 6.2331 7.00119 6.09793C6.71998 5.81793 6.71998 5.35448 7.00119 5.07448L10.88 1.21241C11.0157 1.07724 11.2 1 11.3939 1C11.5879 1 11.7721 1.07724 11.9079 1.21241L15.7866 5.07448C15.9321 5.20965 16 5.3931 16 5.58621Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_158'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__loop{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1652_165)'><path d='M16 7.27462C16 7.39952 15.9498 7.52442 15.8695 7.60128L13.9021 9.84948C13.8118 9.96477 13.6713 10.0224 13.5308 10.0224C13.4103 10.0224 13.2999 9.98399 13.1995 9.91673L11.1619 7.58207C10.9912 7.3803 11.0113 7.09207 11.2121 6.91914C11.3225 6.84227 11.4329 6.79424 11.5433 6.79424H12.5972C12.0351 4.83427 10.1481 3.43155 8.00001 3.43155C6.57466 3.43155 5.22962 4.03683 4.3162 5.09367C4.18571 5.26661 3.96488 5.3723 3.73401 5.3723C3.56337 5.3723 3.40277 5.31465 3.27228 5.21857C2.94104 4.96877 2.88081 4.52682 3.13175 4.20977C4.35635 2.78783 6.12297 2 8.00001 2C9.45547 2 10.8708 2.48999 11.995 3.3739C13.1092 4.2482 13.862 5.45877 14.1531 6.79424H15.4981C15.7691 6.79424 16 7.01521 16 7.27462Z' fill='%2364748B'/><path d='M13.0188 11.2522C13.0489 11.4444 12.9887 11.6365 12.8683 11.7902C11.6437 13.2026 9.87705 14 8.00001 14C6.54456 14 5.12925 13.51 4.00503 12.6261C2.90089 11.7518 2.13803 10.5412 1.84694 9.19615H0.501897C0.391482 9.19615 0.281068 9.15772 0.19073 9.09047C-0.0300985 8.89832 -0.0602114 8.61969 0.120466 8.41793L2.09788 6.14091C2.25848 6.0064 2.3689 5.96797 2.48935 5.96797C2.62988 5.96797 2.7704 6.03523 2.86074 6.15052L4.83816 8.40832C4.90842 8.47558 4.95861 8.59087 4.95861 8.71577C4.95861 8.97518 4.72774 9.19615 4.45673 9.19615H3.40278C3.95485 11.1657 5.84192 12.5685 8.00001 12.5685C8.32122 12.5685 8.64242 12.53 8.95359 12.4724C10.0176 12.261 10.9812 11.7038 11.6838 10.8967C11.8244 10.7238 12.0351 10.6277 12.276 10.6277C12.4367 10.6277 12.5973 10.6757 12.7277 10.7718C12.8883 10.8967 12.9887 11.06 13.0188 11.2522Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1652_165'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__to-horiz-line{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_366)'><path fill-rule='evenodd' clip-rule='evenodd' d='M15 8C15 8.41 14.6717 8.75 14.2759 8.75H1.72414C1.31862 8.75 1 8.41 1 8C1 7.59 1.31862 7.25 1.72414 7.25H14.2759C14.6717 7.25 15 7.59 15 8Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M8.00004 0C8.27038 0 8.48279 0.22 8.48279 0.5V4.29L9.59314 3.14C9.78624 2.94 10.0856 2.94 10.2787 3.14C10.4718 3.34 10.4718 3.65 10.2787 3.85L8.34762 5.85C8.15452 6.05 7.85521 6.05 7.6621 5.85L5.73107 3.85C5.53797 3.65 5.53797 3.34 5.73107 3.14C5.92417 2.94 6.22348 2.94 6.41659 3.14L7.52693 4.29V0.5C7.52693 0.22 7.73935 0 8.00969 0H8.00004Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M7.51723 11.71L6.40688 12.86C6.21378 13.06 5.91447 13.06 5.72137 12.86C5.52826 12.66 5.52826 12.35 5.72137 12.15L7.6524 10.15C7.8455 9.95 8.14481 9.95 8.33792 10.15L10.269 12.15C10.4621 12.35 10.4621 12.66 10.269 12.86C10.0758 13.06 9.77654 13.06 9.58344 12.86L8.47309 11.71V15.5C8.47309 15.78 8.26068 16 7.99033 16C7.71999 16 7.50757 15.78 7.50757 15.5V11.71H7.51723Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_366'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__to-vertical-line{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1652_174)'><path d='M8.75 1.72414V14.2759C8.75 14.6717 8.41 15 8 15C7.59 15 7.25 14.6717 7.25 14.2759V1.72414C7.25 1.32828 7.58 1 8 1C8.42 1 8.75 1.32828 8.75 1.72414Z' fill='%2364748B'/><path d='M15.5 7.51725H11.7L12.85 6.4069C13.05 6.22345 13.05 5.91449 12.85 5.73104C12.66 5.53794 12.34 5.53794 12.14 5.73104L10.14 7.66207C9.95 7.84552 9.95 8.15449 10.14 8.33794L12.14 10.269C12.34 10.4621 12.66 10.4621 12.85 10.269C13.05 10.0855 13.05 9.77656 12.85 9.59311L11.7 8.48276H15.5C15.77 8.48276 16 8.27035 16 8.00001C16 7.72966 15.77 7.51725 15.5 7.51725ZM5.85 7.66207L3.85 5.73104C3.66 5.53794 3.34 5.53794 3.14 5.73104C2.94 5.92414 2.95 6.22345 3.14 6.4069L4.29 7.51725H0.5C0.22 7.51725 0 7.72966 0 8.00001C0 8.27035 0.22 8.48276 0.5 8.48276H4.29L3.14 9.59311C2.95 9.77656 2.95 10.0855 3.14 10.269C3.34 10.4621 3.66 10.4621 3.85 10.269L5.85 8.33794C6.05 8.15449 6.05 7.84552 5.85 7.66207Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1652_174'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__to-corners{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1652_182)'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.0703 10.9673L2.49212 14.5455H4.59636C5.00364 14.5455 5.32364 14.8655 5.32364 15.2727C5.32364 15.4667 5.25576 15.6315 5.1297 15.7576C5.00364 15.9127 4.8097 16 4.59636 16H0.727273C0.32 16 0 15.68 0 15.2727V11.4036C0 11.1903 0.0872727 10.9964 0.242424 10.8703C0.368485 10.7442 0.533333 10.6764 0.727273 10.6764C1.13455 10.6764 1.45455 10.9964 1.45455 11.4036V13.5079L5.02303 9.94909C5.15879 9.80364 5.34303 9.72606 5.53697 9.72606C5.73091 9.72606 5.91515 9.80364 6.06061 9.94909H6.0703C6.20606 10.0752 6.28364 10.2594 6.28364 10.4533C6.28364 10.6473 6.20606 10.8315 6.0703 10.9673Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M16 0.727273V4.60606C16 5.01333 15.68 5.33333 15.2727 5.33333C14.8654 5.33333 14.5454 5.01333 14.5454 4.60606V2.49212L10.977 6.06061C10.8315 6.20606 10.6473 6.27394 10.463 6.27394C10.2788 6.27394 10.0945 6.20606 9.94908 6.06061C9.65817 5.7697 9.65817 5.32364 9.94908 5.03273L13.5176 1.45455H11.4133C11.006 1.45455 10.686 1.13455 10.686 0.727273C10.686 0.32 11.006 0 11.4133 0H15.2727C15.68 0 16 0.32 16 0.727273Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1652_182'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__move{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_186)'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.29921 8C6.29921 8.39758 5.97941 8.72728 5.57238 8.72728H2.48092L3.17868 9.42546C3.46941 9.70667 3.46941 10.1721 3.17868 10.4533C3.043 10.5891 2.85887 10.6667 2.66505 10.6667C2.47123 10.6667 2.2871 10.5891 2.15142 10.4533L0.213204 8.51394C0.0775288 8.37818 0 8.19394 0 8C0 7.80606 0.0775288 7.62182 0.213204 7.48606L2.15142 5.54667C2.2871 5.41091 2.47123 5.33334 2.66505 5.33334C2.85887 5.33334 3.043 5.41091 3.17868 5.54667C3.46941 5.82788 3.46941 6.29334 3.17868 6.57455L2.48092 7.27273H5.57238C5.97941 7.27273 6.29921 7.60243 6.29921 8Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.447 13.8473L8.50878 15.7867C8.3731 15.9224 8.18897 16 7.99515 16C7.80133 16 7.62689 15.9224 7.48152 15.7867L5.5433 13.8473C5.26226 13.5661 5.26226 13.1006 5.5433 12.8194C5.67898 12.6836 5.86311 12.6061 6.05693 12.6061C6.25075 12.6061 6.43488 12.6836 6.57056 12.8194L7.26832 13.5176V10.4242C7.26832 10.0267 7.59781 9.69697 7.99515 9.69697C8.39248 9.69697 8.72198 10.0267 8.72198 10.4242V13.5176L9.41974 12.8194C9.55542 12.6836 9.73955 12.6061 9.93337 12.6061C10.1272 12.6061 10.3113 12.6836 10.447 12.8194C10.7377 13.1006 10.7377 13.5661 10.447 13.8473Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M15.7868 8.51394L13.8389 10.4533C13.7032 10.5891 13.5191 10.6667 13.3253 10.6667C13.1314 10.6667 12.9473 10.5891 12.8116 10.4533C12.5306 10.1721 12.5306 9.70667 12.8116 9.42546L13.5094 8.72728H10.4179C10.0206 8.72728 9.6911 8.39758 9.6911 8C9.6911 7.60243 10.0206 7.27273 10.4179 7.27273H13.5094L12.8116 6.57455C12.5306 6.29334 12.5306 5.82788 12.8116 5.54667C12.9473 5.41091 13.1314 5.33334 13.3253 5.33334C13.5191 5.33334 13.7032 5.41091 13.8389 5.54667L15.7771 7.48606C16.0678 7.76728 16.0678 8.23273 15.7868 8.51394Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.447 3.18061C10.3113 3.31636 10.1272 3.39394 9.93337 3.39394C9.73955 3.39394 9.55542 3.31636 9.41974 3.18061L8.72198 2.48242V5.57576C8.72198 5.97333 8.40217 6.30303 7.99515 6.30303C7.58812 6.30303 7.26832 5.97333 7.26832 5.57576V2.48242L6.57056 3.18061C6.43488 3.31636 6.25075 3.39394 6.05693 3.39394C5.86311 3.39394 5.67898 3.31636 5.5433 3.18061C5.26226 2.89939 5.26226 2.43394 5.5433 2.15273L7.48152 0.213333C7.6172 0.0775758 7.80133 0 7.99515 0C8.18897 0 8.3731 0.0775758 8.50878 0.213333L10.447 2.15273C10.7377 2.43394 10.7377 2.89939 10.447 3.18061Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_186'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__at{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.07739 2C4.49699 2 2 4.46851 2 7.99496C2 11.5214 4.43508 14 8.2012 14C9.11952 14 9.98624 13.8791 10.6569 13.6474L10.8323 13.5869V12.1461L10.4712 12.3174C10.0688 12.4987 9.14015 12.6196 8.21152 12.6196C5.3534 12.6196 3.50645 10.8262 3.50645 8.03526C3.50645 5.24433 5.39467 3.37028 7.99484 3.37028C10.595 3.37028 12.4832 4.95214 12.4832 7.30982C12.4832 8.82116 11.9983 9.84887 11.2863 9.84887C10.9252 9.84887 10.7498 9.67758 10.7498 9.33501V5.04282H9.16079V5.48615C8.78934 5.12343 8.25279 4.91184 7.65434 4.91184C6.06535 4.91184 4.94067 6.18136 4.94067 8.00504C4.94067 9.82872 6.03439 11.1889 7.65434 11.1889C8.41788 11.1889 9.03697 10.8867 9.42906 10.3426C9.70765 10.8867 10.3371 11.2494 11.0903 11.2494C12.8547 11.2494 14 9.70781 14 7.3199C14 4.1864 11.5649 2 8.07739 2ZM7.81943 9.70781C7.04557 9.70781 6.59157 9.08312 6.59157 8.03526C6.59157 7.53149 6.71539 6.36272 7.82975 6.36272C8.64488 6.36272 9.15047 6.99748 9.15047 8.03526C9.15047 9.07305 8.64488 9.70781 7.81943 9.70781Z' fill='%2364748B'/></svg>")}.brwl-icon__dont{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_208)'><path d='M8 0C3.58788 0 0 3.58788 0 8C0 12.4121 3.58788 16 8 16C12.4121 16 16 12.4121 16 8C16 3.58788 12.4121 0 8 0ZM8 14.5455C6.51636 14.5455 5.07152 14.0412 3.91758 13.12L13.12 3.91758C14.0412 5.07152 14.5455 6.51636 14.5455 8C14.5455 9.58061 13.983 11.103 12.9455 12.2861C11.7042 13.7212 9.90061 14.5455 8 14.5455ZM3.05455 3.71394C4.29576 2.27879 6.09939 1.45455 8.0097 1.45455C9.49333 1.45455 10.9285 1.95879 12.0921 2.8897L2.8897 12.0824C0.940606 9.64849 0.998788 6.0897 3.05455 3.71394Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_208'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__calendar{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_231)'><path d='M13.8182 0.969697H13.0909V0.727273C13.0909 0.329697 12.7612 0 12.3636 0C11.9661 0 11.6364 0.329697 11.6364 0.727273V0.969697H4.36364V0.727273C4.36364 0.329697 4.03394 0 3.63636 0C3.23879 0 2.90909 0.329697 2.90909 0.727273V0.969697H2.18182C0.979394 0.969697 0 1.94909 0 3.15152V13.8182C0 15.0206 0.979394 16 2.18182 16H13.8182C15.0206 16 16 15.0206 16 13.8182V3.15152C16 1.94909 15.0206 0.969697 13.8182 0.969697ZM13.8182 14.5455H2.18182C1.78424 14.5455 1.45455 14.2255 1.45455 13.8182V4.36364H14.5455V13.8182C14.5455 14.2255 14.2158 14.5455 13.8182 14.5455Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_231'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__calendar-19{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_234)'><path d='M13.8182 0.969697H13.0909V0.727273C13.0909 0.329697 12.7612 0 12.3636 0C11.9661 0 11.6364 0.329697 11.6364 0.727273V0.969697H4.36364V0.727273C4.36364 0.329697 4.03394 0 3.63636 0C3.23879 0 2.90909 0.329697 2.90909 0.727273V0.969697H2.18182C0.979394 0.969697 0 1.94909 0 3.15152V13.8182C0 15.0206 0.979394 16 2.18182 16H13.8182C15.0206 16 16 15.0206 16 13.8182V3.15152C16 1.94909 15.0206 0.969697 13.8182 0.969697ZM13.8182 14.5455H2.18182C1.78424 14.5455 1.45455 14.2255 1.45455 13.8182V4.36364H14.5455V13.8182C14.5455 14.2255 14.2158 14.5455 13.8182 14.5455Z' fill='%2364748B'/><path d='M6.445 11.688V6.354H5.812C5.35913 6.59651 4.92102 6.86565 4.5 7.16V7.855C4.875 7.598 5.469 7.235 5.758 7.078H5.77V11.688H6.445ZM7.633 10.383C7.68 11.023 8.227 11.789 9.336 11.789C10.594 11.789 11.336 10.723 11.336 8.918C11.336 6.984 10.555 6.25 9.383 6.25C8.457 6.25 7.586 6.922 7.586 8.059C7.586 9.219 8.41 9.829 9.262 9.829C10.008 9.829 10.492 9.453 10.645 9.039H10.672C10.668 10.355 10.211 11.203 9.367 11.203C8.703 11.203 8.359 10.753 8.317 10.383H7.633ZM10.586 8.066C10.586 8.762 10.027 9.246 9.402 9.246C8.801 9.246 8.258 8.863 8.258 8.046C8.258 7.223 8.84 6.836 9.426 6.836C10.059 6.836 10.586 7.234 10.586 8.066Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_234'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__envelope{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_113)'><path d='M15.36 2.6336C14.943 2.2304 14.4 2 13.8182 2H2.18182C1.5903 2 1.04727 2.2304 0.630303 2.6336C0.22303 3.0464 0 3.584 0 4.16V11.84C0 12.416 0.232727 12.9728 0.630303 13.3664C1.03758 13.7696 1.6 14 2.18182 14H13.8182C14.3903 14 14.9527 13.7696 15.36 13.3664C15.7673 12.9728 16 12.416 16 11.84V4.16C16 3.584 15.7673 3.0464 15.36 2.6336ZM1.45455 5.9168L5.30424 8.2016L1.45455 10.5536V5.9168ZM14.2545 12.416C14.1285 12.512 13.9733 12.56 13.8182 12.56H2.18182C2.01697 12.56 1.86182 12.512 1.73576 12.416C1.65818 12.3584 1.5903 12.2816 1.54182 12.1952L6.7103 9.0464L8 9.8048L9.28 9.0464L14.4485 12.1952C14.4 12.2816 14.3321 12.3584 14.2545 12.416ZM14.5455 10.5536L10.6861 8.2016L14.5455 5.9168V10.5536ZM14.5455 4.2368L8 8.1248L1.45455 4.2368V4.16C1.45455 3.9776 1.53212 3.7856 1.66788 3.6512C1.80364 3.5168 1.98788 3.44 2.18182 3.44H13.8182C14.0024 3.44 14.1964 3.5168 14.3321 3.6512C14.4679 3.7856 14.5455 3.9776 14.5455 4.16V4.2368Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_113'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__envelope-at{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1654_353)'><path d='M13.82 1H2.18C0.98 1 0 1.9802 0 3.18812V10.9802C0 12.1881 0.98 13.1584 2.18 13.1584H7.51C7.91 13.1584 8.24 12.8317 8.24 12.4257C8.24 12.0198 7.91 11.6931 7.51 11.6931H2.18C1.91 11.6931 1.67 11.5446 1.54 11.3168L6.71 8.12871L8 8.91089L14.55 4.9703V7.56436C14.55 7.9604 14.87 8.29703 15.28 8.29703C15.69 8.29703 16.01 7.9703 16.01 7.56436V3.18812C16.01 1.9802 15.03 1 13.83 1H13.82ZM14.55 3.26733L8 7.20792L1.45 3.26733V3.18812C1.45 2.79208 1.77 2.45545 2.18 2.45545H13.82C14.22 2.45545 14.55 2.78218 14.55 3.18812V3.26733ZM1.45 9.66337V4.9604L5.3 7.27723L1.45 9.66337Z' fill='%2364748B'/><path d='M12.35 7.90099C10.24 7.90099 8.82001 9.30693 8.82001 11.3861V11.5941C8.82001 13.6634 10.16 15 12.23 15H12.27C12.84 15 13.29 14.9307 13.54 14.8119L13.62 14.7624V13.7327L13.41 13.8317C13.19 13.9307 12.78 13.9901 12.29 13.9901C11.15 13.9901 9.94001 13.3564 9.94001 11.5644V11.4059C9.94001 9.89109 10.89 8.91089 12.39 8.91089C13.72 8.91089 14.65 9.78217 14.65 11.0297V11.1485C14.65 11.9703 14.4 12.3465 14.18 12.3465C14.02 12.3465 13.93 12.2574 13.93 12.0891V9.81188H12.75V10.0396C12.57 9.87128 12.31 9.75247 11.95 9.75247C11.11 9.75247 10.57 10.3465 10.57 11.2574V11.7822C10.57 12.7129 11.11 13.3168 11.95 13.3168C12.38 13.3168 12.75 13.1386 12.95 12.8515C13.18 13.1782 13.64 13.3267 14.05 13.3267C15.08 13.3267 15.74 12.495 15.74 11.2079V11C15.74 9.46534 14.59 7.90099 12.35 7.90099ZM12.63 11.6931C12.63 12.2574 12.35 12.2574 12.24 12.2574C12.11 12.2574 11.83 12.2574 11.83 11.6337V11.4059C11.83 11 11.96 10.7921 12.23 10.7921C12.56 10.7921 12.63 11.0792 12.63 11.3267V11.6931Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1654_353'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__picture{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1648_123)'><path d='M13.8182 1H2.18182C0.979394 1 0 1.97517 0 3.17241V12.8276C0 14.0248 0.979394 15 2.18182 15H13.8182C15.0206 15 16 14.0248 16 12.8276V3.17241C16 1.97517 15.0206 1 13.8182 1ZM14.5455 9.05241L11.2388 7.3531C11.1321 7.30483 11.0255 7.27586 10.9091 7.27586C10.7152 7.27586 10.5309 7.3531 10.3952 7.48828L6.94303 10.9255L4.52848 9.33241C4.40242 9.24552 4.26667 9.2069 4.12121 9.2069C3.92727 9.2069 3.74303 9.28414 3.61697 9.40965L1.45455 11.3214V3.17241C1.45455 2.77655 1.78424 2.44828 2.18182 2.44828H13.8182C14.2255 2.44828 14.5455 2.77655 14.5455 3.17241V9.05241Z' fill='%2364748B'/><path d='M4.60603 7.27586C5.54324 7.27586 6.303 6.51937 6.303 5.5862C6.303 4.65303 5.54324 3.89655 4.60603 3.89655C3.66882 3.89655 2.90906 4.65303 2.90906 5.5862C2.90906 6.51937 3.66882 7.27586 4.60603 7.27586Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1648_123'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__pencil-square{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1686_29)'><path d='M15.5 1.94C15.59 2.03 15.65 2.16 15.65 2.29C15.65 2.42 15.6 2.55 15.5 2.64L14.46 3.68L12.46 1.68L13.5 0.64C13.59 0.55 13.72 0.49 13.85 0.49C13.98 0.49 14.11 0.54 14.2 0.64L15.49 1.93L15.5 1.94ZM13.75 4.4L11.75 2.4L4.94 9.21C4.88 9.27 4.84 9.33 4.82 9.41L4.02 11.82C4.02 11.82 4 11.91 4.02 11.96C4.03 12.01 4.05 12.05 4.09 12.08C4.12 12.11 4.16 12.14 4.21 12.15C4.26 12.16 4.3 12.15 4.35 12.15L6.76 11.35C6.83 11.33 6.9 11.28 6.96 11.23L13.77 4.41L13.75 4.4Z' fill='%2364748B'/><path fill-rule='evenodd' clip-rule='evenodd' d='M15.25 7.5V13.5C15.25 13.96 15.06 14.41 14.74 14.74C14.41 15.06 13.96 15.25 13.5 15.25H2.5C2.03 15.25 1.59 15.07 1.26 14.74C0.94 14.41 0.75 13.96 0.75 13.5V2.5C0.75 2.04 0.94 1.59 1.26 1.26C1.59 0.93 2.03 0.75 2.5 0.75H9C9.2 0.75 9.39 0.83 9.53 0.97C9.67 1.11 9.75 1.3 9.75 1.5C9.75 1.7 9.67 1.89 9.53 2.03C9.39 2.17 9.2 2.25 9 2.25H2.5C2.43 2.25 2.37 2.28 2.32 2.32C2.28 2.37 2.25 2.43 2.25 2.5V13.5C2.25 13.57 2.28 13.63 2.32 13.68C2.37 13.72 2.43 13.75 2.5 13.75H13.5C13.57 13.75 13.63 13.72 13.68 13.68C13.72 13.63 13.75 13.57 13.75 13.5V7.5C13.75 7.3 13.83 7.11 13.97 6.97C14.11 6.83 14.3 6.75 14.5 6.75C14.7 6.75 14.89 6.83 15.03 6.97C15.17 7.11 15.25 7.3 15.25 7.5Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1686_29'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__pencil{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.02305 3.88314C6.95384 5.94174 4.87689 8.00737 2.8654 10.0077C3.74164 10.8837 4.65097 11.7926 5.51806 12.6601C7.5556 10.6317 9.62622 8.57028 11.6666 6.53904C10.7784 5.64625 9.86903 4.73311 9.02235 3.88244L9.02305 3.88314ZM12.2423 6.02667C12.6526 5.59642 13.0988 5.12897 13.4993 4.70784C12.616 3.81646 11.7046 2.8963 10.8164 1.9993C10.3793 2.42183 9.92252 2.86401 9.47279 3.29918C10.3863 4.19898 11.2943 5.09247 12.2423 6.02597V6.02667ZM1.5 14C2.69718 13.7277 3.81414 13.4736 4.86493 13.235C3.99853 12.3632 3.13566 11.495 2.26856 10.6226C2.02223 11.7063 1.76815 12.8208 1.5 14Z' fill='%2364748B'/><path d='M9.02414 3.88203C9.87012 4.732 10.7794 5.64585 11.6684 6.53864C9.62801 8.56987 7.5581 10.6306 5.51986 12.6597C4.65206 11.7922 3.74343 10.8833 2.86719 10.0073C4.87798 8.00696 6.95493 5.94134 9.02484 3.88273L9.02414 3.88203Z' fill='%2364748B'/><path d='M12.2383 6.02667C11.2902 5.09317 10.3823 4.19898 9.46875 3.29988C9.91919 2.86471 10.376 2.42253 10.8123 2C11.7005 2.8963 12.612 3.81716 13.4953 4.70855C13.0941 5.12897 12.6486 5.59712 12.2383 6.02737V6.02667Z' fill='%2364748B'/><path d='M1.5 14.0001C1.76815 12.8209 2.02223 11.7064 2.26856 10.6227C3.13566 11.4951 3.99853 12.3633 4.86493 13.235C3.81413 13.4737 2.69718 13.7278 1.5 14.0001Z' fill='%2364748B'/></svg>")}.brwl-icon__pencil-underlined{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1686_13)'><path d='M14.08 2.19C14.28 2.39 14.28 2.71 14.08 2.9L13.03 3.96L11.01 1.94L12.06 0.880003C12.26 0.680003 12.58 0.680003 12.77 0.880003L14.08 2.19ZM12.31 4.67L10.29 2.65L3.39997 9.54C3.33997 9.6 3.29997 9.66 3.27997 9.74L2.46997 12.18C2.42997 12.31 2.49997 12.46 2.62997 12.5C2.67997 12.52 2.73997 12.52 2.78997 12.5L5.22997 11.69C5.29997 11.67 5.36997 11.62 5.42997 11.57L12.32 4.68L12.31 4.67Z' fill='%2364748B'/><path d='M15.05 14.16H0.939961C0.536793 14.16 0.209961 14.4868 0.209961 14.89V14.9C0.209961 15.3032 0.536793 15.63 0.939961 15.63H15.05C15.4531 15.63 15.78 15.3032 15.78 14.9V14.89C15.78 14.4868 15.4531 14.16 15.05 14.16Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1686_13'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__card-text{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.5055 2.5304C15.1855 2.1976 14.7491 2 14.303 2H1.69697C1.25091 2 0.814545 2.1976 0.494545 2.5304C0.184242 2.8736 0 3.3416 0 3.82V13.18C0 13.6584 0.184242 14.1264 0.494545 14.4696C0.814545 14.8024 1.25091 15 1.69697 15H14.303C14.7491 15 15.1855 14.8024 15.5055 14.4696C15.8158 14.1264 16 13.6584 16 13.18V3.82C16 3.3416 15.8158 2.8736 15.5055 2.5304ZM14.5455 13.18C14.5455 13.2528 14.5164 13.3152 14.4776 13.3672C14.4291 13.4088 14.3709 13.44 14.303 13.44H1.69697C1.62909 13.44 1.57091 13.4088 1.52242 13.3672C1.48364 13.3152 1.45455 13.2528 1.45455 13.18V3.82C1.45455 3.7472 1.48364 3.6848 1.52242 3.6328C1.57091 3.5912 1.62909 3.56 1.69697 3.56H14.303C14.3709 3.56 14.4291 3.5912 14.4776 3.6328C14.5164 3.6848 14.5455 3.7472 14.5455 3.82V13.18Z' fill='%2364748B'/><path d='M10.1429 10.3077C10.1429 10.4923 10.0667 10.6677 9.93333 10.7969C9.8 10.9262 9.61905 11 9.42857 11H3.71429C3.52381 11 3.34286 10.9262 3.20952 10.7969C3.07619 10.6677 3 10.4923 3 10.3077C3 10.1231 3.07619 9.94769 3.20952 9.81846C3.34286 9.68923 3.52381 9.61539 3.71429 9.61539H9.42857C9.61905 9.61539 9.8 9.68923 9.93333 9.81846C10.0667 9.94769 10.1429 10.1231 10.1429 10.3077Z' fill='%2364748B'/><path d='M13 8C13 8.18462 12.9238 8.36 12.7905 8.48923C12.6571 8.61846 12.4762 8.69231 12.2857 8.69231H3.71429C3.52381 8.69231 3.34286 8.61846 3.20952 8.48923C3.07619 8.36 3 8.18462 3 8C3 7.81539 3.07619 7.64 3.20952 7.51077C3.34286 7.38154 3.52381 7.30769 3.71429 7.30769H12.2857C12.4762 7.30769 12.6571 7.38154 12.7905 7.51077C12.9238 7.64 13 7.81539 13 8Z' fill='%2364748B'/><path d='M13 5.69231C13 5.87692 12.9238 6.05231 12.7905 6.18154C12.6571 6.31077 12.4762 6.38462 12.2857 6.38462H3.71429C3.52381 6.38462 3.34286 6.31077 3.20952 6.18154C3.07619 6.05231 3 5.87692 3 5.69231C3 5.50769 3.07619 5.33231 3.20952 5.20308C3.34286 5.07385 3.52381 5 3.71429 5H12.2857C12.4762 5 12.6571 5.07385 12.7905 5.20308C12.9238 5.33231 13 5.50769 13 5.69231Z' fill='%2364748B'/></svg>")}.brwl-icon__eye{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.9324 8.38522C15.8069 8.16522 12.9101 3 7.99517 3C3.08027 3 0.183464 8.16522 0.057936 8.38522L0 8.5L0.057936 8.61478C0.183464 8.83478 3.08027 14 7.99517 14C12.9101 14 15.8069 8.83478 15.9324 8.61478L16 8.5L15.9324 8.38522ZM14.204 8.63391C13.9143 9.04522 13.4412 9.66696 12.8135 10.2887C11.2879 11.8 9.66566 12.5652 7.99517 12.5652C6.32468 12.5652 4.70247 11.8 3.17683 10.2887C2.62643 9.74348 2.12432 9.14087 1.6898 8.5C2.12432 7.85913 2.62643 7.25652 3.17683 6.7113C4.70247 5.2 6.32468 4.43478 7.99517 4.43478C9.66566 4.43478 11.2879 5.2 12.8135 6.7113C13.3639 7.25652 13.866 7.85913 14.3005 8.5L14.204 8.63391Z' fill='%2364748B'/><path d='M7.99515 4.91304C5.99635 4.91304 4.37415 6.52 4.37415 8.5C4.37415 10.48 5.99635 12.087 7.99515 12.087C9.99394 12.087 11.6161 10.48 11.6161 8.5C11.6161 6.52 9.99394 4.91304 7.99515 4.91304ZM7.99515 10.6522C6.7978 10.6522 5.82255 9.68608 5.82255 8.5C5.82255 7.31391 6.7978 6.34782 7.99515 6.34782C9.19249 6.34782 10.1677 7.31391 10.1677 8.5C10.1677 9.68608 9.19249 10.6522 7.99515 10.6522Z' fill='%2364748B'/></svg>")}.brwl-icon__eye-slash{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1749_9)'><path d='M16.0001 8.5L15.9325 8.61624C15.8938 8.68405 14.9862 10.3405 13.335 11.813L13.1612 11.968L12.1377 10.9411L12.3308 10.7668C12.4949 10.6215 12.6591 10.4665 12.8136 10.3115C13.4412 9.68182 13.9144 9.05216 14.204 8.63562L14.3006 8.5C13.8661 7.85097 13.364 7.24068 12.8136 6.68852C11.2879 5.15797 9.66572 4.38301 7.99523 4.38301C7.35794 4.38301 6.7303 4.49925 6.12197 4.71237L5.98678 4.77049L4.87634 3.66617L5.20465 3.52086C6.093 3.13338 7.02963 2.92995 7.99523 2.92995C12.9101 2.92995 15.8069 8.16095 15.9325 8.38376L16.0001 8.5Z' fill='%2364748B'/><path d='M9.5691 11.7936L9.21183 11.9195C8.81594 12.0648 8.41038 12.1326 7.99517 12.1326C6.46953 12.1326 5.09837 11.1639 4.58661 9.72057C4.30658 8.93592 4.30658 8.06408 4.58661 7.27943L4.71213 6.92101L5.8612 8.07377L5.84189 8.19001C5.67773 9.38152 6.49849 10.4858 7.68618 10.6602C7.7924 10.6699 7.88896 10.6796 7.99517 10.6796C8.10139 10.6796 8.19795 10.6699 8.30417 10.6602L8.42004 10.6408L9.5691 11.7936Z' fill='%2364748B'/><path d='M11.4038 9.72057L11.2782 10.079L10.1292 8.92623L10.1485 8.80999C10.1775 8.60656 10.1775 8.39344 10.1485 8.19002C9.99399 7.12444 9.06701 6.32042 7.99519 6.32042C7.89863 6.32042 7.79242 6.33011 7.6862 6.33979L7.57033 6.35917L6.42126 5.20641L6.77854 5.08048C7.17443 4.93517 7.57998 4.86736 7.99519 4.86736C8.4104 4.86736 8.82561 4.93517 9.21185 5.08048C10.1292 5.40015 10.8534 6.06856 11.2686 6.94039C11.6838 7.82191 11.7321 8.80999 11.4038 9.72057Z' fill='%2364748B'/><path d='M11.1141 13.3338L10.7858 13.4791C9.89741 13.8666 8.96077 14.07 7.99517 14.07C3.08027 14.07 0.183464 8.83905 0.057936 8.61625L0 8.5L0.057936 8.38376C0.0965601 8.31595 1.00422 6.65947 2.6554 5.18704L2.82921 5.03204L3.85275 6.05887L3.65963 6.23324C3.49547 6.37854 3.33132 6.53353 3.17683 6.68853C2.62643 7.24069 2.12432 7.85097 1.6898 8.5L1.78636 8.64531C2.07604 9.05216 2.54919 9.68182 3.17683 10.3115C4.70247 11.842 6.32468 12.617 7.99517 12.617C8.62281 12.617 9.25045 12.5007 9.85878 12.2779L10.0036 12.2295L11.1141 13.3338Z' fill='%2364748B'/><path d='M2.53931 1.99942L1.51514 3.02689L13.4502 15.0003L14.4744 13.9728L2.53931 1.99942Z' fill='%2364748B'/></g><defs><clipPath id='clip0_1749_9'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__filled-star{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_1770_4010)'><path d='M8.00098 0.833344C8.19108 0.833467 8.36499 0.941231 8.44922 1.11166L10.3926 5.04916L14.7393 5.68491C14.9275 5.71242 15.0838 5.84481 15.1426 6.02573C15.2013 6.20669 15.1528 6.40566 15.0166 6.53842L11.8711 9.59995L12.6133 13.929C12.6454 14.1166 12.568 14.3065 12.4141 14.4183C12.2601 14.5298 12.056 14.5439 11.8877 14.4554L8 12.4115L4.11328 14.4554C3.94493 14.5439 3.74087 14.53 3.58691 14.4183C3.43299 14.3065 3.35563 14.1166 3.3877 13.929L4.12988 9.60092L0.985352 6.53842C0.849042 6.40566 0.79971 6.20673 0.858398 6.02573C0.917105 5.84476 1.07346 5.71242 1.26172 5.68491L5.6084 5.04916L7.55273 1.11166L7.58789 1.05112C7.68019 0.916078 7.83443 0.833344 8.00098 0.833344Z' fill='%23EAB308' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='clip0_1770_4010'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>")}.brwl-icon__empty-star{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.6123 5.72786C9.68506 5.87526 9.82563 5.9775 9.98828 6.0013L13.5918 6.52766L10.9854 9.06868C10.8675 9.18351 10.8131 9.34885 10.8408 9.51106L11.4561 13.098L8.2334 11.4036C8.08774 11.3271 7.91321 11.3271 7.76758 11.4036L4.54395 13.098L5.16016 9.51106C5.18791 9.34898 5.13429 9.18351 5.0166 9.06868L2.4082 6.52766L6.0127 6.0013C6.17536 5.97752 6.3159 5.87526 6.38867 5.72786L8 2.46223L9.6123 5.72786Z' stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.brwl-icon__empty-star-white{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.6123 5.72786C9.68506 5.87526 9.82563 5.9775 9.98828 6.0013L13.5918 6.52766L10.9854 9.06868C10.8675 9.18351 10.8131 9.34885 10.8408 9.51106L11.4561 13.098L8.2334 11.4036C8.08774 11.3271 7.91321 11.3271 7.76758 11.4036L4.54395 13.098L5.16016 9.51106C5.18791 9.34898 5.13429 9.18351 5.0166 9.06868L2.4082 6.52766L6.0127 6.0013C6.17536 5.97752 6.3159 5.87526 6.38867 5.72786L8 2.46223L9.6123 5.72786Z' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.brwl-icon__loop2{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.27676 10.8917C4.01124 10.1558 4.78199 9.38305 5.5836 8.58047H4.18715C4.23653 7.02787 4.90466 5.88637 6.18847 5.19127C7.82178 4.3071 9.35556 4.61307 10.715 5.78831C11.1493 5.3623 11.5729 4.94728 12.0188 4.51029C10.4658 2.99771 8.61876 2.46422 6.58889 3.03772C3.89629 3.7995 2.5361 5.75379 2.32007 8.59459H1C1.78232 9.38384 2.5523 10.1605 3.27676 10.8925V10.8917ZM3.96495 12.4961C5.58051 14.0338 7.45531 14.5586 9.52915 13.9224C12.1477 13.1182 13.4323 11.1679 13.6653 8.39454H14.9992C14.2061 7.59117 13.4377 6.81134 12.7163 6.08094C11.9664 6.8286 11.1926 7.5998 10.3747 8.41572H11.7604C11.8514 9.76434 10.9896 11.2589 9.74904 11.8645C8.11341 12.6624 6.61358 12.3721 5.27576 11.2259C4.85297 11.6355 4.42632 12.0489 3.96495 12.4961Z' fill='%2364748B'/><path d='M3.27675 10.813C2.55153 10.1059 1.78155 9.35404 1 8.59079H2.32007C2.5361 5.84431 3.89629 3.95439 6.58889 3.21769C8.61799 2.66309 10.4658 3.179 12.0181 4.64177C11.5721 5.06436 11.1486 5.46572 10.7142 5.87769C9.35479 4.74116 7.82101 4.44603 6.1877 5.30032C4.90389 5.97253 4.23575 7.07643 4.18638 8.57789H5.58283C4.78122 9.35404 4.01047 10.1014 3.27598 10.813H3.27675Z' fill='%2364748B'/><path d='M3.96484 12.3643C4.42698 11.9319 4.85363 11.532 5.27566 11.136C6.61424 12.2444 8.11408 12.5259 9.74893 11.7536C10.9895 11.1679 11.8513 9.72178 11.7603 8.41834H10.3746C11.1924 7.62929 11.9663 6.88349 12.7162 6.16045C13.4368 6.8668 14.206 7.62095 14.9991 8.39785H13.6652C13.4322 11.0798 12.1484 12.966 9.52904 13.7436C7.4552 14.3597 5.58118 13.8521 3.96484 12.3643Z' fill='%2364748B'/></svg>")}.brwl-sidepanel{display:flex;flex-direction:column;min-width:220px;max-width:250px;width:fit-content;max-height:250px;border:1px solid #e4e4e7;padding:0;border-radius:12px;background:#fff;box-shadow:0 25px 12px #00000040;z-index:9000;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,sans-serif;font-weight:600}.brwl-sidepanel__slider{display:flex;justify-content:flex-end;align-items:center;font-size:16px;border-bottom:1px solid #e4e4e7;padding:4px;color:#506466;-webkit-user-select:none;user-select:none;cursor:move}.brwl-sidepanel__control-block{border-top:1px solid #e4e4e7;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:4px;display:flex;align-items:center}.brwl-sidepanel__control-block-mini{border-top:1px solid #e4e4e7;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:4px 0;display:flex;align-items:center;background:linear-gradient(91.29deg,#fff0ee,#d8eaff)}.brwl-sidepanel__control-elem{display:flex;align-items:center;flex-shrink:0;font-size:10px;border-radius:999px;border:1px solid #e4e4e7;margin:4px;padding:4px 8px;cursor:pointer;line-height:16px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.brwl-sidepanel__control-elem--on{color:#fff;background:#334155}.brwl-sidepanel__control-elem--off{color:#1e293b;background:#fff}.brwl-kebabmenu{background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='8' cy='4' r='1' fill='%2364748B'/><circle cx='8' cy='8' r='1' fill='%2364748B'/><circle cx='8' cy='12' r='1' fill='%2364748B'/><circle cx='8' cy='8' r='7.5' stroke='%2364748B' stroke-width='1' fill='none'/></svg>");position:relative;background-repeat:no-repeat;background-position:center;background-size:24px 24px;height:24px;width:24px}.brwl-kebabmenu__body{position:absolute;border-radius:6px;border:1px solid rgba(0,0,0,.3019607843);background-color:#fff;font-size:12px;color:#212529;bottom:0;right:0;transform:translateY(100%);width:fit-content;white-space:nowrap;z-index:99999}.brwl-kebabmenu__line{padding:8px;cursor:pointer;border-radius:6px}.brwl-kebabmenu__line:hover{background-color:#e2e8f0}.brwl-starredmenu{display:flex;flex-direction:column;border-radius:6px;border:1px solid rgba(0,0,0,.3019607843)}.brwl-starredmenu>:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.brwl-starredmenu>:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.brwl-starredmenu__option{display:flex;align-items:center;width:100%;padding:8px 8px 8px 16px;box-sizing:border-box;background-color:#fff}.brwl-starredmenu__option:hover{background-color:#e2e8f0}.brwl-starredmenu__option__active{background-color:#1d4ed8!important;color:#f8fafc!important}.brwl-starredmenu__text{font-weight:500}.brwl-starredmenu__star{flex:0 0 auto;margin-left:auto}.brwl-viewlist-header{display:flex;justify-content:space-between;font-size:16px;font-weight:600}.brwl-viewlist-header-string{color:#1d4ed8;cursor:pointer}.brwl-viewlist-option{display:flex;position:relative;cursor:pointer;padding:3px 8px;align-items:center;border-bottom:1px solid #cbd5e1;min-height:58px}.brwl-viewlist-opt-wrapper{display:flex;flex-direction:column}.brwl-viewlist-search{width:100%;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:0 20px}.brwl-viewlist-search-input{padding:.65em 1em;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;font-size:16px;color:#506465;width:100%;transition:border-color .2s ease,box-shadow .2s ease;resize:none;margin:6px 0}.brwl-viewlist-search-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #007bff26;outline:none}.brwl-viewlist-group{width:100%}.brwl-viewlist-group-header{font-size:16px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd5e1;padding:8px 0}.brwl-viewlist-group-header:after{content:"❯";color:#cbd5e1;font-size:12px}.brwl-viewlist-group-options-wrapper{display:flex;flex-direction:column;border:1px solid #cbd5e1;border-radius:8px;margin-top:8px}.brwl-viewlist-option-text{font-size:16px;font-weight:600;color:#212529}.brwl-viewlist-option-text-comment{font-size:12px;font-weight:400;color:#6c757d}.brwl-invisible{display:none!important}.brwl-oco-text-field{box-sizing:border-box}.brwl-oco-text-field *,.brwl-oco-text-field *:before,.brwl-oco-text-field *:after{box-sizing:inherit}.brwl-oco-text-field{position:relative;border-left:1px solid #9e9e9e!important;border-right:1px solid #9e9e9e!important;border-bottom:1px solid #9e9e9e!important;border-top:0px;border-radius:0;border-top-right-radius:4px!important;border-top-left-radius:4px!important;width:min-content}.brwl-oco-text-field:focus{border-color:#9e9e9e!important;color:#000!important}.brwl-oco-text-field__input{border:none;outline:none;border-radius:0;border-top-right-radius:4px!important;border-top-left-radius:4px!important;border-top:1px solid #9e9e9e!important;background-color:#fff;height:36px!important;font-weight:400!important;line-height:34px!important;padding:0 .5rem;transition:border-bottom .15s ease-in;width:215px}.brwl-oco-text-field__input:focus{color:#000!important}.brwl-oco-text-field__input:not(:placeholder-shown)+.brwl-oco-text-field__input__placeholder .brwl-oco-text-field__input__placeholder__label{display:none}.brwl-oco-text-field__input:focus+.brwl-oco-text-field__input__placeholder .brwl-oco-text-field__input__placeholder__label{background-color:#fff;background-clip:content-box;color:#000!important;transform:translateY(-18px);font-size:13px;line-height:13px;font-weight:400!important;display:block}.brwl-oco-text-field__input__placeholder{position:absolute;top:0;bottom:0;left:.5rem;right:0;background-color:transparent;pointer-events:none;display:flex;align-items:center}.brwl-oco-text-field__input__placeholder__label{background-color:transparent;transform:translate(0);color:#656778;font-size:14px;font-weight:300;transition:transform .15s ease-out,font-size .15s ease-out,background-color .2s ease-out,color .15s ease-out}.brwl-oco-text-field__color{border:none;outline:none;border-radius:0;border-top-right-radius:4px!important;border-top-left-radius:4px!important;border-top:1px solid #9e9e9e!important;background-color:#fff;height:36px!important;font-weight:400!important;line-height:34px!important;padding:0 .5rem;transition:border-bottom .15s ease-in;width:215px}.brwl-oco-text-field__color:focus{color:#000!important}.brwl-oco-text-field__color:focus+.brwl-oco-text-field__color__placeholder .brwl-oco-text-field__color__placeholder__label{display:block!important;background-color:#fff;background-clip:content-box;color:#000!important;transform:translateY(-18px);font-size:13px;line-height:13px;font-weight:400!important}.brwl-oco-text-field__color:not(:placeholder-shown)+.brwl-oco-text-field__color__placeholder .brwl-oco-text-field__color__placeholder__label{display:none}.brwl-oco-text-field__color__picker{cursor:pointer;height:24px;width:24px;content:"";left:185px;position:absolute;border:1px solid #ccc!important;top:6px;z-index:1}.brwl-oco-text-field__color__picker__background{position:absolute;z-index:1;height:24px;width:24px;content:"";left:185px;background:repeating-conic-gradient(#ccc 0%,#ccc 25%,transparent 0%,transparent 50%) 50% center/10px 10px;top:6px}.brwl-oco-text-field__color__placeholder{position:absolute;top:0;bottom:0;left:.5rem;right:0;background-color:transparent;pointer-events:none;display:flex;align-items:center}.brwl-oco-text-field__color__placeholder__label{background-color:transparent;transform:translate(0);color:#656778;font-size:14px;font-weight:300;left:0;transition:transform .15s ease-out,font-size .15s ease-out,background-color .2s ease-out,color .15s ease-out}.brwl-oco-text-field__textarea{background:#fff!important;border:none;outline:none;border-radius:0;border-top-right-radius:4px!important;border-top-left-radius:4px!important;border-top:1px solid #9e9e9e!important;font-weight:400!important;padding:10px;transition:border-bottom .15s ease-in;overflow:hidden;overflow-wrap:break-word;resize:none;width:215px}.brwl-oco-text-field__textarea:focus+.brwl-oco-text-field__textarea__placeholder .brwl-oco-text-field__textarea__placeholder__label{background-color:#fff;background-clip:content-box;color:#000!important;transform:translateY(-11px);font-size:13px;line-height:13px;font-weight:400!important;display:block!important}.brwl-oco-text-field__textarea:not(:placeholder-shown)+.brwl-oco-text-field__textarea__placeholder .brwl-oco-text-field__textarea__placeholder__label{display:none}.brwl-oco-text-field__textarea__placeholder{position:absolute;top:5px;bottom:0;left:.5rem;right:0;background-color:transparent;pointer-events:none;display:flex;align-items:start}.brwl-oco-text-field__textarea__placeholder__label{background-color:transparent;transform:translate(0);color:#656778;font-size:14px;font-weight:300;transition:transform .15s ease-out,font-size .15s ease-out,background-color .2s ease-out,color .15s ease-out}.brwl-oco-bg-d1d9e6 .brwl-oco-text-field__input,.brwl-oco-bg-d1d9e6 .brwl-oco-text-field__color,.brwl-oco-bg-d1d9e6 .brwl-oco-text-field__textarea{background:#d1d9e6!important;pointer-events:none!important}.brwl-oco-checkbox{box-sizing:border-box}.brwl-oco-checkbox *,.brwl-oco-checkbox *:before,.brwl-oco-checkbox *:after{box-sizing:inherit}.brwl-oco-checkbox{display:inline-block;position:relative;font-size:16px;line-height:24px}.brwl-oco-checkbox__input{position:absolute;top:4px;left:0;width:16px;height:16px;opacity:0;z-index:0}.brwl-oco-checkbox__label{display:block;padding:1px 0 0 24px;color:#000;font-size:16px;font-weight:400!important;cursor:pointer}.brwl-oco-checkbox__label:before{content:"";position:absolute;top:4px;left:0;width:18px;height:18px;background-color:transparent;border:1px solid rgba(0,0,0,.54);border-radius:2px;z-index:1;transition:all .28s cubic-bezier(.4,0,.2,1);transition-property:background-color,border-color}.brwl-oco-checkbox__label:after{content:"";position:absolute;top:6px;left:6px;width:6px;height:11px;border-bottom:2px solid transparent;border-right:2px solid transparent;transform:rotate(45deg);z-index:2;transition:border-color .28s cubic-bezier(.4,0,.2,1)}.brwl-oco-checkbox__input:checked+.brwl-oco-checkbox__label:before{background-color:#5580b4;border-color:#5580b4}.brwl-oco-checkbox__input:checked+.brwl-oco-checkbox__label:after{border-color:#fff}.brwl-oco-checkbox__input:focus+.brwl-oco-checkbox__label:before{outline:1px dotted currentColor}.brwl-oco-radio{box-sizing:border-box}.brwl-oco-radio *,.brwl-oco-radio *:before,.brwl-oco-radio *:after{box-sizing:inherit}.brwl-oco-radio{position:relative;font-size:16px;line-height:24px}.brwl-oco-radio__input{position:absolute;top:4px;left:0;height:20px;opacity:0;z-index:0}.brwl-oco-radio__label{display:block;padding:2px 0 0 24px;cursor:pointer;color:#000;font-size:16px;font-weight:400!important}.brwl-oco-radio__label:before{content:"";position:absolute;top:4px;left:0;width:18px;height:18px;background-color:transparent;border:2px solid rgba(0,0,0,.54);border-radius:14px;z-index:1;transition:border-color .28s cubic-bezier(.4,0,.2,1)}.brwl-oco-radio__label:after{content:"";position:absolute;top:9px;left:5px;width:8px;height:8px;background-color:#5580b4;border-radius:50%;z-index:2;transform:scale(0);transition:transform .28s cubic-bezier(.4,0,.2,1)}.brwl-oco-radio__input:checked+.brwl-oco-radio__label:before{border-color:#5580b4}.brwl-oco-radio__input:checked+.brwl-oco-radio__label:after{transform:scale(1)}.brwl-oco-radio__input:focus+.brwl-oco-radio__label:before{outline:1px dotted currentColor}.brwl-oco-select{box-sizing:border-box}.brwl-oco-select *,.brwl-oco-select *:before,.brwl-oco-select *:after{box-sizing:inherit}.brwl-oco-select{color:#000;position:relative;background:#fff;font-weight:300;border:0px;width:215px;height:36px}.brwl-oco-select__select{color:#000;padding:3px 3px 3px 8px;background:transparent;-moz-appearance:none;-webkit-appearance:none;outline:none;appearance:none;position:relative;border-radius:0;border-top-right-radius:4px!important;border-top-left-radius:4px!important;border:1px solid #9e9e9e!important;width:215px;height:36px;cursor:pointer}.brwl-oco-select:after{content:"";position:absolute;top:0;width:0;height:0;right:10px;bottom:0;margin:auto;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;pointer-events:none}.brwl-oco-select:before{width:30px;position:absolute;top:1px;right:1px;bottom:1px;background:#fff;content:"";pointer-events:none}.oco-bg-d1d9e6 .oco-select{background:#d1d9e6!important;pointer-events:none!important}.oco-bg-d1d9e6 .oco-select:before{background:#d1d9e6!important}.oco-bg-d1d9e6 .oco-select__select{background:#d1d9e6!important;pointer-events:none!important;color:#6d6d6d!important}.brwl-oco-switch{box-sizing:border-box}.brwl-oco-switch *,.brwl-oco-switch *:before,.brwl-oco-switch *:after{box-sizing:inherit}.brwl-oco-switch{display:inline-block;position:relative;margin:0 0 10px;font-size:16px;line-height:24px}.brwl-oco-switch__input{position:absolute;top:0;left:0;width:36px;height:20px;opacity:0;z-index:0}.brwl-oco-switch__label{display:block;padding:0 0 0 44px;color:#000;font-size:16px;font-weight:400!important;cursor:pointer}.brwl-oco-switch__label:before{content:"";position:absolute;top:5px;left:0;width:36px;height:14px;background-color:#00000042;border-radius:14px;z-index:1;transition:background-color .28s cubic-bezier(.4,0,.2,1)}.brwl-oco-switch__label:after{content:"";position:absolute;top:2px;left:0;width:20px;height:20px;background-color:#fff;border-radius:14px;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f;z-index:2;transition:all .28s cubic-bezier(.4,0,.2,1);transition-property:left,background-color}.brwl-oco-switch__input:checked+.brwl-oco-switch__label:before{background-color:#5580b480}.brwl-oco-switch__input:checked+.brwl-oco-switch__label:after{left:16px;background-color:#5580b4}.brwl-oco-switch__input:focus+.brwl-oco-switch__label:after{outline:1px dotted currentColor}.brwl-oco-option-row.brwl-oco-is-comment label:before{content:"";top:5.5px;left:0;position:absolute;display:block;width:16px;height:16px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='hsl(213, 39%, 52%)' class='bi bi-info-circle' viewBox='0 0 16 16'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/> <path d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/></svg>")}.brwl-oco-option-row.brwl-oco-is-comment .brwl-oco-text__supporting{margin-left:23px}.brwl-oco-option-row.brwl-oco-is-comment:not(:last-child){padding-bottom:10px}.brwl-oco-text{box-sizing:border-box}.brwl-oco-text *,.brwl-oco-text *:before,.brwl-oco-text *:after{box-sizing:inherit}.brwl-oco-text__heading{color:#000}.brwl-oco-text__supporting{display:inline-block;padding-top:3px;position:relative;vertical-align:top;white-space:pre-line;font-size:14px!important}.brwl-oco-option-group-legend{color:#202020}.brwl-oco-option-group{display:inline-block;vertical-align:top;min-width:240px;margin-right:15px}.brwl-oco-option-row{display:block;position:relative;margin:0 0 10px}.brwl-oco-examples .brwl-oco-option-group b{font-size:18px;display:inline-block;padding-top:5px}.brwl-oco-examples .brwl-oco-option-group{display:block;margin:10px 0 0;border-top:1px rgba(255,255,255,.2) dotted}.brwl-oco-examples .brwl-oco-option-row{margin:5px 0 0}.brwl-oco-option-row.brwl-oco-compact-2 input[type=text],.brwl-oco-option-row.brwl-oco-compact-2 .text__supporting{width:105px}.brwl-oco-option-row.brwl-oco-compact-2:not(:last-child){margin-right:5px}.brwl-oco-option-row.brwl-oco-compact-3 input[type=text],.brwl-oco-option-row.brwl-oco-compact-3 .text__supporting{width:70px}.brwl-oco-option-row.brwl-oco-compact-3:not(:last-child){margin-right:5px}.brwl-oco-option-row.brwl-oco-is-compact{display:inline-block}[data-tooltip]{box-sizing:border-box}[data-tooltip] *,[data-tooltip] *:before,[data-tooltip] *:after{box-sizing:inherit}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;white-space:nowrap;background:#61616100;border-radius:2px;color:#fff;padding:8px;z-index:98;font-size:12px;line-height:12px;font-weight:400;text-transform:none;visibility:hidden;transition:all .15s ease-in;pointer-events:none}[data-tooltip]:hover:after{visibility:visible;background:#616161e6}[data-tooltip].brwl-oco-tooltip--top:after{bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip].brwl-oco-tooltip--top:hover:after{transform:translate(-50%,-8px)}[data-tooltip].brwl-oco-tooltip--right:after{bottom:50%;left:100%;transform:translateY(50%)}[data-tooltip].brwl-oco-tooltip--right:hover:after{transform:translate(8px,50%)}[data-tooltip].brwl-oco-tooltip--bottom:after{top:100%;left:50%;transform:translate(-50%)}[data-tooltip].brwl-oco-tooltip--bottom:hover:after{transform:translate(-50%,8px)}[data-tooltip].brwl-oco-tooltip--left:after{bottom:50%;right:100%;transform:translateY(50%)}[data-tooltip].brwl-oco-tooltip--left:hover:after{transform:translate(-8px,50%)}

package/package.json

@@ -1,6 +1,42 @@
-{
-  "name": "browly-styles",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+{
+  "name": "browly-styles",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Dagoranna/browly.git"
+  },  
+  "version": "1.0.1",
+  "style": "dist/browly.css",
+  "sass": "scss/style.scss",
+  "exports": {
+    ".": {
+      "style": "./dist/browly.css",
+      "default": "./dist/browly.css"
+    },
+    "./dist/*": "./dist/*",
+    "./scss/*": "./scss/*",
+    "./package.json": "./package.json"
+  },  
+  "files": [
+    "scss",
+    "dist/browly.css"
+  ],  
+  "description": "Lightweight UI framework for browser extensions (Vite + SCSS).",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.5.25",
+    "sass": "^1.80.4",
+    "vite": "^8.0.16"
+  },
+  "browserslist": [
+    "last 5 Chrome versions",
+    "last 5 Firefox versions",
+    "last 5 Opera versions",
+    "last 5 Edge versions"
+  ]
+}

package/scss/_base.scss

@@ -0,0 +1,46 @@
+@use "variables" as *;
+
+
+* { box-sizing: border-box; }
+
+html:focus-within { scroll-behavior: smooth; }
+
+html,
+/*body {
+  scrollbar-width: none;
+}*/
+
+button, input {
+  font: inherit;
+  border: none;
+  outline: none;
+}
+
+body {
+  font-family: $font-family;
+  font-size: $font-size;
+  color: $color-text;
+  background-color: $color-bg;
+  margin: 0;
+  padding: 0;
+  line-height: 1.5;
+}
+
+a {
+  color: $color-primary;
+  text-decoration: none;
+}
+
+.body {
+  padding: 1rem;
+}
+
+.wrapper {
+  width: 530px;
+}
+
+.#{$prefix}-container { 
+  max-width: 960px; 
+  margin: 0 auto; 
+  padding-bottom: 50px;
+}