/*VARIABLES*/
@import url('./css-components/_variables.css');

/*SIZE*/
@import url('./css-components/_size.css');

/*LAYOUT*/
@import url('./css-components/_layout.css');

/*BORDER*/
@import url('./css-components/_border.css');

/*SHADOW*/
@import url('./css-components/_shadow.css');

/*FLEX*/
@import url('./css-components/_flex.css');

/*MARGIN*/
@import url('./css-components/_margin.css');

/*PADDING*/
@import url('./css-components/_padding.css');

/*TEXT*/
@import url('./css-components/_text.css');

/*TOAST*/
@import url('./css-components/_toast.css');

/*BUTTON*/
@import url('./css-components/_button.css');

/*OFFCANVAS*/
@import url('./css-components/_offcanvas.css');

/*FORM*/
@import url('./css-components/_form.css');

/*CARDS*/
@import url('./css-components/_card.css');

/*SCROLLBAR*/
@import url('./css-components/_scrollbar.css');

/*LOADING*/
@import url('./css-components/_loading.css');

/*ANIMATION*/
@import url('./css-components/_animation.css');

/*UTILITY*/
@import url('./css-components/_utility.css');

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    cursor: url('../img/CursorPointer.png'), auto;
    cursor: url('../img/CursorPointer.png'), pointer;
    cursor: url('../img/CursorPointer.png'), default;
    background: var(--white);
    font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
}

canvas {
    cursor: url('../img/CursorPointer.png'), auto!important;
    width: 100%;
    height: 100%;
    display: block;
}


#editor-blade-container {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #fff;
    right: 0;
    padding: 1rem;
    overflow-y: auto;
}

.closeIcon {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 99999;
    width: 60px;
    height: 60px;
}
.closeIcon img {
    width: 60px;
    height: 60px;
}
.closeIcon img:hover {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
}