{"version":3,"file":"index.css","mappings":";;;AAAA;;EAAA;AAIA;EACC;EACA;EACA;AAAD;;AAGA;EACI;EACA;AAAJ;;AAGA;EACC;EACG;AAAJ;;AAFA;EACC;EACG;AAAJ;;AAGA;EACI;EACH;EACG;EACA;EACA;EACA;AAAJ;;AAGA;EACI;AAAJ;;AAGA;EACC;EACG;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;;AAGA;EACI;AAAJ;;AAGA;EACI;EACA;AAAJ;;AAGA;EACC;AAAD;;AAGA;EACI;EACA;EACH;EACG;EACA;AAAJ;;AAGA;EACI;AAAJ;;AAGA;EACI;EACA;EACA;EACA;EACA;AAAJ;;AAGA;EACI;EACA;EACA;EACA;EACH;EACA;EACG;EACA;EACH;EACA;EACA;EACA;EACA;EACA;EACA;AAAD;;AAGA;;;;EAIC;EACG;EACA;AAAJ;;AAGA;EACC;AAAD;;AAGA;;;;EAIC;EACA;AAAD;;AAGA;EACI;EACA;EACA;EACH;EACA;AAAD;;AAGA;EACC;EACA;AAAD;;AAGA;;;EAGC;AAAD;;AAGA;EACI;AAAJ;;AAGA;EACI;AAAJ;;AAGA;EACI;EACA;EACA;AAAJ;;AAGA;;EAAA;AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAKA;EACI;AAFJ;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;AAFJ;;AAKA;EACI;EACA;EACA;AAFJ;;AAKA;EACC;EACA;EACA;AAFD;;AAKA;EACI;EACA;EACA;AAFJ;;AAKA;EACI;AAFJ;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;;AAKA;EACI;EACA;AAFJ;;AAAA;EACI;EACA;AAFJ;;AAKA;EACI;EACA;AAFJ;;AAKA;EACI;EACA;EACA;AAFJ;;AAKA;EACI;EACA;AAFJ;;AAKA;;EAAA;AAIA;EACI;EACA;EACA;EACA;AAHJ;;AAMA;EACI;EACH;EACG;EACH;AAHD;;AAMA;EACI;EACA;AAHJ;;AAMA;EACI;AAHJ;;AAMA;;;;EAII;AAHJ;;AAMA;;EAAA;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;EACI;EACA;AAJJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;;;EAGI;AAJJ;;AAOA;;;EAGI;AAJJ;;AAOA;EACC;EACG;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;AAJJ;;AAOA;EACI;EACA;EACH;EACA;EACA;EACG;EACA;EACA;EACA;EACA;EACH;EACG;EACA;AAJJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;EC9ZA;EAAA;EAAA;ED+ZI;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;AAJJ;;AAOA;EACI;AAJJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;;EAAA;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;;AAQA;EACI;EACA;EACA;EACA;EACA;EACA;AALJ;;AAQA;EACI;EACA;EACA;AALJ;;AAQA;EACI;EACA;EACA;AALJ;;AAQA;EACI;EACA;EACA;AALJ;;AAQA;EACI;EACA;EACA;EACA;EACA;EACA;AALJ;;AAQA;;;EAGI;AALJ;;AAQA;;;EAGI;AALJ;;AAQA;EACI;EACA;AALJ;;AAQA;EACI;AALJ;;AAQA;;EAAA;AAIA;EACC;EACA;EACG;EACA;AANJ;;AASA;EACI;EACA;EACA;EACA;EACA;AANJ;;AASA;EACC;EACG;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;EACA;AANJ;;AASA;EACI;AANJ;;AASA;;;;;EAKI;EACA;EACH;AAND;;AASA;EACI;EACA;EACA;EACA;EACH;AAND;;AASA;EACC;AAND;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;AANJ;;AASA;EACC;AAND;;AASA;EACI;AANJ;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;AANJ;;AASA;EACI;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;EACA;EACA;AANJ;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANJ;;AASA;;;;EAII;EACA;EACA;EACA;AANJ;;AASA;;;;EAII;EACA;AANJ;;AASA;EACI;EACH;EACG;EACH;EACA;EACA;EACA;EACG;EACH;EACA;EACA;AAND;;AASA;EACI;EACA;EACA;EACA;EACA;EACH;EACA;AAND;;AASA;EACC;EACA;EACA;AAND;;AASA;EACI;AANJ;;AASA;EACI;EACA;AANJ;;AASA;;EAEI;AANJ;;AASA;EACI;AANJ;;AASA;AACA;EAEI;IACI;IACA;EAPN;EAUE;IACC;EARH;AACF;AAYA;AACA;EAEI;IACI;EAXN;EAcE;IACI;IACA;EAZN;EAeE;IACI;IACA;EAbN;EAgBE;IACI;EAdN;AACF;AAkBA;EAEI;IACI;EAjBN;EAoBE;IACI;EAlBN;EAqBE;IACI;EAnBN;AACF;AAuBA;EACI;IACI;IAAA;EArBN;EAwBE;IACI;EAtBN;EAyBE;IACI;EAvBN;EA0BE;IACI;EAxBN;EA2BE;IACI;IACA;IACA;EAzBN;AACF,C","sources":["webpack://slicpix-interactivity-studio/./src/editor.scss","webpack://slicpix-interactivity-studio/<no source>"],"sourcesContent":["/**\r\n * Section CUSTOM BLOCK\r\n */\r\n\r\n.wp-block-slicpix-interactivity-studio {\r\n\tposition: relative;\r\n\tbackground-color: #000;\r\n\tcolor: #fff;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio[data-state=\"embedded-image\"] {\r\n    background-color: unset;\r\n    text-align: center;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio :any-link {\r\n\tcolor: unset;\r\n    text-decoration: unset;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .navbar {\r\n    display: block;\r\n\tposition: relative;\r\n    background-color: #000;\r\n    padding: 0.25rem 0;\r\n    width: 100%;\r\n    height: 2rem;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .navbar[data-state=\"off\"] {\r\n    display: none;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .navbar-brand {\r\n\tdisplay: inline-block;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    line-height: inherit;\r\n    white-space: nowrap;\r\n    text-decoration: none;\r\n    padding-left: 0.5rem;\r\n    margin-right: 1rem;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio a:where(:not(.wp-element-button)){\r\n    color: #fff;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .logo-img {\r\n    width: 40px;\r\n    vertical-align: middle;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .navbar-brand span {\r\n\tvertical-align: middle;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .body {\r\n    position: relative;\r\n    text-align: left;\r\n\tpadding-bottom: 20px;\r\n    padding-left: 1rem;\r\n    padding-right: 1rem;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .body[data-state=\"off\"] {\r\n    display: none;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .body p {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    opacity: 0.7;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio button.is-primary {\r\n    background-color: rgb(163, 84, 231);\r\n    color: #fff;\r\n    caret-color: #fff;\r\n    font-size: 16px;\r\n\tfont-family: Chivo, Archivo, sans-serif;\r\n\tfont-weight: 500;\r\n    text-align: center;\r\n    text-overflow: ellipsis;\r\n\toverflow: hidden;\r\n\tflex-shrink: 0;\r\n\theight: 30px;\r\n\tmax-width: 170px;\r\n\tpadding: 20px;\r\n\toutline: none;\r\n\tborder: none;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio button.is-primary,\r\n.wp-block-slicpix-interactivity-studio button.is-primary:active:not(:disabled),\r\n.wp-block-slicpix-interactivity-studio button.is-primary:focus:not(:disabled),\r\n.wp-block-slicpix-interactivity-studio button.is-primary:hover:not(:disabled) {\r\n\tbackground-color: rgb(163, 84, 231);\r\n    box-shadow: none;\r\n    outline: none;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio button {\r\n\tcursor: pointer;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .button[data-state=\"active\"],\r\n.wp-block-slicpix-interactivity-studio .button:hover,\r\n.wp-block-slicpix-interactivity-studio .button:focus,\r\n.wp-block-slicpix-interactivity-studio .button:active {\r\n\tbackground-color: #c788fd;\r\n\tcursor: pointer;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .button[data-state=\"disabled\"] {\r\n    background-color: #fff;\r\n    color: #464646;\r\n    opacity: 50%;\r\n\tpointer-events: none;\r\n\tcursor: default;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .button[data-state=\"outlined\"] {\r\n\tbackground-color: #464646;\r\n\tcolor: #fff;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .button[data-state=\"outlined\"]:hover,\r\n.wp-block-slicpix-interactivity-studio .button[data-state=\"outlined\"]:focus,\r\n.wp-block-slicpix-interactivity-studio .button[data-state=\"outlined\"]:active {\r\n\tbackground-color: #c788fd;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .embedded-image {\r\n    display: none;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .embedded-image[data-state=\"on\"] {\r\n    display: block;\r\n}\r\n\r\n.wp-block-slicpix-interactivity-studio .embedded-image img {\r\n    display: block;\r\n    max-width: var(--wp--style--global--content-size);\r\n    margin: auto;\r\n}\r\n\r\n/**\r\n * Section DIALOG OVERLAY\r\n */\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog {\r\n\r\n    display: none;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    font-family: Chivo, Archivo, sans-serif;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    z-index: 1000;\r\n    height: 100%;\r\n    width: 100%;\r\n    border: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    cursor: zoom-out;\r\n    scrollbar-gutter: stable;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog[data-state=\"on\"] {\r\n    display: block;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .wrapper {\r\n    display: flex;\r\n    outline: none;\r\n    min-height: 90vh;\r\n    padding-top: 32px;\r\n    padding-bottom: 32px;\r\n    padding-left: 120px;\r\n    padding-right: 120px;\r\n    cursor: zoom-out;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .wrapper .close-dg {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    fill: #000;\r\n    margin-left: 8px;\r\n    margin-top: 8px;\r\n    pointer-events: auto;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .close-dg .button {\r\n    position: relative;\r\n    background-color: transparent;\r\n    color: inherit;\r\n    fill: #000;\r\n    font-family: inherit;\r\n    font-size: 100%;\r\n    text-align: inherit;\r\n    line-height: inherit;\r\n    text-transform: none;\r\n    border: none;\r\n    font-weight: inherit;\r\n    padding: 0;\r\n    margin: 0;\r\n    opacity: 0.8;\r\n    transition: all 0.1s ease-in-out;\r\n    appearance: button;\r\n    -webkit-appearance: button;\r\n    cursor: pointer;\r\n    overflow: visible;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .close-dg .button::before {\r\n    position: absolute;\r\n    content: \"\";\r\n    inset: -12px -12px -12px -12px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .loader svg {\r\n\tmargin: 0 auto;\r\n\twidth: 80px;\r\n\theight: 100px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .close-dg .button svg {\r\n    fill: #fff;\r\n    flex-shrink: 0;\r\n    cursor: pointer;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .close-dg .button:hover svg {\r\n    fill: rgb(199, 136, 253);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg {\r\n    position: relative;\r\n    background-color: #1f1f1f;\r\n    color: #fff;\r\n    border: solid 1px rgb(199, 136, 253);\r\n    border-radius: 8px;\r\n    min-width: 0;\r\n    width: 100%;\r\n    pointer-events: auto;\r\n    cursor: default;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog :any-link {\r\n    color: unset;\r\n    text-decoration: unset;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .logo-img {\r\n    width: 40px;\r\n    vertical-align: middle;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .wp-logo-img {\r\n    width: 27px;\r\n    height: 27px;\r\n    vertical-align: top;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images {\r\n    font-size: 18px;\r\n    height: 100%;\r\n}\r\n\r\n/**\r\n * Section DIALOG OVERLAY - NO INTERACTIVE IMAGES\r\n */\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .empty {\r\n    position: relative;\r\n    display: block;\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer {\r\n    position: absolute;\r\n\ttop: 50%;\r\n    left: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer p {\r\n    font-size: 20px;\r\n    white-space: nowrap;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer .button-ctn {\r\n    text-align: center;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer .button,\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer .button:hover,\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer .button:focus,\r\n#wp-block-slicpix-interactivity-studio-dialog .empty .centerer .button:active {\r\n    background-color: rgb(163, 84, 231);\r\n}\r\n\r\n/**\r\n * Section DIALOG OVERLAY - MY IMAGES\r\n */\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar {\r\n    display: block;\r\n    position: relative;\r\n    background-color: #000;\r\n    width: 100%;\r\n    height: 3rem;\r\n    padding: 0.5rem 0;\r\n    border-bottom: 2px solid #707070;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav ul {\r\n    display: inline-block;\r\n    list-style: none;\r\n    padding: 1rem 0;\r\n    margin: 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item {\r\n    display: inline;\r\n    position: relative;\r\n    white-space: nowrap;\r\n    z-index: 20;\r\n    cursor: pointer;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    vertical-align: middle;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link {\r\n    display: inline;\r\n    padding: 0 0.5rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link svg {\r\n    fill: #fff;\r\n    height: 20px;\r\n    vertical-align: middle;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link:hover,\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link:focus,\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link:active {\r\n    color: rgb(199, 136, 253);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link:hover svg,\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link:focus g,\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-nav .nav-item .nav-link:active svg {\r\n    fill: rgb(199, 136, 253);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-brand {\r\n\tdisplay: inline-block;\r\n    line-height: inherit;\r\n    white-space: nowrap;\r\n    padding: 0.5rem;\r\n    margin-right: 1rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .navbar-brand span {\r\n    color: #fff;\r\n    vertical-align: middle;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .gallery {\r\n    display: grid;\r\n    grid-auto-rows: min-content;\r\n\tgrid-template-columns: repeat(3, 1fr);\r\n\tgrid-gap: 5px;\r\n\tgrid-template-areas: \"main main main\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n\tbackground-color: inherit;\r\n    padding: 0 0.5rem 1rem 0.5rem;\r\n    margin-top: 0.5rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images #main {\r\n    position: relative;\r\n    height: calc(100% - 8.5rem);\r\n    overflow-y: auto;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .gmain {\r\n    grid-area: main;\r\n    margin: 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .masonry-wrapper {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    padding-right: 1.5em;\r\n    padding-left: 1.5em;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images #masonry {\r\n    display: grid;\r\n    grid-gap: 1px;\r\n    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    grid-auto-rows: 0.0125em;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .masonry-brick {\r\n    position: relative;\r\n    color: #fff;\r\n    transition: opacity 0.25s ease-in-out;\r\n    cursor: pointer;\r\n    margin: 0 5px 0 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .masonry-brick:focus {\r\n    outline: none;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .masonry-content {\r\n    position: relative;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .masonry-content img {\r\n    width: 100%;\r\n    vertical-align: middle;\r\n    margin: 0 0 5px 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .my-images .masonry-brick:focus .masonry-content img {\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-color: #c788fd;\r\n}\r\n\r\n/**\r\n * Section DIALOG OVERLAY - MY IMAGES FOOTER\r\n */\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    background-color: #000;\r\n    font-size: 18px;\r\n    width: 100%;\r\n    height: 3rem;\r\n    z-index: 10;\r\n    border-top: 2px solid #707070;\r\n    border-bottom-left-radius: 8px;\r\n    border-bottom-right-radius: 8px;\r\n    padding: 0.5rem 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    padding-left: 1rem;\r\n    vertical-align: middle;\r\n    height: 100%;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .highlight {\r\n    background-color: #000;\r\n    color: #fff;\r\n    border: none;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner svg {\r\n    height: 20px;\r\n    fill: #fff;\r\n    padding-right: 5px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner a:focus {\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-color: #c788fd;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    padding: 0.5rem 0.4rem;\r\n    cursor: pointer;\r\n    width: unset;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab.highlight:hover span,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab.highlight:active span,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab.highlight:focus span {\r\n    color: #c788fd;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab.highlight:hover svg,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab.highlight:active svg,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .tab.highlight:focus svg {\r\n    fill: #c788fd;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .right {\r\n    position: absolute;\r\n    right: 8px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .my-images-footer .inner .right a {\r\n    display: inline-block;\r\n}\r\n\r\n/**\r\n * Section DIALOG OVERLAY - SIGIN\r\n */\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin {\r\n\tdisplay: flex;\r\n\tpadding: 0;\r\n    min-width: unset;\r\n    min-height: 100%;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .fields {\r\n    display: inline-block;\r\n    position: relative;\r\n    width: calc(40% - 2rem);\r\n    vertical-align: top;\r\n    padding: 1.5rem 1rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .signin .fields .navbar-brand {\r\n\tdisplay: inline-block;\r\n    font-size: 1rem;\r\n    line-height: inherit;\r\n    white-space: nowrap;\r\n    margin-right: 1rem;\r\n    padding-bottom: 0.5rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .signin .fields .navbar-brand svg {\r\n    fill: rgb(199, 136, 253);\r\n    vertical-align: middle;\r\n    width: 40px;\r\n    height: 35px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p span {\r\n    opacity: 0.6;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p a,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p a:hover,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p a:visited,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p a:focus,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p a:active {\r\n    color: rgb(199, 136, 253);\r\n    text-decoration: none;\r\n\tcursor: pointer;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields h2 {\r\n    color: #fff;\r\n    font-size: 1.75em;\r\n    text-align: left;\r\n    padding-bottom: 10px;\r\n\tmargin: 0.5em 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields label {\r\n\tfont-size: 1rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .feedback {\r\n    display: none;\r\n    color: #fd8888;\r\n    font-size: 1.25rem;\r\n    text-align: center;\r\n    width: 100%;\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .feedback[data-state=\"on\"] {\r\n    display: block;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .field {\r\n\tdisplay: none;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .field[data-state=\"on\"] {\r\n    display: block;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg input[type=\"text\"] {\r\n    display: block;\r\n    background-color: #5d5d5d;\r\n    color: #fff;\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    border: none;\r\n    border-radius: 5px;\r\n    outline: none;\r\n    min-width: 20rem;\r\n    width: calc(100% - 1rem);\r\n    padding: 0.75rem 0.5rem;\r\n    margin: 0.25rem 0;\r\n    cursor: pointer;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg input[type=\"text\"]:focus {\r\n    box-shadow: 0 0 0 1px rgb(199, 136, 253);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .fields p {\r\n    font-size: 0.85rem;\r\n    padding: 1rem 0;\r\n    margin: 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .cmds-cont {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    text-align: right;\r\n    margin: 0 0.5rem 1rem 0;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button {\r\n    display: inline-block;\r\n    background-color: #707070;\r\n    color: #fff;\r\n    font-size: 1.25rem;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    line-height: unset;\r\n    border-color: unset;\r\n    border-radius: 8px;\r\n    border-width: unset;\r\n    border-style: unset;\r\n    outline: none;\r\n    padding: 0.5rem 2.5rem;\r\n    margin: 0.5rem;\r\n    min-width: 4rem;\r\n    min-height: unset;\r\n    vertical-align: unset;\r\n    cursor: pointer;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button[data-disabled=\"true\"],\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button[data-disabled=\"true\"]:hover,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button[data-disabled=\"true\"]:active,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button[data-disabled=\"true\"]:focus {\r\n    background-color: lightgray;\r\n    color: #000;\r\n    cursor: default;\r\n    pointer-events: none;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button:hover,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button:active,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button:focus,\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .button[data-state=\"active\"] {\r\n    background-color: rgb(199, 136, 253);\r\n    box-shadow: 0 0 0 1px rgb(199, 136, 253);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .more {\r\n    display: inline-block;\r\n\tposition: relative;\r\n    background-image: url(https://interactivity.studio/images/WordPress-Splash-Screen.webp);\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center center;\r\n\tbackground-size: cover;\r\n\tbackground-attachment: fixed;\r\n    width: 60%;\r\n\theight: inherit;\r\n\tborder-top-right-radius: 10px;\r\n\tborder-bottom-right-radius: 10px;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .loader {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    color: #fff;\r\n\ttext-align: center;\r\n\twidth: 100%;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog  .loader .centerer {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .loader .text {\r\n    font-size: 1.5rem;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .ip__track {\r\n    stroke: hsl(var(--hue), 90%, 90%);\r\n    transition: stroke var(--trans-dur);\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .ip__worm1,\r\n#wp-block-slicpix-interactivity-studio-dialog .ip__worm2 {\r\n    animation: worm1 2s linear infinite;\r\n}\r\n\r\n#wp-block-slicpix-interactivity-studio-dialog .ip__worm2 {\r\n    animation-name: worm2;\r\n}\r\n\r\n/* Dark theme */\r\n@media (prefers-color-scheme: dark) {\r\n\r\n    :root {\r\n        --bg: hsl(var(--hue), 90%, 5%);\r\n        --fg: hsl(var(--hue), 90%, 95%);\r\n    }\r\n\r\n    #wp-block-slicpix-interactivity-studio-dialog .ip__track {\r\n\t    stroke: hsl(var(--hue), 90%, 15%);\r\n    }\r\n\r\n}\r\n\r\n/* Animation */\r\n@keyframes worm1 {\r\n\r\n    from {\r\n        stroke-dashoffset: 0;\r\n    }\r\n\r\n    50% {\r\n        animation-timing-function: steps(1);\r\n        stroke-dashoffset: -358;\r\n    }\r\n\r\n    50.01% {\r\n        animation-timing-function: linear;\r\n        stroke-dashoffset: 358;\r\n    }\r\n\r\n    to {\r\n        stroke-dashoffset: 0;\r\n    }\r\n\r\n}\r\n\r\n@keyframes worm2 {\r\n\r\n    from {\r\n        stroke-dashoffset: 358;\r\n    }\r\n\r\n    50% {\r\n        stroke-dashoffset: 0;\r\n    }\r\n\r\n    to {\r\n        stroke-dashoffset: -358;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 1300px){\r\n    #wp-block-slicpix-interactivity-studio-dialog #content-dg {\r\n        height: fit-content;\r\n    }\r\n\r\n    #wp-block-slicpix-interactivity-studio-dialog #content-dg .fields {\r\n        width: 100%;\r\n    }\r\n\r\n    #wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .more {\r\n        display: none;\r\n    }\r\n\r\n    #wp-block-slicpix-interactivity-studio-dialog #content-dg input[type=text] {\r\n        width: 100%;\r\n    }\r\n\r\n    #wp-block-slicpix-interactivity-studio-dialog #content-dg .signin .cmds-cont {\r\n        position: relative;\r\n        margin-bottom: 0;\r\n        margin-right: 0;\r\n    }\r\n}\r\n"],"names":[],"sourceRoot":""}