{"version":3,"sources":["webpack:///./src/scss/blocks.editor.scss","webpack:///./src/scss/fonticonpicker/base/_reset.scss","webpack:///./src/scss/fonticonpicker/components/_rfip.scss","webpack:///./src/scss/fonticonpicker/components/_rfipbutton.scss","webpack:///./src/scss/fonticonpicker/components/_rfipcategory.scss","webpack:///./src/scss/fonticonpicker/components/_rfipdropdown.scss","webpack:///./src/scss/fonticonpicker/components/_rfipicons.scss","webpack:///./src/scss/fonticonpicker/components/_rfipsearch.scss","webpack:///./src/scss/fonticonpicker/themes/_template.scss","webpack:///./src/scss/fonticonpicker/base/_palette.scss","webpack:///./src/scss/fonticonpicker/base/_mixin.scss"],"names":[],"mappings":"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CM+FY,kBAAmB,CAEnB,uBAAkB,CADlB,0BACwB,CNjGpC,2CMqGgB,oBAAqB,CNrGrC,0CM2GY,iBAAY,CADZ,wBACkB,CN3G9B,mCMoHQ,kBAAmB,CAEnB,cAAQ,CAHR,YAAa,CAFb,WAAY,CAIZ,sBAAuB,CAHvB,WAAY,CAFZ,SAMe,CNtHvB,0CMyHY,aAAc,CAGd,cAAe,CAEf,aAAa,CAJb,YAAa,CACb,iBAAkB,CAElB,UACc,CN9H1B,8BOGC,cAAQ,CADR,UACe,CPHhB,oCOME,aAAc,CACd,WAAY,CACZ,gBAAa,CAHb,UAGiB,CPRnB,oCQEI,qBCsUW,CDrUX,wBCoSW,CDnSX,UAAW,CRJf,qFQQQ,wBCgSA,CC7RN,oED6Ra,CTxSf,qDQeY,wBCsRG,CDxRH,yBAA0B,CAC1B,6BCyRG,CDvRH,aC4RG,CT5Sf,2DQkBgB,wBCsRD,CTxSf,4DQqBgB,mCCkRD,CTvSf,mDQ0BY,qBC4QG,CD3QH,aCiRG,CT5Sf,0DQ8BgB,aCyQD,CTvSf,kDQmCY,qBCmQG,CTtSf,wDQqCgB,wBCkQD,CTvSf,iHQyCgB,yBC8PD,CTvSf,yCQsDI,qBCkRW,CDjRX,wBCgPI,CC5RN,mEASiB,CF6Bf,aCsPW,CTvSf,+FQoDQ,aCwPO,CT5Sf,8DQ2DY,qBC6QG,CClSd,aAAc,CACd,+BDiQc,CChQd,yCAA0C,CVxC3C,yIU2CE,2BD8Pa,CC7Pb,4BD6Pa,CC5Pb,cAAe,CV7CjB,wDUsCC,aAAc,CACd,+BDiQc,CChQd,yCAA0C,CVxC3C,6HU2CE,2BD8Pa,CC7Pb,4BD6Pa,CC5Pb,cAAe,CV7CjB,qHQuEY,qBC+NG,CD9NH,qBC8NG,CD7NH,aCmOG,CT5Sf,iIQ2EgB,wBC6ND,CD5NC,wBC4ND,CTxSf,oQQgFgB,wBCwND,CTxSf,0DQqFY,wBCgNG,CD/MH,wBC+MG,CD9MH,aCqNG,CT5Sf,gEQyFgB,wBC+MD,CD9MC,wBC8MD,CTxSf,iIQ8FgB,wBC0MD,CTxSf,iEQiGgB,aCxFD,CTTf,qFQyGoB,qBC6LL,CTtSf,2DUsCC,aAAc,CACd,+BDiQc,CChQd,yCAA0C,CVxC3C,mIU2CE,2BD8Pa,CC7Pb,4BD6Pa,CC5Pb,cAAe,CVlCjB,YACI,kBAAmB,CACtB,uBAGG,wBAAyB,CAC5B,cAGG,cAAe,CAEf,iBAAe,CADf,cACkB,CAHtB,kCAKQ,wBAAyB,CACzB,WAAY,CACf,OAID,qBAAsB,CACtB,UAAW,CACd,2BAKG,mBAAQ,CADR,oBACoB,CACvB,kCAGG,4BAA6B,CAChC,mCAGG,2BAA4B,CAC/B,oCAGG,2BAA4B,CAC5B,4BAA6B,CAChC,oBAKO,mBAAoB,CACvB,2DAMO,qBAAsB,CACzB,+BAML,gBAAe,CANV,+BAML,eAAe,CANV,mBAKL,gBACe,CAClB,SAIG,iBAAkB,CADtB,yBAGQ,qBAAsB,CAGtB,SAAM,CADN,iBAAkB,CADlB,QAEU,CANlB,4CAUQ,+BAA4B,CAD5B,UAC0C,CAVlD,kDAcY,kCAAkB,CADlB,+BAA0C,CAD1C,UAEqC,CAdjD,0BAkBQ,SAAU,CACV,UAAW,CAnBnB,wBAwBQ,kBAAa,CADb,YAAa,CADb,YAEmB,CAxB3B,4BA0BY,aAAc,CA1B1B,0BA+BQ,iBAAe,CADf,cACkB,CACrB,sBAID,oBAAqB,CACrB,iBAAkB,CAFtB,0BAIQ,eAAgB,CACnB,kCAKG,kBAAmB,CACnB,YAAa,CACb,iCAAkC,CAClC,UAAW,CACd,+BAKG,wBAAyB,CAC5B,6CAOG,eAAgB,CAChB,WAAY,CAHZ,oBAAqB,CAIrB,QAAM,CAHN,iBAGS,CANjB,gDAUQ,eAAgB,CAEhB,WAAY,CAHZ,UAAqB,CAIrB,QAAM,CAFN,iBAES,CACZ,sBAID,YAAa,CACb,qBAAsB,CAF1B,uCAMQ,eAAgB,CAChB,WAAY,CAHZ,oBAAqB,CAIrB,QAAM,CAHN,iBAGS,CARjB,0CAYQ,eAAgB,CAEhB,WAAY,CAHZ,UAAqB,CAIrB,QAAM,CAFN,iBAES,CAfjB,yCAkBQ,eAAgB,CAlBxB,sDAsBY,qBAAqB,CACxB,UAKL,wBAAyB,CAD7B,iBAGQ,iBAAkB,CAH1B,4CAOQ,wBAAQ,CADR,UACyB,CAPjC,mFAWQ,eAAgB,CAXxB,iBAcQ,6BAA8B,CAdtC,qDAmBY,cAAW,CAFX,gBAAiB,CACjB,cAAe,CAFf,eAGe,CAClB,eAKL,iBAAkB,CADtB,yBAKQ,mBAAQ,CAFR,aAAc,CACd,SACoB,CAL5B,+BAQY,eAAY,CADZ,kCACgB,CACnB,+DAOL,YAAa,CAChB,oBAGG,0BAA2B,CAC9B,qBAGG,wBAAyB,CAC5B,sBAGG,sBAAuB,CAC1B,oBAGG,UAAW,CACd,4BAGG,SAAU,CACb,oBAGG,SAAU,CACb,WAIG,wBAAyB,CACzB,+BAAgC,CAOhC,iBAAkB,CALlB,UAAW,CACX,mCAAoC,CAEpC,cAAe,CADf,gBAAiB,CAEjB,mBAAoB,CARpB,oBAAqB,CAGrB,wBAAyB,CAOzB,qBAAsB,CAX1B,iBAcQ,kDAA0C,CAD1C,WACoD,CACvD,gBAID,kBAAmB,CACtB,gCAWG,kBAAY,CADZ,wBAAyB,CAJzB,iBAAkB,CAGlB,aAAc,CAJd,cAAe,CADf,iBAAkB,CADlB,eAAgB,CAIhB,oBAAqB,CACrB,kBAGmB,CATvB,6EAYQ,kBAAmB,CACnB,oBAAqB,CACrB,aAAc","file":"css/blockseditor.css","sourcesContent":[".components-panel {\n    @import 'fonticonpicker/base';\n    @import 'fonticonpicker/default-theme';\n}\n\n// div[data-type=\"themesfirst/i2-azone-image\"][data-align=\"right\"] {\n//     //  float: right;\n// }\n// div[data-type=\"themesfirst/i2-azone-image\"][data-align=\"left\"] {\n//     //  float: left;\n// }\n.tf-btn-log {\n    margin-bottom: 10px;\n}\n\n.tf-img-has-border img {\n    border: 2px solid #040404;\n}\n\n.tf-mdl-image {\n    cursor: pointer;\n    max-width: 100%;\n    margin-bottom: 3px;\n    &.tf-mdl-image-active {\n        border: 2px solid #646464;\n        padding: 2px;\n    }\n}\n\n.tf-i2 {\n    box-sizing: border-box;\n    clear: both;\n}\n\nfigure.tf-i2,\n.tf-i2 figure {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.wp-block[data-align=left] .tf-i2 {\n    margin-right: 15px !important;\n}\n\n.wp-block[data-align=right] .tf-i2 {\n    margin-left: 15px !important;\n}\n\n.wp-block[data-align=center] .tf-i2 {\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n\n//i2-image-css\n.tf-i2-image {\n    figure {\n        margin: 0 !important;\n    }\n}\n\n.tf-i2-azon-image {\n    .components-resizable-box__container {\n        img {\n            width: 100% !important;\n        }\n    }\n}\n\n.tf-text-align-end {\n    text-align: right;\n    text-align: end;\n}\n\n//tf-components\n.tf-card {\n    position: relative;\n    .tf-card-button {\n        background-color: #fff;\n        top: 10px;\n        position: absolute;\n        left: 10px;\n    }\n    .tf-button-minus.components-button {\n        color: rgb(153, 0, 0);\n        box-shadow: inset 0 0 0 1px rgb(153, 0, 0);\n        &:hover {\n            color: rgb(153, 0, 0);\n            box-shadow: inset 0 0 0 1px rgb(153, 0, 0);\n            background-color: rgba(153, 0, 0, .3);\n        }\n    }\n    .tf-button-trash {\n        left: auto;\n        right: 10px;\n    }\n    .tf-card-image {\n        height: 250px;\n        display: flex;\n        align-items: center;\n        img {\n            margin: 0 auto;\n        }\n    }\n    .tf-card-devider {\n        margin-top: 5px;\n        margin-bottom: 5px;\n    }\n}\n\n.tf-flex-sf-container {\n    align-items: flex-end;\n    margin-bottom: 4px;\n    >div {\n        flex: 0 1 33.33%;\n    }\n}\n\n.components-button {\n    &.tf-full-button {\n        align-items: center;\n        display: flex;\n        justify-content: center !important;\n        width: 100%;\n    }\n}\n\n.tf-top-pagination-wrapper {\n    nav {\n        justify-content: flex-end;\n    }\n}\n\n.editor-post-featured-image {\n    .no-custom-image {\n        display: inline-block;\n        position: absolute;\n        background: #fff;\n        bottom: 40px;\n        left: 9px;\n    }\n    .clear-custom-image {\n        color: rgb(153, 0, 0);\n        background: #fff;\n        position: absolute;\n        bottom: 90px;\n        left: 9px;\n    }\n}\n\n.tf-amz-image-wrapper {\n    display: flex;\n    flex-direction: column;\n    .no-custom-image {\n        display: inline-block;\n        position: absolute;\n        background: #fff;\n        bottom: 40px;\n        left: 9px;\n    }\n    .clear-custom-image {\n        color: rgb(153, 0, 0);\n        background: #fff;\n        position: absolute;\n        bottom: 90px;\n        left: 9px;\n    }\n    .components-button {\n        padding: 0px 0px;\n    }\n    .editor-post-featured-image {\n        img {\n            width: 100%!important;\n        }\n    }\n}\n\n.tf-table {\n    border-collapse: separate;\n    .tf-td {\n        position: relative;\n    }\n    .block-editor-rich-text__editable {\n        margin: 3px;\n        border: 1px solid #eeeeee;\n    }\n    .components-base-control__field,\n    .components-base-control__help {\n        margin-bottom: 0;\n    }\n    .AZIMG {\n        vertical-align: top !important;\n        .editor-post-featured-image__toggle {\n            min-height: 36px;\n            line-height: 15px;\n            margin-top: 5px;\n            font-size: 13px;\n        }\n    }\n}\n\n.tf-group-five {\n    align-items: start;\n    .tf-input {\n        max-width: 20%;\n        padding: 0;\n        margin: 0 !important;\n        input {\n            padding: 3px 1px 3px 5px !important;\n            min-height: 20px;\n        }\n    }\n}\n\n.tf-item-align-left,\n.tf-item-align-right,\n.tf-item-align-center {\n    display: flex;\n}\n\n.tf-item-align-left {\n    justify-content: flex-start;\n}\n\n.tf-item-align-right {\n    justify-content: flex-end;\n}\n\n.tf-item-align-center {\n    justify-content: center;\n}\n\n.tf-item-width-full {\n    width: 100%;\n}\n\n.tf-item-width-three-fourth {\n    width: 75%;\n}\n\n.tf-item-width-half {\n    width: 50%;\n}\n\n.tf-btn-3d {\n    padding: 1px 0 13px 0;\n    background-color: #e47911;\n    border-bottom: 4px solid #693a02;\n    text-transform: uppercase;\n    color: #fff;\n    font-family: 'Open Sans', sans-serif;\n    font-weight: bold;\n    font-size: 16px;\n    letter-spacing: .2px;\n    border-radius: 6px;\n    transition: .2s linear;\n    &:hover {\n        opacity: .75;\n        box-shadow: rgba(3, 3, 3, .4) 0 8px 12px 0!important;\n    }\n}\n\n.tf-btn-rounded {\n    border-radius: 10px;\n}\n\n.my-color-picker button.is-link {\n    padding: 0px 5px;\n    margin-bottom: 3px;\n    font-size: 11px;\n    border-radius: 2px;\n    text-decoration: none;\n    white-space: nowrap;\n    color: #0075af;\n    border: 1px solid #0075af;\n    background: #f3f5f6;\n    &:hover,\n    &:active {\n        background: #f1f1f1;\n        border-color: #005d8c;\n        color: #005d8c;\n    }\n}","// Reset style inside fip dropdown\n.rfipbtn,\n.rfipdropdown {\n\tmargin: 0;\n\tpadding: 0;\n\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\n\t\t'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n\t\t'Helvetica Neue', sans-serif;\n\tfont-size: 14px;\n\tline-height: (24/14);\n\tvertical-align: baseline;\n\n\tbox-sizing: border-box;\n\t* {\n\t\tbox-sizing: border-box;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tinput,\n\tselect {\n\t\tfont-size: 14px;\n\t}\n}\n",".rfip {\n    position: relative;\n    margin: 8px 0;\n    width: 100%;\n    vertical-align: middle;\n}","// Button\n.rfipbtn {\n    width: 136px;\n    display: flex;\n    flex-flow: row nowrap;\n    min-height: 30px;\n    border-radius: 2px;\n    cursor: pointer;\n    transition: box-shadow 250ms, border-color 250ms;\n    outline: 0 none;\n    user-select: none;\n    // open\n    &--open {\n        border-radius: 2px 2px 0 0;\n    }\n    // dropdown button\n    &__button {\n        width: 48px;\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n        /* x axis center */\n        justify-content: center;\n        /* y axis center */\n        height: auto;\n        /* auto height to fix the flex */\n        transition: background 250ms, box-shadow 250ms;\n        i {\n            font-size: 31px;\n            transition: transform 250ms;\n            &.fipicon-angle-down {\n                line-height: 26px;\n                height: 26px;\n                width: 26px;\n                speak: none;\n                font-style: normal;\n                font-weight: 400;\n                font-variant: normal;\n                text-transform: none;\n                line-height: 26px;\n                -webkit-font-smoothing: antialiased;\n                -moz-osx-font-smoothing: grayscale;\n                &:before {\n                    content: \"\\f140\";\n                    font-family: dashicons;\n                }\n            }\n        }\n        // Open\n        &--open {\n            i {\n                transform: rotate(-90deg);\n            }\n        }\n    }\n    // current\n    &__current {\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 86px;\n        padding: 2px;\n    }\n    // multi\n    &--multi {\n        width: 258px;\n        // current\n        .rfipbtn__current {\n            flex-flow: row wrap;\n            justify-content: flex-start;\n            flex-basis: 212px;\n            align-content: center;\n        }\n    }\n    // icon\n    &__icon {\n        margin: 2px;\n        padding: 0;\n        height: 28px;\n        width: 48px;\n        display: flex;\n        flex-flow: row nowrap;\n        align-items: center;\n        justify-content: space-between;\n        border-radius: 2px;\n        // empty\n        &--empty {\n            font-size: 14px;\n            line-height: 16px;\n            margin-left: 8px;\n            text-align: center;\n            text-transform: lowercase;\n            font-style: italic;\n        }\n    }\n    // elm\n    &__elm {\n        display: flex;\n        height: 28px;\n        width: 28px;\n        align-items: center;\n        justify-content: center;\n        font-size: 18px;\n        img,\n        svg {\n            height: 18px;\n            width: auto;\n        }\n    }\n    // del\n    &__del {\n        width: 18px;\n        display: flex;\n        height: 28px;\n        align-items: center;\n        justify-content: center;\n        transition: background-color 250ms;\n        cursor: pointer;\n    }\n}","// Category item\n.rfipcategory {\n\twidth: 100%;\n\tmargin: 0 0 8px;\n\tposition: relative;\n\tselect {\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\theight: 32px;\n\t\tline-height: 32px;\n\t\tborder-radius: 0;\n\t\t-webkit-appearance: none;\n\t\t-moz-appearance: none;\n\t\tappearance: none; /* remove default arrow */\n\t\ttransition: border 250ms, box-shadow 250ms;\n\t\tbackground-color: transparent !important;\n\t}\n\ti {\n\t\tposition: absolute;\n\t\tright: 2px;\n\t\ttop: 0;\n\t\tfont-size: 16px;\n\t\tline-height: 32px;\n\t\tz-index: -1;\n\t}\n}\n","// Dropdown\n.rfipdropdown {\n    left: 0!important;\n    width: 230px;\n    position: absolute;\n    left: 0;\n    margin-top: -1px;\n    z-index: 100000001;\n    border-radius: 0 1px 4px 4px;\n    // Selector box\n    &__selector {\n        overflow: hidden;\n        padding: 16px;\n    }\n    // For animation\n    &.fipappear-enter-active,\n    &.fipappear-exit-active {\n        .rfipdropdown__selector {\n            transition: max-height 300ms ease-out, padding 300ms ease-out;\n            padding: 16px;\n        }\n    }\n}","// Icons box\n.rfipicons {\n    // Pager\n    &__pager {\n        display: flex;\n        flex-flow: row nowrap;\n        height: 24px;\n        line-height: 24px;\n        align-items: center;\n        margin-bottom: 8px;\n    }\n    // num\n    &__num {\n        width: 100px;\n        margin-right: auto;\n    }\n    // current page\n    &__cp {\n        width: 32px;\n        margin-right: 8px;\n        height: 24px;\n        line-height: 24px;\n        text-align: right;\n    }\n    // separator\n    &__sp {\n        margin-right: 8px;\n    }\n    // total page\n    &__tp {\n        margin-right: 8px;\n    }\n    // arrows\n    &__arrow {\n        margin-left: auto;\n        width: 56px;\n        display: flex;\n        flex-flow: row nowrap;\n        justify-content: flex-end;\n        align-items: center;\n        height: 24px;\n        user-select: none;\n    }\n    // left and right\n    &__right {\n        margin-left: auto;\n    }\n    &__left,\n    &__right {\n        cursor: pointer;\n        width: 24px;\n        height: 24px;\n        position: relative;\n        transition: background-color 250ms, border 250ms;\n        outline: 0 none;\n        border-radius: 2px;\n        font-size: 18px;\n    }\n    // Label\n    &__label {\n        height: 22px;\n        width: 22px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        img {\n            height: 18px;\n            width: 18px;\n        }\n    }\n    // Icon Selector\n    &__selector {\n        display: flex;\n        flex: 1 1 20%;\n        flex-flow: row wrap;\n        align-content: center;\n        justify-content: flex-start;\n    }\n    // Individual icon box\n    &__ibox {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        width: 100%;\n        transition: background-color 250ms, border 250ms;\n        border-radius: 2px;\n        outline: 0 none;\n        font-size: 20px;\n        img,\n        svg {\n            max-height: 24px;\n            width: auto;\n        }\n        >* {\n            transform: scale(1);\n            transition: transform 250ms;\n            transform-origin: center;\n        }\n        &:hover {\n            >* {\n                transform: scale(1.8);\n            }\n        }\n        // Error\n        &--error {\n            text-transform: lowercase;\n            font-style: italic;\n        }\n    }\n    // Invidual icons\n    &__icon {\n        width: 20%;\n        height: 40px;\n        padding: 1px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        // Error\n        &--error {\n            display: block;\n            padding: 16px;\n            text-align: center;\n            font-size: 24px;\n            width: 100%;\n            line-height: 1;\n        }\n    }\n}","// Search\n.rfipsearch {\n\twidth: 100%;\n\tmargin: 0 0 8px;\n\tinput {\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\theight: 32px;\n\t\tline-height: 32px;\n\t}\n}\n","// Button\n.rfipbtn--#{$theme} {\n    background-color: $btn-bg-color;\n    border: 1px solid $btn-border-color;\n    width: 100%;\n    &:active,\n    &:focus {\n        @include card(1);\n        border: 1px solid $btn-bg-hover-color;\n    }\n    // dropdown button\n    .rfipbtn {\n        &__button {\n            border: 0 none transparent;\n            border-left: 1px solid $btn-border-color;\n            background-color: $btn-bg-dd-color;\n            color: $icon-text;\n            &:hover {\n                background-color: $btn-bg-hover-color;\n            }\n            &:active {\n                box-shadow: inset 0 0 10px 0 $btn-bg-active-color;\n            }\n        }\n        // icon\n        &__icon {\n            border: 1px solid $icon-border-color;\n            color: $icon-text;\n            // empty\n            &--empty {\n                color: $empty-icon-color;\n            }\n        }\n        // del\n        &__del {\n            background-color: $del-bg-color;\n            &:hover {\n                background-color: $del-bg-hover-color;\n            }\n            &:focus,\n            &:active {\n                outline: 1px solid $del-bg-hover-color;\n            }\n        }\n    }\n}\n\n.rfipdropdown--#{$theme} {\n    @include card(5);\n    color: $text;\n    input,\n    select {\n        color: $text;\n    }\n    background-color: $color-background;\n    border: 1px solid $btn-border-color;\n    // Category item\n    .rfipcategory {\n        select {\n            background-color: $color-background;\n            @include input($elem-border-color, $elem-border-focus-color);\n        }\n    }\n    // Icons box\n    .rfipicons {\n        // current page\n        &__cp {\n            @include input($elem-border-color, $elem-border-focus-color);\n        }\n        &__left,\n        &__right {\n            background-color: $pager-bg-color;\n            border: 1px solid $pager-bg-color;\n            color: $icon-text;\n            &:hover {\n                background-color: $pager-bg-hover-color;\n                border: 1px solid $pager-bg-hover-color;\n            }\n            &:focus,\n            &:active {\n                border: 1px solid $pager-bg-hover-color;\n            }\n        }\n        // Individual icon box\n        &__ibox {\n            background-color: $ibox-bg-color;\n            border: 1px solid $ibox-bg-color;\n            color: $icon-text;\n            &:hover {\n                background-color: $ibox-bg-hover-color;\n                border: 1px solid $ibox-bg-hover-color;\n            }\n            &:focus,\n            &:active {\n                border: 1px solid $ibox-bg-hover-color;\n            }\n            &--error {\n                color: $error-icon-color;\n            }\n        }\n        // Invidual icons\n        &__icon {\n            // selected\n            &--selected {\n                .rfipicons__ibox {\n                    background-color: $ibox-bg-selected-color;\n                }\n            }\n        }\n    }\n    // Search\n    .rfipsearch {\n        input {\n            @include input($elem-border-color, $elem-border-focus-color);\n        }\n    }\n}","/**\n * google-material-color v1.2.6\n * https://github.com/danlevan/google-material-color\n */\n$palette: (\n\tRed:\n\t\t(\n\t\t\t50: #ffebee,\n\t\t\t100: #ffcdd2,\n\t\t\t200: #ef9a9a,\n\t\t\t300: #e57373,\n\t\t\t400: #ef5350,\n\t\t\t500: #f44336,\n\t\t\t600: #e53935,\n\t\t\t700: #d32f2f,\n\t\t\t800: #c62828,\n\t\t\t900: #b71c1c,\n\t\t\tA100: #ff8a80,\n\t\t\tA200: #ff5252,\n\t\t\tA400: #ff1744,\n\t\t\tA700: #d50000\n\t\t),\n\tPink:\n\t\t(\n\t\t\t50: #fce4ec,\n\t\t\t100: #f8bbd0,\n\t\t\t200: #f48fb1,\n\t\t\t300: #f06292,\n\t\t\t400: #ec407a,\n\t\t\t500: #e91e63,\n\t\t\t600: #d81b60,\n\t\t\t700: #c2185b,\n\t\t\t800: #ad1457,\n\t\t\t900: #880e4f,\n\t\t\tA100: #ff80ab,\n\t\t\tA200: #ff4081,\n\t\t\tA400: #f50057,\n\t\t\tA700: #c51162\n\t\t),\n\tPurple:\n\t\t(\n\t\t\t50: #f3e5f5,\n\t\t\t100: #e1bee7,\n\t\t\t200: #ce93d8,\n\t\t\t300: #ba68c8,\n\t\t\t400: #ab47bc,\n\t\t\t500: #9c27b0,\n\t\t\t600: #8e24aa,\n\t\t\t700: #7b1fa2,\n\t\t\t800: #6a1b9a,\n\t\t\t900: #4a148c,\n\t\t\tA100: #ea80fc,\n\t\t\tA200: #e040fb,\n\t\t\tA400: #d500f9,\n\t\t\tA700: #aa00ff\n\t\t),\n\tDeep Purple:\n\t\t(\n\t\t\t50: #ede7f6,\n\t\t\t100: #d1c4e9,\n\t\t\t200: #b39ddb,\n\t\t\t300: #9575cd,\n\t\t\t400: #7e57c2,\n\t\t\t500: #673ab7,\n\t\t\t600: #5e35b1,\n\t\t\t700: #512da8,\n\t\t\t800: #4527a0,\n\t\t\t900: #311b92,\n\t\t\tA100: #b388ff,\n\t\t\tA200: #7c4dff,\n\t\t\tA400: #651fff,\n\t\t\tA700: #6200ea\n\t\t),\n\tIndigo:\n\t\t(\n\t\t\t50: #e8eaf6,\n\t\t\t100: #c5cae9,\n\t\t\t200: #9fa8da,\n\t\t\t300: #7986cb,\n\t\t\t400: #5c6bc0,\n\t\t\t500: #3f51b5,\n\t\t\t600: #3949ab,\n\t\t\t700: #303f9f,\n\t\t\t800: #283593,\n\t\t\t900: #1a237e,\n\t\t\tA100: #8c9eff,\n\t\t\tA200: #536dfe,\n\t\t\tA400: #3d5afe,\n\t\t\tA700: #304ffe\n\t\t),\n\tBlue:\n\t\t(\n\t\t\t50: #e3f2fd,\n\t\t\t100: #bbdefb,\n\t\t\t200: #90caf9,\n\t\t\t300: #64b5f6,\n\t\t\t400: #42a5f5,\n\t\t\t500: #2196f3,\n\t\t\t600: #1e88e5,\n\t\t\t700: #1976d2,\n\t\t\t800: #1565c0,\n\t\t\t900: #0d47a1,\n\t\t\tA100: #82b1ff,\n\t\t\tA200: #448aff,\n\t\t\tA400: #2979ff,\n\t\t\tA700: #2962ff\n\t\t),\n\tLight Blue:\n\t\t(\n\t\t\t50: #e1f5fe,\n\t\t\t100: #b3e5fc,\n\t\t\t200: #81d4fa,\n\t\t\t300: #4fc3f7,\n\t\t\t400: #29b6f6,\n\t\t\t500: #03a9f4,\n\t\t\t600: #039be5,\n\t\t\t700: #0288d1,\n\t\t\t800: #0277bd,\n\t\t\t900: #01579b,\n\t\t\tA100: #80d8ff,\n\t\t\tA200: #40c4ff,\n\t\t\tA400: #00b0ff,\n\t\t\tA700: #0091ea\n\t\t),\n\tCyan:\n\t\t(\n\t\t\t50: #e0f7fa,\n\t\t\t100: #b2ebf2,\n\t\t\t200: #80deea,\n\t\t\t300: #4dd0e1,\n\t\t\t400: #26c6da,\n\t\t\t500: #00bcd4,\n\t\t\t600: #00acc1,\n\t\t\t700: #0097a7,\n\t\t\t800: #00838f,\n\t\t\t900: #006064,\n\t\t\tA100: #84ffff,\n\t\t\tA200: #18ffff,\n\t\t\tA400: #00e5ff,\n\t\t\tA700: #00b8d4\n\t\t),\n\tTeal:\n\t\t(\n\t\t\t50: #e0f2f1,\n\t\t\t100: #b2dfdb,\n\t\t\t200: #80cbc4,\n\t\t\t300: #4db6ac,\n\t\t\t400: #26a69a,\n\t\t\t500: #009688,\n\t\t\t600: #00897b,\n\t\t\t700: #00796b,\n\t\t\t800: #00695c,\n\t\t\t900: #004d40,\n\t\t\tA100: #a7ffeb,\n\t\t\tA200: #64ffda,\n\t\t\tA400: #1de9b6,\n\t\t\tA700: #00bfa5\n\t\t),\n\tGreen:\n\t\t(\n\t\t\t50: #e8f5e9,\n\t\t\t100: #c8e6c9,\n\t\t\t200: #a5d6a7,\n\t\t\t300: #81c784,\n\t\t\t400: #66bb6a,\n\t\t\t500: #4caf50,\n\t\t\t600: #43a047,\n\t\t\t700: #388e3c,\n\t\t\t800: #2e7d32,\n\t\t\t900: #1b5e20,\n\t\t\tA100: #b9f6ca,\n\t\t\tA200: #69f0ae,\n\t\t\tA400: #00e676,\n\t\t\tA700: #00c853\n\t\t),\n\tLight Green:\n\t\t(\n\t\t\t50: #f1f8e9,\n\t\t\t100: #dcedc8,\n\t\t\t200: #c5e1a5,\n\t\t\t300: #aed581,\n\t\t\t400: #9ccc65,\n\t\t\t500: #8bc34a,\n\t\t\t600: #7cb342,\n\t\t\t700: #689f38,\n\t\t\t800: #558b2f,\n\t\t\t900: #33691e,\n\t\t\tA100: #ccff90,\n\t\t\tA200: #b2ff59,\n\t\t\tA400: #76ff03,\n\t\t\tA700: #64dd17\n\t\t),\n\tLime:\n\t\t(\n\t\t\t50: #f9fbe7,\n\t\t\t100: #f0f4c3,\n\t\t\t200: #e6ee9c,\n\t\t\t300: #dce775,\n\t\t\t400: #d4e157,\n\t\t\t500: #cddc39,\n\t\t\t600: #c0ca33,\n\t\t\t700: #afb42b,\n\t\t\t800: #9e9d24,\n\t\t\t900: #827717,\n\t\t\tA100: #f4ff81,\n\t\t\tA200: #eeff41,\n\t\t\tA400: #c6ff00,\n\t\t\tA700: #aeea00\n\t\t),\n\tYellow:\n\t\t(\n\t\t\t50: #fffde7,\n\t\t\t100: #fff9c4,\n\t\t\t200: #fff59d,\n\t\t\t300: #fff176,\n\t\t\t400: #ffee58,\n\t\t\t500: #ffeb3b,\n\t\t\t600: #fdd835,\n\t\t\t700: #fbc02d,\n\t\t\t800: #f9a825,\n\t\t\t900: #f57f17,\n\t\t\tA100: #ffff8d,\n\t\t\tA200: #ffff00,\n\t\t\tA400: #ffea00,\n\t\t\tA700: #ffd600\n\t\t),\n\tAmber:\n\t\t(\n\t\t\t50: #fff8e1,\n\t\t\t100: #ffecb3,\n\t\t\t200: #ffe082,\n\t\t\t300: #ffd54f,\n\t\t\t400: #ffca28,\n\t\t\t500: #ffc107,\n\t\t\t600: #ffb300,\n\t\t\t700: #ffa000,\n\t\t\t800: #ff8f00,\n\t\t\t900: #ff6f00,\n\t\t\tA100: #ffe57f,\n\t\t\tA200: #ffd740,\n\t\t\tA400: #ffc400,\n\t\t\tA700: #ffab00\n\t\t),\n\tOrange:\n\t\t(\n\t\t\t50: #fff3e0,\n\t\t\t100: #ffe0b2,\n\t\t\t200: #ffcc80,\n\t\t\t300: #ffb74d,\n\t\t\t400: #ffa726,\n\t\t\t500: #ff9800,\n\t\t\t600: #fb8c00,\n\t\t\t700: #f57c00,\n\t\t\t800: #ef6c00,\n\t\t\t900: #e65100,\n\t\t\tA100: #ffd180,\n\t\t\tA200: #ffab40,\n\t\t\tA400: #ff9100,\n\t\t\tA700: #ff6d00\n\t\t),\n\tDeep Orange:\n\t\t(\n\t\t\t50: #fbe9e7,\n\t\t\t100: #ffccbc,\n\t\t\t200: #ffab91,\n\t\t\t300: #ff8a65,\n\t\t\t400: #ff7043,\n\t\t\t500: #ff5722,\n\t\t\t600: #f4511e,\n\t\t\t700: #e64a19,\n\t\t\t800: #d84315,\n\t\t\t900: #bf360c,\n\t\t\tA100: #ff9e80,\n\t\t\tA200: #ff6e40,\n\t\t\tA400: #ff3d00,\n\t\t\tA700: #dd2c00\n\t\t),\n\tBrown:\n\t\t(\n\t\t\t50: #efebe9,\n\t\t\t100: #d7ccc8,\n\t\t\t200: #bcaaa4,\n\t\t\t300: #a1887f,\n\t\t\t400: #8d6e63,\n\t\t\t500: #795548,\n\t\t\t600: #6d4c41,\n\t\t\t700: #5d4037,\n\t\t\t800: #4e342e,\n\t\t\t900: #3e2723\n\t\t),\n\tGrey:\n\t\t(\n\t\t\t50: #fafafa,\n\t\t\t100: #f5f5f5,\n\t\t\t200: #eeeeee,\n\t\t\t300: #e0e0e0,\n\t\t\t400: #bdbdbd,\n\t\t\t500: #9e9e9e,\n\t\t\t600: #757575,\n\t\t\t700: #616161,\n\t\t\t800: #424242,\n\t\t\t900: #212121\n\t\t),\n\tBlue Grey:\n\t\t(\n\t\t\t50: #eceff1,\n\t\t\t100: #cfd8dc,\n\t\t\t200: #b0bec5,\n\t\t\t300: #90a4ae,\n\t\t\t400: #78909c,\n\t\t\t500: #607d8b,\n\t\t\t600: #546e7a,\n\t\t\t700: #455a64,\n\t\t\t800: #37474f,\n\t\t\t900: #263238\n\t\t),\n\tBlack:\n\t\t(\n\t\t\t500: #000000,\n\t\t\tText: rgba(0, 0, 0, 0.87),\n\t\t\tSecondary Text: rgba(0, 0, 0, 0.54),\n\t\t\tIcons: rgba(0, 0, 0, 0.54),\n\t\t\tDisabled: rgba(0, 0, 0, 0.26),\n\t\t\tHint Text: rgba(0, 0, 0, 0.26),\n\t\t\tDividers: rgba(0, 0, 0, 0.12)\n\t\t),\n\tWhite:\n\t\t(\n\t\t\t500: #ffffff,\n\t\t\tText: #ffffff,\n\t\t\tSecondary Text: rgba(255, 255, 255, 0.7),\n\t\t\tIcons: #ffffff,\n\t\t\tDisabled: rgba(255, 255, 255, 0.3),\n\t\t\tHint Text: rgba(255, 255, 255, 0.3),\n\t\t\tDividers: rgba(255, 255, 255, 0.12)\n\t\t)\n);\n\n@function palette($color, $shade: 500) {\n\t$colorMap: map-get($palette, $color);\n\t$result: map-get($colorMap, $shade);\n\t@return $result;\n}\n","/// Gives a card depth effect.\n/// @param {Number} $depth - depth level (between 1 and 5)\n/// @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design\n/// @requires {function} top-shadow\n/// @requires {function} bottom-shadow\n@mixin card($depth) {\n\t@if $depth < 1 {\n\t\tbox-shadow: none;\n\t} @else if $depth > 5 {\n\t\t@warn 'Invalid $depth `#{$depth}` for mixin `card`.';\n\t} @else {\n\t\tbox-shadow: bottom-shadow($depth), top-shadow($depth);\n\t}\n}\n/// Computes a top-shadow for a card effect.\n/// @param {Number} $depth - depth level\n/// @return {List}\n@function top-shadow($depth) {\n\t$primary-offset: nth(1.5 3 10 14 19, $depth) * 1px;\n\t$blur: nth(1.5 3 10 14 19, $depth) * 4px;\n\t$color: rgba(black, nth(0.12 0.16 0.19 0.25 0.3, $depth));\n\n\t@return 0 $primary-offset $blur $color;\n}\n\n/// Computes a bottom-shadow for a card effect.\n/// @param {Number} $depth - depth level\n/// @return {List}\n@function bottom-shadow($depth) {\n\t$primary-offset: nth(1.5 3 6 10 15, $depth) * 1px;\n\t$blur: nth(1 3 3 5 6, $depth) * 4px;\n\t$color: rgba(black, nth(0.24 0.23 0.23 0.22 0.22, $depth));\n\n\t@return 0 $primary-offset $blur $color;\n}\n\n/// Input type element\n@mixin input($elem-border-color, $elem-border-focus-color) {\n\tborder: 0 none;\n\tborder-bottom: 1px solid $elem-border-color;\n\ttransition: box-shadow 250ms, border 250ms;\n\t&:focus,\n\t&:active {\n\t\tborder-bottom-color: $elem-border-focus-color;\n\t\tbox-shadow: 0 1px 0 0 $elem-border-focus-color;\n\t\toutline: 0 none;\n\t}\n}\n"],"sourceRoot":""}