UNPKG

aico-image-editor

Version:

Combine multiple image into and create single combined image

315 lines (270 loc) 121 kB
/*! * Cropper.js v1.6.2 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2024-04-21T07:43:02.731Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .skeleton{animation:skeleton-loading 1s linear infinite alternate;color:rgba(0,0,0,0)}@keyframes skeleton-loading{0%{background-color:#f5f5f5}100%{background-color:#e2e2e2}}.btn{white-space:nowrap}@media(min-width: 576px){.min-width-btn{min-width:200px}}.btn-group>[hidden]:first-of-type+.btn{border-radius:.2rem}.btn-elegance-primary{color:#fff;background-color:#5a1973;border-color:#5a1973}.btn-elegance-primary:hover{color:#fff;background-color:#48145c;border-color:#441356}.btn-check:focus+.btn-elegance-primary,.btn-elegance-primary:focus{color:#fff;background-color:#48145c;border-color:#441356;box-shadow:0 0 0 .25rem rgba(115,60,136,.5)}.btn-check:checked+.btn-elegance-primary,.btn-check:active+.btn-elegance-primary,.btn-elegance-primary:active,.btn-elegance-primary.active,.show>.btn-elegance-primary.dropdown-toggle{color:#fff;background-color:#48145c;border-color:#441356}.btn-check:checked+.btn-elegance-primary:focus,.btn-check:active+.btn-elegance-primary:focus,.btn-elegance-primary:active:focus,.btn-elegance-primary.active:focus,.show>.btn-elegance-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(115,60,136,.5)}.btn-elegance-primary:disabled,.btn-elegance-primary.disabled{color:#fff;background-color:#5a1973;border-color:#5a1973}.btn-outline-elegance-primary{color:#5a1973;border-color:#5a1973}.btn-outline-elegance-primary:hover{color:#fff;background-color:#5a1973;border-color:#5a1973}.btn-check:focus+.btn-outline-elegance-primary,.btn-outline-elegance-primary:focus{box-shadow:0 0 0 .25rem rgba(90,25,115,.5)}.btn-check:checked+.btn-outline-elegance-primary,.btn-check:active+.btn-outline-elegance-primary,.btn-outline-elegance-primary:active,.btn-outline-elegance-primary.active,.btn-outline-elegance-primary.dropdown-toggle.show{color:#fff;background-color:#5a1973;border-color:#5a1973}.btn-check:checked+.btn-outline-elegance-primary:focus,.btn-check:active+.btn-outline-elegance-primary:focus,.btn-outline-elegance-primary:active:focus,.btn-outline-elegance-primary.active:focus,.btn-outline-elegance-primary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(90,25,115,.5)}.btn-outline-elegance-primary:disabled,.btn-outline-elegance-primary.disabled{color:#5a1973;background-color:rgba(0,0,0,0)}.btn-elegance-light{color:#000;background-color:#e2dce7;border-color:#e2dce7}.btn-elegance-light:hover{color:#000;background-color:#e8e3ec;border-color:#e6e1eb}.btn-check:focus+.btn-elegance-light,.btn-elegance-light:focus{color:#000;background-color:#e8e3ec;border-color:#e6e1eb;box-shadow:0 0 0 .25rem rgba(192,187,196,.5)}.btn-check:checked+.btn-elegance-light,.btn-check:active+.btn-elegance-light,.btn-elegance-light:active,.btn-elegance-light.active,.show>.btn-elegance-light.dropdown-toggle{color:#000;background-color:#e8e3ec;border-color:#e5e0e9}.btn-check:checked+.btn-elegance-light:focus,.btn-check:active+.btn-elegance-light:focus,.btn-elegance-light:active:focus,.btn-elegance-light.active:focus,.show>.btn-elegance-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(192,187,196,.5)}.btn-elegance-light:disabled,.btn-elegance-light.disabled{color:#000;background-color:#e2dce7;border-color:#e2dce7}.btn-primary-dark{color:#fff;background-color:#271f69;border-color:#271f69}.btn-primary-dark:hover{color:#fff;background-color:#1f1954;border-color:#1d174f}.btn-check:focus+.btn-primary-dark,.btn-primary-dark:focus{color:#fff;background-color:#1f1954;border-color:#1d174f;box-shadow:0 0 0 .25rem rgba(71,65,128,.5)}.btn-check:checked+.btn-primary-dark,.btn-check:active+.btn-primary-dark,.btn-primary-dark:active,.btn-primary-dark.active,.show>.btn-primary-dark.dropdown-toggle{color:#fff;background-color:#1f1954;border-color:#1d174f}.btn-check:checked+.btn-primary-dark:focus,.btn-check:active+.btn-primary-dark:focus,.btn-primary-dark:active:focus,.btn-primary-dark.active:focus,.show>.btn-primary-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(71,65,128,.5)}.btn-primary-dark:disabled,.btn-primary-dark.disabled{color:#fff;background-color:#271f69;border-color:#271f69}.btn-gray-100{color:#000;background-color:#f5f5f6;border-color:#f5f5f6}.btn-gray-100:hover{color:#000;background-color:#f7f7f8;border-color:#f7f7f7}.btn-check:focus+.btn-gray-100,.btn-gray-100:focus{color:#000;background-color:#f7f7f8;border-color:#f7f7f7;box-shadow:0 0 0 .25rem rgba(208,208,209,.5)}.btn-check:checked+.btn-gray-100,.btn-check:active+.btn-gray-100,.btn-gray-100:active,.btn-gray-100.active,.show>.btn-gray-100.dropdown-toggle{color:#000;background-color:#f7f7f8;border-color:#f6f6f7}.btn-check:checked+.btn-gray-100:focus,.btn-check:active+.btn-gray-100:focus,.btn-gray-100:active:focus,.btn-gray-100.active:focus,.show>.btn-gray-100.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(208,208,209,.5)}.btn-gray-100:disabled,.btn-gray-100.disabled{color:#000;background-color:#f5f5f6;border-color:#f5f5f6}.btn-outline-elegance-light{color:#e2dce7;border-color:#e2dce7}.btn-outline-elegance-light:hover{color:#000;background-color:#e2dce7;border-color:#e2dce7}.btn-check:focus+.btn-outline-elegance-light,.btn-outline-elegance-light:focus{box-shadow:0 0 0 .25rem rgba(226,220,231,.5)}.btn-check:checked+.btn-outline-elegance-light,.btn-check:active+.btn-outline-elegance-light,.btn-outline-elegance-light:active,.btn-outline-elegance-light.active,.btn-outline-elegance-light.dropdown-toggle.show{color:#000;background-color:#e2dce7;border-color:#e2dce7}.btn-check:checked+.btn-outline-elegance-light:focus,.btn-check:active+.btn-outline-elegance-light:focus,.btn-outline-elegance-light:active:focus,.btn-outline-elegance-light.active:focus,.btn-outline-elegance-light.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(226,220,231,.5)}.btn-outline-elegance-light:disabled,.btn-outline-elegance-light.disabled{color:#e2dce7;background-color:rgba(0,0,0,0)}.btn-outline-alt-secondary{color:#eff2f5;border-color:#eff2f5}.btn-outline-alt-secondary:hover{color:#000;background-color:#eff2f5;border-color:#eff2f5}.btn-check:focus+.btn-outline-alt-secondary,.btn-outline-alt-secondary:focus{box-shadow:0 0 0 .25rem rgba(239,242,245,.5)}.btn-check:checked+.btn-outline-alt-secondary,.btn-check:active+.btn-outline-alt-secondary,.btn-outline-alt-secondary:active,.btn-outline-alt-secondary.active,.btn-outline-alt-secondary.dropdown-toggle.show{color:#000;background-color:#eff2f5;border-color:#eff2f5}.btn-check:checked+.btn-outline-alt-secondary:focus,.btn-check:active+.btn-outline-alt-secondary:focus,.btn-outline-alt-secondary:active:focus,.btn-outline-alt-secondary.active:focus,.btn-outline-alt-secondary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(239,242,245,.5)}.btn-outline-alt-secondary:disabled,.btn-outline-alt-secondary.disabled{color:#eff2f5;background-color:rgba(0,0,0,0)}.btn-outline-gray{color:#9ca3af;border-color:#9ca3af}.btn-outline-gray:hover{color:#000;background-color:#9ca3af;border-color:#9ca3af}.btn-check:focus+.btn-outline-gray,.btn-outline-gray:focus{box-shadow:0 0 0 .25rem rgba(156,163,175,.5)}.btn-check:checked+.btn-outline-gray,.btn-check:active+.btn-outline-gray,.btn-outline-gray:active,.btn-outline-gray.active,.btn-outline-gray.dropdown-toggle.show{color:#000;background-color:#9ca3af;border-color:#9ca3af}.btn-check:checked+.btn-outline-gray:focus,.btn-check:active+.btn-outline-gray:focus,.btn-outline-gray:active:focus,.btn-outline-gray.active:focus,.btn-outline-gray.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(156,163,175,.5)}.btn-outline-gray:disabled,.btn-outline-gray.disabled{color:#9ca3af;background-color:rgba(0,0,0,0)}.btn-black{color:#fff;background-color:#000;border-color:#000}.btn-black:hover{color:#fff;background-color:#000;border-color:#000}.btn-check:focus+.btn-black,.btn-black:focus{color:#fff;background-color:#000;border-color:#000;box-shadow:0 0 0 .25rem rgba(38,38,38,.5)}.btn-check:checked+.btn-black,.btn-check:active+.btn-black,.btn-black:active,.btn-black.active,.show>.btn-black.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-check:checked+.btn-black:focus,.btn-check:active+.btn-black:focus,.btn-black:active:focus,.btn-black.active:focus,.show>.btn-black.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(38,38,38,.5)}.btn-black:disabled,.btn-black.disabled{color:#fff;background-color:#000;border-color:#000}.btn-outline-primary.btn-minimal i{color:#0284c7 !important}.btn-outline-primary.btn-minimal:hover i{color:#fff !important}.btn-outline-primary.add-to-collection,.btn-outline-primary.remove-from-collection{color:#0284c7 !important}.btn-outline-primary.add-to-collection:hover,.btn-outline-primary.remove-from-collection:hover{color:#fff !important}.btn-outline-secondary.btn-minimal i{color:#707070 !important}.btn-outline-secondary.btn-minimal:hover i{color:#fff !important}.btn-outline-secondary.add-to-collection,.btn-outline-secondary.remove-from-collection{color:#707070 !important}.btn-outline-secondary.add-to-collection:hover,.btn-outline-secondary.remove-from-collection:hover{color:#fff !important}.btn-outline-success.btn-minimal i{color:#2ecc71 !important}.btn-outline-success.btn-minimal:hover i{color:#000 !important}.btn-outline-success.add-to-collection,.btn-outline-success.remove-from-collection{color:#2ecc71 !important}.btn-outline-success.add-to-collection:hover,.btn-outline-success.remove-from-collection:hover{color:#000 !important}.btn-outline-info.btn-minimal i{color:#0891b2 !important}.btn-outline-info.btn-minimal:hover i{color:#fff !important}.btn-outline-info.add-to-collection,.btn-outline-info.remove-from-collection{color:#0891b2 !important}.btn-outline-info.add-to-collection:hover,.btn-outline-info.remove-from-collection:hover{color:#fff !important}.btn-outline-warning.btn-minimal i{color:#f39c12 !important}.btn-outline-warning.btn-minimal:hover i{color:#000 !important}.btn-outline-warning.add-to-collection,.btn-outline-warning.remove-from-collection{color:#f39c12 !important}.btn-outline-warning.add-to-collection:hover,.btn-outline-warning.remove-from-collection:hover{color:#000 !important}.btn-outline-danger.btn-minimal i{color:#ed1c24 !important}.btn-outline-danger.btn-minimal:hover i{color:#fff !important}.btn-outline-danger.add-to-collection,.btn-outline-danger.remove-from-collection{color:#ed1c24 !important}.btn-outline-danger.add-to-collection:hover,.btn-outline-danger.remove-from-collection:hover{color:#fff !important}.btn-outline-light.btn-minimal i{color:#f5f5f6 !important}.btn-outline-light.btn-minimal:hover i{color:#000 !important}.btn-outline-light.add-to-collection,.btn-outline-light.remove-from-collection{color:#f5f5f6 !important}.btn-outline-light.add-to-collection:hover,.btn-outline-light.remove-from-collection:hover{color:#000 !important}.btn-outline-dark.btn-minimal i{color:#343a40 !important}.btn-outline-dark.btn-minimal:hover i{color:#fff !important}.btn-outline-dark.add-to-collection,.btn-outline-dark.remove-from-collection{color:#343a40 !important}.btn-outline-dark.add-to-collection:hover,.btn-outline-dark.remove-from-collection:hover{color:#fff !important}.nav-tabs-alt-custom{flex-wrap:nowrap}.nav-tabs-alt-custom .nav-link{padding:12px 16px;line-height:1;font-size:15px;display:flex;justify-content:center;align-items:center;text-align:left;border:none;font-weight:400}.nav-tabs-alt-custom .nav-link.active{border:none}@media(max-width: 1399.98px){.nav-tabs-alt-custom .nav-link{padding:20px 8px;font-size:16px}}@media(max-width: 1199.98px){.nav-tabs-alt-custom .nav-link{font-size:15px}}.nav-tabs-alt-custom .nav-link .nav-tabs-alt-border{display:inline-block;padding-bottom:2px;border-bottom:2px solid rgba(0,0,0,0);hyphens:none}.nav-tabs-alt-custom .nav-item{margin-bottom:0;position:relative}@media(min-width: 992px){.nav-tabs-alt-custom .nav-item:not(:last-child):after{content:"";position:absolute;width:2px;height:100%;top:0;right:0;background:rgba(0,0,0,0) linear-gradient(180deg, #F2F3F4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box}}.nav-tabs-alt-custom .nav-link.active,.nav-tabs-alt-custom .nav-item.show .nav-link{opacity:1;color:#0284c7;font-weight:600}.nav-tabs-alt-custom .nav-link.active .nav-tabs-alt-border,.nav-tabs-alt-custom .nav-item.show .nav-link .nav-tabs-alt-border{border-bottom:2px solid #0284c7}.editor-interface__tab__desktop{box-shadow:0px 4px 10px 0px rgba(0,0,0,.1);position:relative;align-items:center}@media(max-width: 991.98px){.editor-interface__tab__desktop .nav-link{display:none}.editor-interface__tab__desktop .nav-link.active{display:flex}}.editor-interface__tab__desktop .nav-link.active,.editor-interface__tab__desktop .nav-item.show .nav-link{border:none;background-color:#0284c7;color:#fff}.editor-interface__tab__desktop .nav-link{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400}.editor-interface__tab__desktop .nav-item,.editor-interface__tab__desktop .nav-link{width:100%}.editor-interface__tab__desktop+.tab-content{min-width:320px}.editor-interface__tab__desktop+.tab-content.largewidth{width:630px}.editor-interface__tab__mobile{position:fixed;bottom:0px;background-color:#fff;z-index:3;display:flex;left:14px;width:calc(100% - 28px)}.editor-interface__tab__mobile .nav-link{padding:10px 15px;flex-direction:column;display:flex;justify-content:center;align-items:center;color:#9d9e9f !important;width:100%;height:100%;margin:0;hyphens:none}@media(max-width: 414px){.editor-interface__tab__mobile .nav-link span:nth-child(1){font-size:10px !important}.editor-interface__tab__mobile .nav-link span:nth-child(2){font-size:10px !important}}.editor-interface__tab__mobile.selected .nav-link.active{color:#0284c7 !important;background-image:linear-gradient(0deg, #E7E6EF 0%, rgba(231, 230, 239, 0) 40%, rgba(231, 230, 239, 0) 100%);font-weight:600}.editor-interface__tab__mobile .nav-item{width:25%;position:relative}.editor-interface__tab__mobile .nav-item:not(:last-child):after{content:"";position:absolute;width:2px;height:100%;top:0;right:0;background-image:linear-gradient(180deg, #F2F3F4 0%, #FFFFFF 100%)}.editor-interface__tab__icon{width:24px;height:24px;background-color:#eff2f5;border-radius:100%;display:inline-flex;margin-bottom:5px;align-items:center;justify-content:center}@media(min-width: 576px){.editor-interface__tab__icon{width:36px;height:36px}}.layerblock.sortable-chosen{background-color:rgba(2,132,199,.6);color:#fff}.canvas-inside-layers{background:#fff;border-radius:10px}.canvas-inside-layers::-webkit-scrollbar-track{border-radius:0px 11px 11px 0px}.canvas-inside-layers::-webkit-scrollbar{border-radius:11px}.canvas-inside-layers::-webkit-scrollbar-thumb{border-radius:11px}.canvas-inside-layers .layerblock{margin:10px;background:#f8f8f9}.canvas-inside-layers .layerblock.sortable-chosen{background-color:rgba(2,132,199,.6);color:#fff}.canvas-inside-layers .layerblock.sortable-chosen .layernum{background-color:#0284c7}.canvas-inside-layers .layerblock .layernum{left:-8px;top:50%;font-size:12px;width:20px;height:20px}.canvas-inside-layers .layerblock .font-small{font-size:10px;line-height:initial;font-weight:500}.canvas-inside-layers .layerblock .font-small .layertext{font-size:12px}.canvas-inside-layers .layerblock .font-small>span{text-overflow:ellipsis;white-space:nowrap;width:80px;display:block;overflow:hidden}.droptarget{min-height:300px;background-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%2710%27 ry=%2710%27 stroke=%27%232C303450%27 stroke-width=%272%27 stroke-dasharray=%276%2c 8%27 stroke-dashoffset=%276%27 stroke-linecap=%27square%27/%3e%3c/svg%3e"),url("../images/aico-image-editor/Icon%20material-file-upload.png");background-repeat:no-repeat;background-position:center;border-radius:10px;position:relative;overflow:hidden}@media(max-width: 991.98px){.droptarget{min-height:160px}}.image-upload-notice{color:#f39c12;background-color:rgba(243,156,18,.1)}.image-upload-content{width:84px;height:84px}.slick-track{display:flex}.slick-slide{height:inherit !important}.slick-arrow-previous,.slick-arrow-next{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:100%;color:#fff;background-color:#0284c7}.slick-arrow-previous:hover,.slick-arrow-next:hover{color:#fff}.slick-arrow-previous.slick-disabled,.slick-arrow-next.slick-disabled{opacity:.4}.slick-arrow-previous{left:calc(50% - 46px)}.slick-arrow-next{right:calc(50% - 46px)}:root{--hue: 50;--color-alpha: hsl(var(--hue), 100%, 50%)}.hue-range-slider{width:100%;min-width:173px;margin:0;padding:0;min-height:18px;background:rgba(0,0,0,0);outline:none}.hue-range-slider,.hue-range-slider::-webkit-slider-thumb{-webkit-appearance:none}.hue-range-slider::-webkit-slider-runnable-track{border:none;cursor:pointer;width:100%;height:16px;border-radius:3px;background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.hue-range-slider::-moz-range-track{border:none;cursor:pointer;width:100%;height:16px;border-radius:3px;background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.hue-range-slider::-ms-track{border:none;cursor:pointer;width:100%;height:16px;border-radius:3px;background:linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.hue-range-slider::-webkit-slider-thumb{margin-top:-1px;outline:4px solid #fff;cursor:pointer;width:18px;height:18px;border-radius:50%;background:var(--color-alpha)}.hue-range-slider::-moz-range-thumb{outline:4px solid #fff;cursor:pointer;width:18px;height:18px;border-radius:50%;background:var(--color-alpha)}.hue-range-slider::-ms-thumb{margin-top:0;outline:4px solid #fff;cursor:pointer;width:18px;height:18px;border-radius:50%;background:var(--color-alpha)}.hue-range-slider::-ms-tooltip{display:none}.hue-range-slider:hover+.hue-range-output,.hue-range-slider:focus+.hue-range-output,.hue-range-slider:active+.hue-range-output{opacity:1}.hue-range-output{opacity:0;position:absolute;left:calc(var(--hue)/360*100%);margin-left:-9px;transform:translate(calc(var(--hue) / 360 * -50%), -5px);width:36px;bottom:100%;padding:4px;font-size:12px;line-height:16px;text-align:center;border-radius:12px;background-color:#343a40;color:#fff;transition:opacity .6s}.hue-range-output::before{content:"";display:block;position:absolute;bottom:-4px;left:50%;margin-left:-4px;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#343a40 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.custom-range-slider{position:relative}.custom-range-slider__bubble{position:absolute;bottom:100%;width:24px;height:24px;border-radius:100%;color:#fff;background-color:rgba(0,0,0,.75);font-size:12px;display:none;justify-content:center;align-items:center;transform:translateX(-5px)}.custom-range-slider__bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:rgba(0,0,0,.75) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.custom-range-slider__control{cursor:pointer}.custom-range-slider__control::before{content:attr(min);position:absolute;top:100%;left:0;text-align:left;font-size:12px}.custom-range-slider__control::after{content:attr(max);position:absolute;top:100%;right:0;text-align:right;font-size:12px}.custom-range-slider__control:hover~.custom-range-slider__bubble{display:flex}#product-canvas{position:absolute;width:100%;height:100%;left:0;top:0}.canvas-wrapper-container{width:40%;margin:auto}.product-canvas-wrapper{width:100%}@media(min-width: 992px){.product-canvas-wrapper{padding:16px 0px 0}}.product-canvas-img{position:absolute;width:calc(100% - 0px);height:calc(100% - 0px);left:50%;top:50%;transform:translate(-50%, -50%);object-fit:contain;z-index:-1}.canvas-holder{width:200px;height:205px;position:relative}.colorpicker{width:100%;height:100%;left:0;top:0;position:absolute;border-radius:10px}.colorpickerwrapper{display:flex}@media(max-width: 575.98px){.colorpickerwrapper{flex-wrap:wrap}}.colorpickerwrapper__left{border-radius:10px 0px 0px 10px;padding-left:8px;padding-top:8px;background-color:#e8e7f0}.colorpickerwrapper__right{padding-left:8px;background-color:#e8e7f0}.colorpickerwrapper__right__inner{background-color:#fff}.colorpickerwrapper .form-control{background-color:#eff2f5;padding-left:0;padding-right:0}.colorpickerwrapper .form-group label{opacity:.6}.colorpickerwrapper .form-group input:focus~div label{opacity:1}.colorpicker-input-section{background-color:#e8e7f0;padding:8px;border-top-right-radius:10px;border-bottom-right-radius:10px}.colorpicker-radius-section{padding:0px 0px 0px 4px;background-color:#e8e7f0}.colorpicker-radius-section__inner{height:20px;background-color:#fff;border-top-left-radius:8px;border-bottom-left-radius:8px}.colorpicker-circle{width:20px;height:20px;position:absolute;left:0;top:100%;cursor:pointer;border-radius:100%;border:2px solid #fff;transform:translate(-50%, -50%)}.block-radius__left__inverted{position:absolute;width:10px;height:10px;right:100%;bottom:0px;border-bottom-right-radius:80px;background-color:#eae9f2;box-shadow:5px 0px 0 0 #fff}.block-radius__right__inverted{position:absolute;width:10px;height:10px;left:100%;bottom:0px;border-bottom-left-radius:80px;background-color:#eae9f2;box-shadow:-5px 0px 0 0 #fff}@media(max-width: 991.98px){body{padding-bottom:87px}}@media(max-width: 991.98px){.container-main{display:flex;flex-direction:column;height:calc(100vh - 90px)}}.modalParent{z-index:1055;position:relative}@media(max-width: 991.98px){.form-control,.btn{padding:13px 14px 14px}}.upload-btn-group-sticky{position:sticky;bottom:0px;width:100%}.fadetowhite{position:absolute;bottom:0;left:0;width:100%;height:30px;background-image:linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);pointer-events:none;display:none}.closebtn{position:absolute;z-index:3;width:32px;height:32px;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;background-color:#0284c7;border-radius:100%;padding-top:2px}.closebtn__link{color:#fff}.number{font-size:12px;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:#5a1973;color:#fff;border-radius:100%}.number.light{background-color:#dedee8;color:#0284c7}.img-contain{object-fit:contain}.img-cover{object-fit:cover}.triangle{position:absolute;width:16px;height:16px;background-color:inherit}.triangle.right{right:100%;top:50%;transform:translateY(-50%);clip-path:polygon(100% 0%, 100% 100%, 0% 50%)}.triangle.bottom{top:100%;left:50%;transform:translateX(-50%);clip-path:polygon(0% 0%, 100% 0%, 50% 100%)}.triangle.small{width:12px;height:12px}.delete-btn.disabled,.delete-btn:disabled{color:#000;background-color:#d9dadb;border-color:#d9dadb}#aiCanvas{border:1px solid #0284c7}.gradient-slider{height:30px;background-color:#f5f5f6;border-radius:4px;position:relative}.gradient-slider__inner{width:100%;height:100%}.colorstop{cursor:pointer;position:absolute;top:100%;width:15px;transform:translate(-7.5px)}.colorstop1{left:0px}.colorstop2{left:100%}.colorstop-icon{display:block;width:15px;height:20px}.colorstop-icon__triangle{position:absolute;top:100%;left:0;width:15px;height:15px;clip-path:polygon(0% 0%, 100% 0%, 50% 65%, 0% 0%)}@media(max-width: 767.98px){.product-block .block-content{padding:20px}}.product-block-slider{margin-bottom:100px}.product-block__slide{cursor:pointer;position:relative}@media(min-width: 768px){.product-block__slide{max-width:534px}}.product-block__title{font-size:32px}.product-block__title__underline{text-decoration:underline;text-underline-offset:10px}.product-block__image{width:150px;text-align:center;height:auto;margin:50px auto 10px}@media(max-width: 767.98px){.product-block__image{margin:20px auto 10px}.product-block__image img{max-height:300px;object-fit:contain;margin:auto}}.product-block__button{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.product-block__btn{border-radius:8px 8px 0px 0px}.product-block__btn__selected .product-block__btn__left__inverted{content:"";position:absolute;width:12px;height:12px;right:calc(100% - 5px);bottom:0px;border-bottom-right-radius:10px;border-right:4px solid;border-right-color:inherit;border-bottom:4px solid;border-bottom-color:inherit}.product-block__btn__selected .product-block__btn__right__inverted{content:"";position:absolute;width:12px;height:12px;left:calc(100% - 5px);bottom:0px;border-bottom-left-radius:10px;border-left:4px solid;border-left-color:inherit;border-bottom:4px solid;border-bottom-color:inherit}.product-block__btn__selected::after{content:"";position:absolute;width:calc(100% + 8px);bottom:0;left:-4px;border:1px solid;border-color:inherit}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:#eff2f5}::-webkit-scrollbar-thumb{background:#e4e5e6;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#d9dadb}:host{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #707070;--bs-gray-dark: #343a40;--bs-gray-100: #F5F5F6;--bs-gray-200: #E4E5E6;--bs-gray-300: #dee2e6;--bs-gray-400: #D9DADB;--bs-gray-500: #9CA3AF;--bs-gray-600: #707070;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0284C7;--bs-secondary: #707070;--bs-success: #2ECC71;--bs-info: #0891b2;--bs-warning: #F39C12;--bs-danger: #ED1C24;--bs-light: #F5F5F6;--bs-dark: #343a40;--bs-primary-rgb: 2, 132, 199;--bs-secondary-rgb: 112, 112, 112;--bs-success-rgb: 46, 204, 113;--bs-info-rgb: 8, 145, 178;--bs-warning-rgb: 243, 156, 18;--bs-danger-rgb: 237, 28, 36;--bs-light-rgb: 245, 245, 246;--bs-dark-rgb: 52, 58, 64;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 44, 48, 52;--bs-body-bg-rgb: 239, 242, 245;--bs-font-sans-serif: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-root-font-size: 14px;--bs-body-font-family: Inter, sans-serif;--bs-body-font-size: 0.875rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #2C3034;--bs-body-bg: #EFF2F5;font-family:var(--bs-body-font-family)}:host{font-size:var(--bs-root-font-size)}@media(prefers-reduced-motion: no-preference){:host{scroll-behavior:smooth}}#main-container__inner{position:relative;line-height:1.5;max-width:1440px;margin:0 auto;width:100%;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.editor-interface__left__btn{background-color:rgba(90,25,115,.1);color:#5a1973}.editor-interface__thumbnail{flex:0 1 140px;max-width:140px}@media(min-width: 1200px){.editor-interface__right{flex-basis:auto;flex-shrink:0;width:520px}}.editor-interface__btn{position:relative}.editor-interface__btn:before,.editor-interface__btn:after{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%);width:94px;height:94px;border-radius:100%;background-color:rgba(90,25,115,.08)}.editor-interface__btn:after{width:160px;height:160px}.editor-interface__btn.clicked:before,.editor-interface__btn.clicked:after{-webkit-animation:waves 1s linear infinite;animation:waves 1s linear infinite}.editor-interface__background__search{box-shadow:0px 10px 20px rgba(0,0,0,.0392156863);padding-left:40px}.editor-interface__scroll.bg-custom-gradient{background-image:linear-gradient(180deg, #EAE9F2 0%, rgba(234, 233, 242, 0) 165px);background-position:top left}.editor-interface__scroll.bg-custom-gradient-bottom{background-image:linear-gradient(180deg, #EAE9F2 0%, rgba(234, 233, 242, 0) 165px),linear-gradient(0deg, #EAE9F2 0%, rgba(234, 233, 242, 0) 165px);background-position:top left,bottom left;padding-bottom:0}@media(max-width: 991.98px){.editor-interface__scroll{padding:15px 10px !important;height:calc(100vh - 70px - 160px);overflow-y:auto;overflow-x:hidden}}.editor-interface__color{width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px !important;margin-right:5px}@media(max-width: 991.98px){.editor-interface__color{width:32px;height:32px}}.editor-interface__color#color-defaultColor-transparent{position:relative}.editor-interface__color#color-defaultColor-transparent:before,.editor-interface__color#color-defaultColor-transparent:after{content:"";position:absolute;left:0;right:0;border-bottom:1px solid red}.editor-interface__color#color-defaultColor-transparent:before{transform:rotate(-45deg)}.editor-interface__color#color-defaultColor-transparent:after{transform:rotate(45deg)}.editor-interface__remove{position:absolute;width:16px;height:16px;display:none;justify-content:center;align-items:center;z-index:1;background:red;color:#fff;border-radius:100%;font-size:12px;right:-1px;top:-5px;opacity:0}.editor-interface .editor-interface__hover__remove:hover .editor-interface__remove{opacity:1}.editor-interface__shape{padding-top:65%;position:relative;background-color:#eff2f5;display:flex;border-radius:10px}.editor-interface__shape__selected{border:3px solid #0284c7;background-color:#fff}.editor-interface__shape__img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60%;height:60%;object-fit:contain}.canvas-container{outline:1px solid #0284c7}.innerpopup-block__drag__handle{position:absolute;padding-bottom:30px;top:14px;left:50%;transform:translate(-50%, 0)}.innerpopup-block__drag__link{display:block;width:60px;height:2px;background-color:rgba(2,132,199,.16)}@media(max-width: 991.98px){.innerpopup-block{position:fixed !important;bottom:93px;padding:50px 16px 16px;background-color:#fff !important;width:calc(100% - 28px);box-shadow:0px -10px 20px rgba(0,0,0,.0588235294) !important;border-radius:30px 30px 10px 10px;left:14px;z-index:2;transition:transform .66s,visibility .66s;transform:translateY(100%);visibility:hidden;max-height:calc(100vh - 120px);overflow:auto}.innerpopup-block.visibleonmobile{transform:translateY(0);visibility:visible}}@-webkit-keyframes waves{0%{transform:translate(-50%, -50%) scale(0);opacity:0}50%{transform:translate(-50%, -50%) scale(0.5);opacity:1}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}.select-categories select{cursor:pointer}.select-categories:after{content:"";position:absolute;top:30%;right:5%;font-family:"Font Awesome 6 Free";font-weight:700}.cropper-view-box.rounded,.cropper-face.rounded,.cropper-preview.rounded{border-radius:100% !important}#cropModal .btn-danger,#cropbgModal .btn-danger{padding:.6rem .8rem}#cropModal .modal-content,#cropbgModal .modal-content{border-radius:20px}#cropModal .block-content,#cropbgModal .block-content{border-radius:20px 20px 0px 0px}.image-upload-content{max-width:84px;max-height:84px;flex-shrink:0;width:auto !important;height:100% !important}.image-upload-content img{max-height:100%}.image-upload-name{text-wrap:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.crop-init-element{max-width:100%;max-height:350px}.crop-init-element img{max-width:100%;height:auto}.edit_icon{background-color:orange;color:#fff;width:22px;height:22px;font-size:10px;display:flex;border-radius:100%;align-items:center;justify-content:center}.edit_icon i{padding-left:1px}.inactiveblock{pointer-events:none;opacity:.4}.custom_dropdown span{right:10px;top:16px;color:green;opacity:.5;display:none}.hasProducts{border-bottom-left-radius:0;border-bottom-right-radius:0}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:100;src:url(../fonts/aico-image-editor/inter-v18-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:100;src:url(../fonts/aico-image-editor/inter-v18-latin-100italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:200;src:url(../fonts/aico-image-editor/inter-v18-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:200;src:url(../fonts/aico-image-editor/inter-v18-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:300;src:url(../fonts/aico-image-editor/inter-v18-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:300;src:url(../fonts/aico-image-editor/inter-v18-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:url(../fonts/aico-image-editor/inter-v18-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:400;src:url(../fonts/aico-image-editor/inter-v18-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:500;src:url(../fonts/aico-image-editor/inter-v18-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:500;src:url(../fonts/aico-image-editor/inter-v18-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:600;src:url(../fonts/aico-image-editor/inter-v18-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:600;src:url(../fonts/aico-image-editor/inter-v18-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:700;src:url(../fonts/aico-image-editor/inter-v18-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:700;src:url(../fonts/aico-image-editor/inter-v18-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:800;src:url(../fonts/aico-image-editor/inter-v18-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:800;src:url(../fonts/aico-image-editor/inter-v18-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:900;src:url(../fonts/aico-image-editor/inter-v18-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:900;src:url(../fonts/aico-image-editor/inter-v18-latin-900italic.woff2) format("woff2")}@font-face{font-family:"icomoon";src:url(../fonts/aico-image-editor/icomoon.ttf) format("truetype"),url(../fonts/aico-image-editor/icomoon.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}[class^=bugano-],[class*=" bugano-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bugano-layers1:before{content:""}.bugano-movebackward:before{content:""}.bugano-moveforward:before{content:""}.bugano-movetoback:before{content:""}.bugano-movetofront:before{content:""}.bugano-fullscreen:before{content:""}.bugano-gallery-thumbnails:before{content:""}.bugano-color:before{content:""}.bugano-crop:before{content:""}.bugano-bracket-round:before{content:""}.bugano-layers:before{content:""}.bugano-border:before{content:""}.bugano-rearrange:before{content:""}.bugano-loader:before{content:""}.bugano-stars-ai:before{content:""}.bugano-grip-dots-vertical:before{content:""}.bugano-clock-rotate-left:before{content:""}.bugano-plus-icon:before{content:""}.bugano-mobile-tab-1-icon:before{content:""}.bugano-select-down-icon:before{content:""}.bugano-refresh-arrow-icon:before{content:""}.bugano-mobile-tab-3-icon:before{content:""}.bugano-mobile-close-icon:before{content:""}.bugano-minus-icon:before{content:""}.bugano-check-mark-icon:before{content:""}.bugano-mobile-tab-2-icon:before{content:""}.bugano-vertical-align-icon:before{content:""}.bugano-horizontal-align-icon:before{content:""}.bugano-angle-icon:before{content:""}.bugano-color-picker-icon:before{content:""}.bugano-Icon-material-file-upload:before{content:""}.bugano-zoom-in:before{content:""}.bugano-zoom-out:before{content:""}.bugano-Icon-awesome-expand-arrows-alt:before{content:""}/*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */.fa{font-family:var(--fa-style-family, "Font Awesome 6 Free");font-weight:var(--fa-style, 900)}.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas::before,.far::before,.fab::before,.fa-solid::before,.fa-regular::before,.fa-brands::before,.fa::before{content:var(--fa)}.fa-classic,.fas,.fa-solid,.far,.fa-regular{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-0.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-0.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1*var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, 0.1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, 0.08em);padding:var(--fa-border-padding, 0.2em 0.25em 0.15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, 0.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, 0.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media(prefers-reduced-motion: reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1, 1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)}57%{transform:scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, 0.4)}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity, 0.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,100%{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scale(-1, 1)}.fa-flip-vertical{transform:scale(1, -1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1, -1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index, auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse, #fff)}.fa-0{--fa:"\30 "}.fa-1{--fa:"\31 "}.fa-2{--fa:"\32 "}.fa-3{--fa:"\33 "}.fa-4{--fa:"\34 "}.fa-5{--fa:"\35 "}.fa-6{--fa:"\36 "}.fa-7{--fa:"\37 "}.fa-8{--fa:"\38 "}.fa-9{--fa:"\39 "}.fa-fill-drip{--fa:""}.fa-arrows-to-circle{--fa:""}.fa-circle-chevron-right{--fa:""}.fa-chevron-circle-right{--fa:""}.fa-at{--fa:"\@"}.fa-trash-can{--fa:""}.fa-trash-alt{--fa:""}.fa-text-height{--fa:""}.fa-user-xmark{--fa:""}.fa-user-times{--fa:""}.fa-stethoscope{--fa:""}.fa-message{--fa:""}.fa-comment-alt{--fa:""}.fa-info{--fa:""}.fa-down-left-and-up-right-to-center{--fa:""}.fa-compress-alt{--fa:""}.fa-explosion{--fa:""}.fa-file-lines{--fa:""}.fa-file-alt{--fa:""}.fa-file-text{--fa:""}.fa-wave-square{--fa:""}.fa-ring{--fa:""}.fa-building-un{--fa:""}.fa-dice-three{--fa:""}.fa-calendar-days{--fa:""}.fa-calendar-alt{--fa:""}.fa-anchor-circle-check{--fa:""}.fa-building-circle-arrow-right{--fa:""}.fa-volleyball{--fa:""}.fa-volleyball-ball{--fa:""}.fa-arrows-up-to-line{--fa:""}.fa-sort-down{--fa:""}.fa-sort-desc{--fa:""}.fa-circle-minus{--fa:""}.fa-minus-circle{--fa:""}.fa-door-open{--fa:""}.fa-right-from-bracket{--fa:"