@import url("font.css");
@import url("switch.css");
@import url("pie.css");
@import url("scroll.css");
@import url("data-hint.css");
/*--------------------------------------------------------
    root
--------------------------------------------------------*/

:root {
    --m-en-container-px: 1200;
    /* colors */
    --m-en-color-primary: #500681;
    --m-en-color-secondary: #2A114B;
    --m-en-color-tertiary: #B98933; /* degisken ile duzgun calismiyor  linear-gradient(270deg, #A77929 0%, #C09037 100%);*/
    --m-en-color-body : #F5F3EE;
    --m-en-color-okey: #22c55e;
    --m-en-color-fail: #ef4444;
    --m-en-color-info: #3b82f6;
    --m-en-color-warning: #f59e0b;
    --m-en-color-danger: #dc2626;
    --m-en-color-alert: #f97316;
    --m-en-color-err: #fb7185;
    --m-en-color-0: white;
    --m-en-color-1: black;
    --m-en-color-2: #EDE9EB;
    --m-en-color-3: #8733ae;
    --m-en-color-4: #be62e8;
    --m-en-color-5: #98979f;
    --m-en-color-6: #EAF0F6;
    --m-en-color-7: #e8e8e8;
    --m-en-color-8: #F5F1EF;/*#62676A;*/
    --m-en-color-9: #404040;
    /* fonts */
    --m-en-font-family-1: 'Montserrat';
    --m-en-font-family-2: roboto;
    --m-en-font-family-3: arial;
    --m-en-font-family-4: sans-serif;
    --m-en-font-family-5: verdana;
    --m-en-font-family-6: verdana;
    --m-en-font-family-7: cursive;
    --m-en-font-family-8: monospace;
    --m-en-font-family-9: helvetica;
}

/*--------------------------------------------------------
    scrollbar
 --------------------------------------------------------*/

html {
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--m-en-color-primary) var(--m-en-color-body);
}


::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: var(--m-en-color-body);
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--m-en-color-2);
}


/*--------------------------------------------------------
    switch
 --------------------------------------------------------*/

[switch] {
    --size: 14px;
    --space: min(calc(var(--size) * .15), 6px);
    --c-check: var(--m-en-color-tertiary);
    --c-back: var(--m-en-color-9);
    --c-thumb: var(--m-en-color-2);
    --c-thumb-check: var(--m-en-color-0);
}

/*--------------------------------------------------------
    pie-arc
 --------------------------------------------------------*/
[pie="profil-tamamlama"]{
    --color-active: var(--m-en-color-tertiary, #B98933);
    --color-ground: #f7ead2;
    --size: 125px;
    --border-size: 8px;
    
    &::before{ top: 50%; z-index: 1; }
    &::after{
        content:"";
        background: var(--m-en-color-0, white);
        inset: 6.4%;
        transform: unset;
        border-radius: 50%;
    }
}

/*--------------------------------------------------------
    app
 --------------------------------------------------------*/

*{ user-select: none; }

a{ color:inherit; }

img{ pointer-events: none; }

input, textarea, select{
    font-family: inherit;
    
    &:is(textarea){ resize: vertical; }
}

label{
    user-select:none;
    
    &[for]{ cursor: pointer; }
}

td, th{ vertical-align: middle; }

pre{ font-family: inherit; }

:is( [ho]:not([ho="0"]) ,[hoi]:not([hoi="0"])>*:not([ho]) ,[hoa] *:is(a[href], button, label[for], input[type=button], input[type=submit], input[type=reset], [onclick], [tabindex]) ):not(:disabled,[tabindex="-1"],[ho="0"],[hoi="0"]>*:not([ho])):hover {
    scale: 1.015;
}

[hoi="2"] > *, [ho="2"]{
    will-change: unset !important;
    scale: unset !important;
    &:hover{opacity: .9;}
}

[hide]{
    display: none !important;
}

.mw-500{ max-width: 500px; }

.ow-hidden{ overflow: hidden; }

.of-cover{ object-fit: cover; }

.br-50{ border-radius: 50%; }

/*--------------------------------------------------------
    header
 --------------------------------------------------------*/
#header{
    a.logo > img{
        @media (max-width: 768px) {
            width: 175px;
        }
        @media (max-width: 500px) {
            width: 150px;
        }
    }
}

/*--------------------------------------------------------
    content
 --------------------------------------------------------*/
#content{
    /*min-height: calc( 100vh - 90px );*/ /* tum sayfalarda calistiginda bug olusuturuyor orn: https://oldoit.medyasis.net/?page=takip */
    min-height: 45vh;
}

/*--------------------------------------------------------
    footer
 --------------------------------------------------------*/
#footer{
    font-weight: 500;
    color: var(--m-en-color-secondary);
    
    li{
        list-style-position: inside;
        &::marker{ color: var(--m-en-color-tertiary); }
    }
}

/*--------------------------------------------------------
    uye-profil-content
 --------------------------------------------------------*/
#uye-profil-content{
    min-height: 75vh;
    overflow: hidden;
}

 
/*--------------------------------------------------------
    
 --------------------------------------------------------*/

#hero-banner{
    background: url(../../f/b/hero-banner.png) center;
     
    >[gradient]:last-child{
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), linear-gradient(270deg, #FFE08D 0%, rgba(255, 224, 141, 0.00) 35.08%), linear-gradient(90deg, #8F61C6 0.58%, rgba(143, 97, 198, 0.00) 38.46%);
        z-index: -1;
    }
}

[event-card], [event-card-2]{
    /*min-width: 250px;*/
    min-width: 300px;
    width: 300px;
    max-width: 320px;
    
    img{object-fit: cover;}
}

[event-card], [event-list-card]{
    box-shadow: 0 2px 12px -2px rgba(0, 0, 0, 0.10);
    
    div[favorite]{
        background: linear-gradient(180deg, #FFEFCD 0%, #FFE08D 100%);
        >*{ --c-f: #927300; }
    }
    
    [categories]{
        >p{
            background: rgba(92, 45, 145, 0.05);
        }
    }
    
    &:is([event-list-card]){ 
        box-shadow: unset;
    }
}

.etkinlik-kart-container{
    
    & > :first-child{ margin-left: 2px; }
}
.etkinlik-liste-container{
    
    [event-list-card]{
        &:first-child{ padding-top: unset; }
        
        &:last-child{ border-bottom: unset; }
    }
}

.track {
    transition: .3s ease;
    
    [data-lightbox="gallery"] >img{ 
        object-fit: cover;
        height: 200px;
        border-radius: 16px;
        pointer-events: unset;
    }
}

oldoit-input{
            
    input[type="checkbox"] {
        display: block;
        position: absolute;
        opacity: 0;
        
        &:checked{
            +.input-checked{
                background-color: var(--m-en-color-tertiary);
                
                &::after{ opacity: 1; }
            }
        }
        
    }
    
    .input-checked {
        width: 16px;
        height: 16px;
        background-color: var(--m-en-color-0);
        border-radius: 4px;
        display: flex;
        position: relative;
        transition: background-color 0.2s;
        border:1px solid var(--m-en-color-tertiary);
        
        &::after{
            content: '';
            position: absolute;
            left: 35%;
            top: 15%;
            width: 4px;
            height: 8px;
            border:1px solid var(--m-en-color-0);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            opacity: 0;
            transition: opacity 0.2s;
        }
        
    }
    
    /* kullanım sekli
        <oldoit-input>
            <input type="checkbox">
            <span class="input-checked"></span>
        </oldoit-input>
    */

}

[oldoit-option]{
    position: relative;
    display: flex;
    padding: 16px;
    gap: 14px;
    align-items: center;

    border: 1px solid #e8e5e1;
    border-radius: 10px;
    background: #f7f6f3;
    cursor: pointer;
    
    .content{
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
  
    input {
        appearance: none;
        position: absolute;
        top: 14px;
        right: 14px;

        width: 16px;
        height: 16px;
        margin: 0;

        border-radius: 50%;
        background: #e5e3df;
        cursor: pointer;
        
        &:checked{
            background: var(--m-en-color-primary);
            
            &::after{
                content: url(../i/i-tick-3.svg);
                position: absolute;
                height: 15px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        }
    }
    
    &:has(input:checked){
        background: #fff;
        border-color: var(--m-en-color-primary);
        
        box-shadow: 0px 4px 24px rgba(42, 0, 83, 0.06), 0px 0px 0px 2px #440F79;
    }
    
    /* kullanim sekli
        <label oldoit-option="">
            <input type="checkbox">
            <oldoit-icon i="art" w="t2" h="t2" c="fs"></oldoit-icon>
            <div class="content">
                <strong>Sanat & Kültür</strong>
                <small>Özel galeri turları, çağdaş sergiler ve koleksiyonlar panelleri.</small>
            </div>
        </label>
    */
}

[oldoit-option-2]{
    position: relative;
    display: flex;
    padding: 8px 16px;
    gap: 14px;
    align-items: center;

    border: 1px solid #e8e5e1;
    border-radius: 10px;
    background: #f7f6f3;
    cursor: pointer;
  
    input {
        appearance: none;
        position: relative;
        width: 16px;
        height: 16px;

        border-radius: 50%;
        background: #e5e3df;
        cursor: pointer;
        
        &:checked{
            background: var(--m-en-color-primary);
            
            &::after{
                content: url(../i/i-tick-3.svg);
                position: absolute;
                height: 15px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        }
    }
    
    &:has(input:checked){
        background: #fff;
        border-color: var(--m-en-color-primary);
        
        box-shadow: 0px 4px 24px rgba(42, 0, 83, 0.06), 0px 0px 0px 1.2px #440F79;
    }
    
    /* kullanim sekli
        <label f="x ac ss is" for="etiket1" oldoit-option-2>
            Eğlence
            <input type="checkbox" id="etiket1" name="etiket" value="1">
        </label>
    */
}

input[type="radio"] {
    &.accent-radio{ accent-color: currentColor; }
}

.rating-stars > .star{
    transition: all .2s ease;
    &.hover, &.active{
        --i-svg: url("../i/i-star.svg");
        scale: 1.15;
        cursor: pointer;
    }
}

/* swal2 modal show bug fix */
body.swal2-shown{ padding-right: unset !important; }

/* bxSlider bug fix */
.bx-wrapper{
    margin-bottom: unset !important;
    border: unset !important;
    box-shadow: unset !important;
    
    .bx-viewport{
        height: unset !important;
        
        > .track{
            width: unset !important;
            --s: 16px;
            
            [data-lightbox="gallery"] > img{ 
                width: unset !important;
                min-width: 300px;
            }
        }
    }
}

/* quill.js editor heading -> baslik */
:is(.ql-snow .ql-picker.ql-header) .ql-picker-label, .ql-picker-item{ &::before { content: 'Paragraf' !important; } }
:is(.ql-snow .ql-picker.ql-header) .ql-picker-label, .ql-picker-item{ &[data-value="1"]::before { content: 'Başlık 1' !important; } }
:is(.ql-snow .ql-picker.ql-header) .ql-picker-label, .ql-picker-item{ &[data-value="2"]::before { content: 'Başlık 2' !important; } }
:is(.ql-snow .ql-picker.ql-header) .ql-picker-label, .ql-picker-item{ &[data-value="3"]::before { content: 'Başlık 3' !important; } }
.ql-editor{
    min-height: 100px;
    
    s{ text-decoration: line-through; }
    u{ text-decoration: underline; }
}

.ql-toolbar{ border-top-left-radius: 4px; border-top-right-radius: 4px; }
.ql-container{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

oldoit-icon:is(.prev,.next){
    position: relative;
    
    >a[href]{
        position: absolute;
        inset: 0;
    }
}

/*--------------------------------------------------------
    sayfa-hakkımızda
 --------------------------------------------------------*/

#hakkimizda-hero-banner{
    
    overflow: hidden;
    
    >:last-child{
        position: relative;
        
        &::before, &::after{
            content: "";
            position: absolute;
            width: 182px;
            height: 182px;
            border-radius: 1000px;
            filter: blur(175px);
        }
        &::before{
            top: 19.344px;
            right: 501px;
            background: #B285DF;
        }
        &::after{
            right: 138px;
            bottom: 95.656px;
            background: #C09037;
        }
        
    }
    
    @media(max-width: 1000px){
        &{ align-items: start; }
        
        .info{ width: 100%; }
        
        &>:last-child{ max-width: 400px; order: -1; }
    }
    
}

#ne-sunuyoruz{
    
    @media(max-width: 1000px){
        --col-count: 2;
        --gc: 0px;
        --gr: 0px;
        row-gap: var(--gr);
        column-gap: var(--gc);
        flex-wrap: wrap;
        
        >*{
            flex-basis: calc(calc(100% - calc(calc(var(--col-count) - 1) * var(--gc))) / var(--col-count));
        }
    }
    
    @media(max-width: 700px){
        --col-count: 1;
    }
}


/*--------------------------------------------------------
    sayfa-nasil-calisiyor
 --------------------------------------------------------*/
 
#nasil-calisiyor-hero-banner{
    overflow: hidden;
    
    >:last-child{
        position: relative;
        
        &::before, &::after{
            content: "";
            position: absolute;
            width: 182px;
            height: 182px;
            border-radius: 1000px;
            filter: blur(175px);
        }
        &::before{
            top: 19.344px;
            right: 501px;
            background: #B285DF;
        }
        &::after{
            right: 138px;
            bottom: 95.656px;
            background: #C09037;
        }
        
    }
    
    @media(max-width: 1000px){
        &{ align-items: start; }
        
        .info{ width: 100%; }
        
        &>:last-child{ max-width: 400px; order: -1; }
    }
    
    @media(max-width:800px){
        >:last-child{
            &::before, &::after{ display: none; }
        }
    }
}
 
#nasil-calisir{
    
    @media(max-width: 1000px){
        --col-count: 2;
        --gc: var(--s, 0px);
        --gr: var(--s, 0px);
        row-gap: var(--gr);
        column-gap: var(--gc);
        flex-wrap: wrap;
        
        >*{
            flex-basis: calc(calc(100% - calc(calc(var(--col-count) - 1) * var(--gc))) / var(--col-count));
        }
    }
    
    @media(max-width: 700px){
        --col-count: 1;
    }
}

.neler-var-container{
    
    >div >img{
        object-fit: cover;
        max-height: 200px;
    }
    
    
    @media(max-width:1000px){
        --col-count: 3 !important;
    }
    @media(max-width:800px){
        --col-count: 2 !important;
    }
    @media(max-width:600px){
        --col-count: 1 !important;
    }
}
 
 
/*--------------------------------------------------------
    sayfa-yardim-merkezi
 --------------------------------------------------------*/

#yardim-merkezi-hero-banner{
    background: url(../i/yardim-merkezi/yardim-merkezi-banner.png) center;
}

    
#yardim-merkezi-one-cikanlar{
    @media(max-width:1200px){
        --col-count: 4 !important;
    }
    @media(max-width:1000px){
        --col-count: 3 !important;
    }
    @media(max-width:800px){
        --col-count: 2 !important;
    }
    @media(max-width:600px){
        --col-count: 1 !important;
    }
}



/*--------------------------------------------------------
    sayfa-sozlesmeler
 --------------------------------------------------------*/
ul.sozlesme-madde-container{
    li{ list-style-position: inside; }
}



/*--------------------------------------------------------
    sayfa-organizator-ol
 --------------------------------------------------------*/
.organizator-ol-istatistik{
    @media(max-width: 600px){
        > div:not(:last-child){
            border-right: unset !important;
            border-bottom: 1px solid var(--m-en-color-tertiary) !important;
        }
    }
}


/*--------------------------------------------------------
    sayfa-etkinlik
 --------------------------------------------------------*/
 #etkinlik-detay-page{
     h1{
         @media(max-width: 1200px){
             width: 100%;
         }
     }
 }
 
#etkinlik-info-card{
    min-width: 300px;
    
    @media(max-width: 500px){
        width: 100%;
    }
}

.etkinlik-detay-content{
    transition: all .4s ease;
    
    &.hide{
        max-height: 300px;
        mask-image: linear-gradient(to bottom, black 20%, transparent);
        overflow-y: hidden;
    }
    
    &.open{
        max-height: unset;
        mask-image: unset;
    }
    
    li{
        /*list-style-position: inside;*/
        margin-left: 16px;
    }
}
 
/*--------------------------------------------------------
    sayfa-etkinlik-liste
 --------------------------------------------------------*/
#filterForm{
    min-width: 218px;
    
    @media(max-width:1000px){
        width: 100%;
        
        #filterButton{ border-bottom: none; cursor: pointer; }
        #filterMenu{ display: none; }
        
        &.active{
            #filterButton{ border-bottom: inherit; }
            
            #filterMenu{ 
                display: flex;
                
                label, #tarih[name="tarih"]{ cursor: pointer; }
                
                .kategoriler-container, .etiketler-container, .konum-container, .fiyat-container{
                    --s: 16px;
                    padding-left: var(--s);
                    padding-right: var(--s);
                    flex-direction: row;
                    flex-wrap: wrap;
                }
                
                & > div:last-child{ border: unset; }
            }
        }
    }
}

.etkinlik-liste-container{
    @media(max-width:600px){
        &.satir{
            [event-list-card]{
                flex-direction: column;
                align-items: start;
            }
        }
    }
    @media(max-width:400px){
        &.satir{
            [event-list-card]{
                & > div:first-child, & > div:first-child > img{
                    width: 100%;
                    height: auto;
                }
            }
        }
    }
}



/*--------------------------------------------------------
    sayfa-organizator
 --------------------------------------------------------*/
#organizator-info-card{
    min-width: 300px;
    
    /*
    @media(max-width: 1000px){
        position: unset !important;
        margin-bottom: unset;
    }
    */
}

.organizator-detay-content{
    transition: all .4s ease;
    
    &.hide{
        max-height: 300px;
        mask-image: linear-gradient(to bottom, black 20%, transparent);
        overflow-y: hidden;
    }
    
    &.open{
        max-height: unset;
        mask-image: unset;
    }
    
    li{
        list-style-position: inside;
    }
}

#yaklasan_etkinlikler, #gecmis_etkinlikler{
    overflow-x: auto;
    
    [categories]{
        max-width: 300px;
        overflow: hidden;
    }
}


/*--------------------------------------------------------
    sayfa-profil (LOGIN)
 --------------------------------------------------------*/
#profil-menu{
    @media(max-width: 1200px){
        display: none;
        
        &.open{
            display: flex;
        }
    }
}


/*--------------------------------------------------------
    sayfa-profil-hesabim
 --------------------------------------------------------*/
.ilgi-alanlarim-grid{
    @media(max-width: 600px){
        --col-count: 1 !important;
    }
}


/*--------------------------------------------------------
    sayfa-profil-bilgilerim
 --------------------------------------------------------*/
.profil-foto-container{
    border-radius: 50%;
    min-width: 125px;
    width: 150px;
    aspect-ratio: 1;
    overflow: hidden;
    
    >img{
        width: 100%;
        object-fit: cover;
    }
}


/*--------------------------------------------------------
    sayfa-takip
 --------------------------------------------------------*/
.organizator-takip-card{
    min-width: 290px;
    
    @media(max-width:500px){
        flex: 1;
        min-width: unset;
    }
}
 

/*--------------------------------------------------------
    sayfa-profil-etkinliklerim
 --------------------------------------------------------*/
.etkinlik-detay{
    .etkinlik-ozet{
        max-height: 200px;
        overflow: hidden;
        mask-image: linear-gradient(to bottom, black 20%, transparent);
    }
}


/*--------------------------------------------------------
    sayfa-organizator-durum
 --------------------------------------------------------*/
.organizator-istatistik-grid{
    @media(max-width: 500px){
        --col-count: 1 !important;
    }
}


/*--------------------------------------------------------
    sayfa-organizator-profil
 --------------------------------------------------------*/
.banner-img-container{
    
    >img{
        width: 100%;
        aspect-ratio: 1920/350;
        object-fit: cover;
    }
}

.organizator-img-container{
    border-radius: 8px;
    overflow: hidden;
    
    >img{
        width: 200px;
        aspect-ratio: 3/2;
        object-fit: cover;
    }
}

/*--------------------------------------------------------
    sayfa-organizator-etkinlik
 --------------------------------------------------------*/
.organizator-etkinlik-listcard{
    > .etkinlik-icerik{
        >div{
            flex: 1;
        }
        
        .etkinlik-info{
            @media(max-width: 400px){
                width: unset;
            }
        }
    }
}


/*--------------------------------------------------------
    captcha-validate
 --------------------------------------------------------*/

.captcha_genel_container{
    input{
        padding: 12px;
        width: 100%;
        border: 1px solid var(--m-en-color-2);
        border-radius: 6px;
    }
}

img.captcha{
    pointer-events: auto;
    border-radius: 6px;
}

.validation-advice{
    color: var(--m-en-color-danger);
    font-weight: 600;
    font-size: 13px;
}

:is(input, textarea).validation-failed{
    border-color: var(--m-en-color-danger);
}



/*--------------------------------------------------------
    box-shadow
 --------------------------------------------------------*/
[shadow="1"]{
    box-shadow: 0 12px 32px 0 rgba(42, 0, 83, 0.04);
}

[shadow="2"]{
    box-shadow: 0 4px 24px 0 rgba(42, 0, 83, 0.04);
}

[shadow="3"]{
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

[shadow="4"]{
    box-shadow: 0 12px 32px 0 rgba(42, 0, 83, 0.08);
}

[shadow="5"]{
    box-shadow: 0 2px 12px -2px rgba(0, 0, 0, 0.10);
}

[shadow="6"]{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

[shadow="7"]{
    box-shadow: 0 4px 15px rgba(0,0,0,.4);
}


/*--------------------------------------------------------
    svg-icons
 --------------------------------------------------------*/

[i="action"]{ --i-svg: url(../i/i-action.svg) }
[i="arrow-button-left"]{ --i-svg: url(../i/arrow-button-left.svg) }
[i="arrow-button-right"]{ --i-svg: url(../i/arrow-button-right.svg) }
[i="arrow-right"]{ --i-svg: url(../i/i-arrow-right.svg) }
[i="arrow-right-fancy"]{ --i-svg: url(../i/i-arrow-right-fancy.svg) }
[i="art"]{ --i-svg: url(../i/i-art.svg) }
[i="badge"]{ --i-svg: url(../i/i-badge.svg) }
[i="brain"]{ --i-svg: url(../i/i-brain.svg) }
[i="branch"]{ --i-svg: url(../i/i-branch.svg) }
[i="book"]{ --i-svg: url(../i/i-book.svg) }
[i="cardvisit"]{ --i-svg: url(../i/i-cardvisit.svg) }
[i="catalog"]{ --i-svg: url(../i/i-catalog.svg) }
[i="category"]{ --i-svg: url(../i/i-category.svg) }
[i="check-circle"]{ --i-svg: url(../i/i-check-circle.svg) }
[i="checklist"]{ --i-svg: url(../i/i-checklist.svg) }
[i="check-secure"]{ --i-svg: url(../i/i-check-secure.svg) }
[i="chevron-down"]{ --i-svg: url(../i/i-chevron-down.svg) }
[i="chevron-left"]{ --i-svg: url(../i/i-chevron-left.svg) }
[i="chevron-right"]{ --i-svg: url(../i/i-chevron-right.svg) }
[i="chevron-up"]{ --i-svg: url(../i/i-chevron-up.svg) }
[i="close"]{ --i-svg: url(../i/i-close.svg) }
[i="comment"]{ --i-svg: url(../i/i-comment.svg) }
[i="comment-2"]{ --i-svg: url(../i/i-comment-2.svg) }
[i="communication"]{ --i-svg: url(../i/i-communication.svg) }
[i="company"]{ --i-svg: url(../i/i-company.svg) }
[i="compass"]{ --i-svg: url(../i/i-compass.svg) }
[i="compass-2"]{ --i-svg: url(../i/i-compass-2.svg) }
[i="compasses"]{ --i-svg: url(../i/i-compasses.svg) }
[i="culture"]{ --i-svg: url(../i/i-culture.svg) }
[i="date"]{ --i-svg: url(../i/i-calendar.svg); }
[i="date-2"]{ --i-svg: url(../i/i-calendar-2.svg); }
[i="date-3"]{ --i-svg: url(../i/i-calendar-3.svg); }
[i="date-4"]{ --i-svg: url(../i/i-calendar-4.svg); }
[i="download"]{ --i-svg: url(../i/i-download.svg) }
[i="edict"]{ --i-svg: url(../i/i-edict.svg) }
[i="edit"]{ --i-svg: url(../i/i-edit.svg) }
[i="event"]{ --i-svg: url(../i/i-event.svg) }
[i="eye"]{ --i-svg: url(../i/i-eye.svg) }
[i="exit"]{ --i-svg: url(../i/i-exit.svg) }
[i="export"]{ --i-svg: url(../i/i-export.svg) }
[i="favorite"]{ --i-svg: url(../i/i-favorite.svg) }
[i="favorite-fill"]{ --i-svg: url(../i/i-favorite-fill.svg) }
[i="filter"]{ --i-svg: url(../i/i-filter.svg) }
[i="foundation"]{ --i-svg: url(../i/i-foundation.svg) }
[i="headset"]{ --i-svg: url(../i/i-headset.svg) }
[i="heart"]{ --i-svg: url(../i/i-heart.svg) }
[i="heart-2"]{ --i-svg: url(../i/i-heart-2.svg) }
[i="history"]{ --i-svg: url(../i/i-history.svg) }
[i="info"]{ --i-svg: url(../i/i-info.svg) }
[i="info-2"]{ --i-svg: url(../i/i-info-2.svg) }
[i="instagram"]{ --i-svg: url(../i/i-instagram.svg) }
[i="like"]{ --i-svg: url(../i/i-like.svg) }
[i="linkedin"]{ --i-svg: url(../i/i-linkedin.svg) }
[i="location"]{ --i-svg: url(../i/i-location.svg) }
[i="location-add"]{ --i-svg: url(../i/i-location-add.svg) }
[i="lock"]{ --i-svg: url(../i/i-lock.svg) }
[i="mail"]{ --i-svg: url(../i/i-mail.svg) }
[i="mask"]{ --i-svg: url(../i/i-mask.svg) }
[i="meal"]{ --i-svg: url(../i/i-meal.svg) }
[i="megaphone"]{ --i-svg: url(../i/i-megaphone.svg) }
[i="menu"]{ --i-svg: url(../i/i-menu.svg) }
[i="menu-kebab"]{ --i-svg: url(../i/i-menu-kebab.svg) }
[i="message"]{ --i-svg: url(../i/i-message.svg) }
[i="message-2"]{ --i-svg: url(../i/i-message-2.svg) }
[i="minus-circle"]{ --i-svg: url(../i/i-minus-circle.svg) }
[i="money"]{ --i-svg: url(../i/i-money.svg) }
[i="music"]{ --i-svg: url(../i/i-music.svg) }
[i="not-found"]{ --i-svg: url(../i/i-not-found.svg) }
[i="numbers"]{ --i-svg: url(../i/i-numbers.svg) }
[i="panel"]{ --i-svg: url(../i/i-panel.svg) }
[i="percent"]{ --i-svg: url(../i/i-percent.svg) }
[i="phone"]{ --i-svg: url(../i/i-phone.svg) }
[i="plus-circle"]{ --i-svg: url(../i/i-plus-circle.svg) }
[i="plus-circle-2"]{ --i-svg: url(../i/i-plus-circle-2.svg) }
[i="preview"]{ --i-svg: url(../i/i-preview.svg) }
[i="qr"]{ --i-svg: url(../i/i-qr.svg) }
[i="quote"]{ --i-svg: url(../i/i-quote.svg) }
[i="recovery"]{ --i-svg: url(../i/i-recovery.svg) }
[i="report"]{ --i-svg: url(../i/i-report.svg) }
[i="save"]{ --i-svg: url(../i/i-save.svg) }
[i="search"]{ --i-svg: url(../i/i-search.svg) }
[i="secure"]{ --i-svg: url(../i/i-secure.svg) }
[i="setting"]{ --i-svg: url(../i/i-setting.svg) }
[i="send"]{ --i-svg: url(../i/i-send.svg) }
[i="setting-fancy"]{ --i-svg: url(../i/i-setting-fancy.svg) }
[i="star"]{ --i-svg: url(../i/i-star.svg) }
[i="star-2"]{ --i-svg: url(../i/i-star-2.svg) }
[i="star-outline"]{ --i-svg: url(../i/i-star-outline.svg) }
[i="support"]{ --i-svg: url(../i/i-support.svg) }
[i="trash"]{ --i-svg: url(../i/i-trash.svg) }
[i="tick"]{ --i-svg: url(../i/i-tick.svg) }
[i="tick-2"]{ --i-svg: url(../i/i-tick-2.svg) }
[i="tick-3"]{ --i-svg: url(../i/i-tick-3.svg) }
[i="ticket"]{ --i-svg: url(../i/i-ticket.svg) }
[i="time"]{ --i-svg: url(../i/i-time.svg) }
[i="upload"]{ --i-svg: url(../i/i-upload.svg) }
[i="user"]{ --i-svg: url(../i/i-user.svg) }
[i="user-add"]{ --i-svg: url(../i/i-user-add.svg) }
[i="user-remove"]{ --i-svg: url(../i/i-user-remove.svg) }
[i="user-setting"]{ --i-svg: url(../i/i-user-setting.svg) }
[i="users"]{ --i-svg: url(../i/i-users.svg) }
[i="users-2"]{ --i-svg: url(../i/i-users-2.svg) }
[i="users-3"]{ --i-svg: url(../i/i-users-3.svg) }
[i="view"]{ --i-svg: url(../i/i-view.svg) }
[i="wait-circle"]{ --i-svg: url(../i/i-wait-circle.svg) }
[i="walk"]{ --i-svg: url(../i/i-walk.svg) }
[i="wellness"]{ --i-svg: url(../i/i-wellness.svg) }
[i="x"]{ --i-svg: url(../i/i-x.svg) }
[i="youtube"]{ --i-svg: url(../i/i-youtube.svg) }
[i="zoom"]{ --i-svg: url(../i/i-zoom.svg) }