@crowdfarming/oliva-ds 1.7.1 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/fesm2022/crowdfarming-oliva-ds.mjs +28 -6
  2. package/fesm2022/crowdfarming-oliva-ds.mjs.map +1 -1
  3. package/index.d.ts +2 -1
  4. package/lib/social-login/src/index.d.ts +1 -0
  5. package/lib/social-login/src/lib/social-login/social-login.component.d.ts +12 -0
  6. package/lib/styles/src/index.d.ts +1 -0
  7. package/lib/{design-tokens/src/lib/design-tokens/design-tokens.component.d.ts → styles/src/lib/styles/styles.component.d.ts} +1 -1
  8. package/package.json +1 -1
  9. package/themes/{crowdfarming/_tokens.css → crowdfarming.css} +10 -10
  10. package/themes/{farmeneur/_tokens.css → farmeneur.css} +10 -10
  11. package/lib/design-tokens/src/index.d.ts +0 -1
package/fesm2022/crowdfarming-oliva-ds.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Input, Component, EventEmitter, Output, ElementRef, ContentChild, forwardRef, ViewChild, HostListener, ViewChildren } from '@angular/core';
2
+ import { Input, Component, EventEmitter, Output, ElementRef, ContentChild, forwardRef, ViewChild, HostListener, ViewChildren, input } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
  import * as i2 from '@angular/forms';
@@ -11,11 +11,11 @@ class IconComponent {
11
11
  size = 'lg';
12
12
  icon = '';
13
13
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
14
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: IconComponent, isStandalone: true, selector: "lib-icon", inputs: { extraClass: "extraClass", variant: "variant", size: "size", icon: "icon" }, ngImport: i0, template: "<svg *ngIf=\"icon==='alert'\" [ngClass]=\"['o-svg','o-svg__alert','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"m18.5001 14.6946-6.832-11.86486c-.1708-.29068-.4145-.53171-.7071-.69917-.2925-.16747-.6238-.25557-.9609-.25557-.33711 0-.66836.0881-.96094.25557-.29257.16746-.5363.40849-.70702.69917L1.50011 14.6946c-.16427.2811-.25084.6009-.25084.9265 0 .3257.08657.6454.25084.9266.16854.2924.41185.5348.70497.7021.29311.1674.62548.2538.96299.2503H16.8321c.3373.0032.6693-.0833.9621-.2507.2929-.1673.5359-.4095.7043-.7017.1645-.281.2514-.6007.2517-.9263.0002-.3257-.0861-.6455-.2501-.9268Zm-1.0836 1.2273c-.0595.1016-.1451.1856-.2477.2432-.1027.0577-.2189.087-.3367.085H3.16807c-.11775.002-.23392-.0273-.33661-.085-.10269-.0576-.1882-.1416-.24776-.2432-.05395-.0913-.08241-.1955-.08241-.3015 0-.1061.02846-.2103.08241-.3016L9.41573 3.45396c.06076-.10112.14666-.18479.24933-.24288.10268-.05808.21864-.08861.33664-.08861.1179 0 .2339.03053.3366.08861.1026.05809.1885.14176.2493.24288l6.832 11.86484c.0535.0916.0814.1959.0809.302-.0006.1061-.0296.2101-.084.3011Zm-8.04139-4.6718V8.12505c0-.16576.06584-.32473.18305-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v3.12505c0 .1657-.0658.3247-.1831.4419-.1172.1172-.2761.1831-.4419.1831-.16576 0-.32473-.0659-.44194-.1831-.11721-.1172-.18305-.2762-.18305-.4419Zm1.56249 2.8125c0 .1854-.055.3666-.158.5208-.103.1542-.2494.2743-.4207.3453-.1713.0709-.35983.0895-.54169.0533-.18186-.0361-.34891-.1254-.48002-.2565s-.2204-.2982-.25657-.4801c-.03617-.1818-.01761-.3703.05335-.5416.07096-.1713.19112-.3177.34529-.4208.15417-.103.33543-.1579.52084-.1579.2486 0 .4871.0987.6629.2745.1758.1759.2746.4143.2746.663Z\" fill=\"#BA2F1E\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'left'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M15.5302 18.9694c.0697.0697.125.1524.1627.2435.0377.091.0571.1886.0571.2872 0 .0985-.0194.1961-.0571.2871-.0377.0911-.093.1738-.1627.2435-.0696.0697-.1524.1249-.2434.1626-.0911.0378-.1886.0572-.2872.0572-.0985 0-.1961-.0194-.2872-.0572-.091-.0377-.1737-.0929-.2434-.1626l-7.50001-7.5c-.06973-.0697-.12505-.1524-.1628-.2434-.03774-.0911-.05717-.1887-.05717-.2872 0-.0986.01943-.1962.05717-.2873.03775-.091.09307-.1737.1628-.2434L14.469 3.96943c.1407-.14073.3316-.2198.5306-.2198.199 0 .3899.07907.5306.2198.1408.14073.2198.3316.2198.53062 0 .19902-.079.3899-.2198.53063L8.55993 12.0001l6.97027 6.9693Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'right'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"m17.031 12.5307-7.49996 7.5c-.06968.0697-.15241.1249-.24345.1626-.09105.0378-.18863.0572-.28717.0572-.09855 0-.19613-.0194-.28718-.0572-.09104-.0377-.17377-.0929-.24345-.1626-.06968-.0697-.12496-.1524-.16267-.2435-.03771-.091-.05712-.1886-.05712-.2871 0-.0986.01941-.1962.05712-.2872.03771-.0911.09299-.1738.16267-.2435l6.97031-6.9693-6.97031-6.96942C8.32906 4.88995 8.25 4.69907 8.25 4.50005c0-.19902.07906-.38989.21979-.53062.14073-.14073.3316-.2198.53063-.2198.19902 0 .38989.07907.53062.2198L17.031 11.4694c.0698.0697.1251.1524.1628.2434.0378.0911.0572.1887.0572.2873 0 .0985-.0194.1961-.0572.2872-.0377.091-.093.1737-.1628.2434Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'up'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20.0306 15.5306c-.0696.0697-.1524.1251-.2434.1628-.0911.0377-.1886.0572-.2872.0572-.0986 0-.1962-.0195-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L12 8.56029 5.03061 15.5306c-.14073.1407-.3316.2198-.53062.2198-.19902 0-.38989-.0791-.53063-.2198-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306l7.50004-7.50005c.0696-.06973.1523-.12505.2434-.16279.091-.03774.1886-.05717.2872-.05717.0986 0 .1961.01943.2872.05717.091.03774.1738.09306.2434.16279l7.5 7.50005c.0697.0696.1251.1523.1628.2434.0378.091.0572.1886.0572.2872 0 .0985-.0194.1961-.0572.2872-.0377.091-.0931.1737-.1628.2434Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'down'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"m20.0306 9.53062-7.5 7.49998c-.0696.0697-.1524.1251-.2434.1628-.0911.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L3.96936 9.53062c-.14073-.14074-.21979-.33161-.21979-.53063 0-.19902.07906-.3899.21979-.53063.14074-.14073.33161-.21979.53063-.21979.19902 0 .38989.07906.53062.21979L12 15.4397l6.9694-6.97034c.0696-.06968.1524-.12495.2434-.16267.0911-.03771.1886-.05712.2872-.05712.0985 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.28717-.0377.09105-.093.17377-.1627.24346Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='calendar'\" [ngClass]=\"['o-svg','o-svg__calendar','o-svg--' + size,extraClass ? 'o-svg__calendar--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M16.25 2.5h-1.875v-.625c0-.16576-.0658-.32473-.1831-.44194-.1172-.11721-.2761-.18306-.4419-.18306s-.3247.06585-.4419.18306c-.1173.11721-.1831.27618-.1831.44194V2.5h-6.25v-.625c0-.16576-.06585-.32473-.18306-.44194C6.57473 1.31585 6.41576 1.25 6.25 1.25c-.16576 0-.32473.06585-.44194.18306-.11721.11721-.18306.27618-.18306.44194V2.5H3.75c-.33152 0-.64946.1317-.88388.36612C2.6317 3.10054 2.5 3.41848 2.5 3.75v12.5c0 .3315.1317.6495.36612.8839.23442.2344.55236.3661.88388.3661h12.5c.3315 0 .6495-.1317.8839-.3661.2344-.2344.3661-.5524.3661-.8839V3.75c0-.33152-.1317-.64946-.3661-.88388C16.8995 2.6317 16.5815 2.5 16.25 2.5ZM5.625 3.75v.625c0 .16576.06585.32473.18306.44194C5.92527 4.93415 6.08424 5 6.25 5c.16576 0 .32473-.06585.44194-.18306.11721-.11721.18306-.27618.18306-.44194V3.75h6.25v.625c0 .16576.0658.32473.1831.44194.1172.11721.2761.18306.4419.18306s.3247-.06585.4419-.18306c.1173-.11721.1831-.27618.1831-.44194V3.75h1.875v2.5H3.75v-2.5h1.875Zm10.625 12.5H3.75V7.5h12.5v8.75Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='eye' && variant === 'open'\" [ngClass]=\"['o-svg','o-svg__eye','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M19.3211 9.74688c-.0274-.06172-.6891-1.52969-2.1602-3.00079C15.2008 4.78594 12.725 3.75 9.99999 3.75c-2.725 0-5.20078 1.03594-7.16094 2.99609C1.36796 8.21719.703118 9.6875.678899 9.74688.643362 9.82681.625 9.91331.625 10.0008c0 .0875.018362.174.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c2.72501 0 5.20081-1.0359 7.16091-2.9953 1.4711-1.4711 2.1328-2.9383 2.1602-3 .0355-.0799.0539-.1664.0539-.2539 0-.08749-.0184-.17399-.0539-.25392ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977C3.0419 11.6927 2.43483 10.8836 1.95312 10c.48158-.88364 1.08867-1.69283 1.80234-2.40234C5.49452 5.87422 7.5953 5 9.99999 5c2.40471 0 4.50551.87422 6.24451 2.59766.715.70934 1.3234 1.51853 1.8063 2.40234-.5633 1.0516-3.0172 5-8.05081 5Zm0-8.75c-.74168 0-1.4667.21993-2.08339.63199-.61668.41205-1.09733.99772-1.38116 1.68295-.28382.68522-.35809 1.43926-.21339 2.16666.14469.7274.50184 1.3956 1.02629 1.9201.52445.5244 1.19263.8816 1.92006 1.0262.72743.1447 1.4814.0705 2.1667-.2134.6852-.2838 1.2708-.7644 1.6829-1.3811.4121-.6167.632-1.3417.632-2.0834-.001-.99424-.3965-1.94747-1.0995-2.65051-.703-.70304-1.6563-1.09846-2.65051-1.09949Zm0 6.25c-.49445 0-.9778-.1466-1.38892-.4213-.41113-.2747-.73156-.6652-.92078-1.122-.18922-.4568-.23872-.95947-.14226-1.44443.09646-.48495.33456-.93041.68419-1.28004.34964-.34963.79509-.58773 1.28005-.68419.48495-.09647.98763-.04696 1.44443.14226.4568.18922.8473.50965 1.122.92077.2747.41113.4213.89448.4213 1.38893 0 .663-.2634 1.2989-.7322 1.7678-.4689.4688-1.1048.7322-1.76781.7322Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='eye' && variant === 'close'\" [ngClass]=\"['o-svg','o-svg__eye','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M4.21249 2.70468c-.05488-.06187-.1215-.11223-.196-.14816-.07449-.03594-.15538-.05673-.23796-.06117-.08259-.00444-.16524.00755-.24316.03528-.07791.02774-.14955.07066-.21076.12628-.06121.05563-.11077.12285-.1458.19776-.03504.07492-.05486.15605-.05831.23869-.00346.08263.00953.16513.03819.24271.02867.07758.07245.1487.1288.20923l1.50313 1.65391C1.95312 6.94062.732805 9.62499.678899 9.74687.643362 9.8268.625 9.9133.625 10.0008c0 .0874.018362.1739.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c1.40051.008 2.78681-.2804 4.06801-.8461l1.7187 1.8914c.0549.0619.1215.1122.196.1482.0745.0359.1554.0567.238.0611.0826.0045.1652-.0075.2431-.0352.0779-.0278.1496-.0707.2108-.1263.0612-.0557.1108-.1229.1458-.1978.035-.0749.0549-.156.0583-.2387.0035-.0826-.0095-.1651-.0382-.2427-.0287-.0776-.0724-.1487-.1288-.2092L4.21249 2.70468Zm3.69766 5.925 3.25545 3.58202c-.4902.2579-1.0522.3457-1.59777.2496-.54554-.0962-1.0437-.3707-1.41626-.7807-.37256-.4099-.59843-.932-.64212-1.4842-.0437-.5522.09725-1.10329.4007-1.56672ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977-.71382-.7094-1.32092-1.5186-1.80234-2.40231.3664-.68672 1.53593-2.60859 3.69922-3.85781l1.40625 1.54297c-.54443.69727-.82482 1.56456-.79162 2.44855.0332.884.37786 1.7278.97305 2.3823.59519.6545 1.40259 1.0775 2.2795 1.1942.87688.1167 1.76688-.0803 2.51248-.5563l1.1508 1.2656c-1.0156.3897-2.095.5865-3.18281.5805Zm.46871-7.45548c-.1628-.03108-.3067-.12558-.3998-.26272-.09322-.13713-.12811-.30567-.09703-.46853.03103-.16286.12563-.3067.26273-.39988.1371-.09318.3057-.12807.4685-.09699.7966.15443 1.5219.56222 2.0677 1.16257.5459.60034.8831 1.36105.9612 2.16868.0155.16503-.0353.32944-.1411.45705-.1058.1276-.2579.208-.4229.2234-.0196.0012-.0391.0012-.0586 0-.1562.0007-.307-.0572-.4227-.1621-.1157-.105-.1879-.24952-.2023-.40507-.0526-.53719-.2772-1.04306-.6404-1.44239-.3631-.39933-.8455-.67079-1.3753-.77402Zm8.85 2.71018c-.0328.0734-.8242 1.8258-2.6062 3.4219-.0609.0562-.1324.0998-.2103.1282-.0779.0284-.1607.041-.2435.0371-.0828-.004-.164-.0243-.2389-.0599-.0749-.0357-.1419-.0858-.1972-.1476-.0553-.0618-.0977-.1339-.1249-.2123-.0271-.0783-.0384-.1613-.0332-.244.0053-.0828.0269-.1637.0637-.238.0368-.0743.088-.1405.1507-.1948.8743-.7854 1.6087-1.7138 2.1719-2.74531-.4825-.88455-1.0909-1.69431-1.8063-2.4039-1.739-1.72188-3.8398-2.5961-6.24451-2.5961-.50667-.00062-1.01254.04041-1.5125.12266-.0813.01438-.16465.0125-.24522-.00551-.08057-.01802-.15678-.05182-.22422-.09946-.06743-.04763-.12476-.10816-.16867-.17808-.04391-.06992-.07354-.14784-.08716-.22927-.01362-.08143-.01098-.16476.00778-.24516.01877-.08041.05327-.1563.10153-.22329s.10932-.12375.17964-.16702c.07032-.04326.14852-.07216.23007-.08502.5681-.09381 1.14296-.14058 1.71875-.13985 2.72501 0 5.20081 1.03594 7.16091 2.9961 1.4711 1.47109 2.1328 2.93906 2.1602 3.00078.0355.07993.0539.16643.0539.25393 0 .0874-.0184.1739-.0539.2539h-.0024Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='less'\" [ngClass]=\"['o-svg','o-svg__less','o-svg--' + size,extraClass ? 'o-svg__less--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M14 8c0 .13261-.0527.25979-.1464.35355-.0938.09377-.221.14645-.3536.14645h-11c-.13261 0-.25979-.05268-.35355-.14645C2.05268 8.25979 2 8.13261 2 8c0-.13261.05268-.25979.14645-.35355C2.24021 7.55268 2.36739 7.5 2.5 7.5h11c.1326 0 .2598.05268.3536.14645C13.9473 7.74021 14 7.86739 14 8Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='plus'\" [ngClass]=\"['o-svg','o-svg__plus','o-svg--' + size,extraClass ? 'o-svg__plus--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M17.5 10c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831h-6.25v6.25c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419v-6.25h-6.25c-.16576 0-.32473-.0658-.44194-.1831C2.56585 10.3247 2.5 10.1658 2.5 10c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306h6.25v-6.25c0-.16576.06585-.32473.18306-.44194C9.67527 2.56585 9.83424 2.5 10 2.5c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v6.25h6.25c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='search'\" [ngClass]=\"['o-svg','o-svg__search','o-svg--' + size,extraClass ? 'o-svg__search--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"m17.9422 17.0578-3.9117-3.9109c1.1337-1.3612 1.6991-3.1071 1.5784-4.87446-.1206-1.76738-.918-3.42021-2.2263-4.61465-1.3082-1.19445-3.0266-1.83853-4.79767-1.79828-1.77105.04025-3.45839.76174-4.71104 2.01438-1.25264 1.25264-1.97413 2.93999-2.01438 4.71103-.04025 1.77108.60384 3.48948 1.79828 4.79768 1.19444 1.3083 2.84727 2.1057 4.61466 2.2263 1.76735.1207 3.51325-.4447 4.87445-1.5784l3.9109 3.9117c.0581.0581.127.1041.2029.1355.0759.0315.1572.0476.2393.0476s.1634-.0161.2393-.0476c.0759-.0314.1448-.0774.2029-.1355.0581-.0581.1041-.127.1355-.2029.0315-.0759.0477-.1572.0477-.2393s-.0162-.1634-.0477-.2393c-.0314-.0759-.0774-.1448-.1355-.2029ZM3.125 8.75c0-1.11252.3299-2.20006.94799-3.12509.61808-.92502 1.49658-1.64599 2.52442-2.07174 1.02783-.42574 2.15883-.53713 3.24998-.32009 1.09111.21704 2.09341.75277 2.88011 1.53944.7866.78667 1.3224 1.78895 1.5394 2.88009.2171 1.09115.1057 2.22214-.3201 3.24999-.4257 1.0278-1.1467 1.9063-2.0717 2.5244-.925.6181-2.01258.948-3.1251.948-1.49133-.0017-2.92111-.5948-3.97565-1.6494C3.71982 11.6711 3.12666 10.2413 3.125 8.75Z\" fill=\"#676D6C\"/>\n</svg>\n\n<svg *ngIf=\"icon==='spinner'\" [ngClass]=\"['o-svg','o-svg__spinner',extraClass ? 'o-svg__spinner--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.0145 1.80949c.20184.66019-.16972 1.359-.82991 1.56084-1.11797.3418-2.12799.96809-2.93117 1.81753-.80318.84945-1.37198 1.89294-1.65069 3.02827s-.25778 2.32357.06074 3.44837c.31853 1.1248.92372 2.1476 1.75632 2.9683.8326.8206 1.86405 1.4109 2.99336 1.7131 1.1293.3023 2.31775.306 3.44895.0109 1.1311-.2951 2.1663-.879 3.004-1.6944.8378-.8154 1.4494-1.8343 1.7749-2.9571.1923-.6631.8857-1.0447 1.5487-.8525.6631.1923 1.0447.8857.8524 1.5487-.4461 1.5387-1.2843 2.935-2.4323 4.0524-1.148 1.1174-2.5665 1.9175-4.1166 2.3219-1.5502.4044-3.17876.3993-4.72633-.0148-1.54756-.4142-2.96104-1.2231-4.10201-2.3477-1.14097-1.1246-1.97031-2.5262-2.4068-4.0676-.436495-1.5414-.465178-3.16977-.08324-4.7256.38194-1.55582 1.1614-2.98578 2.26205-4.14984C4.53753 2.3062 5.92164 1.44796 7.45366.979572c.66019-.20184 1.359.169728 1.56084.829918Z\" fill=\"#fff\"/>\n</svg>\n\n<svg *ngIf=\"icon==='success'\" [ngClass]=\"['o-svg','o-svg__success','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M13.5672 7.68281c.0581.05805.1042.12698.1357.20285.0314.07588.0476.15721.0476.23934 0 .08213-.0162.16346-.0476.23934-.0315.07587-.0776.1448-.1357.20285L9.19219 12.9422c-.05804.0581-.12697.1042-.20285.1357-.07587.0314-.1572.0476-.23934.0476-.08213 0-.16346-.0162-.23933-.0476-.07588-.0315-.14481-.0776-.20285-.1357l-1.875-1.875c-.11728-.1173-.18316-.2763-.18316-.4422s.06588-.3249.18316-.4422c.11727-.1173.27633-.18315.44218-.18315.16586 0 .32492.06585.44219.18315L8.75 11.6164l3.9328-3.93359c.0581-.05811.127-.10421.2029-.13566.0758-.03145.1572-.04764.2393-.04764s.1635.01619.2393.04764c.0759.03145.1448.07755.2029.13566ZM18.125 10c0 1.607-.4765 3.1779-1.3693 4.514-.8928 1.3362-2.1617 2.3776-3.6464 2.9925-1.4846.615-3.11831.7759-4.6944.4624-1.5761-.3135-3.02384-1.0874-4.16014-2.2237-1.1363-1.1363-1.91013-2.584-2.22364-4.1601-.3135-1.5761-.1526-3.20975.46236-4.6944.61496-1.48465 1.65637-2.7536 2.99252-3.64639C6.82214 2.35152 8.39303 1.875 10 1.875c2.1542.00227 4.2195.85903 5.7427 2.38227C17.266 5.78051 18.1227 7.84581 18.125 10Zm-1.25 0c0-1.35975-.4032-2.68896-1.1586-3.81955-.7555-1.13058-1.8292-2.01177-3.0854-2.53212-1.2563-.52035-2.63862-.6565-3.97224-.39123-1.33362.26527-2.55863.92006-3.52012 1.88154-.96148.96149-1.61626 2.18649-1.88154 3.52011-.26527 1.33362-.12912 2.71595.39123 3.97215.52035 1.2563 1.40154 2.33 2.53213 3.0855C7.31105 16.4718 8.64026 16.875 10 16.875c1.8227-.0021 3.5702-.7271 4.8591-2.0159 1.2888-1.2889 2.0138-3.0364 2.0159-4.8591Z\" fill=\"#35785B\"/>\n</svg>\n\n<svg *ngIf=\"icon==='test'\" fill=\"none\" [ngClass]=\"['o-svg','o-svg__test',extraClass ? 'o-svg__test--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\">\n <path d=\"M16.5 0h-15C1.10218 0 .720644.158035.43934.43934.158035.720644 0 1.10218 0 1.5v15c0 .3978.158035.7794.43934 1.0607C.720644 17.842 1.10218 18 1.5 18h15c.3978 0 .7794-.158 1.0607-.4393S18 16.8978 18 16.5v-15c0-.39782-.158-.779356-.4393-1.06066C17.2794.158035 16.8978 0 16.5 0Zm-15 16.5V2.56031L15.4397 16.5H1.5Zm1.06031-15H16.5v13.9406L2.56031 1.5Z\" fill=\"#217870\"/>\n</svg>\n\n<svg *ngIf=\"icon==='thumb'\" [ngClass]=\"['o-svg','o-svg__thumb','o-svg--' + size,extraClass ? 'o-svg__thumb--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M19.5 3h-15c-.39782 0-.77936.15804-1.06066.43934C3.15804 3.72064 3 4.10218 3 4.5v15c0 .3978.15804.7794.43934 1.0607S4.10218 21 4.5 21h15c.3978 0 .7794-.158 1.0607-.4393S21 19.8978 21 19.5v-15c0-.39782-.158-.77936-.4393-1.06066C20.2794 3.15804 19.8978 3 19.5 3Zm-15 1.5h15v7.2544l-2.3147-2.31565c-.2813-.28109-.6626-.43899-1.0603-.43899-.3977 0-.779.1579-1.0603.43899L5.00344 19.5H4.5v-15Zm15 15H7.125l9-9 3.375 3.375V19.5ZM9 11.25c.44501 0 .88002-.132 1.25-.3792.37-.2472.6584-.5986.8287-1.00976.1703-.41114.2149-.86354.1281-1.29999-.0868-.43646-.3011-.83737-.6158-1.15204-.3147-.31467-.71559-.52896-1.15205-.61578-.43645-.08681-.88885-.04226-1.29999.12804-.41113.1703-.76253.45869-1.00977.8287C6.88196 8.11998 6.75 8.55499 6.75 9c0 .59674.23705 1.169.65901 1.591.42196.4219.99425.659 1.59099.659Zm0-3c.14834 0 .29334.04399.41668.1264.12333.08241.21946.19954.27623.33659.05677.13704.07162.28784.04268.43333-.02894.14548-.10037.27912-.20526.38401-.10489.10489-.23853.17632-.38401.20526-.14549.02894-.29629.01409-.43333-.04268-.13705-.05677-.25418-.1529-.33659-.27623C8.29399 9.29334 8.25 9.14834 8.25 9c0-.19891.07902-.38968.21967-.53033C8.61032 8.32902 8.80109 8.25 9 8.25Z\" fill=\"#535858\"/>\n</svg>\n\n<svg *ngIf=\"icon==='user'\" [ngClass]=\"['o-svg','o-svg__user','o-svg--' + size,extraClass ? 'o-svg__user--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M21.6488 19.8751c-1.4279-2.4684-3.6282-4.2384-6.196-5.0775 1.2702-.7561 2.257-1.9083 2.809-3.2796.5519-1.3712.6385-2.88576.2464-4.31099-.3921-1.42523-1.2412-2.68234-2.417-3.57828-1.1757-.89594-2.613-1.38117-4.0912-1.38117-1.4782 0-2.91549.48523-4.09122 1.38117-1.17572.89594-2.02484 2.15305-2.41695 3.57828-.39212 1.42523-.30554 2.93979.24642 4.31099.55196 1.3713 1.53879 2.5235 2.80895 3.2796-2.56782.8381-4.76813 2.6081-6.19594 5.0775-.05236.0854-.08709.1804-.10214.2794-.01505.099-.01012.2.01451.2971.02462.0971.06844.1883.12887.2681.06043.0799.13624.1469.22297.197.08673.05.18261.0823.28198.0947.09938.0124.20025.0049.29664-.0223.0964-.0272.18638-.0734.26463-.1359.07825-.0625.14318-.1401.19098-.2281 1.76625-3.0525 4.88812-4.875 8.3503-4.875 3.4622 0 6.5841 1.8225 8.3503 4.875.0478.088.1128.1656.191.2281.0783.0625.1682.1087.2646.1359.0964.0272.1973.0347.2967.0223.0993-.0124.1952-.0447.2819-.0947.0868-.0501.1626-.1171.223-.197.0604-.0798.1043-.171.1289-.2681.0246-.0971.0296-.1981.0145-.2971-.0151-.099-.0498-.194-.1021-.2794ZM6.75001 9.00011c0-1.03835.30791-2.05339.88478-2.91674.57688-.86336 1.39682-1.53627 2.35613-1.93363.95928-.39736 2.01488-.50133 3.03328-.29875 1.0184.20257 1.9539.70258 2.6881 1.43681.7342.73422 1.2343 1.66968 1.4368 2.68809.2026 1.0184.0986 2.07401-.2987 3.03331-.3974.9593-1.0703 1.7792-1.9336 2.3561-.8634.5769-1.8784.8848-2.9168.8848-1.3919-.0015-2.72641-.5551-3.71066-1.5393-.98424-.9843-1.53784-2.3188-1.53933-3.71069Z\" fill=\"#535858\"/>\n</svg>\n\n<svg *ngIf=\"icon==='info'\" [ngClass]=\"['o-svg','o-svg__info','o-svg--' + size,extraClass ? 'o-svg__info--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm1.25-3.125c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.3315 0-.64946-.1317-.88388-.3661-.23442-.2344-.36612-.5524-.36612-.8839v-3.125c-.16576 0-.32473-.06584-.44194-.18305-.11721-.11721-.18306-.27618-.18306-.44194 0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.33152 0 .6495.13169.8839.36611.2344.23442.3661.55237.3661.88388v3.125c.1658 0 .3247.0659.4419.1831.1173.1172.1831.2761.1831.4419Zm-2.5-7.18749c0-.18542.05499-.36668.158-.52085.10301-.15417.24943-.27433.42074-.34529.1713-.07096.3598-.08952.54166-.05335.1819.03617.3489.12546.48.25657.1311.13112.2204.29816.2566.48002.0362.18186.0176.37036-.0534.54166-.0709.17131-.1911.31773-.3452.42074-.1542.10301-.33548.158-.5209.158-.24864 0-.48709-.09877-.66291-.27459C8.84878 7.0506 8.75 6.81215 8.75 6.56351Z\" fill=\"#27749A\"/>\n</svg>\n\n<svg *ngIf=\"icon==='warning'\" [ngClass]=\"['o-svg','o-svg__warning','o-svg--' + size,extraClass ? 'o-svg__warning--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm-.625-6.25V6.25101c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194V10.626c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419Zm1.5625 2.8125c0 .1854-.055.3667-.158.5209-.103.1541-.2494.2743-.4207.3452-.1713.071-.35984.0896-.54169.0534-.18186-.0362-.34891-.1255-.48002-.2566s-.2204-.2981-.25657-.48c-.03618-.1819-.01761-.3704.05335-.5417.07095-.1713.19112-.3177.34529-.4207.15417-.103.33542-.158.52084-.158.2486 0 .4871.0988.6629.2746.1758.1758.2746.4143.2746.6629Z\" fill=\"#866600\"/>\n</svg>\n\n<svg *ngIf=\"icon==='upload'\" [ngClass]=\"['o-svg','o-svg__upload','o-svg--' + size,extraClass ? 'o-svg__upload--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M17.5 11.25v5c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831H3.125c-.16576 0-.32473-.0658-.44194-.1831C2.56585 16.5747 2.5 16.4158 2.5 16.25v-5c0-.1658.06585-.3247.18306-.4419.11721-.1172.27618-.1831.44194-.1831.16576 0 .32473.0659.44194.1831.11721.1172.18306.2761.18306.4419v4.375h12.5V11.25c0-.1658.0658-.3247.1831-.4419.1172-.1172.2761-.1831.4419-.1831s.3247.0659.4419.1831c.1173.1172.1831.2761.1831.4419ZM7.31719 6.06719 9.375 4.0086V11.25c0 .1658.06585.3247.18306.4419.11721.1173.27618.1831.44194.1831.1658 0 .3247-.0658.4419-.1831.1173-.1172.1831-.2761.1831-.4419V4.0086l2.0578 2.05859c.1173.11728.2763.18316.4422.18316s.3249-.06588.4422-.18316c.1173-.11727.1831-.27633.1831-.44219 0-.16585-.0658-.32491-.1831-.44218l-3.125-3.125c-.0581-.05811-.127-.10421-.2029-.13567-.0758-.03145-.1572-.04764-.2393-.04764-.08213 0-.16346.01619-.23934.04764-.07587.03146-.1448.07756-.20285.13567l-3.125 3.125c-.11727.11727-.18316.27633-.18316.44218 0 .16586.06589.32492.18316.44219.11728.11728.27634.18316.44219.18316.16585 0 .32491-.06588.44219-.18316Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='card'\" [ngClass]=\"['o-svg','o-svg__card','o-svg--' + size,extraClass ? 'o-svg__card--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 20\">\n <path d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\" fill=\"#4486E4\"/>\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#0F3760\"/>\n <path d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\" fill=\"#D4E3F4\"/>\n</svg>\n\n<svg *ngIf=\"icon==='card-disabled'\" [ngClass]=\"['o-svg','o-svg__card-disabled','o-svg--' + size,extraClass ? 'o-svg__card-disabled--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 20\">\n <path d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\" fill=\"#c7c7c7\"/>\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#a7a7a7\"/>\n <path d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\" fill=\"#D4E3F4\"/>\n</svg>\n\n<svg *ngIf=\"icon==='close'\" [ngClass]=\"['o-svg','o-svg__close','o-svg--' + size,extraClass ? 'o-svg__close--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='close-white'\" [ngClass]=\"['o-svg','o-svg__close','o-svg--' + size,extraClass ? 'o-svg__close--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\" fill=\"#ffffff\"/>\n</svg>\n\n<svg *ngIf=\"icon==='close-disabled'\" [ngClass]=\"['o-svg','o-svg__close','o-svg--' + size,extraClass ? 'o-svg__close--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M12.8537 12.1463c.0465.0464.0833.1016.1085.1623.0251.0607.0381.1257.0381.1914 0 .0657-.013.1308-.0381.1915-.0252.0607-.062.1158-.1085.1623-.0464.0464-.1016.0833-.1623.1084-.0607.0252-.1257.0381-.1914.0381-.0657 0-.1308-.0129-.1915-.0381-.0607-.0251-.1158-.062-.1623-.1084L7.99997 8.70691 3.85372 12.8538c-.09382.0938-.22107.1465-.35375.1465-.13268 0-.25993-.0527-.35375-.1465-.09382-.0938-.14653-.2211-.14653-.3538 0-.1326.05271-.2599.14653-.3537L7.2931 8.00003 3.14622 3.85378c-.09382-.09382-.14653-.22106-.14653-.35375 0-.13268.05271-.25993.14653-.35375.09382-.09382.22107-.14652.35375-.14652.13268 0 .25993.0527.35375.14652l4.14625 4.14688 4.14623-4.14688c.0938-.09382.2211-.14652.3538-.14652s.2599.0527.3537.14652c.0938.09382.1466.22107.1466.35375 0 .13269-.0528.25993-.1466.35375L8.70685 8.00003l4.14685 4.14627Z\" fill=\"#A6B0AF\"/>\n</svg>\n\n<svg *ngIf=\"icon==='check-circle'\" [ngClass]=\"['o-svg','o-svg__check-circle','o-svg--' + size,extraClass ? 'o-svg__check-circle--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2.25c-1.9284 0-3.81343.57183-5.41681 1.64317-1.60337 1.07134-2.85306 2.59409-3.59101 4.37567-.73796 1.78156-.93104 3.74196-.55483 5.63326.3762 1.8913 1.3048 3.6286 2.66836 4.9922 1.36357 1.3636 3.10085 2.2922 4.99219 2.6684 1.8913.3762 3.8517.1831 5.6333-.5549 1.7815-.7379 3.3043-1.9876 4.3756-3.591C21.1782 15.8134 21.75 13.9284 21.75 12c-.0027-2.58502-1.0308-5.06339-2.8587-6.89128C17.0634 3.28084 14.585 2.25273 12 2.25Zm4.2806 8.0306-5.25 5.25c-.0696.0698-.1523.1251-.2434.1628-.091.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.091-.0377-.1738-.093-.24342-.1628l-2.25-2.25c-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306.14073-.1408.3316-.2198.53062-.2198.19903 0 .3899.079.53063.2198L10.5 13.9397l4.7194-4.72033c.0697-.06968.1524-.12495.2434-.16267.0911-.03771.1887-.05712.2872-.05712.0986 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.2872-.0377.091-.093.1737-.1627.2434Z\" fill=\"#217870\"/>\n</svg>\n\n<svg *ngIf=\"icon==='elipsis'\" [ngClass]=\"['o-svg','o-svg__elipsis','o-svg--' + size,extraClass ? 'o-svg__elipsis--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 11 20\">\n <path d=\"M1.162 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148C.49 13 0 13.518 0 14.148c0 .644.49 1.148 1.162 1.148ZM5.22255 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148ZM9.28309 15.296c.672 0 1.16201-.504 1.16201-1.148 0-.63-.49001-1.148-1.16201-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148Z\" fill=\"#535858\"/>\n</svg>", styles: [".o-svg{display:flex}.o-svg--lg{width:1.5rem;height:1.5rem}.o-svg--md{width:1.3rem;height:1.3rem}.o-svg--sm{width:1rem;height:1rem}.o-svg--xs{width:.9rem;height:.9rem}.o-svg__alert{display:inline-block}.o-svg__test--neutral path{fill:var(--color-action-neutral-content-default)}.o-svg__test--danger path{fill:var(--color-action-danger-border-default)}.o-svg__test--button-primary path{fill:#fff}.o-svg__test--disabled path{fill:var(--color-button-primary-content-disabled)}.o-svg__test--button-secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-danger path{fill:#fff}.o-svg__test--button-inverse path{fill:var(--color-button-inverse-content-default)}@keyframes spin{to{transform:rotate(360deg)}}.o-svg__spinner{width:100%;height:100%;display:inline-block;animation:spin 1s linear infinite;transform-origin:center center}.o-svg__spinner--secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--disabled path{fill:var(--color-button-secondary-content-disabled)}.o-svg__spinner--inverse path{fill:var(--color-button-inverse-content-disabled)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
14
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: IconComponent, isStandalone: true, selector: "lib-icon", inputs: { extraClass: "extraClass", variant: "variant", size: "size", icon: "icon" }, ngImport: i0, template: "<svg\n *ngIf=\"icon === 'alert'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__alert',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"m18.5001 14.6946-6.832-11.86486c-.1708-.29068-.4145-.53171-.7071-.69917-.2925-.16747-.6238-.25557-.9609-.25557-.33711 0-.66836.0881-.96094.25557-.29257.16746-.5363.40849-.70702.69917L1.50011 14.6946c-.16427.2811-.25084.6009-.25084.9265 0 .3257.08657.6454.25084.9266.16854.2924.41185.5348.70497.7021.29311.1674.62548.2538.96299.2503H16.8321c.3373.0032.6693-.0833.9621-.2507.2929-.1673.5359-.4095.7043-.7017.1645-.281.2514-.6007.2517-.9263.0002-.3257-.0861-.6455-.2501-.9268Zm-1.0836 1.2273c-.0595.1016-.1451.1856-.2477.2432-.1027.0577-.2189.087-.3367.085H3.16807c-.11775.002-.23392-.0273-.33661-.085-.10269-.0576-.1882-.1416-.24776-.2432-.05395-.0913-.08241-.1955-.08241-.3015 0-.1061.02846-.2103.08241-.3016L9.41573 3.45396c.06076-.10112.14666-.18479.24933-.24288.10268-.05808.21864-.08861.33664-.08861.1179 0 .2339.03053.3366.08861.1026.05809.1885.14176.2493.24288l6.832 11.86484c.0535.0916.0814.1959.0809.302-.0006.1061-.0296.2101-.084.3011Zm-8.04139-4.6718V8.12505c0-.16576.06584-.32473.18305-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v3.12505c0 .1657-.0658.3247-.1831.4419-.1172.1172-.2761.1831-.4419.1831-.16576 0-.32473-.0659-.44194-.1831-.11721-.1172-.18305-.2762-.18305-.4419Zm1.56249 2.8125c0 .1854-.055.3666-.158.5208-.103.1542-.2494.2743-.4207.3453-.1713.0709-.35983.0895-.54169.0533-.18186-.0361-.34891-.1254-.48002-.2565s-.2204-.2982-.25657-.4801c-.03617-.1818-.01761-.3703.05335-.5416.07096-.1713.19112-.3177.34529-.4208.15417-.103.33543-.1579.52084-.1579.2486 0 .4871.0987.6629.2745.1758.1759.2746.4143.2746.663Z\"\n fill=\"#BA2F1E\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'left'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M15.5302 18.9694c.0697.0697.125.1524.1627.2435.0377.091.0571.1886.0571.2872 0 .0985-.0194.1961-.0571.2871-.0377.0911-.093.1738-.1627.2435-.0696.0697-.1524.1249-.2434.1626-.0911.0378-.1886.0572-.2872.0572-.0985 0-.1961-.0194-.2872-.0572-.091-.0377-.1737-.0929-.2434-.1626l-7.50001-7.5c-.06973-.0697-.12505-.1524-.1628-.2434-.03774-.0911-.05717-.1887-.05717-.2872 0-.0986.01943-.1962.05717-.2873.03775-.091.09307-.1737.1628-.2434L14.469 3.96943c.1407-.14073.3316-.2198.5306-.2198.199 0 .3899.07907.5306.2198.1408.14073.2198.3316.2198.53062 0 .19902-.079.3899-.2198.53063L8.55993 12.0001l6.97027 6.9693Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'right'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"m17.031 12.5307-7.49996 7.5c-.06968.0697-.15241.1249-.24345.1626-.09105.0378-.18863.0572-.28717.0572-.09855 0-.19613-.0194-.28718-.0572-.09104-.0377-.17377-.0929-.24345-.1626-.06968-.0697-.12496-.1524-.16267-.2435-.03771-.091-.05712-.1886-.05712-.2871 0-.0986.01941-.1962.05712-.2872.03771-.0911.09299-.1738.16267-.2435l6.97031-6.9693-6.97031-6.96942C8.32906 4.88995 8.25 4.69907 8.25 4.50005c0-.19902.07906-.38989.21979-.53062.14073-.14073.3316-.2198.53063-.2198.19902 0 .38989.07907.53062.2198L17.031 11.4694c.0698.0697.1251.1524.1628.2434.0378.0911.0572.1887.0572.2873 0 .0985-.0194.1961-.0572.2872-.0377.091-.093.1737-.1628.2434Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'up'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M20.0306 15.5306c-.0696.0697-.1524.1251-.2434.1628-.0911.0377-.1886.0572-.2872.0572-.0986 0-.1962-.0195-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L12 8.56029 5.03061 15.5306c-.14073.1407-.3316.2198-.53062.2198-.19902 0-.38989-.0791-.53063-.2198-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306l7.50004-7.50005c.0696-.06973.1523-.12505.2434-.16279.091-.03774.1886-.05717.2872-.05717.0986 0 .1961.01943.2872.05717.091.03774.1738.09306.2434.16279l7.5 7.50005c.0697.0696.1251.1523.1628.2434.0378.091.0572.1886.0572.2872 0 .0985-.0194.1961-.0572.2872-.0377.091-.0931.1737-.1628.2434Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'down'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"m20.0306 9.53062-7.5 7.49998c-.0696.0697-.1524.1251-.2434.1628-.0911.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L3.96936 9.53062c-.14073-.14074-.21979-.33161-.21979-.53063 0-.19902.07906-.3899.21979-.53063.14074-.14073.33161-.21979.53063-.21979.19902 0 .38989.07906.53062.21979L12 15.4397l6.9694-6.97034c.0696-.06968.1524-.12495.2434-.16267.0911-.03771.1886-.05712.2872-.05712.0985 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.28717-.0377.09105-.093.17377-.1627.24346Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'calendar'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__calendar',\n 'o-svg--' + size,\n extraClass ? 'o-svg__calendar--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M16.25 2.5h-1.875v-.625c0-.16576-.0658-.32473-.1831-.44194-.1172-.11721-.2761-.18306-.4419-.18306s-.3247.06585-.4419.18306c-.1173.11721-.1831.27618-.1831.44194V2.5h-6.25v-.625c0-.16576-.06585-.32473-.18306-.44194C6.57473 1.31585 6.41576 1.25 6.25 1.25c-.16576 0-.32473.06585-.44194.18306-.11721.11721-.18306.27618-.18306.44194V2.5H3.75c-.33152 0-.64946.1317-.88388.36612C2.6317 3.10054 2.5 3.41848 2.5 3.75v12.5c0 .3315.1317.6495.36612.8839.23442.2344.55236.3661.88388.3661h12.5c.3315 0 .6495-.1317.8839-.3661.2344-.2344.3661-.5524.3661-.8839V3.75c0-.33152-.1317-.64946-.3661-.88388C16.8995 2.6317 16.5815 2.5 16.25 2.5ZM5.625 3.75v.625c0 .16576.06585.32473.18306.44194C5.92527 4.93415 6.08424 5 6.25 5c.16576 0 .32473-.06585.44194-.18306.11721-.11721.18306-.27618.18306-.44194V3.75h6.25v.625c0 .16576.0658.32473.1831.44194.1172.11721.2761.18306.4419.18306s.3247-.06585.4419-.18306c.1173-.11721.1831-.27618.1831-.44194V3.75h1.875v2.5H3.75v-2.5h1.875Zm10.625 12.5H3.75V7.5h12.5v8.75Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'eye' && variant === 'open'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__eye',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M19.3211 9.74688c-.0274-.06172-.6891-1.52969-2.1602-3.00079C15.2008 4.78594 12.725 3.75 9.99999 3.75c-2.725 0-5.20078 1.03594-7.16094 2.99609C1.36796 8.21719.703118 9.6875.678899 9.74688.643362 9.82681.625 9.91331.625 10.0008c0 .0875.018362.174.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c2.72501 0 5.20081-1.0359 7.16091-2.9953 1.4711-1.4711 2.1328-2.9383 2.1602-3 .0355-.0799.0539-.1664.0539-.2539 0-.08749-.0184-.17399-.0539-.25392ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977C3.0419 11.6927 2.43483 10.8836 1.95312 10c.48158-.88364 1.08867-1.69283 1.80234-2.40234C5.49452 5.87422 7.5953 5 9.99999 5c2.40471 0 4.50551.87422 6.24451 2.59766.715.70934 1.3234 1.51853 1.8063 2.40234-.5633 1.0516-3.0172 5-8.05081 5Zm0-8.75c-.74168 0-1.4667.21993-2.08339.63199-.61668.41205-1.09733.99772-1.38116 1.68295-.28382.68522-.35809 1.43926-.21339 2.16666.14469.7274.50184 1.3956 1.02629 1.9201.52445.5244 1.19263.8816 1.92006 1.0262.72743.1447 1.4814.0705 2.1667-.2134.6852-.2838 1.2708-.7644 1.6829-1.3811.4121-.6167.632-1.3417.632-2.0834-.001-.99424-.3965-1.94747-1.0995-2.65051-.703-.70304-1.6563-1.09846-2.65051-1.09949Zm0 6.25c-.49445 0-.9778-.1466-1.38892-.4213-.41113-.2747-.73156-.6652-.92078-1.122-.18922-.4568-.23872-.95947-.14226-1.44443.09646-.48495.33456-.93041.68419-1.28004.34964-.34963.79509-.58773 1.28005-.68419.48495-.09647.98763-.04696 1.44443.14226.4568.18922.8473.50965 1.122.92077.2747.41113.4213.89448.4213 1.38893 0 .663-.2634 1.2989-.7322 1.7678-.4689.4688-1.1048.7322-1.76781.7322Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'eye' && variant === 'close'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__eye',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M4.21249 2.70468c-.05488-.06187-.1215-.11223-.196-.14816-.07449-.03594-.15538-.05673-.23796-.06117-.08259-.00444-.16524.00755-.24316.03528-.07791.02774-.14955.07066-.21076.12628-.06121.05563-.11077.12285-.1458.19776-.03504.07492-.05486.15605-.05831.23869-.00346.08263.00953.16513.03819.24271.02867.07758.07245.1487.1288.20923l1.50313 1.65391C1.95312 6.94062.732805 9.62499.678899 9.74687.643362 9.8268.625 9.9133.625 10.0008c0 .0874.018362.1739.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c1.40051.008 2.78681-.2804 4.06801-.8461l1.7187 1.8914c.0549.0619.1215.1122.196.1482.0745.0359.1554.0567.238.0611.0826.0045.1652-.0075.2431-.0352.0779-.0278.1496-.0707.2108-.1263.0612-.0557.1108-.1229.1458-.1978.035-.0749.0549-.156.0583-.2387.0035-.0826-.0095-.1651-.0382-.2427-.0287-.0776-.0724-.1487-.1288-.2092L4.21249 2.70468Zm3.69766 5.925 3.25545 3.58202c-.4902.2579-1.0522.3457-1.59777.2496-.54554-.0962-1.0437-.3707-1.41626-.7807-.37256-.4099-.59843-.932-.64212-1.4842-.0437-.5522.09725-1.10329.4007-1.56672ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977-.71382-.7094-1.32092-1.5186-1.80234-2.40231.3664-.68672 1.53593-2.60859 3.69922-3.85781l1.40625 1.54297c-.54443.69727-.82482 1.56456-.79162 2.44855.0332.884.37786 1.7278.97305 2.3823.59519.6545 1.40259 1.0775 2.2795 1.1942.87688.1167 1.76688-.0803 2.51248-.5563l1.1508 1.2656c-1.0156.3897-2.095.5865-3.18281.5805Zm.46871-7.45548c-.1628-.03108-.3067-.12558-.3998-.26272-.09322-.13713-.12811-.30567-.09703-.46853.03103-.16286.12563-.3067.26273-.39988.1371-.09318.3057-.12807.4685-.09699.7966.15443 1.5219.56222 2.0677 1.16257.5459.60034.8831 1.36105.9612 2.16868.0155.16503-.0353.32944-.1411.45705-.1058.1276-.2579.208-.4229.2234-.0196.0012-.0391.0012-.0586 0-.1562.0007-.307-.0572-.4227-.1621-.1157-.105-.1879-.24952-.2023-.40507-.0526-.53719-.2772-1.04306-.6404-1.44239-.3631-.39933-.8455-.67079-1.3753-.77402Zm8.85 2.71018c-.0328.0734-.8242 1.8258-2.6062 3.4219-.0609.0562-.1324.0998-.2103.1282-.0779.0284-.1607.041-.2435.0371-.0828-.004-.164-.0243-.2389-.0599-.0749-.0357-.1419-.0858-.1972-.1476-.0553-.0618-.0977-.1339-.1249-.2123-.0271-.0783-.0384-.1613-.0332-.244.0053-.0828.0269-.1637.0637-.238.0368-.0743.088-.1405.1507-.1948.8743-.7854 1.6087-1.7138 2.1719-2.74531-.4825-.88455-1.0909-1.69431-1.8063-2.4039-1.739-1.72188-3.8398-2.5961-6.24451-2.5961-.50667-.00062-1.01254.04041-1.5125.12266-.0813.01438-.16465.0125-.24522-.00551-.08057-.01802-.15678-.05182-.22422-.09946-.06743-.04763-.12476-.10816-.16867-.17808-.04391-.06992-.07354-.14784-.08716-.22927-.01362-.08143-.01098-.16476.00778-.24516.01877-.08041.05327-.1563.10153-.22329s.10932-.12375.17964-.16702c.07032-.04326.14852-.07216.23007-.08502.5681-.09381 1.14296-.14058 1.71875-.13985 2.72501 0 5.20081 1.03594 7.16091 2.9961 1.4711 1.47109 2.1328 2.93906 2.1602 3.00078.0355.07993.0539.16643.0539.25393 0 .0874-.0184.1739-.0539.2539h-.0024Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'less'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__less',\n 'o-svg--' + size,\n extraClass ? 'o-svg__less--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n>\n <path\n d=\"M14 8c0 .13261-.0527.25979-.1464.35355-.0938.09377-.221.14645-.3536.14645h-11c-.13261 0-.25979-.05268-.35355-.14645C2.05268 8.25979 2 8.13261 2 8c0-.13261.05268-.25979.14645-.35355C2.24021 7.55268 2.36739 7.5 2.5 7.5h11c.1326 0 .2598.05268.3536.14645C13.9473 7.74021 14 7.86739 14 8Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'plus'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__plus',\n 'o-svg--' + size,\n extraClass ? 'o-svg__plus--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M17.5 10c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831h-6.25v6.25c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419v-6.25h-6.25c-.16576 0-.32473-.0658-.44194-.1831C2.56585 10.3247 2.5 10.1658 2.5 10c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306h6.25v-6.25c0-.16576.06585-.32473.18306-.44194C9.67527 2.56585 9.83424 2.5 10 2.5c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v6.25h6.25c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'search'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__search',\n 'o-svg--' + size,\n extraClass ? 'o-svg__search--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"m17.9422 17.0578-3.9117-3.9109c1.1337-1.3612 1.6991-3.1071 1.5784-4.87446-.1206-1.76738-.918-3.42021-2.2263-4.61465-1.3082-1.19445-3.0266-1.83853-4.79767-1.79828-1.77105.04025-3.45839.76174-4.71104 2.01438-1.25264 1.25264-1.97413 2.93999-2.01438 4.71103-.04025 1.77108.60384 3.48948 1.79828 4.79768 1.19444 1.3083 2.84727 2.1057 4.61466 2.2263 1.76735.1207 3.51325-.4447 4.87445-1.5784l3.9109 3.9117c.0581.0581.127.1041.2029.1355.0759.0315.1572.0476.2393.0476s.1634-.0161.2393-.0476c.0759-.0314.1448-.0774.2029-.1355.0581-.0581.1041-.127.1355-.2029.0315-.0759.0477-.1572.0477-.2393s-.0162-.1634-.0477-.2393c-.0314-.0759-.0774-.1448-.1355-.2029ZM3.125 8.75c0-1.11252.3299-2.20006.94799-3.12509.61808-.92502 1.49658-1.64599 2.52442-2.07174 1.02783-.42574 2.15883-.53713 3.24998-.32009 1.09111.21704 2.09341.75277 2.88011 1.53944.7866.78667 1.3224 1.78895 1.5394 2.88009.2171 1.09115.1057 2.22214-.3201 3.24999-.4257 1.0278-1.1467 1.9063-2.0717 2.5244-.925.6181-2.01258.948-3.1251.948-1.49133-.0017-2.92111-.5948-3.97565-1.6494C3.71982 11.6711 3.12666 10.2413 3.125 8.75Z\"\n fill=\"#676D6C\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'spinner'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__spinner',\n extraClass ? 'o-svg__spinner--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.0145 1.80949c.20184.66019-.16972 1.359-.82991 1.56084-1.11797.3418-2.12799.96809-2.93117 1.81753-.80318.84945-1.37198 1.89294-1.65069 3.02827s-.25778 2.32357.06074 3.44837c.31853 1.1248.92372 2.1476 1.75632 2.9683.8326.8206 1.86405 1.4109 2.99336 1.7131 1.1293.3023 2.31775.306 3.44895.0109 1.1311-.2951 2.1663-.879 3.004-1.6944.8378-.8154 1.4494-1.8343 1.7749-2.9571.1923-.6631.8857-1.0447 1.5487-.8525.6631.1923 1.0447.8857.8524 1.5487-.4461 1.5387-1.2843 2.935-2.4323 4.0524-1.148 1.1174-2.5665 1.9175-4.1166 2.3219-1.5502.4044-3.17876.3993-4.72633-.0148-1.54756-.4142-2.96104-1.2231-4.10201-2.3477-1.14097-1.1246-1.97031-2.5262-2.4068-4.0676-.436495-1.5414-.465178-3.16977-.08324-4.7256.38194-1.55582 1.1614-2.98578 2.26205-4.14984C4.53753 2.3062 5.92164 1.44796 7.45366.979572c.66019-.20184 1.359.169728 1.56084.829918Z\"\n fill=\"#fff\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'success'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__success',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M13.5672 7.68281c.0581.05805.1042.12698.1357.20285.0314.07588.0476.15721.0476.23934 0 .08213-.0162.16346-.0476.23934-.0315.07587-.0776.1448-.1357.20285L9.19219 12.9422c-.05804.0581-.12697.1042-.20285.1357-.07587.0314-.1572.0476-.23934.0476-.08213 0-.16346-.0162-.23933-.0476-.07588-.0315-.14481-.0776-.20285-.1357l-1.875-1.875c-.11728-.1173-.18316-.2763-.18316-.4422s.06588-.3249.18316-.4422c.11727-.1173.27633-.18315.44218-.18315.16586 0 .32492.06585.44219.18315L8.75 11.6164l3.9328-3.93359c.0581-.05811.127-.10421.2029-.13566.0758-.03145.1572-.04764.2393-.04764s.1635.01619.2393.04764c.0759.03145.1448.07755.2029.13566ZM18.125 10c0 1.607-.4765 3.1779-1.3693 4.514-.8928 1.3362-2.1617 2.3776-3.6464 2.9925-1.4846.615-3.11831.7759-4.6944.4624-1.5761-.3135-3.02384-1.0874-4.16014-2.2237-1.1363-1.1363-1.91013-2.584-2.22364-4.1601-.3135-1.5761-.1526-3.20975.46236-4.6944.61496-1.48465 1.65637-2.7536 2.99252-3.64639C6.82214 2.35152 8.39303 1.875 10 1.875c2.1542.00227 4.2195.85903 5.7427 2.38227C17.266 5.78051 18.1227 7.84581 18.125 10Zm-1.25 0c0-1.35975-.4032-2.68896-1.1586-3.81955-.7555-1.13058-1.8292-2.01177-3.0854-2.53212-1.2563-.52035-2.63862-.6565-3.97224-.39123-1.33362.26527-2.55863.92006-3.52012 1.88154-.96148.96149-1.61626 2.18649-1.88154 3.52011-.26527 1.33362-.12912 2.71595.39123 3.97215.52035 1.2563 1.40154 2.33 2.53213 3.0855C7.31105 16.4718 8.64026 16.875 10 16.875c1.8227-.0021 3.5702-.7271 4.8591-2.0159 1.2888-1.2889 2.0138-3.0364 2.0159-4.8591Z\"\n fill=\"#35785B\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'test'\"\n fill=\"none\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__test',\n extraClass ? 'o-svg__test--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 18 18\"\n>\n <path\n d=\"M16.5 0h-15C1.10218 0 .720644.158035.43934.43934.158035.720644 0 1.10218 0 1.5v15c0 .3978.158035.7794.43934 1.0607C.720644 17.842 1.10218 18 1.5 18h15c.3978 0 .7794-.158 1.0607-.4393S18 16.8978 18 16.5v-15c0-.39782-.158-.779356-.4393-1.06066C17.2794.158035 16.8978 0 16.5 0Zm-15 16.5V2.56031L15.4397 16.5H1.5Zm1.06031-15H16.5v13.9406L2.56031 1.5Z\"\n fill=\"#217870\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'thumb'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__thumb',\n 'o-svg--' + size,\n extraClass ? 'o-svg__thumb--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M19.5 3h-15c-.39782 0-.77936.15804-1.06066.43934C3.15804 3.72064 3 4.10218 3 4.5v15c0 .3978.15804.7794.43934 1.0607S4.10218 21 4.5 21h15c.3978 0 .7794-.158 1.0607-.4393S21 19.8978 21 19.5v-15c0-.39782-.158-.77936-.4393-1.06066C20.2794 3.15804 19.8978 3 19.5 3Zm-15 1.5h15v7.2544l-2.3147-2.31565c-.2813-.28109-.6626-.43899-1.0603-.43899-.3977 0-.779.1579-1.0603.43899L5.00344 19.5H4.5v-15Zm15 15H7.125l9-9 3.375 3.375V19.5ZM9 11.25c.44501 0 .88002-.132 1.25-.3792.37-.2472.6584-.5986.8287-1.00976.1703-.41114.2149-.86354.1281-1.29999-.0868-.43646-.3011-.83737-.6158-1.15204-.3147-.31467-.71559-.52896-1.15205-.61578-.43645-.08681-.88885-.04226-1.29999.12804-.41113.1703-.76253.45869-1.00977.8287C6.88196 8.11998 6.75 8.55499 6.75 9c0 .59674.23705 1.169.65901 1.591.42196.4219.99425.659 1.59099.659Zm0-3c.14834 0 .29334.04399.41668.1264.12333.08241.21946.19954.27623.33659.05677.13704.07162.28784.04268.43333-.02894.14548-.10037.27912-.20526.38401-.10489.10489-.23853.17632-.38401.20526-.14549.02894-.29629.01409-.43333-.04268-.13705-.05677-.25418-.1529-.33659-.27623C8.29399 9.29334 8.25 9.14834 8.25 9c0-.19891.07902-.38968.21967-.53033C8.61032 8.32902 8.80109 8.25 9 8.25Z\"\n fill=\"#535858\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'user'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__user',\n 'o-svg--' + size,\n extraClass ? 'o-svg__user--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M21.6488 19.8751c-1.4279-2.4684-3.6282-4.2384-6.196-5.0775 1.2702-.7561 2.257-1.9083 2.809-3.2796.5519-1.3712.6385-2.88576.2464-4.31099-.3921-1.42523-1.2412-2.68234-2.417-3.57828-1.1757-.89594-2.613-1.38117-4.0912-1.38117-1.4782 0-2.91549.48523-4.09122 1.38117-1.17572.89594-2.02484 2.15305-2.41695 3.57828-.39212 1.42523-.30554 2.93979.24642 4.31099.55196 1.3713 1.53879 2.5235 2.80895 3.2796-2.56782.8381-4.76813 2.6081-6.19594 5.0775-.05236.0854-.08709.1804-.10214.2794-.01505.099-.01012.2.01451.2971.02462.0971.06844.1883.12887.2681.06043.0799.13624.1469.22297.197.08673.05.18261.0823.28198.0947.09938.0124.20025.0049.29664-.0223.0964-.0272.18638-.0734.26463-.1359.07825-.0625.14318-.1401.19098-.2281 1.76625-3.0525 4.88812-4.875 8.3503-4.875 3.4622 0 6.5841 1.8225 8.3503 4.875.0478.088.1128.1656.191.2281.0783.0625.1682.1087.2646.1359.0964.0272.1973.0347.2967.0223.0993-.0124.1952-.0447.2819-.0947.0868-.0501.1626-.1171.223-.197.0604-.0798.1043-.171.1289-.2681.0246-.0971.0296-.1981.0145-.2971-.0151-.099-.0498-.194-.1021-.2794ZM6.75001 9.00011c0-1.03835.30791-2.05339.88478-2.91674.57688-.86336 1.39682-1.53627 2.35613-1.93363.95928-.39736 2.01488-.50133 3.03328-.29875 1.0184.20257 1.9539.70258 2.6881 1.43681.7342.73422 1.2343 1.66968 1.4368 2.68809.2026 1.0184.0986 2.07401-.2987 3.03331-.3974.9593-1.0703 1.7792-1.9336 2.3561-.8634.5769-1.8784.8848-2.9168.8848-1.3919-.0015-2.72641-.5551-3.71066-1.5393-.98424-.9843-1.53784-2.3188-1.53933-3.71069Z\"\n fill=\"#535858\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'info'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__info',\n 'o-svg--' + size,\n extraClass ? 'o-svg__info--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm1.25-3.125c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.3315 0-.64946-.1317-.88388-.3661-.23442-.2344-.36612-.5524-.36612-.8839v-3.125c-.16576 0-.32473-.06584-.44194-.18305-.11721-.11721-.18306-.27618-.18306-.44194 0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.33152 0 .6495.13169.8839.36611.2344.23442.3661.55237.3661.88388v3.125c.1658 0 .3247.0659.4419.1831.1173.1172.1831.2761.1831.4419Zm-2.5-7.18749c0-.18542.05499-.36668.158-.52085.10301-.15417.24943-.27433.42074-.34529.1713-.07096.3598-.08952.54166-.05335.1819.03617.3489.12546.48.25657.1311.13112.2204.29816.2566.48002.0362.18186.0176.37036-.0534.54166-.0709.17131-.1911.31773-.3452.42074-.1542.10301-.33548.158-.5209.158-.24864 0-.48709-.09877-.66291-.27459C8.84878 7.0506 8.75 6.81215 8.75 6.56351Z\"\n fill=\"#27749A\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'warning'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__warning',\n 'o-svg--' + size,\n extraClass ? 'o-svg__warning--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm-.625-6.25V6.25101c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194V10.626c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419Zm1.5625 2.8125c0 .1854-.055.3667-.158.5209-.103.1541-.2494.2743-.4207.3452-.1713.071-.35984.0896-.54169.0534-.18186-.0362-.34891-.1255-.48002-.2566s-.2204-.2981-.25657-.48c-.03618-.1819-.01761-.3704.05335-.5417.07095-.1713.19112-.3177.34529-.4207.15417-.103.33542-.158.52084-.158.2486 0 .4871.0988.6629.2746.1758.1758.2746.4143.2746.6629Z\"\n fill=\"#866600\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'upload'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__upload',\n 'o-svg--' + size,\n extraClass ? 'o-svg__upload--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M17.5 11.25v5c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831H3.125c-.16576 0-.32473-.0658-.44194-.1831C2.56585 16.5747 2.5 16.4158 2.5 16.25v-5c0-.1658.06585-.3247.18306-.4419.11721-.1172.27618-.1831.44194-.1831.16576 0 .32473.0659.44194.1831.11721.1172.18306.2761.18306.4419v4.375h12.5V11.25c0-.1658.0658-.3247.1831-.4419.1172-.1172.2761-.1831.4419-.1831s.3247.0659.4419.1831c.1173.1172.1831.2761.1831.4419ZM7.31719 6.06719 9.375 4.0086V11.25c0 .1658.06585.3247.18306.4419.11721.1173.27618.1831.44194.1831.1658 0 .3247-.0658.4419-.1831.1173-.1172.1831-.2761.1831-.4419V4.0086l2.0578 2.05859c.1173.11728.2763.18316.4422.18316s.3249-.06588.4422-.18316c.1173-.11727.1831-.27633.1831-.44219 0-.16585-.0658-.32491-.1831-.44218l-3.125-3.125c-.0581-.05811-.127-.10421-.2029-.13567-.0758-.03145-.1572-.04764-.2393-.04764-.08213 0-.16346.01619-.23934.04764-.07587.03146-.1448.07756-.20285.13567l-3.125 3.125c-.11727.11727-.18316.27633-.18316.44218 0 .16586.06589.32492.18316.44219.11728.11728.27634.18316.44219.18316.16585 0 .32491-.06588.44219-.18316Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'card'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__card',\n 'o-svg--' + size,\n extraClass ? 'o-svg__card--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 30 20\"\n>\n <path\n d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\"\n fill=\"#4486E4\"\n />\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#0F3760\" />\n <path\n d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\"\n fill=\"#D4E3F4\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'card-disabled'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__card-disabled',\n 'o-svg--' + size,\n extraClass ? 'o-svg__card-disabled--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 30 20\"\n>\n <path\n d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\"\n fill=\"#c7c7c7\"\n />\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#a7a7a7\" />\n <path\n d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\"\n fill=\"#D4E3F4\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'close'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__close',\n 'o-svg--' + size,\n extraClass ? 'o-svg__close--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'close-white'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__close',\n 'o-svg--' + size,\n extraClass ? 'o-svg__close--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\"\n fill=\"#ffffff\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'close-disabled'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__close',\n 'o-svg--' + size,\n extraClass ? 'o-svg__close--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n>\n <path\n d=\"M12.8537 12.1463c.0465.0464.0833.1016.1085.1623.0251.0607.0381.1257.0381.1914 0 .0657-.013.1308-.0381.1915-.0252.0607-.062.1158-.1085.1623-.0464.0464-.1016.0833-.1623.1084-.0607.0252-.1257.0381-.1914.0381-.0657 0-.1308-.0129-.1915-.0381-.0607-.0251-.1158-.062-.1623-.1084L7.99997 8.70691 3.85372 12.8538c-.09382.0938-.22107.1465-.35375.1465-.13268 0-.25993-.0527-.35375-.1465-.09382-.0938-.14653-.2211-.14653-.3538 0-.1326.05271-.2599.14653-.3537L7.2931 8.00003 3.14622 3.85378c-.09382-.09382-.14653-.22106-.14653-.35375 0-.13268.05271-.25993.14653-.35375.09382-.09382.22107-.14652.35375-.14652.13268 0 .25993.0527.35375.14652l4.14625 4.14688 4.14623-4.14688c.0938-.09382.2211-.14652.3538-.14652s.2599.0527.3537.14652c.0938.09382.1466.22107.1466.35375 0 .13269-.0528.25993-.1466.35375L8.70685 8.00003l4.14685 4.14627Z\"\n fill=\"#A6B0AF\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'check-circle'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__check-circle',\n 'o-svg--' + size,\n extraClass ? 'o-svg__check-circle--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M12 2.25c-1.9284 0-3.81343.57183-5.41681 1.64317-1.60337 1.07134-2.85306 2.59409-3.59101 4.37567-.73796 1.78156-.93104 3.74196-.55483 5.63326.3762 1.8913 1.3048 3.6286 2.66836 4.9922 1.36357 1.3636 3.10085 2.2922 4.99219 2.6684 1.8913.3762 3.8517.1831 5.6333-.5549 1.7815-.7379 3.3043-1.9876 4.3756-3.591C21.1782 15.8134 21.75 13.9284 21.75 12c-.0027-2.58502-1.0308-5.06339-2.8587-6.89128C17.0634 3.28084 14.585 2.25273 12 2.25Zm4.2806 8.0306-5.25 5.25c-.0696.0698-.1523.1251-.2434.1628-.091.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.091-.0377-.1738-.093-.24342-.1628l-2.25-2.25c-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306.14073-.1408.3316-.2198.53062-.2198.19903 0 .3899.079.53063.2198L10.5 13.9397l4.7194-4.72033c.0697-.06968.1524-.12495.2434-.16267.0911-.03771.1887-.05712.2872-.05712.0986 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.2872-.0377.091-.093.1737-.1627.2434Z\"\n fill=\"#217870\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'elipsis'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__elipsis',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 11 20\"\n>\n <path\n d=\"M1.162 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148C.49 13 0 13.518 0 14.148c0 .644.49 1.148 1.162 1.148ZM5.22255 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148ZM9.28309 15.296c.672 0 1.16201-.504 1.16201-1.148 0-.63-.49001-1.148-1.16201-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148Z\"\n fill=\"#535858\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'apple'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__apple',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n viewBox=\"0 0 25 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <path\n d=\"M20.8578 8.65962C20.7331 8.75412 18.5319 9.96595 18.5319 12.6605C18.5319 15.7772 21.3328 16.8798 21.4167 16.9071C21.4038 16.9743 20.9717 18.4172 19.9399 19.8873C19.0199 21.1811 18.059 22.4727 16.5972 22.4727C15.1355 22.4727 14.7593 21.6431 13.0719 21.6431C11.4274 21.6431 10.8427 22.5 9.50567 22.5C8.16861 22.5 7.23567 21.3029 6.16302 19.8327C4.92054 18.1064 3.91667 15.4244 3.91667 12.8789C3.91667 8.79613 6.63378 6.63081 9.3079 6.63081C10.7288 6.63081 11.9132 7.5423 12.8053 7.5423C13.6544 7.5423 14.9786 6.57621 16.5951 6.57621C17.2077 6.57621 19.4089 6.63081 20.8578 8.65962ZM15.8277 4.84773C16.4962 4.07276 16.9691 2.99745 16.9691 1.92214C16.9691 1.77303 16.9562 1.62181 16.9283 1.5C15.8406 1.5399 14.5465 2.20777 13.7662 3.09196C13.1536 3.77243 12.5818 4.84773 12.5818 5.93774C12.5818 6.10156 12.6097 6.26538 12.6226 6.31788C12.6914 6.33048 12.8032 6.34518 12.915 6.34518C13.8909 6.34518 15.1183 5.70672 15.8277 4.84773Z\"\n fill=\"black\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'google'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__google',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <mask\n id=\"mask0_2162_5756\"\n style=\"mask-type: luminance\"\n maskUnits=\"userSpaceOnUse\"\n x=\"1\"\n y=\"1\"\n width=\"22\"\n height=\"22\"\n >\n <path\n d=\"M22.2983 10.052H12.2237V14.0889H18.0126C17.9196 14.6602 17.7106 15.2223 17.4046 15.7347C17.054 16.3219 16.6206 16.7689 16.1763 17.1093C14.8456 18.1291 13.2941 18.3376 12.2166 18.3376C9.49479 18.3376 7.16915 16.5784 6.26885 14.188C6.23252 14.1013 6.20839 14.0117 6.17901 13.9231C5.98007 13.3147 5.87136 12.6704 5.87136 12.0007C5.87136 11.3037 5.98908 10.6365 6.2037 10.0064C7.05029 7.52124 9.42836 5.66505 12.2186 5.66505C12.7798 5.66505 13.3203 5.73186 13.8328 5.8651C15.0041 6.16962 15.8326 6.76936 16.3403 7.24375L19.4036 4.24379C17.5402 2.53527 15.1111 1.5 12.2135 1.5C9.89707 1.49995 7.75844 2.22168 6.0059 3.44144C4.58465 4.43062 3.41902 5.75502 2.63236 7.29316C1.90065 8.71933 1.5 10.2998 1.5 11.9991C1.5 13.6985 1.90127 15.2954 2.63297 16.7083V16.7179C3.40584 18.2179 4.53603 19.5095 5.90965 20.4942C7.10966 21.3544 9.2614 22.5 12.2135 22.5C13.9112 22.5 15.4158 22.1939 16.7427 21.6203C17.7 21.2065 18.5481 20.6668 19.316 19.9732C20.3306 19.0566 21.1252 17.923 21.6675 16.6187C22.2099 15.3144 22.5 13.8394 22.5 12.2403C22.5 11.4956 22.4252 10.7393 22.2983 10.0519V10.052Z\"\n fill=\"white\"\n />\n </mask>\n <g mask=\"url(#mask0_2162_5756)\">\n <g filter=\"url(#filter0_f_2162_5756)\">\n <path\n d=\"M1.34552 12.0704C1.35666 13.743 1.83324 15.4687 2.55464 16.8617V16.8713C3.07589 17.883 3.78828 18.6821 4.59968 19.474L9.50033 17.6858C8.57316 17.2148 8.43168 16.9263 7.76705 16.3997C7.08785 15.7148 6.58164 14.9285 6.26639 14.0066H6.25369L6.26639 13.997C6.059 13.3882 6.03854 12.742 6.03089 12.0704H1.34552Z\"\n fill=\"url(#paint0_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter1_f_2162_5756)\">\n <path\n d=\"M12.2238 1.42365C11.7394 3.12534 11.9246 4.77944 12.2238 5.74187C12.7831 5.74229 13.3219 5.80896 13.8329 5.94179C15.0042 6.2463 15.8326 6.84606 16.3403 7.32045L19.482 4.24385C17.6208 2.53737 15.381 1.42633 12.2238 1.42365Z\"\n fill=\"url(#paint1_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter2_f_2162_5756)\">\n <path\n d=\"M12.2132 1.41019C9.83733 1.41014 7.6438 2.1504 5.84628 3.40147C5.17885 3.86599 4.56637 4.40259 4.02099 4.9993C3.87812 6.33968 5.09053 7.98715 7.49146 7.97351C8.65638 6.61844 10.3793 5.74172 12.2969 5.74172C12.2986 5.74172 12.3003 5.74186 12.302 5.74187L12.2237 1.41049C12.2202 1.41049 12.2168 1.41019 12.2132 1.41019Z\"\n fill=\"url(#paint2_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter3_f_2162_5756)\">\n <path\n d=\"M20.055 12.5554L17.9343 14.0123C17.8413 14.5836 17.6322 15.1456 17.3262 15.6581C16.9756 16.2453 16.5422 16.6923 16.0979 17.0327C14.7699 18.0503 13.2226 18.2599 12.1454 18.2607C11.032 20.157 10.8368 21.1069 12.2237 22.6373C13.9398 22.6361 15.4613 22.3263 16.8033 21.7462C17.7733 21.3268 18.6328 20.7799 19.411 20.0769C20.4392 19.1481 21.2446 17.9992 21.7942 16.6774C22.3439 15.3556 22.6378 13.8609 22.6378 12.2404L20.055 12.5554Z\"\n fill=\"url(#paint3_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter4_f_2162_5756)\">\n <path\n d=\"M12.0671 9.89865V14.2423H22.2701C22.3598 13.6474 22.6566 12.8777 22.6566 12.2404C22.6566 11.4957 22.5818 10.586 22.455 9.89865H12.0671Z\"\n fill=\"#3086FF\"\n />\n </g>\n <g filter=\"url(#filter5_f_2162_5756)\">\n <path\n d=\"M4.06967 4.84595C3.44004 5.53485 2.90214 6.30592 2.47565 7.13983C1.74396 8.566 1.34332 10.2998 1.34332 11.9991C1.34332 12.0231 1.3453 12.0465 1.34546 12.0704C1.66951 12.6917 5.82155 12.5727 6.03083 12.0704C6.03057 12.047 6.02793 12.0241 6.02793 12.0006C6.02793 11.3036 6.14568 10.7899 6.3603 10.1598C6.62507 9.38257 7.03965 8.66683 7.56977 8.05017C7.68995 7.89675 8.01049 7.56692 8.10401 7.36908C8.13964 7.29373 8.03934 7.25143 8.03373 7.22491C8.02745 7.19524 7.89298 7.2191 7.86285 7.197C7.76719 7.12683 7.57777 7.0902 7.46274 7.05763C7.21689 6.98801 6.80945 6.8345 6.58314 6.67537C5.86779 6.17234 4.75141 5.57149 4.06967 4.84595Z\"\n fill=\"url(#paint4_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter6_f_2162_5756)\">\n <path\n d=\"M6.59854 7.22788C8.25737 8.23272 8.73442 6.72068 9.83731 6.24753L7.91879 2.26904C7.21306 2.56566 6.54628 2.93419 5.92761 3.36477C5.00368 4.00782 4.18778 4.79253 3.51379 5.68553L6.59854 7.22788Z\"\n fill=\"url(#paint5_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter7_f_2162_5756)\">\n <path\n d=\"M7.2736 17.3784C5.04684 18.1823 4.69823 18.2112 4.49326 19.5912C4.88495 19.9734 5.3058 20.327 5.75301 20.6475C6.95302 21.5077 9.26132 22.6534 12.2134 22.6534C12.2169 22.6534 12.2202 22.6531 12.2237 22.6531V18.1841C12.2214 18.1841 12.2189 18.1842 12.2166 18.1842C11.1112 18.1842 10.2278 17.8938 9.32207 17.3889C9.09876 17.2644 8.69361 17.5987 8.48765 17.4493C8.20359 17.2432 7.51998 17.6269 7.2736 17.3784Z\"\n fill=\"url(#paint6_radial_2162_5756)\"\n />\n </g>\n <g opacity=\"0.5\" filter=\"url(#filter8_f_2162_5756)\">\n <path\n d=\"M10.9197 18.0433V22.5756C11.3327 22.624 11.7626 22.6534 12.2135 22.6534C12.6656 22.6534 13.1029 22.6302 13.5279 22.5875V18.0738C13.0517 18.1552 12.6031 18.1842 12.2167 18.1842C11.7718 18.1842 11.339 18.1324 10.9197 18.0433Z\"\n fill=\"url(#paint7_linear_2162_5756)\"\n />\n </g>\n </g>\n <defs>\n <filter\n id=\"filter0_f_2162_5756\"\n x=\"0.875441\"\n y=\"11.6004\"\n width=\"9.09497\"\n height=\"8.34369\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter1_f_2162_5756\"\n x=\"11.4559\"\n y=\"0.953566\"\n width=\"8.49622\"\n height=\"6.83698\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter2_f_2162_5756\"\n x=\"3.53959\"\n y=\"0.940107\"\n width=\"9.23255\"\n height=\"7.50357\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter3_f_2162_5756\"\n x=\"10.7764\"\n y=\"11.7703\"\n width=\"12.3315\"\n height=\"11.3371\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter4_f_2162_5756\"\n x=\"11.597\"\n y=\"9.42857\"\n width=\"11.5297\"\n height=\"5.28382\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter5_f_2162_5756\"\n x=\"0.873243\"\n y=\"4.37587\"\n width=\"7.70847\"\n height=\"8.58716\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter6_f_2162_5756\"\n x=\"0.208944\"\n y=\"-1.03581\"\n width=\"12.9332\"\n height=\"11.9063\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"1.65243\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter7_f_2162_5756\"\n x=\"4.02318\"\n y=\"16.8905\"\n width=\"8.6706\"\n height=\"6.23301\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter8_f_2162_5756\"\n x=\"10.4496\"\n y=\"17.5732\"\n width=\"3.54837\"\n height=\"5.55027\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <radialGradient\n id=\"paint0_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(9.40223 19.3164) rotate(-92.3894) scale(10.467 15.7022)\"\n >\n <stop offset=\"0.141612\" stop-color=\"#1ABD4D\" />\n <stop offset=\"0.247515\" stop-color=\"#6EC30D\" />\n <stop offset=\"0.311547\" stop-color=\"#8AC502\" />\n <stop offset=\"0.366013\" stop-color=\"#A2C600\" />\n <stop offset=\"0.445673\" stop-color=\"#C8C903\" />\n <stop offset=\"0.540305\" stop-color=\"#EBCB03\" />\n <stop offset=\"0.615636\" stop-color=\"#F7CD07\" />\n <stop offset=\"0.699345\" stop-color=\"#FDCD04\" />\n <stop offset=\"0.771242\" stop-color=\"#FDCE05\" />\n <stop offset=\"0.860566\" stop-color=\"#FFCE0A\" />\n </radialGradient>\n <radialGradient\n id=\"paint1_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(19.1881 7.09785) scale(7.41096 9.3706)\"\n >\n <stop offset=\"0.408458\" stop-color=\"#FB4E5A\" />\n <stop offset=\"1\" stop-color=\"#FF4540\" />\n </radialGradient>\n <radialGradient\n id=\"paint2_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15.1409 0.0537589) rotate(151.53) scale(11.8117 15.847)\"\n >\n <stop offset=\"0.231273\" stop-color=\"#FF4541\" />\n <stop offset=\"0.311547\" stop-color=\"#FF4540\" />\n <stop offset=\"0.457516\" stop-color=\"#FF4640\" />\n <stop offset=\"0.540305\" stop-color=\"#FF473F\" />\n <stop offset=\"0.699346\" stop-color=\"#FF5138\" />\n <stop offset=\"0.771242\" stop-color=\"#FF5B33\" />\n <stop offset=\"0.860566\" stop-color=\"#FF6C29\" />\n <stop offset=\"1\" stop-color=\"#FF8C18\" />\n </radialGradient>\n <radialGradient\n id=\"paint3_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(12.3781 21.2782) rotate(-128.041) scale(30.5579 11.3396)\"\n >\n <stop offset=\"0.131546\" stop-color=\"#0CBA65\" />\n <stop offset=\"0.209784\" stop-color=\"#0BB86D\" />\n <stop offset=\"0.297297\" stop-color=\"#09B479\" />\n <stop offset=\"0.396257\" stop-color=\"#08AD93\" />\n <stop offset=\"0.477124\" stop-color=\"#0AA6A9\" />\n <stop offset=\"0.568425\" stop-color=\"#0D9CC6\" />\n <stop offset=\"0.667385\" stop-color=\"#1893DD\" />\n <stop offset=\"0.768727\" stop-color=\"#258BF1\" />\n <stop offset=\"0.858506\" stop-color=\"#3086FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint4_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(11.3035 3.39356) rotate(96.7579) scale(11.3243 15.9833)\"\n >\n <stop offset=\"0.366013\" stop-color=\"#FF4E3A\" />\n <stop offset=\"0.457516\" stop-color=\"#FF8A1B\" />\n <stop offset=\"0.540305\" stop-color=\"#FFA312\" />\n <stop offset=\"0.615636\" stop-color=\"#FFB60C\" />\n <stop offset=\"0.771242\" stop-color=\"#FFCD0A\" />\n <stop offset=\"0.860566\" stop-color=\"#FECF0A\" />\n <stop offset=\"0.915033\" stop-color=\"#FECF08\" />\n <stop offset=\"1\" stop-color=\"#FDCD01\" />\n </radialGradient>\n <radialGradient\n id=\"paint5_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(9.42961 3.27692) rotate(132.723) scale(5.67745 16.044)\"\n >\n <stop offset=\"0.315904\" stop-color=\"#FF4C3C\" />\n <stop offset=\"0.603818\" stop-color=\"#FF692C\" />\n <stop offset=\"0.726837\" stop-color=\"#FF7825\" />\n <stop offset=\"0.884534\" stop-color=\"#FF8D1B\" />\n <stop offset=\"1\" stop-color=\"#FF9F13\" />\n </radialGradient>\n <radialGradient\n id=\"paint6_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15.1408 23.946) rotate(-151.53) scale(11.8117 15.847)\"\n >\n <stop offset=\"0.231273\" stop-color=\"#0FBC5F\" />\n <stop offset=\"0.311547\" stop-color=\"#0FBC5F\" />\n <stop offset=\"0.366013\" stop-color=\"#0FBC5E\" />\n <stop offset=\"0.457516\" stop-color=\"#0FBC5D\" />\n <stop offset=\"0.540305\" stop-color=\"#12BC58\" />\n <stop offset=\"0.699346\" stop-color=\"#28BF3C\" />\n <stop offset=\"0.771242\" stop-color=\"#38C02B\" />\n <stop offset=\"0.860566\" stop-color=\"#52C218\" />\n <stop offset=\"0.915033\" stop-color=\"#67C30F\" />\n <stop offset=\"1\" stop-color=\"#86C504\" />\n </radialGradient>\n <linearGradient\n id=\"paint7_linear_2162_5756\"\n x1=\"10.9197\"\n y1=\"20.3483\"\n x2=\"13.5279\"\n y2=\"20.3483\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#0FBC5C\" />\n <stop offset=\"1\" stop-color=\"#0CBA65\" />\n </linearGradient>\n </defs>\n</svg>\n\n<svg\n *ngIf=\"icon === 'facebook'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__facebook',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <path\n d=\"M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20102 1.5 1.5 6.20101 1.5 12C1.5 16.9243 4.89003 21.0561 9.46345 22.1908V15.2086H7.29827V12H9.46345V10.6174C9.46345 7.04353 11.0808 5.38705 14.5895 5.38705C15.2547 5.38705 16.4025 5.51746 16.872 5.64792V8.55658C16.6242 8.5305 16.1938 8.51744 15.659 8.51744C13.9373 8.51744 13.2721 9.16962 13.2721 10.8652V12H16.7017L16.1126 15.2086H13.2721V22.4231C18.4711 21.7952 22.5 17.3684 22.5 12Z\"\n fill=\"#0866FF\"\n />\n <path\n d=\"M16.1125 15.2086L16.7017 12H13.272V10.8652C13.272 9.16958 13.9372 8.51745 15.6589 8.51745C16.1937 8.51745 16.6241 8.53047 16.872 8.55655V5.64792C16.4024 5.51747 15.2546 5.38702 14.5894 5.38702C11.0808 5.38702 9.4634 7.04354 9.4634 10.6174V12H7.29822V15.2086H9.4634V22.1908C10.2758 22.3923 11.1253 22.5 11.9999 22.5C12.4306 22.5 12.855 22.4735 13.272 22.4231V15.2086H16.1125Z\"\n fill=\"white\"\n />\n</svg>\n", styles: [".o-svg{display:flex}.o-svg--lg{width:1.5rem;height:1.5rem}.o-svg--md{width:1.3rem;height:1.3rem}.o-svg--sm{width:1rem;height:1rem}.o-svg--xs{width:.9rem;height:.9rem}.o-svg__alert{display:inline-block}.o-svg__test--neutral path{fill:var(--color-action-neutral-content-default)}.o-svg__test--danger path{fill:var(--color-action-danger-border-default)}.o-svg__test--button-primary path{fill:#fff}.o-svg__test--disabled path{fill:var(--color-button-primary-content-disabled)}.o-svg__test--button-secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-danger path{fill:#fff}.o-svg__test--button-inverse path{fill:var(--color-button-inverse-content-default)}@keyframes spin{to{transform:rotate(360deg)}}.o-svg__spinner{width:100%;height:100%;display:inline-block;animation:spin 1s linear infinite;transform-origin:center center}.o-svg__spinner--secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--disabled path{fill:var(--color-button-secondary-content-disabled)}.o-svg__spinner--inverse path{fill:var(--color-button-inverse-content-disabled)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
15
15
  }
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: IconComponent, decorators: [{
17
17
  type: Component,
18
- args: [{ selector: 'lib-icon', imports: [CommonModule], template: "<svg *ngIf=\"icon==='alert'\" [ngClass]=\"['o-svg','o-svg__alert','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"m18.5001 14.6946-6.832-11.86486c-.1708-.29068-.4145-.53171-.7071-.69917-.2925-.16747-.6238-.25557-.9609-.25557-.33711 0-.66836.0881-.96094.25557-.29257.16746-.5363.40849-.70702.69917L1.50011 14.6946c-.16427.2811-.25084.6009-.25084.9265 0 .3257.08657.6454.25084.9266.16854.2924.41185.5348.70497.7021.29311.1674.62548.2538.96299.2503H16.8321c.3373.0032.6693-.0833.9621-.2507.2929-.1673.5359-.4095.7043-.7017.1645-.281.2514-.6007.2517-.9263.0002-.3257-.0861-.6455-.2501-.9268Zm-1.0836 1.2273c-.0595.1016-.1451.1856-.2477.2432-.1027.0577-.2189.087-.3367.085H3.16807c-.11775.002-.23392-.0273-.33661-.085-.10269-.0576-.1882-.1416-.24776-.2432-.05395-.0913-.08241-.1955-.08241-.3015 0-.1061.02846-.2103.08241-.3016L9.41573 3.45396c.06076-.10112.14666-.18479.24933-.24288.10268-.05808.21864-.08861.33664-.08861.1179 0 .2339.03053.3366.08861.1026.05809.1885.14176.2493.24288l6.832 11.86484c.0535.0916.0814.1959.0809.302-.0006.1061-.0296.2101-.084.3011Zm-8.04139-4.6718V8.12505c0-.16576.06584-.32473.18305-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v3.12505c0 .1657-.0658.3247-.1831.4419-.1172.1172-.2761.1831-.4419.1831-.16576 0-.32473-.0659-.44194-.1831-.11721-.1172-.18305-.2762-.18305-.4419Zm1.56249 2.8125c0 .1854-.055.3666-.158.5208-.103.1542-.2494.2743-.4207.3453-.1713.0709-.35983.0895-.54169.0533-.18186-.0361-.34891-.1254-.48002-.2565s-.2204-.2982-.25657-.4801c-.03617-.1818-.01761-.3703.05335-.5416.07096-.1713.19112-.3177.34529-.4208.15417-.103.33543-.1579.52084-.1579.2486 0 .4871.0987.6629.2745.1758.1759.2746.4143.2746.663Z\" fill=\"#BA2F1E\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'left'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M15.5302 18.9694c.0697.0697.125.1524.1627.2435.0377.091.0571.1886.0571.2872 0 .0985-.0194.1961-.0571.2871-.0377.0911-.093.1738-.1627.2435-.0696.0697-.1524.1249-.2434.1626-.0911.0378-.1886.0572-.2872.0572-.0985 0-.1961-.0194-.2872-.0572-.091-.0377-.1737-.0929-.2434-.1626l-7.50001-7.5c-.06973-.0697-.12505-.1524-.1628-.2434-.03774-.0911-.05717-.1887-.05717-.2872 0-.0986.01943-.1962.05717-.2873.03775-.091.09307-.1737.1628-.2434L14.469 3.96943c.1407-.14073.3316-.2198.5306-.2198.199 0 .3899.07907.5306.2198.1408.14073.2198.3316.2198.53062 0 .19902-.079.3899-.2198.53063L8.55993 12.0001l6.97027 6.9693Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'right'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"m17.031 12.5307-7.49996 7.5c-.06968.0697-.15241.1249-.24345.1626-.09105.0378-.18863.0572-.28717.0572-.09855 0-.19613-.0194-.28718-.0572-.09104-.0377-.17377-.0929-.24345-.1626-.06968-.0697-.12496-.1524-.16267-.2435-.03771-.091-.05712-.1886-.05712-.2871 0-.0986.01941-.1962.05712-.2872.03771-.0911.09299-.1738.16267-.2435l6.97031-6.9693-6.97031-6.96942C8.32906 4.88995 8.25 4.69907 8.25 4.50005c0-.19902.07906-.38989.21979-.53062.14073-.14073.3316-.2198.53063-.2198.19902 0 .38989.07907.53062.2198L17.031 11.4694c.0698.0697.1251.1524.1628.2434.0378.0911.0572.1887.0572.2873 0 .0985-.0194.1961-.0572.2872-.0377.091-.093.1737-.1628.2434Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'up'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20.0306 15.5306c-.0696.0697-.1524.1251-.2434.1628-.0911.0377-.1886.0572-.2872.0572-.0986 0-.1962-.0195-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L12 8.56029 5.03061 15.5306c-.14073.1407-.3316.2198-.53062.2198-.19902 0-.38989-.0791-.53063-.2198-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306l7.50004-7.50005c.0696-.06973.1523-.12505.2434-.16279.091-.03774.1886-.05717.2872-.05717.0986 0 .1961.01943.2872.05717.091.03774.1738.09306.2434.16279l7.5 7.50005c.0697.0696.1251.1523.1628.2434.0378.091.0572.1886.0572.2872 0 .0985-.0194.1961-.0572.2872-.0377.091-.0931.1737-.1628.2434Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon === 'arrow' && variant === 'down'\" [ngClass]=\"['o-svg','o-svg__arrow','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"m20.0306 9.53062-7.5 7.49998c-.0696.0697-.1524.1251-.2434.1628-.0911.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L3.96936 9.53062c-.14073-.14074-.21979-.33161-.21979-.53063 0-.19902.07906-.3899.21979-.53063.14074-.14073.33161-.21979.53063-.21979.19902 0 .38989.07906.53062.21979L12 15.4397l6.9694-6.97034c.0696-.06968.1524-.12495.2434-.16267.0911-.03771.1886-.05712.2872-.05712.0985 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.28717-.0377.09105-.093.17377-.1627.24346Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='calendar'\" [ngClass]=\"['o-svg','o-svg__calendar','o-svg--' + size,extraClass ? 'o-svg__calendar--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M16.25 2.5h-1.875v-.625c0-.16576-.0658-.32473-.1831-.44194-.1172-.11721-.2761-.18306-.4419-.18306s-.3247.06585-.4419.18306c-.1173.11721-.1831.27618-.1831.44194V2.5h-6.25v-.625c0-.16576-.06585-.32473-.18306-.44194C6.57473 1.31585 6.41576 1.25 6.25 1.25c-.16576 0-.32473.06585-.44194.18306-.11721.11721-.18306.27618-.18306.44194V2.5H3.75c-.33152 0-.64946.1317-.88388.36612C2.6317 3.10054 2.5 3.41848 2.5 3.75v12.5c0 .3315.1317.6495.36612.8839.23442.2344.55236.3661.88388.3661h12.5c.3315 0 .6495-.1317.8839-.3661.2344-.2344.3661-.5524.3661-.8839V3.75c0-.33152-.1317-.64946-.3661-.88388C16.8995 2.6317 16.5815 2.5 16.25 2.5ZM5.625 3.75v.625c0 .16576.06585.32473.18306.44194C5.92527 4.93415 6.08424 5 6.25 5c.16576 0 .32473-.06585.44194-.18306.11721-.11721.18306-.27618.18306-.44194V3.75h6.25v.625c0 .16576.0658.32473.1831.44194.1172.11721.2761.18306.4419.18306s.3247-.06585.4419-.18306c.1173-.11721.1831-.27618.1831-.44194V3.75h1.875v2.5H3.75v-2.5h1.875Zm10.625 12.5H3.75V7.5h12.5v8.75Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='eye' && variant === 'open'\" [ngClass]=\"['o-svg','o-svg__eye','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M19.3211 9.74688c-.0274-.06172-.6891-1.52969-2.1602-3.00079C15.2008 4.78594 12.725 3.75 9.99999 3.75c-2.725 0-5.20078 1.03594-7.16094 2.99609C1.36796 8.21719.703118 9.6875.678899 9.74688.643362 9.82681.625 9.91331.625 10.0008c0 .0875.018362.174.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c2.72501 0 5.20081-1.0359 7.16091-2.9953 1.4711-1.4711 2.1328-2.9383 2.1602-3 .0355-.0799.0539-.1664.0539-.2539 0-.08749-.0184-.17399-.0539-.25392ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977C3.0419 11.6927 2.43483 10.8836 1.95312 10c.48158-.88364 1.08867-1.69283 1.80234-2.40234C5.49452 5.87422 7.5953 5 9.99999 5c2.40471 0 4.50551.87422 6.24451 2.59766.715.70934 1.3234 1.51853 1.8063 2.40234-.5633 1.0516-3.0172 5-8.05081 5Zm0-8.75c-.74168 0-1.4667.21993-2.08339.63199-.61668.41205-1.09733.99772-1.38116 1.68295-.28382.68522-.35809 1.43926-.21339 2.16666.14469.7274.50184 1.3956 1.02629 1.9201.52445.5244 1.19263.8816 1.92006 1.0262.72743.1447 1.4814.0705 2.1667-.2134.6852-.2838 1.2708-.7644 1.6829-1.3811.4121-.6167.632-1.3417.632-2.0834-.001-.99424-.3965-1.94747-1.0995-2.65051-.703-.70304-1.6563-1.09846-2.65051-1.09949Zm0 6.25c-.49445 0-.9778-.1466-1.38892-.4213-.41113-.2747-.73156-.6652-.92078-1.122-.18922-.4568-.23872-.95947-.14226-1.44443.09646-.48495.33456-.93041.68419-1.28004.34964-.34963.79509-.58773 1.28005-.68419.48495-.09647.98763-.04696 1.44443.14226.4568.18922.8473.50965 1.122.92077.2747.41113.4213.89448.4213 1.38893 0 .663-.2634 1.2989-.7322 1.7678-.4689.4688-1.1048.7322-1.76781.7322Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='eye' && variant === 'close'\" [ngClass]=\"['o-svg','o-svg__eye','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M4.21249 2.70468c-.05488-.06187-.1215-.11223-.196-.14816-.07449-.03594-.15538-.05673-.23796-.06117-.08259-.00444-.16524.00755-.24316.03528-.07791.02774-.14955.07066-.21076.12628-.06121.05563-.11077.12285-.1458.19776-.03504.07492-.05486.15605-.05831.23869-.00346.08263.00953.16513.03819.24271.02867.07758.07245.1487.1288.20923l1.50313 1.65391C1.95312 6.94062.732805 9.62499.678899 9.74687.643362 9.8268.625 9.9133.625 10.0008c0 .0874.018362.1739.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c1.40051.008 2.78681-.2804 4.06801-.8461l1.7187 1.8914c.0549.0619.1215.1122.196.1482.0745.0359.1554.0567.238.0611.0826.0045.1652-.0075.2431-.0352.0779-.0278.1496-.0707.2108-.1263.0612-.0557.1108-.1229.1458-.1978.035-.0749.0549-.156.0583-.2387.0035-.0826-.0095-.1651-.0382-.2427-.0287-.0776-.0724-.1487-.1288-.2092L4.21249 2.70468Zm3.69766 5.925 3.25545 3.58202c-.4902.2579-1.0522.3457-1.59777.2496-.54554-.0962-1.0437-.3707-1.41626-.7807-.37256-.4099-.59843-.932-.64212-1.4842-.0437-.5522.09725-1.10329.4007-1.56672ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977-.71382-.7094-1.32092-1.5186-1.80234-2.40231.3664-.68672 1.53593-2.60859 3.69922-3.85781l1.40625 1.54297c-.54443.69727-.82482 1.56456-.79162 2.44855.0332.884.37786 1.7278.97305 2.3823.59519.6545 1.40259 1.0775 2.2795 1.1942.87688.1167 1.76688-.0803 2.51248-.5563l1.1508 1.2656c-1.0156.3897-2.095.5865-3.18281.5805Zm.46871-7.45548c-.1628-.03108-.3067-.12558-.3998-.26272-.09322-.13713-.12811-.30567-.09703-.46853.03103-.16286.12563-.3067.26273-.39988.1371-.09318.3057-.12807.4685-.09699.7966.15443 1.5219.56222 2.0677 1.16257.5459.60034.8831 1.36105.9612 2.16868.0155.16503-.0353.32944-.1411.45705-.1058.1276-.2579.208-.4229.2234-.0196.0012-.0391.0012-.0586 0-.1562.0007-.307-.0572-.4227-.1621-.1157-.105-.1879-.24952-.2023-.40507-.0526-.53719-.2772-1.04306-.6404-1.44239-.3631-.39933-.8455-.67079-1.3753-.77402Zm8.85 2.71018c-.0328.0734-.8242 1.8258-2.6062 3.4219-.0609.0562-.1324.0998-.2103.1282-.0779.0284-.1607.041-.2435.0371-.0828-.004-.164-.0243-.2389-.0599-.0749-.0357-.1419-.0858-.1972-.1476-.0553-.0618-.0977-.1339-.1249-.2123-.0271-.0783-.0384-.1613-.0332-.244.0053-.0828.0269-.1637.0637-.238.0368-.0743.088-.1405.1507-.1948.8743-.7854 1.6087-1.7138 2.1719-2.74531-.4825-.88455-1.0909-1.69431-1.8063-2.4039-1.739-1.72188-3.8398-2.5961-6.24451-2.5961-.50667-.00062-1.01254.04041-1.5125.12266-.0813.01438-.16465.0125-.24522-.00551-.08057-.01802-.15678-.05182-.22422-.09946-.06743-.04763-.12476-.10816-.16867-.17808-.04391-.06992-.07354-.14784-.08716-.22927-.01362-.08143-.01098-.16476.00778-.24516.01877-.08041.05327-.1563.10153-.22329s.10932-.12375.17964-.16702c.07032-.04326.14852-.07216.23007-.08502.5681-.09381 1.14296-.14058 1.71875-.13985 2.72501 0 5.20081 1.03594 7.16091 2.9961 1.4711 1.47109 2.1328 2.93906 2.1602 3.00078.0355.07993.0539.16643.0539.25393 0 .0874-.0184.1739-.0539.2539h-.0024Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='less'\" [ngClass]=\"['o-svg','o-svg__less','o-svg--' + size,extraClass ? 'o-svg__less--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M14 8c0 .13261-.0527.25979-.1464.35355-.0938.09377-.221.14645-.3536.14645h-11c-.13261 0-.25979-.05268-.35355-.14645C2.05268 8.25979 2 8.13261 2 8c0-.13261.05268-.25979.14645-.35355C2.24021 7.55268 2.36739 7.5 2.5 7.5h11c.1326 0 .2598.05268.3536.14645C13.9473 7.74021 14 7.86739 14 8Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='plus'\" [ngClass]=\"['o-svg','o-svg__plus','o-svg--' + size,extraClass ? 'o-svg__plus--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M17.5 10c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831h-6.25v6.25c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419v-6.25h-6.25c-.16576 0-.32473-.0658-.44194-.1831C2.56585 10.3247 2.5 10.1658 2.5 10c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306h6.25v-6.25c0-.16576.06585-.32473.18306-.44194C9.67527 2.56585 9.83424 2.5 10 2.5c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v6.25h6.25c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='search'\" [ngClass]=\"['o-svg','o-svg__search','o-svg--' + size,extraClass ? 'o-svg__search--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"m17.9422 17.0578-3.9117-3.9109c1.1337-1.3612 1.6991-3.1071 1.5784-4.87446-.1206-1.76738-.918-3.42021-2.2263-4.61465-1.3082-1.19445-3.0266-1.83853-4.79767-1.79828-1.77105.04025-3.45839.76174-4.71104 2.01438-1.25264 1.25264-1.97413 2.93999-2.01438 4.71103-.04025 1.77108.60384 3.48948 1.79828 4.79768 1.19444 1.3083 2.84727 2.1057 4.61466 2.2263 1.76735.1207 3.51325-.4447 4.87445-1.5784l3.9109 3.9117c.0581.0581.127.1041.2029.1355.0759.0315.1572.0476.2393.0476s.1634-.0161.2393-.0476c.0759-.0314.1448-.0774.2029-.1355.0581-.0581.1041-.127.1355-.2029.0315-.0759.0477-.1572.0477-.2393s-.0162-.1634-.0477-.2393c-.0314-.0759-.0774-.1448-.1355-.2029ZM3.125 8.75c0-1.11252.3299-2.20006.94799-3.12509.61808-.92502 1.49658-1.64599 2.52442-2.07174 1.02783-.42574 2.15883-.53713 3.24998-.32009 1.09111.21704 2.09341.75277 2.88011 1.53944.7866.78667 1.3224 1.78895 1.5394 2.88009.2171 1.09115.1057 2.22214-.3201 3.24999-.4257 1.0278-1.1467 1.9063-2.0717 2.5244-.925.6181-2.01258.948-3.1251.948-1.49133-.0017-2.92111-.5948-3.97565-1.6494C3.71982 11.6711 3.12666 10.2413 3.125 8.75Z\" fill=\"#676D6C\"/>\n</svg>\n\n<svg *ngIf=\"icon==='spinner'\" [ngClass]=\"['o-svg','o-svg__spinner',extraClass ? 'o-svg__spinner--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.0145 1.80949c.20184.66019-.16972 1.359-.82991 1.56084-1.11797.3418-2.12799.96809-2.93117 1.81753-.80318.84945-1.37198 1.89294-1.65069 3.02827s-.25778 2.32357.06074 3.44837c.31853 1.1248.92372 2.1476 1.75632 2.9683.8326.8206 1.86405 1.4109 2.99336 1.7131 1.1293.3023 2.31775.306 3.44895.0109 1.1311-.2951 2.1663-.879 3.004-1.6944.8378-.8154 1.4494-1.8343 1.7749-2.9571.1923-.6631.8857-1.0447 1.5487-.8525.6631.1923 1.0447.8857.8524 1.5487-.4461 1.5387-1.2843 2.935-2.4323 4.0524-1.148 1.1174-2.5665 1.9175-4.1166 2.3219-1.5502.4044-3.17876.3993-4.72633-.0148-1.54756-.4142-2.96104-1.2231-4.10201-2.3477-1.14097-1.1246-1.97031-2.5262-2.4068-4.0676-.436495-1.5414-.465178-3.16977-.08324-4.7256.38194-1.55582 1.1614-2.98578 2.26205-4.14984C4.53753 2.3062 5.92164 1.44796 7.45366.979572c.66019-.20184 1.359.169728 1.56084.829918Z\" fill=\"#fff\"/>\n</svg>\n\n<svg *ngIf=\"icon==='success'\" [ngClass]=\"['o-svg','o-svg__success','o-svg--' + size,extraClass ? 'o-svg__alert--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M13.5672 7.68281c.0581.05805.1042.12698.1357.20285.0314.07588.0476.15721.0476.23934 0 .08213-.0162.16346-.0476.23934-.0315.07587-.0776.1448-.1357.20285L9.19219 12.9422c-.05804.0581-.12697.1042-.20285.1357-.07587.0314-.1572.0476-.23934.0476-.08213 0-.16346-.0162-.23933-.0476-.07588-.0315-.14481-.0776-.20285-.1357l-1.875-1.875c-.11728-.1173-.18316-.2763-.18316-.4422s.06588-.3249.18316-.4422c.11727-.1173.27633-.18315.44218-.18315.16586 0 .32492.06585.44219.18315L8.75 11.6164l3.9328-3.93359c.0581-.05811.127-.10421.2029-.13566.0758-.03145.1572-.04764.2393-.04764s.1635.01619.2393.04764c.0759.03145.1448.07755.2029.13566ZM18.125 10c0 1.607-.4765 3.1779-1.3693 4.514-.8928 1.3362-2.1617 2.3776-3.6464 2.9925-1.4846.615-3.11831.7759-4.6944.4624-1.5761-.3135-3.02384-1.0874-4.16014-2.2237-1.1363-1.1363-1.91013-2.584-2.22364-4.1601-.3135-1.5761-.1526-3.20975.46236-4.6944.61496-1.48465 1.65637-2.7536 2.99252-3.64639C6.82214 2.35152 8.39303 1.875 10 1.875c2.1542.00227 4.2195.85903 5.7427 2.38227C17.266 5.78051 18.1227 7.84581 18.125 10Zm-1.25 0c0-1.35975-.4032-2.68896-1.1586-3.81955-.7555-1.13058-1.8292-2.01177-3.0854-2.53212-1.2563-.52035-2.63862-.6565-3.97224-.39123-1.33362.26527-2.55863.92006-3.52012 1.88154-.96148.96149-1.61626 2.18649-1.88154 3.52011-.26527 1.33362-.12912 2.71595.39123 3.97215.52035 1.2563 1.40154 2.33 2.53213 3.0855C7.31105 16.4718 8.64026 16.875 10 16.875c1.8227-.0021 3.5702-.7271 4.8591-2.0159 1.2888-1.2889 2.0138-3.0364 2.0159-4.8591Z\" fill=\"#35785B\"/>\n</svg>\n\n<svg *ngIf=\"icon==='test'\" fill=\"none\" [ngClass]=\"['o-svg','o-svg__test',extraClass ? 'o-svg__test--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\">\n <path d=\"M16.5 0h-15C1.10218 0 .720644.158035.43934.43934.158035.720644 0 1.10218 0 1.5v15c0 .3978.158035.7794.43934 1.0607C.720644 17.842 1.10218 18 1.5 18h15c.3978 0 .7794-.158 1.0607-.4393S18 16.8978 18 16.5v-15c0-.39782-.158-.779356-.4393-1.06066C17.2794.158035 16.8978 0 16.5 0Zm-15 16.5V2.56031L15.4397 16.5H1.5Zm1.06031-15H16.5v13.9406L2.56031 1.5Z\" fill=\"#217870\"/>\n</svg>\n\n<svg *ngIf=\"icon==='thumb'\" [ngClass]=\"['o-svg','o-svg__thumb','o-svg--' + size,extraClass ? 'o-svg__thumb--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M19.5 3h-15c-.39782 0-.77936.15804-1.06066.43934C3.15804 3.72064 3 4.10218 3 4.5v15c0 .3978.15804.7794.43934 1.0607S4.10218 21 4.5 21h15c.3978 0 .7794-.158 1.0607-.4393S21 19.8978 21 19.5v-15c0-.39782-.158-.77936-.4393-1.06066C20.2794 3.15804 19.8978 3 19.5 3Zm-15 1.5h15v7.2544l-2.3147-2.31565c-.2813-.28109-.6626-.43899-1.0603-.43899-.3977 0-.779.1579-1.0603.43899L5.00344 19.5H4.5v-15Zm15 15H7.125l9-9 3.375 3.375V19.5ZM9 11.25c.44501 0 .88002-.132 1.25-.3792.37-.2472.6584-.5986.8287-1.00976.1703-.41114.2149-.86354.1281-1.29999-.0868-.43646-.3011-.83737-.6158-1.15204-.3147-.31467-.71559-.52896-1.15205-.61578-.43645-.08681-.88885-.04226-1.29999.12804-.41113.1703-.76253.45869-1.00977.8287C6.88196 8.11998 6.75 8.55499 6.75 9c0 .59674.23705 1.169.65901 1.591.42196.4219.99425.659 1.59099.659Zm0-3c.14834 0 .29334.04399.41668.1264.12333.08241.21946.19954.27623.33659.05677.13704.07162.28784.04268.43333-.02894.14548-.10037.27912-.20526.38401-.10489.10489-.23853.17632-.38401.20526-.14549.02894-.29629.01409-.43333-.04268-.13705-.05677-.25418-.1529-.33659-.27623C8.29399 9.29334 8.25 9.14834 8.25 9c0-.19891.07902-.38968.21967-.53033C8.61032 8.32902 8.80109 8.25 9 8.25Z\" fill=\"#535858\"/>\n</svg>\n\n<svg *ngIf=\"icon==='user'\" [ngClass]=\"['o-svg','o-svg__user','o-svg--' + size,extraClass ? 'o-svg__user--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M21.6488 19.8751c-1.4279-2.4684-3.6282-4.2384-6.196-5.0775 1.2702-.7561 2.257-1.9083 2.809-3.2796.5519-1.3712.6385-2.88576.2464-4.31099-.3921-1.42523-1.2412-2.68234-2.417-3.57828-1.1757-.89594-2.613-1.38117-4.0912-1.38117-1.4782 0-2.91549.48523-4.09122 1.38117-1.17572.89594-2.02484 2.15305-2.41695 3.57828-.39212 1.42523-.30554 2.93979.24642 4.31099.55196 1.3713 1.53879 2.5235 2.80895 3.2796-2.56782.8381-4.76813 2.6081-6.19594 5.0775-.05236.0854-.08709.1804-.10214.2794-.01505.099-.01012.2.01451.2971.02462.0971.06844.1883.12887.2681.06043.0799.13624.1469.22297.197.08673.05.18261.0823.28198.0947.09938.0124.20025.0049.29664-.0223.0964-.0272.18638-.0734.26463-.1359.07825-.0625.14318-.1401.19098-.2281 1.76625-3.0525 4.88812-4.875 8.3503-4.875 3.4622 0 6.5841 1.8225 8.3503 4.875.0478.088.1128.1656.191.2281.0783.0625.1682.1087.2646.1359.0964.0272.1973.0347.2967.0223.0993-.0124.1952-.0447.2819-.0947.0868-.0501.1626-.1171.223-.197.0604-.0798.1043-.171.1289-.2681.0246-.0971.0296-.1981.0145-.2971-.0151-.099-.0498-.194-.1021-.2794ZM6.75001 9.00011c0-1.03835.30791-2.05339.88478-2.91674.57688-.86336 1.39682-1.53627 2.35613-1.93363.95928-.39736 2.01488-.50133 3.03328-.29875 1.0184.20257 1.9539.70258 2.6881 1.43681.7342.73422 1.2343 1.66968 1.4368 2.68809.2026 1.0184.0986 2.07401-.2987 3.03331-.3974.9593-1.0703 1.7792-1.9336 2.3561-.8634.5769-1.8784.8848-2.9168.8848-1.3919-.0015-2.72641-.5551-3.71066-1.5393-.98424-.9843-1.53784-2.3188-1.53933-3.71069Z\" fill=\"#535858\"/>\n</svg>\n\n<svg *ngIf=\"icon==='info'\" [ngClass]=\"['o-svg','o-svg__info','o-svg--' + size,extraClass ? 'o-svg__info--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm1.25-3.125c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.3315 0-.64946-.1317-.88388-.3661-.23442-.2344-.36612-.5524-.36612-.8839v-3.125c-.16576 0-.32473-.06584-.44194-.18305-.11721-.11721-.18306-.27618-.18306-.44194 0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.33152 0 .6495.13169.8839.36611.2344.23442.3661.55237.3661.88388v3.125c.1658 0 .3247.0659.4419.1831.1173.1172.1831.2761.1831.4419Zm-2.5-7.18749c0-.18542.05499-.36668.158-.52085.10301-.15417.24943-.27433.42074-.34529.1713-.07096.3598-.08952.54166-.05335.1819.03617.3489.12546.48.25657.1311.13112.2204.29816.2566.48002.0362.18186.0176.37036-.0534.54166-.0709.17131-.1911.31773-.3452.42074-.1542.10301-.33548.158-.5209.158-.24864 0-.48709-.09877-.66291-.27459C8.84878 7.0506 8.75 6.81215 8.75 6.56351Z\" fill=\"#27749A\"/>\n</svg>\n\n<svg *ngIf=\"icon==='warning'\" [ngClass]=\"['o-svg','o-svg__warning','o-svg--' + size,extraClass ? 'o-svg__warning--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm-.625-6.25V6.25101c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194V10.626c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419Zm1.5625 2.8125c0 .1854-.055.3667-.158.5209-.103.1541-.2494.2743-.4207.3452-.1713.071-.35984.0896-.54169.0534-.18186-.0362-.34891-.1255-.48002-.2566s-.2204-.2981-.25657-.48c-.03618-.1819-.01761-.3704.05335-.5417.07095-.1713.19112-.3177.34529-.4207.15417-.103.33542-.158.52084-.158.2486 0 .4871.0988.6629.2746.1758.1758.2746.4143.2746.6629Z\" fill=\"#866600\"/>\n</svg>\n\n<svg *ngIf=\"icon==='upload'\" [ngClass]=\"['o-svg','o-svg__upload','o-svg--' + size,extraClass ? 'o-svg__upload--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M17.5 11.25v5c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831H3.125c-.16576 0-.32473-.0658-.44194-.1831C2.56585 16.5747 2.5 16.4158 2.5 16.25v-5c0-.1658.06585-.3247.18306-.4419.11721-.1172.27618-.1831.44194-.1831.16576 0 .32473.0659.44194.1831.11721.1172.18306.2761.18306.4419v4.375h12.5V11.25c0-.1658.0658-.3247.1831-.4419.1172-.1172.2761-.1831.4419-.1831s.3247.0659.4419.1831c.1173.1172.1831.2761.1831.4419ZM7.31719 6.06719 9.375 4.0086V11.25c0 .1658.06585.3247.18306.4419.11721.1173.27618.1831.44194.1831.1658 0 .3247-.0658.4419-.1831.1173-.1172.1831-.2761.1831-.4419V4.0086l2.0578 2.05859c.1173.11728.2763.18316.4422.18316s.3249-.06588.4422-.18316c.1173-.11727.1831-.27633.1831-.44219 0-.16585-.0658-.32491-.1831-.44218l-3.125-3.125c-.0581-.05811-.127-.10421-.2029-.13567-.0758-.03145-.1572-.04764-.2393-.04764-.08213 0-.16346.01619-.23934.04764-.07587.03146-.1448.07756-.20285.13567l-3.125 3.125c-.11727.11727-.18316.27633-.18316.44218 0 .16586.06589.32492.18316.44219.11728.11728.27634.18316.44219.18316.16585 0 .32491-.06588.44219-.18316Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='card'\" [ngClass]=\"['o-svg','o-svg__card','o-svg--' + size,extraClass ? 'o-svg__card--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 20\">\n <path d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\" fill=\"#4486E4\"/>\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#0F3760\"/>\n <path d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\" fill=\"#D4E3F4\"/>\n</svg>\n\n<svg *ngIf=\"icon==='card-disabled'\" [ngClass]=\"['o-svg','o-svg__card-disabled','o-svg--' + size,extraClass ? 'o-svg__card-disabled--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 20\">\n <path d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\" fill=\"#c7c7c7\"/>\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#a7a7a7\"/>\n <path d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\" fill=\"#D4E3F4\"/>\n</svg>\n\n<svg *ngIf=\"icon==='close'\" [ngClass]=\"['o-svg','o-svg__close','o-svg--' + size,extraClass ? 'o-svg__close--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\" fill=\"#070707\"/>\n</svg>\n\n<svg *ngIf=\"icon==='close-white'\" [ngClass]=\"['o-svg','o-svg__close','o-svg--' + size,extraClass ? 'o-svg__close--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n <path d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\" fill=\"#ffffff\"/>\n</svg>\n\n<svg *ngIf=\"icon==='close-disabled'\" [ngClass]=\"['o-svg','o-svg__close','o-svg--' + size,extraClass ? 'o-svg__close--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n <path d=\"M12.8537 12.1463c.0465.0464.0833.1016.1085.1623.0251.0607.0381.1257.0381.1914 0 .0657-.013.1308-.0381.1915-.0252.0607-.062.1158-.1085.1623-.0464.0464-.1016.0833-.1623.1084-.0607.0252-.1257.0381-.1914.0381-.0657 0-.1308-.0129-.1915-.0381-.0607-.0251-.1158-.062-.1623-.1084L7.99997 8.70691 3.85372 12.8538c-.09382.0938-.22107.1465-.35375.1465-.13268 0-.25993-.0527-.35375-.1465-.09382-.0938-.14653-.2211-.14653-.3538 0-.1326.05271-.2599.14653-.3537L7.2931 8.00003 3.14622 3.85378c-.09382-.09382-.14653-.22106-.14653-.35375 0-.13268.05271-.25993.14653-.35375.09382-.09382.22107-.14652.35375-.14652.13268 0 .25993.0527.35375.14652l4.14625 4.14688 4.14623-4.14688c.0938-.09382.2211-.14652.3538-.14652s.2599.0527.3537.14652c.0938.09382.1466.22107.1466.35375 0 .13269-.0528.25993-.1466.35375L8.70685 8.00003l4.14685 4.14627Z\" fill=\"#A6B0AF\"/>\n</svg>\n\n<svg *ngIf=\"icon==='check-circle'\" [ngClass]=\"['o-svg','o-svg__check-circle','o-svg--' + size,extraClass ? 'o-svg__check-circle--' + extraClass : '']\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2.25c-1.9284 0-3.81343.57183-5.41681 1.64317-1.60337 1.07134-2.85306 2.59409-3.59101 4.37567-.73796 1.78156-.93104 3.74196-.55483 5.63326.3762 1.8913 1.3048 3.6286 2.66836 4.9922 1.36357 1.3636 3.10085 2.2922 4.99219 2.6684 1.8913.3762 3.8517.1831 5.6333-.5549 1.7815-.7379 3.3043-1.9876 4.3756-3.591C21.1782 15.8134 21.75 13.9284 21.75 12c-.0027-2.58502-1.0308-5.06339-2.8587-6.89128C17.0634 3.28084 14.585 2.25273 12 2.25Zm4.2806 8.0306-5.25 5.25c-.0696.0698-.1523.1251-.2434.1628-.091.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.091-.0377-.1738-.093-.24342-.1628l-2.25-2.25c-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306.14073-.1408.3316-.2198.53062-.2198.19903 0 .3899.079.53063.2198L10.5 13.9397l4.7194-4.72033c.0697-.06968.1524-.12495.2434-.16267.0911-.03771.1887-.05712.2872-.05712.0986 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.2872-.0377.091-.093.1737-.1627.2434Z\" fill=\"#217870\"/>\n</svg>\n\n<svg *ngIf=\"icon==='elipsis'\" [ngClass]=\"['o-svg','o-svg__elipsis','o-svg--' + size,extraClass ? 'o-svg__elipsis--' + extraClass : '']\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 11 20\">\n <path d=\"M1.162 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148C.49 13 0 13.518 0 14.148c0 .644.49 1.148 1.162 1.148ZM5.22255 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148ZM9.28309 15.296c.672 0 1.16201-.504 1.16201-1.148 0-.63-.49001-1.148-1.16201-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148Z\" fill=\"#535858\"/>\n</svg>", styles: [".o-svg{display:flex}.o-svg--lg{width:1.5rem;height:1.5rem}.o-svg--md{width:1.3rem;height:1.3rem}.o-svg--sm{width:1rem;height:1rem}.o-svg--xs{width:.9rem;height:.9rem}.o-svg__alert{display:inline-block}.o-svg__test--neutral path{fill:var(--color-action-neutral-content-default)}.o-svg__test--danger path{fill:var(--color-action-danger-border-default)}.o-svg__test--button-primary path{fill:#fff}.o-svg__test--disabled path{fill:var(--color-button-primary-content-disabled)}.o-svg__test--button-secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-danger path{fill:#fff}.o-svg__test--button-inverse path{fill:var(--color-button-inverse-content-default)}@keyframes spin{to{transform:rotate(360deg)}}.o-svg__spinner{width:100%;height:100%;display:inline-block;animation:spin 1s linear infinite;transform-origin:center center}.o-svg__spinner--secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--disabled path{fill:var(--color-button-secondary-content-disabled)}.o-svg__spinner--inverse path{fill:var(--color-button-inverse-content-disabled)}\n"] }]
18
+ args: [{ selector: 'lib-icon', imports: [CommonModule], template: "<svg\n *ngIf=\"icon === 'alert'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__alert',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"m18.5001 14.6946-6.832-11.86486c-.1708-.29068-.4145-.53171-.7071-.69917-.2925-.16747-.6238-.25557-.9609-.25557-.33711 0-.66836.0881-.96094.25557-.29257.16746-.5363.40849-.70702.69917L1.50011 14.6946c-.16427.2811-.25084.6009-.25084.9265 0 .3257.08657.6454.25084.9266.16854.2924.41185.5348.70497.7021.29311.1674.62548.2538.96299.2503H16.8321c.3373.0032.6693-.0833.9621-.2507.2929-.1673.5359-.4095.7043-.7017.1645-.281.2514-.6007.2517-.9263.0002-.3257-.0861-.6455-.2501-.9268Zm-1.0836 1.2273c-.0595.1016-.1451.1856-.2477.2432-.1027.0577-.2189.087-.3367.085H3.16807c-.11775.002-.23392-.0273-.33661-.085-.10269-.0576-.1882-.1416-.24776-.2432-.05395-.0913-.08241-.1955-.08241-.3015 0-.1061.02846-.2103.08241-.3016L9.41573 3.45396c.06076-.10112.14666-.18479.24933-.24288.10268-.05808.21864-.08861.33664-.08861.1179 0 .2339.03053.3366.08861.1026.05809.1885.14176.2493.24288l6.832 11.86484c.0535.0916.0814.1959.0809.302-.0006.1061-.0296.2101-.084.3011Zm-8.04139-4.6718V8.12505c0-.16576.06584-.32473.18305-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v3.12505c0 .1657-.0658.3247-.1831.4419-.1172.1172-.2761.1831-.4419.1831-.16576 0-.32473-.0659-.44194-.1831-.11721-.1172-.18305-.2762-.18305-.4419Zm1.56249 2.8125c0 .1854-.055.3666-.158.5208-.103.1542-.2494.2743-.4207.3453-.1713.0709-.35983.0895-.54169.0533-.18186-.0361-.34891-.1254-.48002-.2565s-.2204-.2982-.25657-.4801c-.03617-.1818-.01761-.3703.05335-.5416.07096-.1713.19112-.3177.34529-.4208.15417-.103.33543-.1579.52084-.1579.2486 0 .4871.0987.6629.2745.1758.1759.2746.4143.2746.663Z\"\n fill=\"#BA2F1E\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'left'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M15.5302 18.9694c.0697.0697.125.1524.1627.2435.0377.091.0571.1886.0571.2872 0 .0985-.0194.1961-.0571.2871-.0377.0911-.093.1738-.1627.2435-.0696.0697-.1524.1249-.2434.1626-.0911.0378-.1886.0572-.2872.0572-.0985 0-.1961-.0194-.2872-.0572-.091-.0377-.1737-.0929-.2434-.1626l-7.50001-7.5c-.06973-.0697-.12505-.1524-.1628-.2434-.03774-.0911-.05717-.1887-.05717-.2872 0-.0986.01943-.1962.05717-.2873.03775-.091.09307-.1737.1628-.2434L14.469 3.96943c.1407-.14073.3316-.2198.5306-.2198.199 0 .3899.07907.5306.2198.1408.14073.2198.3316.2198.53062 0 .19902-.079.3899-.2198.53063L8.55993 12.0001l6.97027 6.9693Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'right'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"m17.031 12.5307-7.49996 7.5c-.06968.0697-.15241.1249-.24345.1626-.09105.0378-.18863.0572-.28717.0572-.09855 0-.19613-.0194-.28718-.0572-.09104-.0377-.17377-.0929-.24345-.1626-.06968-.0697-.12496-.1524-.16267-.2435-.03771-.091-.05712-.1886-.05712-.2871 0-.0986.01941-.1962.05712-.2872.03771-.0911.09299-.1738.16267-.2435l6.97031-6.9693-6.97031-6.96942C8.32906 4.88995 8.25 4.69907 8.25 4.50005c0-.19902.07906-.38989.21979-.53062.14073-.14073.3316-.2198.53063-.2198.19902 0 .38989.07907.53062.2198L17.031 11.4694c.0698.0697.1251.1524.1628.2434.0378.0911.0572.1887.0572.2873 0 .0985-.0194.1961-.0572.2872-.0377.091-.093.1737-.1628.2434Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'up'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M20.0306 15.5306c-.0696.0697-.1524.1251-.2434.1628-.0911.0377-.1886.0572-.2872.0572-.0986 0-.1962-.0195-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L12 8.56029 5.03061 15.5306c-.14073.1407-.3316.2198-.53062.2198-.19902 0-.38989-.0791-.53063-.2198-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306l7.50004-7.50005c.0696-.06973.1523-.12505.2434-.16279.091-.03774.1886-.05717.2872-.05717.0986 0 .1961.01943.2872.05717.091.03774.1738.09306.2434.16279l7.5 7.50005c.0697.0696.1251.1523.1628.2434.0378.091.0572.1886.0572.2872 0 .0985-.0194.1961-.0572.2872-.0377.091-.0931.1737-.1628.2434Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'arrow' && variant === 'down'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__arrow',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"m20.0306 9.53062-7.5 7.49998c-.0696.0697-.1524.1251-.2434.1628-.0911.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.0911-.0377-.1738-.0931-.2434-.1628L3.96936 9.53062c-.14073-.14074-.21979-.33161-.21979-.53063 0-.19902.07906-.3899.21979-.53063.14074-.14073.33161-.21979.53063-.21979.19902 0 .38989.07906.53062.21979L12 15.4397l6.9694-6.97034c.0696-.06968.1524-.12495.2434-.16267.0911-.03771.1886-.05712.2872-.05712.0985 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.28717-.0377.09105-.093.17377-.1627.24346Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'calendar'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__calendar',\n 'o-svg--' + size,\n extraClass ? 'o-svg__calendar--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M16.25 2.5h-1.875v-.625c0-.16576-.0658-.32473-.1831-.44194-.1172-.11721-.2761-.18306-.4419-.18306s-.3247.06585-.4419.18306c-.1173.11721-.1831.27618-.1831.44194V2.5h-6.25v-.625c0-.16576-.06585-.32473-.18306-.44194C6.57473 1.31585 6.41576 1.25 6.25 1.25c-.16576 0-.32473.06585-.44194.18306-.11721.11721-.18306.27618-.18306.44194V2.5H3.75c-.33152 0-.64946.1317-.88388.36612C2.6317 3.10054 2.5 3.41848 2.5 3.75v12.5c0 .3315.1317.6495.36612.8839.23442.2344.55236.3661.88388.3661h12.5c.3315 0 .6495-.1317.8839-.3661.2344-.2344.3661-.5524.3661-.8839V3.75c0-.33152-.1317-.64946-.3661-.88388C16.8995 2.6317 16.5815 2.5 16.25 2.5ZM5.625 3.75v.625c0 .16576.06585.32473.18306.44194C5.92527 4.93415 6.08424 5 6.25 5c.16576 0 .32473-.06585.44194-.18306.11721-.11721.18306-.27618.18306-.44194V3.75h6.25v.625c0 .16576.0658.32473.1831.44194.1172.11721.2761.18306.4419.18306s.3247-.06585.4419-.18306c.1173-.11721.1831-.27618.1831-.44194V3.75h1.875v2.5H3.75v-2.5h1.875Zm10.625 12.5H3.75V7.5h12.5v8.75Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'eye' && variant === 'open'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__eye',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M19.3211 9.74688c-.0274-.06172-.6891-1.52969-2.1602-3.00079C15.2008 4.78594 12.725 3.75 9.99999 3.75c-2.725 0-5.20078 1.03594-7.16094 2.99609C1.36796 8.21719.703118 9.6875.678899 9.74688.643362 9.82681.625 9.91331.625 10.0008c0 .0875.018362.174.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c2.72501 0 5.20081-1.0359 7.16091-2.9953 1.4711-1.4711 2.1328-2.9383 2.1602-3 .0355-.0799.0539-.1664.0539-.2539 0-.08749-.0184-.17399-.0539-.25392ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977C3.0419 11.6927 2.43483 10.8836 1.95312 10c.48158-.88364 1.08867-1.69283 1.80234-2.40234C5.49452 5.87422 7.5953 5 9.99999 5c2.40471 0 4.50551.87422 6.24451 2.59766.715.70934 1.3234 1.51853 1.8063 2.40234-.5633 1.0516-3.0172 5-8.05081 5Zm0-8.75c-.74168 0-1.4667.21993-2.08339.63199-.61668.41205-1.09733.99772-1.38116 1.68295-.28382.68522-.35809 1.43926-.21339 2.16666.14469.7274.50184 1.3956 1.02629 1.9201.52445.5244 1.19263.8816 1.92006 1.0262.72743.1447 1.4814.0705 2.1667-.2134.6852-.2838 1.2708-.7644 1.6829-1.3811.4121-.6167.632-1.3417.632-2.0834-.001-.99424-.3965-1.94747-1.0995-2.65051-.703-.70304-1.6563-1.09846-2.65051-1.09949Zm0 6.25c-.49445 0-.9778-.1466-1.38892-.4213-.41113-.2747-.73156-.6652-.92078-1.122-.18922-.4568-.23872-.95947-.14226-1.44443.09646-.48495.33456-.93041.68419-1.28004.34964-.34963.79509-.58773 1.28005-.68419.48495-.09647.98763-.04696 1.44443.14226.4568.18922.8473.50965 1.122.92077.2747.41113.4213.89448.4213 1.38893 0 .663-.2634 1.2989-.7322 1.7678-.4689.4688-1.1048.7322-1.76781.7322Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'eye' && variant === 'close'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__eye',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M4.21249 2.70468c-.05488-.06187-.1215-.11223-.196-.14816-.07449-.03594-.15538-.05673-.23796-.06117-.08259-.00444-.16524.00755-.24316.03528-.07791.02774-.14955.07066-.21076.12628-.06121.05563-.11077.12285-.1458.19776-.03504.07492-.05486.15605-.05831.23869-.00346.08263.00953.16513.03819.24271.02867.07758.07245.1487.1288.20923l1.50313 1.65391C1.95312 6.94062.732805 9.62499.678899 9.74687.643362 9.8268.625 9.9133.625 10.0008c0 .0874.018362.1739.053899.2539.027344.0617.689061 1.5289 2.160151 3C4.79921 15.2141 7.27499 16.25 9.99999 16.25c1.40051.008 2.78681-.2804 4.06801-.8461l1.7187 1.8914c.0549.0619.1215.1122.196.1482.0745.0359.1554.0567.238.0611.0826.0045.1652-.0075.2431-.0352.0779-.0278.1496-.0707.2108-.1263.0612-.0557.1108-.1229.1458-.1978.035-.0749.0549-.156.0583-.2387.0035-.0826-.0095-.1651-.0382-.2427-.0287-.0776-.0724-.1487-.1288-.2092L4.21249 2.70468Zm3.69766 5.925 3.25545 3.58202c-.4902.2579-1.0522.3457-1.59777.2496-.54554-.0962-1.0437-.3707-1.41626-.7807-.37256-.4099-.59843-.932-.64212-1.4842-.0437-.5522.09725-1.10329.4007-1.56672ZM9.99999 15c-2.40469 0-4.50547-.8742-6.24453-2.5977-.71382-.7094-1.32092-1.5186-1.80234-2.40231.3664-.68672 1.53593-2.60859 3.69922-3.85781l1.40625 1.54297c-.54443.69727-.82482 1.56456-.79162 2.44855.0332.884.37786 1.7278.97305 2.3823.59519.6545 1.40259 1.0775 2.2795 1.1942.87688.1167 1.76688-.0803 2.51248-.5563l1.1508 1.2656c-1.0156.3897-2.095.5865-3.18281.5805Zm.46871-7.45548c-.1628-.03108-.3067-.12558-.3998-.26272-.09322-.13713-.12811-.30567-.09703-.46853.03103-.16286.12563-.3067.26273-.39988.1371-.09318.3057-.12807.4685-.09699.7966.15443 1.5219.56222 2.0677 1.16257.5459.60034.8831 1.36105.9612 2.16868.0155.16503-.0353.32944-.1411.45705-.1058.1276-.2579.208-.4229.2234-.0196.0012-.0391.0012-.0586 0-.1562.0007-.307-.0572-.4227-.1621-.1157-.105-.1879-.24952-.2023-.40507-.0526-.53719-.2772-1.04306-.6404-1.44239-.3631-.39933-.8455-.67079-1.3753-.77402Zm8.85 2.71018c-.0328.0734-.8242 1.8258-2.6062 3.4219-.0609.0562-.1324.0998-.2103.1282-.0779.0284-.1607.041-.2435.0371-.0828-.004-.164-.0243-.2389-.0599-.0749-.0357-.1419-.0858-.1972-.1476-.0553-.0618-.0977-.1339-.1249-.2123-.0271-.0783-.0384-.1613-.0332-.244.0053-.0828.0269-.1637.0637-.238.0368-.0743.088-.1405.1507-.1948.8743-.7854 1.6087-1.7138 2.1719-2.74531-.4825-.88455-1.0909-1.69431-1.8063-2.4039-1.739-1.72188-3.8398-2.5961-6.24451-2.5961-.50667-.00062-1.01254.04041-1.5125.12266-.0813.01438-.16465.0125-.24522-.00551-.08057-.01802-.15678-.05182-.22422-.09946-.06743-.04763-.12476-.10816-.16867-.17808-.04391-.06992-.07354-.14784-.08716-.22927-.01362-.08143-.01098-.16476.00778-.24516.01877-.08041.05327-.1563.10153-.22329s.10932-.12375.17964-.16702c.07032-.04326.14852-.07216.23007-.08502.5681-.09381 1.14296-.14058 1.71875-.13985 2.72501 0 5.20081 1.03594 7.16091 2.9961 1.4711 1.47109 2.1328 2.93906 2.1602 3.00078.0355.07993.0539.16643.0539.25393 0 .0874-.0184.1739-.0539.2539h-.0024Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'less'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__less',\n 'o-svg--' + size,\n extraClass ? 'o-svg__less--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n>\n <path\n d=\"M14 8c0 .13261-.0527.25979-.1464.35355-.0938.09377-.221.14645-.3536.14645h-11c-.13261 0-.25979-.05268-.35355-.14645C2.05268 8.25979 2 8.13261 2 8c0-.13261.05268-.25979.14645-.35355C2.24021 7.55268 2.36739 7.5 2.5 7.5h11c.1326 0 .2598.05268.3536.14645C13.9473 7.74021 14 7.86739 14 8Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'plus'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__plus',\n 'o-svg--' + size,\n extraClass ? 'o-svg__plus--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M17.5 10c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831h-6.25v6.25c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419v-6.25h-6.25c-.16576 0-.32473-.0658-.44194-.1831C2.56585 10.3247 2.5 10.1658 2.5 10c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306h6.25v-6.25c0-.16576.06585-.32473.18306-.44194C9.67527 2.56585 9.83424 2.5 10 2.5c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194v6.25h6.25c.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'search'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__search',\n 'o-svg--' + size,\n extraClass ? 'o-svg__search--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"m17.9422 17.0578-3.9117-3.9109c1.1337-1.3612 1.6991-3.1071 1.5784-4.87446-.1206-1.76738-.918-3.42021-2.2263-4.61465-1.3082-1.19445-3.0266-1.83853-4.79767-1.79828-1.77105.04025-3.45839.76174-4.71104 2.01438-1.25264 1.25264-1.97413 2.93999-2.01438 4.71103-.04025 1.77108.60384 3.48948 1.79828 4.79768 1.19444 1.3083 2.84727 2.1057 4.61466 2.2263 1.76735.1207 3.51325-.4447 4.87445-1.5784l3.9109 3.9117c.0581.0581.127.1041.2029.1355.0759.0315.1572.0476.2393.0476s.1634-.0161.2393-.0476c.0759-.0314.1448-.0774.2029-.1355.0581-.0581.1041-.127.1355-.2029.0315-.0759.0477-.1572.0477-.2393s-.0162-.1634-.0477-.2393c-.0314-.0759-.0774-.1448-.1355-.2029ZM3.125 8.75c0-1.11252.3299-2.20006.94799-3.12509.61808-.92502 1.49658-1.64599 2.52442-2.07174 1.02783-.42574 2.15883-.53713 3.24998-.32009 1.09111.21704 2.09341.75277 2.88011 1.53944.7866.78667 1.3224 1.78895 1.5394 2.88009.2171 1.09115.1057 2.22214-.3201 3.24999-.4257 1.0278-1.1467 1.9063-2.0717 2.5244-.925.6181-2.01258.948-3.1251.948-1.49133-.0017-2.92111-.5948-3.97565-1.6494C3.71982 11.6711 3.12666 10.2413 3.125 8.75Z\"\n fill=\"#676D6C\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'spinner'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__spinner',\n extraClass ? 'o-svg__spinner--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M9.0145 1.80949c.20184.66019-.16972 1.359-.82991 1.56084-1.11797.3418-2.12799.96809-2.93117 1.81753-.80318.84945-1.37198 1.89294-1.65069 3.02827s-.25778 2.32357.06074 3.44837c.31853 1.1248.92372 2.1476 1.75632 2.9683.8326.8206 1.86405 1.4109 2.99336 1.7131 1.1293.3023 2.31775.306 3.44895.0109 1.1311-.2951 2.1663-.879 3.004-1.6944.8378-.8154 1.4494-1.8343 1.7749-2.9571.1923-.6631.8857-1.0447 1.5487-.8525.6631.1923 1.0447.8857.8524 1.5487-.4461 1.5387-1.2843 2.935-2.4323 4.0524-1.148 1.1174-2.5665 1.9175-4.1166 2.3219-1.5502.4044-3.17876.3993-4.72633-.0148-1.54756-.4142-2.96104-1.2231-4.10201-2.3477-1.14097-1.1246-1.97031-2.5262-2.4068-4.0676-.436495-1.5414-.465178-3.16977-.08324-4.7256.38194-1.55582 1.1614-2.98578 2.26205-4.14984C4.53753 2.3062 5.92164 1.44796 7.45366.979572c.66019-.20184 1.359.169728 1.56084.829918Z\"\n fill=\"#fff\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'success'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__success',\n 'o-svg--' + size,\n extraClass ? 'o-svg__alert--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M13.5672 7.68281c.0581.05805.1042.12698.1357.20285.0314.07588.0476.15721.0476.23934 0 .08213-.0162.16346-.0476.23934-.0315.07587-.0776.1448-.1357.20285L9.19219 12.9422c-.05804.0581-.12697.1042-.20285.1357-.07587.0314-.1572.0476-.23934.0476-.08213 0-.16346-.0162-.23933-.0476-.07588-.0315-.14481-.0776-.20285-.1357l-1.875-1.875c-.11728-.1173-.18316-.2763-.18316-.4422s.06588-.3249.18316-.4422c.11727-.1173.27633-.18315.44218-.18315.16586 0 .32492.06585.44219.18315L8.75 11.6164l3.9328-3.93359c.0581-.05811.127-.10421.2029-.13566.0758-.03145.1572-.04764.2393-.04764s.1635.01619.2393.04764c.0759.03145.1448.07755.2029.13566ZM18.125 10c0 1.607-.4765 3.1779-1.3693 4.514-.8928 1.3362-2.1617 2.3776-3.6464 2.9925-1.4846.615-3.11831.7759-4.6944.4624-1.5761-.3135-3.02384-1.0874-4.16014-2.2237-1.1363-1.1363-1.91013-2.584-2.22364-4.1601-.3135-1.5761-.1526-3.20975.46236-4.6944.61496-1.48465 1.65637-2.7536 2.99252-3.64639C6.82214 2.35152 8.39303 1.875 10 1.875c2.1542.00227 4.2195.85903 5.7427 2.38227C17.266 5.78051 18.1227 7.84581 18.125 10Zm-1.25 0c0-1.35975-.4032-2.68896-1.1586-3.81955-.7555-1.13058-1.8292-2.01177-3.0854-2.53212-1.2563-.52035-2.63862-.6565-3.97224-.39123-1.33362.26527-2.55863.92006-3.52012 1.88154-.96148.96149-1.61626 2.18649-1.88154 3.52011-.26527 1.33362-.12912 2.71595.39123 3.97215.52035 1.2563 1.40154 2.33 2.53213 3.0855C7.31105 16.4718 8.64026 16.875 10 16.875c1.8227-.0021 3.5702-.7271 4.8591-2.0159 1.2888-1.2889 2.0138-3.0364 2.0159-4.8591Z\"\n fill=\"#35785B\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'test'\"\n fill=\"none\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__test',\n extraClass ? 'o-svg__test--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 18 18\"\n>\n <path\n d=\"M16.5 0h-15C1.10218 0 .720644.158035.43934.43934.158035.720644 0 1.10218 0 1.5v15c0 .3978.158035.7794.43934 1.0607C.720644 17.842 1.10218 18 1.5 18h15c.3978 0 .7794-.158 1.0607-.4393S18 16.8978 18 16.5v-15c0-.39782-.158-.779356-.4393-1.06066C17.2794.158035 16.8978 0 16.5 0Zm-15 16.5V2.56031L15.4397 16.5H1.5Zm1.06031-15H16.5v13.9406L2.56031 1.5Z\"\n fill=\"#217870\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'thumb'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__thumb',\n 'o-svg--' + size,\n extraClass ? 'o-svg__thumb--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M19.5 3h-15c-.39782 0-.77936.15804-1.06066.43934C3.15804 3.72064 3 4.10218 3 4.5v15c0 .3978.15804.7794.43934 1.0607S4.10218 21 4.5 21h15c.3978 0 .7794-.158 1.0607-.4393S21 19.8978 21 19.5v-15c0-.39782-.158-.77936-.4393-1.06066C20.2794 3.15804 19.8978 3 19.5 3Zm-15 1.5h15v7.2544l-2.3147-2.31565c-.2813-.28109-.6626-.43899-1.0603-.43899-.3977 0-.779.1579-1.0603.43899L5.00344 19.5H4.5v-15Zm15 15H7.125l9-9 3.375 3.375V19.5ZM9 11.25c.44501 0 .88002-.132 1.25-.3792.37-.2472.6584-.5986.8287-1.00976.1703-.41114.2149-.86354.1281-1.29999-.0868-.43646-.3011-.83737-.6158-1.15204-.3147-.31467-.71559-.52896-1.15205-.61578-.43645-.08681-.88885-.04226-1.29999.12804-.41113.1703-.76253.45869-1.00977.8287C6.88196 8.11998 6.75 8.55499 6.75 9c0 .59674.23705 1.169.65901 1.591.42196.4219.99425.659 1.59099.659Zm0-3c.14834 0 .29334.04399.41668.1264.12333.08241.21946.19954.27623.33659.05677.13704.07162.28784.04268.43333-.02894.14548-.10037.27912-.20526.38401-.10489.10489-.23853.17632-.38401.20526-.14549.02894-.29629.01409-.43333-.04268-.13705-.05677-.25418-.1529-.33659-.27623C8.29399 9.29334 8.25 9.14834 8.25 9c0-.19891.07902-.38968.21967-.53033C8.61032 8.32902 8.80109 8.25 9 8.25Z\"\n fill=\"#535858\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'user'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__user',\n 'o-svg--' + size,\n extraClass ? 'o-svg__user--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M21.6488 19.8751c-1.4279-2.4684-3.6282-4.2384-6.196-5.0775 1.2702-.7561 2.257-1.9083 2.809-3.2796.5519-1.3712.6385-2.88576.2464-4.31099-.3921-1.42523-1.2412-2.68234-2.417-3.57828-1.1757-.89594-2.613-1.38117-4.0912-1.38117-1.4782 0-2.91549.48523-4.09122 1.38117-1.17572.89594-2.02484 2.15305-2.41695 3.57828-.39212 1.42523-.30554 2.93979.24642 4.31099.55196 1.3713 1.53879 2.5235 2.80895 3.2796-2.56782.8381-4.76813 2.6081-6.19594 5.0775-.05236.0854-.08709.1804-.10214.2794-.01505.099-.01012.2.01451.2971.02462.0971.06844.1883.12887.2681.06043.0799.13624.1469.22297.197.08673.05.18261.0823.28198.0947.09938.0124.20025.0049.29664-.0223.0964-.0272.18638-.0734.26463-.1359.07825-.0625.14318-.1401.19098-.2281 1.76625-3.0525 4.88812-4.875 8.3503-4.875 3.4622 0 6.5841 1.8225 8.3503 4.875.0478.088.1128.1656.191.2281.0783.0625.1682.1087.2646.1359.0964.0272.1973.0347.2967.0223.0993-.0124.1952-.0447.2819-.0947.0868-.0501.1626-.1171.223-.197.0604-.0798.1043-.171.1289-.2681.0246-.0971.0296-.1981.0145-.2971-.0151-.099-.0498-.194-.1021-.2794ZM6.75001 9.00011c0-1.03835.30791-2.05339.88478-2.91674.57688-.86336 1.39682-1.53627 2.35613-1.93363.95928-.39736 2.01488-.50133 3.03328-.29875 1.0184.20257 1.9539.70258 2.6881 1.43681.7342.73422 1.2343 1.66968 1.4368 2.68809.2026 1.0184.0986 2.07401-.2987 3.03331-.3974.9593-1.0703 1.7792-1.9336 2.3561-.8634.5769-1.8784.8848-2.9168.8848-1.3919-.0015-2.72641-.5551-3.71066-1.5393-.98424-.9843-1.53784-2.3188-1.53933-3.71069Z\"\n fill=\"#535858\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'info'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__info',\n 'o-svg--' + size,\n extraClass ? 'o-svg__info--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm1.25-3.125c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.3315 0-.64946-.1317-.88388-.3661-.23442-.2344-.36612-.5524-.36612-.8839v-3.125c-.16576 0-.32473-.06584-.44194-.18305-.11721-.11721-.18306-.27618-.18306-.44194 0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.33152 0 .6495.13169.8839.36611.2344.23442.3661.55237.3661.88388v3.125c.1658 0 .3247.0659.4419.1831.1173.1172.1831.2761.1831.4419Zm-2.5-7.18749c0-.18542.05499-.36668.158-.52085.10301-.15417.24943-.27433.42074-.34529.1713-.07096.3598-.08952.54166-.05335.1819.03617.3489.12546.48.25657.1311.13112.2204.29816.2566.48002.0362.18186.0176.37036-.0534.54166-.0709.17131-.1911.31773-.3452.42074-.1542.10301-.33548.158-.5209.158-.24864 0-.48709-.09877-.66291-.27459C8.84878 7.0506 8.75 6.81215 8.75 6.56351Z\"\n fill=\"#27749A\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'warning'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__warning',\n 'o-svg--' + size,\n extraClass ? 'o-svg__warning--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M10 1.87601c-1.60697 0-3.17786.47652-4.514 1.36931-1.33615.89278-2.37756 2.16173-2.99252 3.64638-.61496 1.48465-.77586 3.1183-.46236 4.6944.31351 1.5761 1.08734 3.0238 2.22364 4.1602 1.1363 1.1363 2.58404 1.9101 4.16014 2.2236 1.57609.3135 3.2098.1526 4.6944-.4624 1.4847-.6149 2.7536-1.6563 3.6464-2.9925.8928-1.3361 1.3693-2.907 1.3693-4.514-.0023-2.15418-.859-4.21948-2.3823-5.74272-1.5232-1.52324-3.5885-2.38-5.7427-2.38227ZM10 16.876c-1.35974 0-2.68895-.4032-3.81954-1.1586-1.13059-.7555-2.01178-1.8292-2.53213-3.0854-.52035-1.2563-.6565-2.63862-.39123-3.97224.26528-1.33362.92006-2.55863 1.88154-3.52011.96149-.96149 2.1865-1.61627 3.52012-1.88154 1.33362-.26528 2.71594-.12913 3.97224.39123 1.2562.52035 2.3299 1.40153 3.0854 2.53212.7554 1.13059 1.1586 2.4598 1.1586 3.81954-.0021 1.8227-.7271 3.5702-2.0159 4.8591-1.2889 1.2888-3.0364 2.0138-4.8591 2.0159Zm-.625-6.25V6.25101c0-.16576.06585-.32473.18306-.44194.11721-.11721.27618-.18306.44194-.18306.1658 0 .3247.06585.4419.18306.1173.11721.1831.27618.1831.44194V10.626c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831-.16576 0-.32473-.0658-.44194-.1831-.11721-.1172-.18306-.2761-.18306-.4419Zm1.5625 2.8125c0 .1854-.055.3667-.158.5209-.103.1541-.2494.2743-.4207.3452-.1713.071-.35984.0896-.54169.0534-.18186-.0362-.34891-.1255-.48002-.2566s-.2204-.2981-.25657-.48c-.03618-.1819-.01761-.3704.05335-.5417.07095-.1713.19112-.3177.34529-.4207.15417-.103.33542-.158.52084-.158.2486 0 .4871.0988.6629.2746.1758.1758.2746.4143.2746.6629Z\"\n fill=\"#866600\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'upload'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__upload',\n 'o-svg--' + size,\n extraClass ? 'o-svg__upload--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M17.5 11.25v5c0 .1658-.0658.3247-.1831.4419-.1172.1173-.2761.1831-.4419.1831H3.125c-.16576 0-.32473-.0658-.44194-.1831C2.56585 16.5747 2.5 16.4158 2.5 16.25v-5c0-.1658.06585-.3247.18306-.4419.11721-.1172.27618-.1831.44194-.1831.16576 0 .32473.0659.44194.1831.11721.1172.18306.2761.18306.4419v4.375h12.5V11.25c0-.1658.0658-.3247.1831-.4419.1172-.1172.2761-.1831.4419-.1831s.3247.0659.4419.1831c.1173.1172.1831.2761.1831.4419ZM7.31719 6.06719 9.375 4.0086V11.25c0 .1658.06585.3247.18306.4419.11721.1173.27618.1831.44194.1831.1658 0 .3247-.0658.4419-.1831.1173-.1172.1831-.2761.1831-.4419V4.0086l2.0578 2.05859c.1173.11728.2763.18316.4422.18316s.3249-.06588.4422-.18316c.1173-.11727.1831-.27633.1831-.44219 0-.16585-.0658-.32491-.1831-.44218l-3.125-3.125c-.0581-.05811-.127-.10421-.2029-.13567-.0758-.03145-.1572-.04764-.2393-.04764-.08213 0-.16346.01619-.23934.04764-.07587.03146-.1448.07756-.20285.13567l-3.125 3.125c-.11727.11727-.18316.27633-.18316.44218 0 .16586.06589.32492.18316.44219.11728.11728.27634.18316.44219.18316.16585 0 .32491-.06588.44219-.18316Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'card'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__card',\n 'o-svg--' + size,\n extraClass ? 'o-svg__card--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 30 20\"\n>\n <path\n d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\"\n fill=\"#4486E4\"\n />\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#0F3760\" />\n <path\n d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\"\n fill=\"#D4E3F4\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'card-disabled'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__card-disabled',\n 'o-svg--' + size,\n extraClass ? 'o-svg__card-disabled--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 30 20\"\n>\n <path\n d=\"M26.0526 0H3.94737C1.7673 0 0 1.86548 0 4.16667V15.8333C0 18.1345 1.7673 20 3.94737 20H26.0526C28.2327 20 30 18.1345 30 15.8333V4.16667C30 1.86548 28.2327 0 26.0526 0Z\"\n fill=\"#c7c7c7\"\n />\n <path d=\"M30 4.16669H0v3h30v-3Z\" fill=\"#a7a7a7\" />\n <path\n d=\"M21.5 16h3c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5h-3c-.8284 0-1.5.6716-1.5 1.5s.6716 1.5 1.5 1.5Z\"\n fill=\"#D4E3F4\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'close'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__close',\n 'o-svg--' + size,\n extraClass ? 'o-svg__close--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\"\n fill=\"#070707\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'close-white'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__close',\n 'o-svg--' + size,\n extraClass ? 'o-svg__close--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n>\n <path\n d=\"M16.0672 15.1828c.058.0581.1041.127.1355.2029.0315.0758.0476.1572.0476.2393s-.0161.1634-.0476.2393c-.0314.0759-.0775.1448-.1355.2029-.0581.058-.127.1041-.2029.1355-.0759.0315-.1572.0476-.2393.0476s-.1635-.0161-.2393-.0476c-.0759-.0314-.1448-.0775-.2029-.1355l-5.18282-5.1836-5.18281 5.1836c-.11728.1172-.27634.1831-.44219.1831-.16585 0-.32491-.0659-.44219-.1831-.11727-.1173-.18316-.2764-.18316-.4422 0-.1659.06589-.3249.18316-.4422l5.1836-5.18282-5.1836-5.18281c-.11727-.11728-.18316-.27634-.18316-.44219 0-.16585.06589-.32491.18316-.44219.11728-.11727.27634-.18316.44219-.18316.16585 0 .32491.06589.44219.18316l5.18281 5.1836 5.18282-5.1836c.1173-.11727.2763-.18316.4422-.18316.1658 0 .3249.06589.4422.18316.1172.11728.1831.27634.1831.44219 0 .16585-.0659.32491-.1831.44219l-5.1836 5.18281 5.1836 5.18282Z\"\n fill=\"#ffffff\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'close-disabled'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__close',\n 'o-svg--' + size,\n extraClass ? 'o-svg__close--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n>\n <path\n d=\"M12.8537 12.1463c.0465.0464.0833.1016.1085.1623.0251.0607.0381.1257.0381.1914 0 .0657-.013.1308-.0381.1915-.0252.0607-.062.1158-.1085.1623-.0464.0464-.1016.0833-.1623.1084-.0607.0252-.1257.0381-.1914.0381-.0657 0-.1308-.0129-.1915-.0381-.0607-.0251-.1158-.062-.1623-.1084L7.99997 8.70691 3.85372 12.8538c-.09382.0938-.22107.1465-.35375.1465-.13268 0-.25993-.0527-.35375-.1465-.09382-.0938-.14653-.2211-.14653-.3538 0-.1326.05271-.2599.14653-.3537L7.2931 8.00003 3.14622 3.85378c-.09382-.09382-.14653-.22106-.14653-.35375 0-.13268.05271-.25993.14653-.35375.09382-.09382.22107-.14652.35375-.14652.13268 0 .25993.0527.35375.14652l4.14625 4.14688 4.14623-4.14688c.0938-.09382.2211-.14652.3538-.14652s.2599.0527.3537.14652c.0938.09382.1466.22107.1466.35375 0 .13269-.0528.25993-.1466.35375L8.70685 8.00003l4.14685 4.14627Z\"\n fill=\"#A6B0AF\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'check-circle'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__check-circle',\n 'o-svg--' + size,\n extraClass ? 'o-svg__check-circle--' + extraClass : ''\n ]\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n>\n <path\n d=\"M12 2.25c-1.9284 0-3.81343.57183-5.41681 1.64317-1.60337 1.07134-2.85306 2.59409-3.59101 4.37567-.73796 1.78156-.93104 3.74196-.55483 5.63326.3762 1.8913 1.3048 3.6286 2.66836 4.9922 1.36357 1.3636 3.10085 2.2922 4.99219 2.6684 1.8913.3762 3.8517.1831 5.6333-.5549 1.7815-.7379 3.3043-1.9876 4.3756-3.591C21.1782 15.8134 21.75 13.9284 21.75 12c-.0027-2.58502-1.0308-5.06339-2.8587-6.89128C17.0634 3.28084 14.585 2.25273 12 2.25Zm4.2806 8.0306-5.25 5.25c-.0696.0698-.1523.1251-.2434.1628-.091.0378-.1886.0572-.2872.0572-.0986 0-.1962-.0194-.2872-.0572-.091-.0377-.1738-.093-.24342-.1628l-2.25-2.25c-.14073-.1407-.21979-.3316-.21979-.5306 0-.199.07906-.3899.21979-.5306.14073-.1408.3316-.2198.53062-.2198.19903 0 .3899.079.53063.2198L10.5 13.9397l4.7194-4.72033c.0697-.06968.1524-.12495.2434-.16267.0911-.03771.1887-.05712.2872-.05712.0986 0 .1961.01941.2872.05712.091.03772.1737.09299.2434.16267.0697.06969.125.15241.1627.24346.0377.09104.0571.18862.0571.28717 0 .09855-.0194.19613-.0571.2872-.0377.091-.093.1737-.1627.2434Z\"\n fill=\"#217870\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'elipsis'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__elipsis',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 11 20\"\n>\n <path\n d=\"M1.162 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148C.49 13 0 13.518 0 14.148c0 .644.49 1.148 1.162 1.148ZM5.22255 15.296c.672 0 1.162-.504 1.162-1.148 0-.63-.49-1.148-1.162-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148ZM9.28309 15.296c.672 0 1.16201-.504 1.16201-1.148 0-.63-.49001-1.148-1.16201-1.148-.672 0-1.162.518-1.162 1.148 0 .644.49 1.148 1.162 1.148Z\"\n fill=\"#535858\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'apple'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__apple',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n viewBox=\"0 0 25 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <path\n d=\"M20.8578 8.65962C20.7331 8.75412 18.5319 9.96595 18.5319 12.6605C18.5319 15.7772 21.3328 16.8798 21.4167 16.9071C21.4038 16.9743 20.9717 18.4172 19.9399 19.8873C19.0199 21.1811 18.059 22.4727 16.5972 22.4727C15.1355 22.4727 14.7593 21.6431 13.0719 21.6431C11.4274 21.6431 10.8427 22.5 9.50567 22.5C8.16861 22.5 7.23567 21.3029 6.16302 19.8327C4.92054 18.1064 3.91667 15.4244 3.91667 12.8789C3.91667 8.79613 6.63378 6.63081 9.3079 6.63081C10.7288 6.63081 11.9132 7.5423 12.8053 7.5423C13.6544 7.5423 14.9786 6.57621 16.5951 6.57621C17.2077 6.57621 19.4089 6.63081 20.8578 8.65962ZM15.8277 4.84773C16.4962 4.07276 16.9691 2.99745 16.9691 1.92214C16.9691 1.77303 16.9562 1.62181 16.9283 1.5C15.8406 1.5399 14.5465 2.20777 13.7662 3.09196C13.1536 3.77243 12.5818 4.84773 12.5818 5.93774C12.5818 6.10156 12.6097 6.26538 12.6226 6.31788C12.6914 6.33048 12.8032 6.34518 12.915 6.34518C13.8909 6.34518 15.1183 5.70672 15.8277 4.84773Z\"\n fill=\"black\"\n />\n</svg>\n\n<svg\n *ngIf=\"icon === 'google'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__google',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <mask\n id=\"mask0_2162_5756\"\n style=\"mask-type: luminance\"\n maskUnits=\"userSpaceOnUse\"\n x=\"1\"\n y=\"1\"\n width=\"22\"\n height=\"22\"\n >\n <path\n d=\"M22.2983 10.052H12.2237V14.0889H18.0126C17.9196 14.6602 17.7106 15.2223 17.4046 15.7347C17.054 16.3219 16.6206 16.7689 16.1763 17.1093C14.8456 18.1291 13.2941 18.3376 12.2166 18.3376C9.49479 18.3376 7.16915 16.5784 6.26885 14.188C6.23252 14.1013 6.20839 14.0117 6.17901 13.9231C5.98007 13.3147 5.87136 12.6704 5.87136 12.0007C5.87136 11.3037 5.98908 10.6365 6.2037 10.0064C7.05029 7.52124 9.42836 5.66505 12.2186 5.66505C12.7798 5.66505 13.3203 5.73186 13.8328 5.8651C15.0041 6.16962 15.8326 6.76936 16.3403 7.24375L19.4036 4.24379C17.5402 2.53527 15.1111 1.5 12.2135 1.5C9.89707 1.49995 7.75844 2.22168 6.0059 3.44144C4.58465 4.43062 3.41902 5.75502 2.63236 7.29316C1.90065 8.71933 1.5 10.2998 1.5 11.9991C1.5 13.6985 1.90127 15.2954 2.63297 16.7083V16.7179C3.40584 18.2179 4.53603 19.5095 5.90965 20.4942C7.10966 21.3544 9.2614 22.5 12.2135 22.5C13.9112 22.5 15.4158 22.1939 16.7427 21.6203C17.7 21.2065 18.5481 20.6668 19.316 19.9732C20.3306 19.0566 21.1252 17.923 21.6675 16.6187C22.2099 15.3144 22.5 13.8394 22.5 12.2403C22.5 11.4956 22.4252 10.7393 22.2983 10.0519V10.052Z\"\n fill=\"white\"\n />\n </mask>\n <g mask=\"url(#mask0_2162_5756)\">\n <g filter=\"url(#filter0_f_2162_5756)\">\n <path\n d=\"M1.34552 12.0704C1.35666 13.743 1.83324 15.4687 2.55464 16.8617V16.8713C3.07589 17.883 3.78828 18.6821 4.59968 19.474L9.50033 17.6858C8.57316 17.2148 8.43168 16.9263 7.76705 16.3997C7.08785 15.7148 6.58164 14.9285 6.26639 14.0066H6.25369L6.26639 13.997C6.059 13.3882 6.03854 12.742 6.03089 12.0704H1.34552Z\"\n fill=\"url(#paint0_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter1_f_2162_5756)\">\n <path\n d=\"M12.2238 1.42365C11.7394 3.12534 11.9246 4.77944 12.2238 5.74187C12.7831 5.74229 13.3219 5.80896 13.8329 5.94179C15.0042 6.2463 15.8326 6.84606 16.3403 7.32045L19.482 4.24385C17.6208 2.53737 15.381 1.42633 12.2238 1.42365Z\"\n fill=\"url(#paint1_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter2_f_2162_5756)\">\n <path\n d=\"M12.2132 1.41019C9.83733 1.41014 7.6438 2.1504 5.84628 3.40147C5.17885 3.86599 4.56637 4.40259 4.02099 4.9993C3.87812 6.33968 5.09053 7.98715 7.49146 7.97351C8.65638 6.61844 10.3793 5.74172 12.2969 5.74172C12.2986 5.74172 12.3003 5.74186 12.302 5.74187L12.2237 1.41049C12.2202 1.41049 12.2168 1.41019 12.2132 1.41019Z\"\n fill=\"url(#paint2_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter3_f_2162_5756)\">\n <path\n d=\"M20.055 12.5554L17.9343 14.0123C17.8413 14.5836 17.6322 15.1456 17.3262 15.6581C16.9756 16.2453 16.5422 16.6923 16.0979 17.0327C14.7699 18.0503 13.2226 18.2599 12.1454 18.2607C11.032 20.157 10.8368 21.1069 12.2237 22.6373C13.9398 22.6361 15.4613 22.3263 16.8033 21.7462C17.7733 21.3268 18.6328 20.7799 19.411 20.0769C20.4392 19.1481 21.2446 17.9992 21.7942 16.6774C22.3439 15.3556 22.6378 13.8609 22.6378 12.2404L20.055 12.5554Z\"\n fill=\"url(#paint3_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter4_f_2162_5756)\">\n <path\n d=\"M12.0671 9.89865V14.2423H22.2701C22.3598 13.6474 22.6566 12.8777 22.6566 12.2404C22.6566 11.4957 22.5818 10.586 22.455 9.89865H12.0671Z\"\n fill=\"#3086FF\"\n />\n </g>\n <g filter=\"url(#filter5_f_2162_5756)\">\n <path\n d=\"M4.06967 4.84595C3.44004 5.53485 2.90214 6.30592 2.47565 7.13983C1.74396 8.566 1.34332 10.2998 1.34332 11.9991C1.34332 12.0231 1.3453 12.0465 1.34546 12.0704C1.66951 12.6917 5.82155 12.5727 6.03083 12.0704C6.03057 12.047 6.02793 12.0241 6.02793 12.0006C6.02793 11.3036 6.14568 10.7899 6.3603 10.1598C6.62507 9.38257 7.03965 8.66683 7.56977 8.05017C7.68995 7.89675 8.01049 7.56692 8.10401 7.36908C8.13964 7.29373 8.03934 7.25143 8.03373 7.22491C8.02745 7.19524 7.89298 7.2191 7.86285 7.197C7.76719 7.12683 7.57777 7.0902 7.46274 7.05763C7.21689 6.98801 6.80945 6.8345 6.58314 6.67537C5.86779 6.17234 4.75141 5.57149 4.06967 4.84595Z\"\n fill=\"url(#paint4_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter6_f_2162_5756)\">\n <path\n d=\"M6.59854 7.22788C8.25737 8.23272 8.73442 6.72068 9.83731 6.24753L7.91879 2.26904C7.21306 2.56566 6.54628 2.93419 5.92761 3.36477C5.00368 4.00782 4.18778 4.79253 3.51379 5.68553L6.59854 7.22788Z\"\n fill=\"url(#paint5_radial_2162_5756)\"\n />\n </g>\n <g filter=\"url(#filter7_f_2162_5756)\">\n <path\n d=\"M7.2736 17.3784C5.04684 18.1823 4.69823 18.2112 4.49326 19.5912C4.88495 19.9734 5.3058 20.327 5.75301 20.6475C6.95302 21.5077 9.26132 22.6534 12.2134 22.6534C12.2169 22.6534 12.2202 22.6531 12.2237 22.6531V18.1841C12.2214 18.1841 12.2189 18.1842 12.2166 18.1842C11.1112 18.1842 10.2278 17.8938 9.32207 17.3889C9.09876 17.2644 8.69361 17.5987 8.48765 17.4493C8.20359 17.2432 7.51998 17.6269 7.2736 17.3784Z\"\n fill=\"url(#paint6_radial_2162_5756)\"\n />\n </g>\n <g opacity=\"0.5\" filter=\"url(#filter8_f_2162_5756)\">\n <path\n d=\"M10.9197 18.0433V22.5756C11.3327 22.624 11.7626 22.6534 12.2135 22.6534C12.6656 22.6534 13.1029 22.6302 13.5279 22.5875V18.0738C13.0517 18.1552 12.6031 18.1842 12.2167 18.1842C11.7718 18.1842 11.339 18.1324 10.9197 18.0433Z\"\n fill=\"url(#paint7_linear_2162_5756)\"\n />\n </g>\n </g>\n <defs>\n <filter\n id=\"filter0_f_2162_5756\"\n x=\"0.875441\"\n y=\"11.6004\"\n width=\"9.09497\"\n height=\"8.34369\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter1_f_2162_5756\"\n x=\"11.4559\"\n y=\"0.953566\"\n width=\"8.49622\"\n height=\"6.83698\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter2_f_2162_5756\"\n x=\"3.53959\"\n y=\"0.940107\"\n width=\"9.23255\"\n height=\"7.50357\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter3_f_2162_5756\"\n x=\"10.7764\"\n y=\"11.7703\"\n width=\"12.3315\"\n height=\"11.3371\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter4_f_2162_5756\"\n x=\"11.597\"\n y=\"9.42857\"\n width=\"11.5297\"\n height=\"5.28382\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter5_f_2162_5756\"\n x=\"0.873243\"\n y=\"4.37587\"\n width=\"7.70847\"\n height=\"8.58716\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter6_f_2162_5756\"\n x=\"0.208944\"\n y=\"-1.03581\"\n width=\"12.9332\"\n height=\"11.9063\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"1.65243\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter7_f_2162_5756\"\n x=\"4.02318\"\n y=\"16.8905\"\n width=\"8.6706\"\n height=\"6.23301\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <filter\n id=\"filter8_f_2162_5756\"\n x=\"10.4496\"\n y=\"17.5732\"\n width=\"3.54837\"\n height=\"5.55027\"\n filterUnits=\"userSpaceOnUse\"\n color-interpolation-filters=\"sRGB\"\n >\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n <feBlend\n mode=\"normal\"\n in=\"SourceGraphic\"\n in2=\"BackgroundImageFix\"\n result=\"shape\"\n />\n <feGaussianBlur\n stdDeviation=\"0.23504\"\n result=\"effect1_foregroundBlur_2162_5756\"\n />\n </filter>\n <radialGradient\n id=\"paint0_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(9.40223 19.3164) rotate(-92.3894) scale(10.467 15.7022)\"\n >\n <stop offset=\"0.141612\" stop-color=\"#1ABD4D\" />\n <stop offset=\"0.247515\" stop-color=\"#6EC30D\" />\n <stop offset=\"0.311547\" stop-color=\"#8AC502\" />\n <stop offset=\"0.366013\" stop-color=\"#A2C600\" />\n <stop offset=\"0.445673\" stop-color=\"#C8C903\" />\n <stop offset=\"0.540305\" stop-color=\"#EBCB03\" />\n <stop offset=\"0.615636\" stop-color=\"#F7CD07\" />\n <stop offset=\"0.699345\" stop-color=\"#FDCD04\" />\n <stop offset=\"0.771242\" stop-color=\"#FDCE05\" />\n <stop offset=\"0.860566\" stop-color=\"#FFCE0A\" />\n </radialGradient>\n <radialGradient\n id=\"paint1_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(19.1881 7.09785) scale(7.41096 9.3706)\"\n >\n <stop offset=\"0.408458\" stop-color=\"#FB4E5A\" />\n <stop offset=\"1\" stop-color=\"#FF4540\" />\n </radialGradient>\n <radialGradient\n id=\"paint2_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15.1409 0.0537589) rotate(151.53) scale(11.8117 15.847)\"\n >\n <stop offset=\"0.231273\" stop-color=\"#FF4541\" />\n <stop offset=\"0.311547\" stop-color=\"#FF4540\" />\n <stop offset=\"0.457516\" stop-color=\"#FF4640\" />\n <stop offset=\"0.540305\" stop-color=\"#FF473F\" />\n <stop offset=\"0.699346\" stop-color=\"#FF5138\" />\n <stop offset=\"0.771242\" stop-color=\"#FF5B33\" />\n <stop offset=\"0.860566\" stop-color=\"#FF6C29\" />\n <stop offset=\"1\" stop-color=\"#FF8C18\" />\n </radialGradient>\n <radialGradient\n id=\"paint3_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(12.3781 21.2782) rotate(-128.041) scale(30.5579 11.3396)\"\n >\n <stop offset=\"0.131546\" stop-color=\"#0CBA65\" />\n <stop offset=\"0.209784\" stop-color=\"#0BB86D\" />\n <stop offset=\"0.297297\" stop-color=\"#09B479\" />\n <stop offset=\"0.396257\" stop-color=\"#08AD93\" />\n <stop offset=\"0.477124\" stop-color=\"#0AA6A9\" />\n <stop offset=\"0.568425\" stop-color=\"#0D9CC6\" />\n <stop offset=\"0.667385\" stop-color=\"#1893DD\" />\n <stop offset=\"0.768727\" stop-color=\"#258BF1\" />\n <stop offset=\"0.858506\" stop-color=\"#3086FF\" />\n </radialGradient>\n <radialGradient\n id=\"paint4_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(11.3035 3.39356) rotate(96.7579) scale(11.3243 15.9833)\"\n >\n <stop offset=\"0.366013\" stop-color=\"#FF4E3A\" />\n <stop offset=\"0.457516\" stop-color=\"#FF8A1B\" />\n <stop offset=\"0.540305\" stop-color=\"#FFA312\" />\n <stop offset=\"0.615636\" stop-color=\"#FFB60C\" />\n <stop offset=\"0.771242\" stop-color=\"#FFCD0A\" />\n <stop offset=\"0.860566\" stop-color=\"#FECF0A\" />\n <stop offset=\"0.915033\" stop-color=\"#FECF08\" />\n <stop offset=\"1\" stop-color=\"#FDCD01\" />\n </radialGradient>\n <radialGradient\n id=\"paint5_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(9.42961 3.27692) rotate(132.723) scale(5.67745 16.044)\"\n >\n <stop offset=\"0.315904\" stop-color=\"#FF4C3C\" />\n <stop offset=\"0.603818\" stop-color=\"#FF692C\" />\n <stop offset=\"0.726837\" stop-color=\"#FF7825\" />\n <stop offset=\"0.884534\" stop-color=\"#FF8D1B\" />\n <stop offset=\"1\" stop-color=\"#FF9F13\" />\n </radialGradient>\n <radialGradient\n id=\"paint6_radial_2162_5756\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15.1408 23.946) rotate(-151.53) scale(11.8117 15.847)\"\n >\n <stop offset=\"0.231273\" stop-color=\"#0FBC5F\" />\n <stop offset=\"0.311547\" stop-color=\"#0FBC5F\" />\n <stop offset=\"0.366013\" stop-color=\"#0FBC5E\" />\n <stop offset=\"0.457516\" stop-color=\"#0FBC5D\" />\n <stop offset=\"0.540305\" stop-color=\"#12BC58\" />\n <stop offset=\"0.699346\" stop-color=\"#28BF3C\" />\n <stop offset=\"0.771242\" stop-color=\"#38C02B\" />\n <stop offset=\"0.860566\" stop-color=\"#52C218\" />\n <stop offset=\"0.915033\" stop-color=\"#67C30F\" />\n <stop offset=\"1\" stop-color=\"#86C504\" />\n </radialGradient>\n <linearGradient\n id=\"paint7_linear_2162_5756\"\n x1=\"10.9197\"\n y1=\"20.3483\"\n x2=\"13.5279\"\n y2=\"20.3483\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#0FBC5C\" />\n <stop offset=\"1\" stop-color=\"#0CBA65\" />\n </linearGradient>\n </defs>\n</svg>\n\n<svg\n *ngIf=\"icon === 'facebook'\"\n [ngClass]=\"[\n 'o-svg',\n 'o-svg__facebook',\n 'o-svg--' + size,\n extraClass ? 'o-svg__elipsis--' + extraClass : ''\n ]\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n>\n <path\n d=\"M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20102 1.5 1.5 6.20101 1.5 12C1.5 16.9243 4.89003 21.0561 9.46345 22.1908V15.2086H7.29827V12H9.46345V10.6174C9.46345 7.04353 11.0808 5.38705 14.5895 5.38705C15.2547 5.38705 16.4025 5.51746 16.872 5.64792V8.55658C16.6242 8.5305 16.1938 8.51744 15.659 8.51744C13.9373 8.51744 13.2721 9.16962 13.2721 10.8652V12H16.7017L16.1126 15.2086H13.2721V22.4231C18.4711 21.7952 22.5 17.3684 22.5 12Z\"\n fill=\"#0866FF\"\n />\n <path\n d=\"M16.1125 15.2086L16.7017 12H13.272V10.8652C13.272 9.16958 13.9372 8.51745 15.6589 8.51745C16.1937 8.51745 16.6241 8.53047 16.872 8.55655V5.64792C16.4024 5.51747 15.2546 5.38702 14.5894 5.38702C11.0808 5.38702 9.4634 7.04354 9.4634 10.6174V12H7.29822V15.2086H9.4634V22.1908C10.2758 22.3923 11.1253 22.5 11.9999 22.5C12.4306 22.5 12.855 22.4735 13.272 22.4231V15.2086H16.1125Z\"\n fill=\"white\"\n />\n</svg>\n", styles: [".o-svg{display:flex}.o-svg--lg{width:1.5rem;height:1.5rem}.o-svg--md{width:1.3rem;height:1.3rem}.o-svg--sm{width:1rem;height:1rem}.o-svg--xs{width:.9rem;height:.9rem}.o-svg__alert{display:inline-block}.o-svg__test--neutral path{fill:var(--color-action-neutral-content-default)}.o-svg__test--danger path{fill:var(--color-action-danger-border-default)}.o-svg__test--button-primary path{fill:#fff}.o-svg__test--disabled path{fill:var(--color-button-primary-content-disabled)}.o-svg__test--button-secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__test--button-danger path{fill:#fff}.o-svg__test--button-inverse path{fill:var(--color-button-inverse-content-default)}@keyframes spin{to{transform:rotate(360deg)}}.o-svg__spinner{width:100%;height:100%;display:inline-block;animation:spin 1s linear infinite;transform-origin:center center}.o-svg__spinner--secondary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--tertiary path{fill:var(--color-button-secondary-content-default)}.o-svg__spinner--disabled path{fill:var(--color-button-secondary-content-disabled)}.o-svg__spinner--inverse path{fill:var(--color-button-inverse-content-disabled)}\n"] }]
19
19
  }], propDecorators: { extraClass: [{
20
20
  type: Input
21
21
  }], variant: [{
@@ -561,11 +561,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
561
561
 
562
562
  class DesignTokensComponent {
563
563
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DesignTokensComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
564
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: DesignTokensComponent, isStandalone: true, selector: "lib-design-tokens", ngImport: i0, template: "<p>DesignTokens works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
564
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: DesignTokensComponent, isStandalone: true, selector: "lib-styles", ngImport: i0, template: "<p>Styles works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
565
565
  }
566
566
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DesignTokensComponent, decorators: [{
567
567
  type: Component,
568
- args: [{ selector: 'lib-design-tokens', imports: [CommonModule], template: "<p>DesignTokens works!</p>\n" }]
568
+ args: [{ selector: 'lib-styles', imports: [CommonModule], template: "<p>Styles works!</p>\n" }]
569
569
  }] });
570
570
 
571
571
  class InputDateComponent {
@@ -1760,6 +1760,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
1760
1760
  args: ['document:click', ['$event.target']]
1761
1761
  }] } });
1762
1762
 
1763
+ class SocialLoginComponent {
1764
+ provider = input('google');
1765
+ variant = input('square');
1766
+ disabled = input(false);
1767
+ text = input('Sign in');
1768
+ get classes() {
1769
+ const c = [
1770
+ 'c-social-login',
1771
+ `c-social-login--${this.provider()}`,
1772
+ `c-social-login--${this.variant()}`,
1773
+ this.disabled() ? 'c-social-login--disabled' : '',
1774
+ ];
1775
+ return c.filter(Boolean).join(' ');
1776
+ }
1777
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SocialLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1778
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SocialLoginComponent, isStandalone: true, selector: "lib-social-login", inputs: { provider: { classPropertyName: "provider", publicName: "provider", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button\n type=\"button\"\n [ngClass]=\"classes\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"text()\"\n>\n <!-- Square variant: centered icon only -->\n @if (variant() === 'square') {\n <div class=\"c-social-login__icon-container\">\n <lib-icon [icon]=\"provider()\" size=\"lg\"> </lib-icon>\n </div>\n }\n\n <!-- Text variant: icon + text -->\n @if (variant() === 'text') {\n <div class=\"c-social-login__content\">\n <lib-icon [icon]=\"provider()\" size=\"lg\"> </lib-icon>\n <span class=\"c-social-login__text\">{{ text() }}</span>\n </div>\n }\n</button>\n", styles: [".c-social-login{display:flex;align-items:center;justify-content:center;width:100%;height:48px;cursor:pointer;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);border:var(--size-button-border-width) solid var(--color-action-neutral-border-default);border-radius:var(--size-button-border-radius);background-color:var(--color-button-neutral-background-default);color:var(--color-core-content-default)}.c-social-login:hover{background-color:var(--color-button-neutral-background-hover);border-color:var(--color-action-neutral-border-hover);color:var(--color-button-neutral-content-hover)}.c-social-login:active{background-color:var(--color-button-neutral-background-pressed);border-color:var(--color-button-neutral-border-pressed);color:var(--color-action-neutral-content-pressed)}.c-social-login:focus{outline:2px solid var(--color-effect-focus-color);outline-offset:2px;border-color:var(--color-action-neutral-border-default)}.c-social-login:disabled{background-color:var(--color-button-neutral-background-disabled);border-color:var(--color-button-neutral-border-disabled);cursor:not-allowed;opacity:.24}.c-social-login--text{padding-inline:var(--space-component-padding-xl);gap:var(--space-component-gap-md)}.c-social-login--text .c-social-login__content{display:flex;align-items:center;justify-content:center;gap:var(--space-component-gap-md);width:100%}.c-social-login--square{width:48px}.c-social-login--square .c-social-login__icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["extraClass", "variant", "size", "icon"] }] });
1779
+ }
1780
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SocialLoginComponent, decorators: [{
1781
+ type: Component,
1782
+ args: [{ selector: 'lib-social-login', imports: [CommonModule, IconComponent], template: "<button\n type=\"button\"\n [ngClass]=\"classes\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"text()\"\n>\n <!-- Square variant: centered icon only -->\n @if (variant() === 'square') {\n <div class=\"c-social-login__icon-container\">\n <lib-icon [icon]=\"provider()\" size=\"lg\"> </lib-icon>\n </div>\n }\n\n <!-- Text variant: icon + text -->\n @if (variant() === 'text') {\n <div class=\"c-social-login__content\">\n <lib-icon [icon]=\"provider()\" size=\"lg\"> </lib-icon>\n <span class=\"c-social-login__text\">{{ text() }}</span>\n </div>\n }\n</button>\n", styles: [".c-social-login{display:flex;align-items:center;justify-content:center;width:100%;height:48px;cursor:pointer;font-family:var(--typography-label-md-strong-family),sans-serif;font-weight:var(--typography-label-md-strong-weight);font-size:var(--typography-label-md-strong-size);line-height:var(--typography-label-md-strong-line-height);letter-spacing:var(--typography-label-md-strong-letter-spacing);border:var(--size-button-border-width) solid var(--color-action-neutral-border-default);border-radius:var(--size-button-border-radius);background-color:var(--color-button-neutral-background-default);color:var(--color-core-content-default)}.c-social-login:hover{background-color:var(--color-button-neutral-background-hover);border-color:var(--color-action-neutral-border-hover);color:var(--color-button-neutral-content-hover)}.c-social-login:active{background-color:var(--color-button-neutral-background-pressed);border-color:var(--color-button-neutral-border-pressed);color:var(--color-action-neutral-content-pressed)}.c-social-login:focus{outline:2px solid var(--color-effect-focus-color);outline-offset:2px;border-color:var(--color-action-neutral-border-default)}.c-social-login:disabled{background-color:var(--color-button-neutral-background-disabled);border-color:var(--color-button-neutral-border-disabled);cursor:not-allowed;opacity:.24}.c-social-login--text{padding-inline:var(--space-component-padding-xl);gap:var(--space-component-gap-md)}.c-social-login--text .c-social-login__content{display:flex;align-items:center;justify-content:center;gap:var(--space-component-gap-md);width:100%}.c-social-login--square{width:48px}.c-social-login--square .c-social-login__icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}\n"] }]
1783
+ }] });
1784
+
1763
1785
  class SwitchComponent {
1764
1786
  checked = false;
1765
1787
  disabled = false;
@@ -2191,5 +2213,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
2191
2213
  * Generated bundle index. Do not edit.
2192
2214
  */
2193
2215
 
2194
- export { AccordionComponent, AlertComponent, AvatarComponent, BadgeComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, HelperTextComponent, IconComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkComponent, PaginationComponent, PasswordInputComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent };
2216
+ export { AccordionComponent, AlertComponent, AvatarComponent, BadgeComponent, ButtonComponent, ButtonIconComponent, ButtonSetComponent, CheckboxComponent, CheckboxGroupComponent, ChipsComponent, DesignTokensComponent, HelperTextComponent, IconComponent, InputDateComponent, InputLabelComponent, InputNumberComponent, InputPaymentComponent, InputSearchComponent, InputUploadComponent, LinkComponent, PaginationComponent, PasswordInputComponent, RadioComponent, RadioGroupComponent, SegmentedControlComponent, SelectComponent, SocialLoginComponent, SwitchComponent, TabsComponent, TagComponent, TextInputComponent, TextareaComponent, ThumbnailComponent, TileComponent, ToastComponent, TooltipComponent };
2195
2217
  //# sourceMappingURL=crowdfarming-oliva-ds.mjs.map