{"version":3,"sources":["webpack:///./public/assets/css/dpit-base.scss","webpack:///./includes/assets/css/base/generic.scss","webpack:///./includes/assets/css/modules/dpit-hidden.scss","webpack:///./includes/assets/css/modules/dpit-anim-rb.scss","webpack:///./public/assets/css/base/variables.scss","webpack:///./includes/assets/css/base/mixins.scss","webpack:///./includes/assets/css/editor-content.css","webpack:///./includes/assets/css/editor-content-color.css","webpack:///./public/assets/css/partials/dpit-target.scss","webpack:///./public/assets/css/partials/dpit-css-anim.scss","webpack:///./public/assets/css/partials/dpit-utils.scss","webpack:///./public/assets/css/partials/dpit-global-fixes.scss"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gBCAA,8BACC,cCDD,oBACC,+BAGA,wBAEA,kBACC,oBACA,qBACA,oBACA,sBAGD,4BACC,uBAGD,uBACC,0BAIF,oBACC,8BACA,mBAKD,uBACC,eC9BD,iBACC,MACA,OACA,WACA,YACA,SACA,gCACA,wBACA,mBACA,uBACA,YACA,mBACA,oBAEA,cACC,kBACA,+BACA,qBAGD,YACC,oCACA,gCACA,yBAEA,mDACC,qCACA,kEACA,wBACA,mFACA,iCAEA,qBACC,yDACA,oCAEA,oBACC,wDACA,oCAGD,oBACC,yDACA,OC3CL,mBACC,4BACA,uCACA,qCACA,wCACA,8CACA,+CACA,4BACA,8BAEA,iCACA,oCAEA,6BAEA,+BACA,0BACA,2BAEA,yBACA,iCACA,oBAGA,0BCiRA,MDzSD,mBA4BE,QJtBF,+CAGC,qDACA,4DAGA,+CAGA,0DACA,2BACA,sDACA,uDAGA,qDAGA,4CACA,yDACA,sDAKA,qDACA,kDAEA,4CACA,4CAIA,+CACA,wDACA,yDACA,wDAGA,2DACA,mEAGA,yBAEA,yDAGC,8BACA,8DAGA,kDAGA,4CACA,sBKuPD,gBLzOA,oBACC,oGACA,oCAEA,SACC,iCACA,gCACA,0CAGD,sCACC,2DACA,0CAGD,sCACC,2DACA,aAOH,iBACC,MACA,OACA,SACA,QACA,oBACA,sBACA,YACA,WACA,gBACA,aAID,iBACC,oBACA,yBAGD,cAEC,MACA,OACA,WACA,YACA,yCKiGA,oBL/FA,+BACA,gCAEA,wCK4FA,eLvFD,UACC,YACA,gDACA,4DACA,+BACA,iBAGD,qBACC,kBACA,yFACA,6CACA,eACA,oBACA,gBACA,0CAEA,wGACA,+BACA,oDKoEA,4BLhEA,mBACC,yBACA,4BACA,6BAGD,oBACC,0BACA,6BACA,2BAGD,kBACC,yBACA,0BACA,8BAGD,qBACC,4BACA,6BACA,6BAGD,eACC,gDAGD,sBAEC,mBACA,oBACA,eAKF,4BACC,6BAEA,sBACC,sBACA,sDACA,4CACA,WACA,iEACA,8DACA,iDAEA,iBACC,WACA,mBACA,uBACA,cACA,gBACA,gBACA,qDAEA,cACC,gBACA,2BASJ,mDKLC,kBLOA,UACA,mBACA,mBACA,eAKD,iBACC,mBACA,sFACA,mDACA,wCACA,2CACA,2CACA,kCAGA,uCACC,qBACA,yBACA,0BACA,gBACA,sBACA,uCAEA,kBACC,iPMjQH,oCAME,wBACA,2BACA,gBACA,qBACA,yCAGF,qCACE,yCACA,yCAGF,qCACE,yCACA,yCAGF,qCACE,yCACA,yCAGF,qCACE,yCACA,yCAGF,qCACE,yCACA,yCAGF,qCACE,yCACA,wCAGF,oCACE,qCACA,wCACA,wBACA,2BACA,qBACA,mDAGF,yCACE,oDAGF,YACE,qDAGF,WACE,mBACA,oDAGF,UACE,mBACA,sDAGF,aACE,iBACA,kBACA,uDAGF,WACE,mBACA,sDAGF,UACE,mBACA,wDAGF,aACE,iBACA,kBACA,0CAGF,oBACE,iDAGF,iBACE,0BACA,yCACA,4BACA,uBACA,yDAGF,iBACE,eACA,MACA,OACA,sBACA,YACA,wCNyJC,yCACC,4POxQJ,iFAOE,qDAKF,kEACE,+CPiQA,0BACC,yCAID,UACC,WACA,cACA,qDAGD,uCACC,0BKeF,cL3DD,0CAiDE,wBAGD,yDACC,qDACA,0CACA,mBAKF,iBACC,oBACA,yCK7EA,+BL+EA,2BKpHA,4BLqHA,8BAGD,gDACC,oDACA,kDACA,mDACA,aAKD,oDACC,kBACA,kBAEA,qDACC,oBAGD,mDACC,qBAGD,kDACC,mBAGD,oDACC,cAKF,yBAEC,kBAMA,sDACA,kBACA,QACA,SACA,iCACA,kCACA,aACA,uBACA,mBACA,sDACA,4BAEA,0BAhBA,4BACC,oBAkBD,iBACC,uBACA,wBACA,gFACA,aACA,uBACA,mBACA,oCACA,gBACA,cACA,uCACA,eAEA,0BK/FD,mBLkFA,sBAgBE,wBACA,oCACA,uBAIF,oBACC,+BAEA,0BAID,yBACC,6BACA,qBACA,yBAGD,wBACC,4BACA,oBACA,kBAGD,2BACC,6BACA,sBACA,kBAGD,wBACC,0BACA,mBACA,uCAIA,mCACC,0BKzIF,sCLwIC,mCAIE,2BK5IH,aL2DD,+BAuFE,iCACA,uBAMF,oCACC,aACA,mBACA,wCACA,oCACA,gBACA,qCAEA,sCACC,gCACA,iCACA,qBK1ID,qBL+HD,oCAeE,wCACA,qCAEA,+BACC,iCACA,yBAQH,mBACC,qBAGD,qCACC,wCACA,uBAGD,YACC,iBACA,yBACA,cAID,iBACC,iBACA,+CACA,oCACA,aACA,mBACA,uBACA,4DACA,SACA,wCACA,oCACA,yBACA,gBACA,gBAEA,mBACA,eACA,yBACA,iBACA,2BKpTA,qDLqTA,0CACA,aAIA,0BK3MA,aLkLD,qBA4BE,gBACA,yCAKA,sCACC,wDACA,8HAMD,sCAGC,kDACA,yCAGD,qBACC,yDACA,oBAMF,2BACC,sBAGD,kCACC,mBAGD,aACC,WACA,wBAGD,+BACC,gCAEA,aACC,oCACA,oBAMF,iBACC,2CAEA,sCACC,mDAEA,mCACC,2CAMF,YACC,oBAIF,yEACC,sCAEA,wBACC,2CAGD,qCACC,mDAEA,0BAEC,oCACA,oBAKH,yEACC,2CAEA,sCACC,mDAEA,0BACC,oCACA,oBAMH,yEACC,+CAGD,sCACC,wCACA,oCACA,kEAEA,YACC,sEAGD,QACC,8EAEA,mCACC,iEAIF,sCACC,wCACA,sHAGC,mCACC,oBAOJ,qCACC,0CACA,uCACA,wCACA,sBAIF,YACC,sCACA,4BAEA,qBACC,8BACA,6FAIC,yCAEC,eAMJ,iBACC,yBACA,iBACA,mBACA,yBAEA,mBACC,uBAGD,oBACC,+BACA,kBAGD,aACC,aACA,uBACA,mBACA,6DACA,iBACA,sBACA,iCACA,cACA,8BACA,qCAEA,QACC,yCACA,2BACA,qBAGD,iBACC,gBACA,8CACA,kCACA,eACA,qBACA,aACA,kBAEA,0DACA,4BK3gBF,+CL4gBE,cACA,aACA,uBACA,mBACA,yBAIA,mCACC,aACA,kBACA,gBACA,8CACA,sBK7ZH,0BLgaE,4DAEE,wDAIF,qBAEC,wBACA,eACA,6DACA,+DAEA,yCACC,qCAIF,UACC,eACA,qBK1bH,iBLqcC,qFACC,8BACA,qBAEA,+BACC,iCACA,mCACA,4BKlkBH,8BLmkBG,yBAGA,aACC,4BACA,uDAGD,yDAEC,qCACA,sCACA,qBACA,iBAWL,eACC,iCACA,oFACA,0CACA,0DACA,oBAGD,4BKnmBC,SLqmBA,YACA,+DACA,uCASC,eACC,6CASD,oDACC,4CACA,yDACA,iCAIF,eACC,4CAOC,+DACC,wEAMA,sDACC,kDQ30BL,iBAGC,oDH4NA,cGxND,6BACC,oDAIC,6BACC,sDAEA,6BACC,qDAIF,6BACC,qBAMF,yBACC,8CACA,qBAGD,6CACC,qBAUF,uBACC,gCAEA,mDHiLA,+BG/KC,oBAMF,cACC,SACA,QACA,SACA,QACA,gCACA,oBC5DD,sCACC,mCAGD,GACC,qDACC,qBACA,KAGD,qDAEC,sBACA,MAGD,qDACC,qBACA,6BAIF,gCACC,sBAGD,gCACC,+BAGD,QAEC,qBAEC,KAGD,2BACC,0BAYF,gCACC,kCAGD,QAEC,qBAEC,KAGD,yBACC,KAGD,yBACC,KAGD,6BACC,qBAIF,2CACC,gBC3ED,2BACC,gBAGD,mBACC,sBACA,eACA,sBAGD,yBACC,yBAID,iBACC,sDCdA,uBAYC,aAEA,sJAXA,0BACC,gBACA,uRAEA,qBACC,gGAQF,YAEC,wJAQA,8BACC,qCAQH,qBACC,C","file":"main/dpit-base-style-5c4bc8db.css","sourcesContent":["@import '../../../includes/assets/css/consts';\r\n@import '../../../includes/assets/css/modules/dpit-hidden';\r\n@import '../../../includes/assets/css/modules/dpit-anim-rb';\r\n@import './base/variables.scss';\r\n\r\n\r\n:root {\r\n\r\n\t// full screen animation\r\n\t--bullet-anim-color: var(--accent-color-gentle);\r\n\t--bullet-anim-on-color: var(--accent-contrast-color);\r\n\r\n\t// highlight\r\n\t--dpit-highlight-border-color: var(--accent-contrast-color);\r\n\r\n\t// tooltip\r\n\t--dpit-tooltip-link-color: var(--accent-color);\r\n\t--dpit-tooltip-tx-color: var(--accent-contrast-inv-color);\r\n\t--dpit-tooltip-tx-alpha: 1;\r\n\t--dpit-tooltip-bg-color: var(--accent-contrast-color);\r\n\r\n\t// overlay\r\n\t--dpit-overlay-color: var(--accent-contrast-inv-color);\r\n\r\n\t// number\r\n\t--dpit-number-tx-color: var(--accent-contrast-color);\r\n\t--dpit-number-bg-color: var(--accent-color);\r\n\t--dpit-number-border-color: var(--dpit-tooltip-bg-color);\r\n\r\n\r\n\r\n\t// buttons\r\n\t--dpit-btn-tx-color: var(--accent-contrast-inv-color);\r\n\t--dpit-btn-on-tx-color: var(--accent-contrast-color);\r\n\r\n\t--dpit-btn-bg-color: var(--accent-color-gentle-x);\r\n\t--dpit-btn-on-bg-color: var(--accent-color);\r\n\r\n\r\n\t// navig bullets\r\n\t--dpit-bullet-bg-color: var(--accent-color);\r\n\t--dpit-bullet-on-bg-color: var(--accent-color);\r\n\t--dpit-bullet-on-tx-color: var(--accent-contrast-color);\r\n\t--dpit-bullet-tx-color: var(--accent-contrast-inv-color);\r\n\r\n\t//progress\r\n\t--dpit-progress-front-color: var(--accent-color-gentle);\r\n\t--dpit-progress-bg-color: var(--accent-contrast-inv-color);\r\n\r\n\t// scrollbar\r\n\t--dpit-scrollbar-bg-color: var(--accent-contrast-inv-color-gentle);\r\n\r\n\t&.dpit-light-accent {\r\n\r\n\t\t// tooltip\r\n\t\t--dpit-tooltip-tx-color: var(--accent-contrast-inv-color);\r\n\t\t--dpit-tooltip-tx-alpha: 0.95;\r\n\r\n\t\t// overlay\r\n\t\t--dpit-overlay-color: var(--accent-contrast-inv-color-gentle);\r\n\r\n\t\t// navig bullets\r\n\t\t--bullet-anim-color: var(--accent-contrast-color);\r\n\t\t--bullet-anim-on-color: var(--accent-color);\r\n\r\n\t\t// buttons\r\n\r\n\r\n\r\n\r\n\t}\r\n}\r\n\r\n\r\n\r\n// leave default for mobiles\r\n@include atHoverAbleDev {\r\n\t.dpit-scrollbar {\r\n\t\tscrollbar-width: thin;\r\n\t\tscrollbar-color: rgba(var(--dpit-scrollbar-bg-color), 0.5) rgba(var(--dpit-scrollbar-bg-color), 0.1);\r\n\r\n\t\t&::-webkit-scrollbar {\r\n\t\t\tmargin: 8%;\r\n\t\t\theight: unit(16);\r\n\t\t\twidth: unit(16);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-track {\r\n\t\t\tborder-radius: unit(8);\r\n\t\t\tbackground-color: rgba(var(--dpit-scrollbar-bg-color), 0.1);\r\n\t\t}\r\n\r\n\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\tborder-radius: unit(8);\r\n\t\t\tbackground-color: rgba(var(--dpit-scrollbar-bg-color), 0.5);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n\r\n.dpit-wrap {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\tpointer-events: none;\r\n\tbox-sizing: border-box;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\r\n}\r\n\r\n.dpit-flier {\r\n\tposition: absolute;\r\n\tpointer-events: none;\r\n}\r\n\r\n.dpit-overlay-container {\r\n\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t@include z-index(-2);\r\n\tpointer-events: none;\r\n\ttransition: opacity $transition-time-med ease-in;\r\n\r\n\t&--above {\r\n\t\t@include z-index(7);\r\n\t}\r\n}\r\n\r\n.dpit-overlay {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-color: rgb(var(--dpit-overlay-color));\r\n\ttransition: background-color $transition-time-fast ease-in, opacity $transition-time-slow ease-in;\r\n\topacity: var(--overlay-opacity);\r\n}\r\n\r\n.dpit-highlight {\r\n\tbox-sizing: border-box;\r\n\tposition: absolute;\r\n\tborder: var(--highlight-border-width) solid rgba(var(--dpit-highlight-border-color), 0.9);\r\n\tborder-radius: var(--highlight-border-radius);\r\n\tmax-width: 100%;\r\n\tpointer-events: none;\r\n\toverflow: hidden;\r\n\r\n\tbackground-color: transparent !important;\r\n\tbox-shadow: 0 0 0 var(--highlight-shadow-spread) rgba(var(--dpit-overlay-color), var(--overlay-opacity));\r\n\ttransition: opacity $transition-time-slow ease-in;\r\n\r\n\t@include z-index(3, true);\r\n\r\n\t&--over-left {\r\n\t\tborder-left-width: 0;\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t}\r\n\r\n\t&--over-right {\r\n\t\tborder-right-width: 0;\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t}\r\n\r\n\t&--over-top {\r\n\t\tborder-top-width: 0;\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-top-right-radius: 0;\r\n\t}\r\n\r\n\t&--over-bottom {\r\n\t\tborder-bottom-width: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t}\r\n\r\n\t&--no-overlay {\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t&--hidden,\r\n\t&--dummy {\r\n\t\tborder: none !important;\r\n\t\twidth: 0 !important;\r\n\t\theight: 0 !important;\r\n\t}\r\n}\r\n\r\n\r\n.dpit-anim-rb {\r\n\t--bullet-anim-off-alpha: 0.8;\r\n\r\n\t&--in-highlight {\r\n\t\t--bullet-anim-size: 3%;\r\n\t\t--bullet-anim-gap: 3%; // it is half size\r\n\t\t--bullet-anim-color: var(--accent-contrast-inv-color);\r\n\t\t--bullet-anim-on-color: var(--accent-color);\r\n\t\twidth: 100%;\r\n\t\tbackground-color: rgba(var(--accent-contrast-color-gentle), 0.95);\r\n\t\ttransition: opacity $transition-time-med ease-out, background-color $transition-time-med ease-out;\r\n\r\n\t\t.dpit-anim-rb__wrap {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tmax-width: 75%;\r\n\t\t\tmax-height: 100%;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\tdiv {\r\n\t\t\t\tmin-width: 10px;\r\n\t\t\t\tmin-height: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n\r\n\r\n.dpit-disable-interaction {\r\n\t@include z-index(3, true);\r\n\tposition: absolute;\r\n\topacity: 0;\r\n\tpointer-events: all;\r\n\tcursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n.dpit-tooltip {\r\n\tposition: absolute;\r\n\tpointer-events: all;\r\n\tpadding: unit(35) unit(40) unit(20);\r\n\tbackground-color: rgb(var(--dpit-tooltip-bg-color));\r\n\tmin-width: var(--dpit-min-tooltip-width);\r\n\tmax-width: calc(95vw - unit(80));\r\n\tborder-radius: var(--tooltip-border-radius);\r\n\r\n\r\n\t.dpit-tooltip-text {\r\n\t\tcolor: rgb(var(--dpit-tooltip-tx-color));\r\n\t\twhite-space: pre-wrap;\r\n\t\toverflow-wrap: break-word;\r\n\t\tmargin-bottom: var(--p_mb);\r\n\t\toverflow-y: auto;\r\n\t\tletter-spacing: .035em;\r\n\r\n\t\t&--wsn {\r\n\t\t\twhite-space: normal;\r\n\t\t}\r\n\r\n\t\t&--cs {\r\n\t\t\t@import './../../../includes/assets/css/editor-content';\r\n\r\n\t\t\ta {\r\n\t\t\t\tcolor: rgb(var(--dpit-tooltip-link-color))\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@import './../../../includes/assets/css/editor-content-color';\r\n\r\n\t\t*:last-child {\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\r\n\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tclear: both;\r\n\t\t\tdisplay: table;\r\n\t\t}\r\n\r\n\t\t&.dpit-has-scrollbar {\r\n\t\t\tpadding-right: unit(20);\r\n\t\t}\r\n\t}\r\n\r\n\t@include atXXXS {\r\n\t\tmax-width: calc(95vw - unit(20));\r\n\t}\r\n\r\n\t&--center {\r\n\t\tbackground-color: rgba(var(--dpit-tooltip-bg-color), 0.97);\r\n\t\tborder: 3px solid rgba(var(--accent-color-gentle), 1);\r\n\t\tbox-shadow: 0 0 3px 2px rgba($text-color-dark, 0.71);\r\n\t}\r\n\r\n}\r\n\r\n.dpit-tooltip-ref {\r\n\tposition: relative;\r\n\tpointer-events: none;\r\n\t@include z-index(4);\r\n\tbackground-color: transparent;\r\n\t@include transitionMultiFasterX(opacity);\r\n}\r\n\r\n.dpit-tooltip-radius-padding {\r\n\tpadding-top: calc(var(--tooltip-border-radius) / 8);\r\n\tpadding-bottom: calc(var(--tooltip-border-radius) / 8);\r\n\tpadding-left: calc(var(--tooltip-border-radius) / 4);\r\n\tpadding-right: calc(var(--tooltip-border-radius) / 4);\r\n}\r\n\r\n\r\n\r\n.dpit-arrow {\r\n\tborder: unit(35) solid transparent;\r\n\tposition: absolute;\r\n\r\n\t&--top {\r\n\t\tborder-bottom-color: rgb(var(--dpit-tooltip-bg-color));\r\n\t}\r\n\r\n\t&--right {\r\n\t\tborder-left-color: rgb(var(--dpit-tooltip-bg-color));\r\n\t}\r\n\r\n\t&--bottom {\r\n\t\tborder-top-color: rgb(var(--dpit-tooltip-bg-color));\r\n\t}\r\n\r\n\t&--left {\r\n\t\tborder-right-color: rgb(var(--dpit-tooltip-bg-color));\r\n\t}\r\n}\r\n\r\n\r\n.dpit-number {\r\n\r\n\t--dpit-btn-on-bg-alpha: 1;\r\n\r\n\t&--on-tooltip {\r\n\t\t--dpit-btn-on-bg-alpha: 0.95;\r\n\t}\r\n\r\n\tborder-radius: 50%;\r\n\tbackground-color: rgb(var(--dpit-number-border-color));\r\n\tposition: absolute;\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\twidth: unit(calc(105));\r\n\theight: unit(calc(105));\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\ttransition: opacity $transition-time-faster ease-in,\r\n\ttransform $transition-time-faster-x ease-in;\r\n\tfont-family: var(--btn_font);\r\n\r\n\r\n\t&__text {\r\n\t\tborder-radius: 50%;\r\n\t\twidth: calc(100% - 6px);\r\n\t\theight: calc(100% - 6px);\r\n\t\tbackground-color: rgba(var(--dpit-number-bg-color), var(--dpit-btn-on-bg-alpha));\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tfont-size: unit(calc(41));\r\n\t\tfont-weight: 600;\r\n\t\tline-height: 1;\r\n\t\tcolor: rgb(var(--dpit-number-tx-color));\r\n\r\n\t\tcursor: default;\r\n\r\n\t\t@include atS {\r\n\t\t\twidth: calc(100% - 4px);\r\n\t\t\theight: calc(100% - 4px);\r\n\t\t\tfont-size: unit(calc(39));\r\n\t\t}\r\n\t}\r\n\r\n\t&--hidden {\r\n\t\topacity: 0 !important;\r\n\t\t//transform: scale(0.5);\r\n\t\tpointer-events: none !important;\r\n\t}\r\n\r\n\r\n\t&--over-right {\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t\tborder-right-width: 0;\r\n\t}\r\n\r\n\t&--over-left {\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t\tborder-left-width: 0;\r\n\t}\r\n\r\n\t&--ba {\r\n\t\tborder-bottom-left-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t\tborder-bottom-width: 0;\r\n\t}\r\n\r\n\t&--ta {\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-top-width: 0;\r\n\t}\r\n\r\n\t&--2dig {\r\n\t\t.dpit-number__text {\r\n\t\t\tfont-size: unit(calc(39));\r\n\r\n\t\t\t@include atS {\r\n\t\t\t\tfont-size: unit(calc(35));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include atS {\r\n\t\twidth: unit(calc(95));\r\n\t\theight: unit(calc(95));\r\n\t}\r\n}\r\n\r\n\r\n\r\n.dpit-checkbox-label {\r\n\tmargin-top: unit(15);\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolor: rgb(var(--dpit-tooltip-tx-color));\r\n\tfont-size: unit(32);\r\n\tline-height: 1.2;\r\n\r\n\t.dpit-checkbox {\r\n\t\tmargin-right: unit(15);\r\n\t\twidth: unit(34);\r\n\t\theight: unit(34);\r\n\t}\r\n\r\n\t@include atTouchDev {\r\n\t\tmargin-top: unit(30);\r\n\t\tmargin-bottom: unit(10);\r\n\r\n\t\t.dpit-checkbox {\r\n\t\t\twidth: unit(45);\r\n\t\t\theight: unit(45);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n\r\n\r\n.dpit-tooltip.disabled {\r\n\tpointer-events: none;\r\n}\r\n\r\n.dpit-main-controls {\r\n\tpadding-top: unit(30);\r\n\tpadding-bottom: unit(7);\r\n}\r\n\r\n.dpit-tooltip-buttons {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n\r\n.dpit-button {\r\n\tposition: relative;\r\n\toverflow: visible;\r\n\tbackground-color: rgb(var(--dpit-btn-bg-color));\r\n\tcolor: rgb(var(--dpit-btn-tx-color));\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tpadding: unit(21) unit(30);\r\n\tmargin: 0;\r\n\tletter-spacing: unit(1);\r\n\tfont-size: unit(35);\r\n\ttext-transform: uppercase;\r\n\tfont-weight: 600;\r\n\t//letter-spacing: .05em;\r\n\tline-height: 1.5;\r\n\twhite-space: nowrap;\r\n\tcursor: pointer;\r\n\t-webkit-user-select: none;\r\n\tuser-select: none;\r\n\t@include transitionMulti($transition-time-faster-x, ease-in, background-color, color, transform);\r\n\tborder-radius: var(--button-border-radius);\r\n\r\n\r\n\r\n\toutline: none;\r\n\r\n\t@include atXXXS {\r\n\t\tletter-spacing: normal;\r\n\t\tmin-width: unset;\r\n\t}\r\n\r\n\t&:not(.dpit-disabled) {\r\n\r\n\t\t&:focus {\r\n\t\t\tcolor: rgb(var(--dpit-btn-on-tx-color));\r\n\t\t\tbackground-color: rgb(var(--dpit-btn-on-bg-color), 0.95);\r\n\r\n\t\t}\r\n\r\n\t\t//@include atHoverAbleDev {\r\n\r\n\t\t&:active,\r\n\t\t&:hover,\r\n\t\t&.dpit-hovered {\r\n\t\t\tcolor: rgb(var(--dpit-btn-on-tx-color));\r\n\t\t\tbackground-color: rgb(var(--dpit-btn-on-bg-color));\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransform: scale(0.99);\r\n\t\t\tbox-shadow: 0px 0px 2px 0px rgb(var(--dpit-btn-bg-color));\r\n\t\t}\r\n\r\n\t\t//}\r\n\t}\r\n\r\n\t&__text {\r\n\t\tfont-family: var(--btn_font);\r\n\t}\r\n\r\n\t&__spacer {\r\n\t\tmin-width: unit(5);\r\n\t}\r\n\r\n\t&__ico {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t&__ico-wrap {\r\n\t\twidth: unit(28);\r\n\r\n\t\t&--symbol {\r\n\t\t\tline-height: 1;\r\n\t\t\tfont-size: unit(25);\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&--skip {\r\n\t\tmargin-right: auto;\r\n\r\n\t\t.dpit-button__ico-wrap {\r\n\t\t\tmargin-right: unit(10);\r\n\r\n\t\t\t&--symbol {\r\n\t\t\t\tfont-size: unit(32);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&--done {\r\n\t\t.dpit-button__ico-wrap {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&--next {\r\n\t\tborder-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;\r\n\r\n\t\t.dpit-button__ico {\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t}\r\n\r\n\t\t.dpit-button__ico-wrap {\r\n\t\t\tmargin-left: unit(10);\r\n\r\n\t\t\t&--symbol {\r\n\t\t\t\t//line-height: 1.5;\r\n\t\t\t\ttransform: translateY(-2px);\r\n\t\t\t\tfont-size: unit(38);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&--prev {\r\n\t\tborder-radius: var(--button-border-radius) 0 0 var(--button-border-radius);\r\n\r\n\t\t.dpit-button__ico-wrap {\r\n\t\t\tmargin-right: unit(10);\r\n\r\n\t\t\t&--symbol {\r\n\t\t\t\ttransform: translateY(-2px);\r\n\t\t\t\tfont-size: unit(38);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&--prev {\r\n\t\tborder-radius: var(--button-border-radius) 0 0 var(--button-border-radius);\r\n\t}\r\n\r\n\t&--no-text:not(.dpit-button--done) {\r\n\t\tpadding-left: unit(43);\r\n\t\tpadding-right: unit(43);\r\n\t\tfont-size: unit(43);\r\n\r\n\t\t.dpit-button__text {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.dpit-button__ico-wrap {\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t&--symbol {\r\n\t\t\t\tfont-size: unit(43);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.dpit-button--skip {\r\n\t\t\tpadding-left: unit(33);\r\n\t\t\tpadding-right: unit(33);\r\n\r\n\t\t\t.dpit-button__ico-wrap {\r\n\t\t\t\t&.dpit-button__ico-wrap--symbol {\r\n\t\t\t\t\tfont-size: unit(28);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&--full {\r\n\t\tmargin-right: unit(0);\r\n\t\tborder-radius: var(--button-border-radius);\r\n\t\tpadding-left: unit(53);\r\n\t\tpadding-right: unit(53);\r\n\t}\r\n}\r\n\r\n.dpit-button-pn-wrap {\r\n\tdisplay: flex;\r\n\tmargin-left: unit(30);\r\n\r\n\t&--vert {\r\n\t\tflex-direction: column;\r\n\t\tgap: unit(10);\r\n\r\n\t\t.dpit-button {\r\n\r\n\t\t\t&--next,\r\n\t\t\t&--prev {\r\n\t\t\t\tborder-radius: var(--button-border-radius);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dpit-bullets {\r\n\ttext-align: center;\r\n\t-webkit-user-select: none;\r\n\tuser-select: none;\r\n\toverflow-y: visible;\r\n\r\n\t&--disabled {\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t&--hidden {\r\n\t\topacity: 0 !important;\r\n\t\tpointer-events: none !important;\r\n\t}\r\n\r\n\tul {\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: unit(10) 0 unit(5);\r\n\t\tflex-wrap: nowrap;\r\n\t\toverflow: auto visible;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\t\tdirection: ltr;\r\n\t\tgap: unit(10);\r\n\r\n\t\t&.dpit-has-scrollbar {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding-bottom: unit(10);\r\n\t\t\tjustify-content: flex-start;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tlist-style: none;\r\n\t\t\tmargin: unit(10) 0 !important;\r\n\t\t\tpadding: unit(13);\r\n\t\t\tcursor: pointer;\r\n\t\t\ttext-decoration: none;\r\n\t\t\toutline: none;\r\n\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground-color: rgba(var(--dpit-bullet-bg-color), 0.336);\r\n\t\t\t@include transitionMultiFaster(transform, background-color);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\r\n\r\n\t\t\t//step number\r\n\t\t\t>div {\r\n\t\t\t\tfont-size: unit(25);\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tline-height: 1.3;\r\n\t\t\t\tcolor: rgba(var(--dpit-bullet-tx-color), 0.95);\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include atHoverAbleDev {\r\n\t\t\t\t\tbackground-color: rgba(var(--dpit-bullet-on-bg-color), 0.737);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:active,\r\n\t\t\t&.active {\r\n\t\t\t\ttransform: scale(1.15);\r\n\t\t\t\ttransform-origin: center;\r\n\t\t\t\tcursor: default;\r\n\t\t\t\tbackground-color: rgba(var(--dpit-bullet-on-bg-color), 0.837);\r\n\r\n\t\t\t\t>div {\r\n\t\t\t\t\tcolor: rgb(var(--dpit-bullet-on-tx-color));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.not-visible-ref {\r\n\t\t\t\topacity: 0.4;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// on touch devices - big bullets with number\r\n\t//:root:not(.dpit-is-sticky-theme) {\r\n\t@include atTouchDev {\r\n\r\n\t\t//padding: unit(12) 0 0;\r\n\r\n\t\tul {\r\n\t\t\tpadding: unit(12) unit(10) unit(15);\r\n\t\t\tgap: unit(12);\r\n\r\n\t\t\tli {\r\n\t\t\t\twidth: unit(50);\r\n\t\t\t\theight: unit(50);\r\n\t\t\t\tmargin: unit(20) 0;\r\n\t\t\t\t@include transitionMultiFaster(transform);\r\n\r\n\t\t\t\t//step number\r\n\t\t\t\t>div {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tfont-family: var(--btn_font);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active,\r\n\t\t\t\t&.active {\r\n\t\t\t\t\tbackground-color: rgb(var(--dpit-bullet-on-bg-color), 0.9);\r\n\t\t\t\t\tmargin-left: unit(5);\r\n\t\t\t\t\tmargin-right: unit(5);\r\n\t\t\t\t\ttransform: scale(1.3);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.dpit-progress {\r\n\toverflow: hidden;\r\n\theight: unit(17);\r\n\tmargin: unit(30) unit(5) unit(10);\r\n\tborder-radius: var(--button-border-radius);\r\n\tbackground-color: rgba(var(--dpit-progress-bg-color), 0.2);\r\n}\r\n\r\n.dpit-progress-bar {\r\n\t@include transitionFast(width);\r\n\twidth: 0%;\r\n\theight: 100%;\r\n\tbackground-color: rgba(var(--dpit-progress-front-color), 0.822);\r\n}\r\n\r\n\r\n\r\n/* SECTION LIGHT ACCENT */\r\n.dpit-light-accent {\r\n\r\n\t.dpit-number {\r\n\t\t&__text {\r\n\t\t\tfont-weight: 900;\r\n\t\t}\r\n\r\n\t\t&--2dig {\r\n\t\t\t.dpit-number__text {\r\n\t\t\t\t//font-weight: 600;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--on-tooltip {\r\n\t\t\t--dpit-number-tx-color: var(--accent-contrast-color);\r\n\t\t\t--dpit-number-bg-color: var(--accent-color);\r\n\t\t\t--dpit-number-border-color: var(--dpit-tooltip-bg-color);\r\n\t\t}\r\n\t}\r\n\r\n\t.dpit-button {\r\n\t\tfont-weight: 900;\r\n\t}\r\n\r\n\t.dpit-anim-rb {\r\n\t\t//--bullet-anim-off-alpha: 0.8;\r\n\r\n\t\t&__wrap {\r\n\t\t\tdiv {\r\n\t\t\t\tborder: 2px solid rgba(var(--accent-contrast-color-gentle), 0.8);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--in-highlight {\r\n\t\t\t.dpit-anim-rb__wrap {\r\n\t\t\t\tdiv {\r\n\t\t\t\t\tborder: 1px solid rgba(var(--accent-contrast-color), 1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n/* !SECTION LIGHT ACCENT */\r\n\r\n\r\n\r\n\r\n\r\n@import './partials/dpit-target';\r\n@import './partials/dpit-css-anim';\r\n@import './partials/dpit-utils';\r\n@import './partials/dpit-global-fixes';",".dpit-no-events {\r\n\tpointer-events: none !important;\r\n}",".dpit-hidden {\r\n\topacity: 0 !important;\r\n\r\n\r\n\tpointer-events: none !important;\r\n\r\n\t&--no-space {\r\n\t\twidth: 0 !important;\r\n\t\theight: 0 !important;\r\n\t\tpadding: 0 !important;\r\n\t\tmargin: 0 !important;\r\n\t}\r\n\r\n\t&--by-vis {\r\n\t\tvisibility: hidden !important;\r\n\t}\r\n\r\n\t&--by-disp {\r\n\t\tdisplay: none !important;\r\n\t}\r\n}\r\n\r\n.dpit-hidden-keep-events {\r\n\topacity: 0 !important;\r\n\tpointer-events: all !important;\r\n}\r\n\r\n\r\n\r\n.dpit-hidden-hard {\r\n\tdisplay: none !important;\r\n}",".dpit-anim-rb {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0;\r\n\ttransition: opacity $transition-time-med ease-out;\r\n\tdisplay: flex !important; // jquery fade in / out\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tcursor: wait;\r\n\tpointer-events: all;\r\n\r\n\t&--off {\r\n\t\tcursor: default;\r\n\t\tvisibility: hidden;\r\n\t\tpointer-events: none !important;\r\n\t}\r\n\r\n\t&__wrap {\r\n\t\tdisplay: flex;\r\n\t\tpadding: var(--bullet-anim-gap, 4px);\r\n\t\tgap: var(--bullet-anim-gap, 4px);\r\n\r\n\t\tdiv {\r\n\t\t\tborder-radius: var(--bullet-anim-border-radius, 50%);\r\n\t\t\tpadding: var(--bullet-anim-size, 4px);\r\n\t\t\ttransition: transform 0.2s ease-out, background-color 0.185s ease-out;\r\n\t\t\ttransform-origin: center;\r\n\t\t\tbackground-color: rgba(var(--bullet-anim-color), var(--bullet-anim-off-alpha, 0.7));\r\n\r\n\t\t\t&.dpit-on {\r\n\t\t\t\ttransform: scale(1.55);\r\n\t\t\t\tbackground-color: rgba(var(--bullet-anim-on-color), 0.95);\r\n\r\n\t\t\t\t&--1 {\r\n\t\t\t\t\ttransform: scale(1.3);\r\n\t\t\t\t\tbackground-color: rgba(var(--bullet-anim-on-color), 0.8);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&--2 {\r\n\t\t\t\t\ttransform: scale(1.2);\r\n\t\t\t\t\tbackground-color: rgba(var(--bullet-anim-on-color), 0.75);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n}",":root {\r\n\t--dpit-unit: 0.51px;\r\n\t--accent-color: 29, 97, 149;\r\n\t--accent-contrast-color: 255, 255, 255;\r\n\t--accent-color-gentle: 150, 150, 150;\r\n\t--accent-contrast-inv-color: 51, 51, 51;\r\n\t--accent-contrast-color-gentle: 204, 204, 204;\r\n\t--accent-contrast-inv-color-gentle: 51, 51, 51;\r\n\t--dpit-tip-content-alpha: 1;\r\n\r\n\t--highlight-border-width: 4px;\r\n\t--highlight-shadow-spread: 200vw;\r\n\r\n\t--dpit-min-tooltip-width: unit(750);\r\n\r\n\t--tooltip-border-radius: 2px;\r\n\t--highlight-border-radius: 2px;\r\n\t--button-border-radius: 0;\r\n\r\n\t--bullet-anim-size: 1.65vw; // it is half size\r\n\t--bullet-anim-gap: 1.5vw;\r\n\t--bullet-anim-border-radius: 50%;\r\n\r\n\r\n\t--btn_font: inherit;\r\n\r\n\r\n\t@include atXXXS {\r\n\t\t--dpit-unit: 0.11vw;\r\n\t}\r\n}","@mixin primaryFont($weight:500, $color: false, $size: false, $lineHeight: false, $letterSpacing: false, $align: false, $fontOverride: false) {\r\n\tfont-family: var(--btn_font);\r\n\r\n\t@if $fontOverride {\r\n\t\tfont-family: $fontOverride;\r\n\t}\r\n\r\n\t@if $weight {\r\n\t\tfont-weight: $weight;\r\n\t}\r\n\r\n\t@if $color {\r\n\t\tcolor: $color;\r\n\t}\r\n\r\n\t@if $size {\r\n\t\tfont-size: $size;\r\n\t}\r\n\r\n\t@if $lineHeight {\r\n\t\tline-height: $lineHeight;\r\n\t}\r\n\r\n\t@if $letterSpacing {\r\n\t\tletter-spacing: $letterSpacing;\r\n\t}\r\n\r\n\t@if $align {\r\n\t\ttext-align: $align;\r\n\t}\r\n}\r\n\r\n@mixin primaryFontImportant($weight:500, $color: false, $size: false, $lineHeight: false, $letterSpacing: false, $align: false, $fontOverride: false) {\r\n\tfont-family: var(--btn_font) !important;\r\n\r\n\t@if $fontOverride {\r\n\t\tfont-family: $fontOverride !important;\r\n\t}\r\n\r\n\t@if $weight {\r\n\t\tfont-weight: $weight !important;\r\n\t}\r\n\r\n\t@if $color {\r\n\t\tcolor: $color !important;\r\n\t}\r\n\r\n\t@if $size {\r\n\t\tfont-size: $size !important;\r\n\t}\r\n\r\n\t@if $lineHeight {\r\n\t\tline-height: $lineHeight !important;\r\n\t}\r\n\r\n\t@if $letterSpacing {\r\n\t\tletter-spacing: $letterSpacing !important;\r\n\t}\r\n\r\n\t@if $align {\r\n\t\ttext-align: $align !important;\r\n\t}\r\n}\r\n\r\n@mixin activeTransitionSlideLeft {\r\n\tdisplay: none;\r\n\r\n\t&--active {\r\n\t\tdisplay: block;\r\n\t\topacity: 1;\r\n\t\ttransform: translateX(0);\r\n\t\tpointer-events: all;\r\n\t}\r\n\r\n\t&--in-transition {\r\n\t\topacity: 0;\r\n\t\ttransform: translateX(100%);\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n@mixin activeTransitionSlideDown {\r\n\tdisplay: none;\r\n\r\n\t&--active {\r\n\t\tdisplay: block;\r\n\t\topacity: 1;\r\n\t\ttransform: translateY(0);\r\n\t\tpointer-events: all;\r\n\t}\r\n\r\n\t&--in-transition {\r\n\t\topacity: 0;\r\n\t\ttransform: translateY(100%);\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n@mixin activeTransitionFade($display: block) {\r\n\tdisplay: none;\r\n\r\n\t&--active {\r\n\t\tdisplay: $display;\r\n\t\topacity: 1;\r\n\t\tpointer-events: all;\r\n\t}\r\n\r\n\t&--in-transition {\r\n\t\topacity: 0;\r\n\t\tpointer-events: none;\r\n\t}\r\n}\r\n\r\n@mixin panelControlItemHovFoc($transitionTime: 0.3s) {\r\n\topacity: 0.95;\r\n\t@include transitionFast(opacity);\r\n\r\n\t&:hover {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t&:focus,\r\n\t&--is-focused {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n@mixin dpitBoxShadowAlfa($alpha: 0.25, $blur: 4px, $spread: 0px, $inset: false) {\r\n\tbox-shadow: 1px 1px $blur $spread rgba(var(--dpit-shadow-color), $alpha);\r\n\r\n\t@if $inset {\r\n\t\tbox-shadow: inset 1px 1px $blur $spread rgba(var(--dpit-shadow-color), $alpha);\r\n\t}\r\n}\r\n\r\n@mixin dpitBoxShadow($blur: 4px, $spread: 0px, $inset: false) {\r\n\tbox-shadow: 1px 1px $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\r\n\t@if $inset {\r\n\t\tbox-shadow: inset 1px 1px $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\t}\r\n}\r\n\r\n@mixin dpitBoxShadowOff0($blur: 4px, $spread: 0px, $inset: false) {\r\n\tbox-shadow: 0 0 $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\r\n\t@if $inset {\r\n\t\tbox-shadow: inset 0 0 $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\t}\r\n}\r\n\r\n@mixin dpitBoxShadowOffM($blur: 4px, $spread: 0px, $inset: false) {\r\n\tbox-shadow: 2px 2px $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\r\n\t@if $inset {\r\n\t\tbox-shadow: inset 2px 2px $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\t}\r\n}\r\n\r\n@mixin dpitBoxShadowOffL($blur: 4px, $spread: 0px, $inset: false) {\r\n\tbox-shadow: 3px 2px $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\r\n\t@if $inset {\r\n\t\tbox-shadow: inset 3px 2px $blur $spread rgba(var(--dpit-shadow-color), var(--dpit-shadow-alpha));\r\n\t}\r\n}\r\n\r\n@function is-important($important) {\r\n\t@return #{if($important, '!important', '')};\r\n}\r\n\r\n\r\n\r\n@mixin pullOutPanelPadding($top, $bottom) {\r\n\tpadding: #{$top} 35px #{$bottom};\r\n\r\n\t@include atXS {\r\n\t\tpadding: #{$top} 25px #{$bottom};\r\n\t}\r\n\r\n\t@include atXXS {\r\n\t\tpadding: #{$top} 20px #{$bottom};\r\n\t}\r\n}\r\n\r\n@mixin transition($property: all, $duration: $transition-time-fast, $important: false, $time-function: ease-in) {\r\n\ttransition: $property $duration $time-function is-important($important);\r\n}\r\n\r\n@mixin transitionMulti($duration, $time-function, $property...) {\r\n\t@include transition(all, $duration, false, $time-function);\r\n\ttransition-property: $property;\r\n}\r\n\r\n@mixin transitionMultiFast($property...) {\r\n\t@include transition();\r\n\ttransition-property: $property;\r\n}\r\n\r\n@mixin transitionMultiFaster($property...) {\r\n\t@include transition(all, $transition-time-faster);\r\n\ttransition-property: $property;\r\n}\r\n\r\n@mixin transitionMultiFasterX($property...) {\r\n\t@include transition(all, $transition-time-faster-x);\r\n\ttransition-property: $property;\r\n}\r\n\r\n@mixin transitionFast($property: all, $important: false, $time-function: ease-in) {\r\n\t@include transition($property, $transition-time-fast, $important, $time-function);\r\n}\r\n\r\n@mixin transitionFaster($property: all, $important: false, $time-function: ease-in) {\r\n\t@include transition($property, $transition-time-faster, $important, $time-function);\r\n}\r\n\r\n@mixin transitionFasterX($property: all, $important: false, $time-function: ease-in) {\r\n\t@include transition($property, $transition-time-faster-x, $important, $time-function);\r\n}\r\n\r\n\r\n@mixin z-index($increment: 0, $important: false) {\r\n\tz-index: calc(var(--dp-z-index-base) + $increment) is-important($important);\r\n}\r\n\r\n@function unit($size: 1, $add: 0px) {\r\n\t@if ($add==0px) {\r\n\t\t@return calc(var(--dpit-unit) * $size);\r\n\t}\r\n\r\n\t@else {\r\n\t\t@return calc(var(--dpit-unit) * $size + $add);\r\n\t}\r\n}\r\n\r\n@function unitNeg($size: 1, $add: 0px) {\r\n\t@if ($add==0px) {\r\n\t\t@return calc(-1 * var(--dpit-unit) * $size);\r\n\t}\r\n\r\n\t@else {\r\n\t\t@return calc(-1 * var(--dpit-unit) * $size + $add);\r\n\t}\r\n}\r\n\r\n@mixin atXXL {\r\n\t@media (min-width: 1301px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atXL {\r\n\t@media (max-width: 1300px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atL {\r\n\t@media (max-width: 1200px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atM {\r\n\t@media (max-width: 1000px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atMMin {\r\n\t@media (min-width: 1001px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n\r\n@mixin atS {\r\n\t@media (max-width: 800px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atXS {\r\n\t@media (max-width: 600px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n\r\n@mixin atXXS {\r\n\t@media (max-width: 480px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atXXXS {\r\n\t@media (max-width: 400px) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n\r\n@mixin atTouchDev {\r\n\t@media (hover: none) {\r\n\t\t@content;\r\n\t}\r\n}\r\n\r\n@mixin atHoverAbleDev {\r\n\t@media (hover: hover) {\r\n\t\t@content;\r\n\t}\r\n}","h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  font-family: var(--h_font) !important;\r\n  margin-top: 0 !important;\r\n  line-height: 1.3 !important;\r\n  font-weight: 500;\r\n  padding: 0 !important;\r\n}\r\n\r\nh1 {\r\n  margin-bottom: var(--h1_mb) !important;\r\n  font-size: var(--h1_font_size) !important;\r\n}\r\n\r\nh2 {\r\n  margin-bottom: var(--h2_mb) !important;\r\n  font-size: var(--h2_font_size) !important;\r\n}\r\n\r\nh3 {\r\n  margin-bottom: var(--h3_mb) !important;\r\n  font-size: var(--h3_font_size) !important;\r\n}\r\n\r\nh4 {\r\n  margin-bottom: var(--h4_mb) !important;\r\n  font-size: var(--h4_font_size) !important;\r\n}\r\n\r\nh5 {\r\n  margin-bottom: var(--h5_mb) !important;\r\n  font-size: var(--h5_font_size) !important;\r\n}\r\n\r\nh6 {\r\n  margin-bottom: var(--h6_mb) !important;\r\n  font-size: var(--h6_font_size) !important;\r\n}\r\n\r\np {\r\n  font-family: var(--p_font) !important;\r\n  margin-bottom: var(--p_mb) !important;\r\n  font-size: var(--p_font_size) !important;\r\n  margin-top: 0 !important;\r\n  line-height: 1.3 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.dpit-accent {\r\n  color: rgb(var(--accent-color)) !important;\r\n}\r\n\r\nimg.alignnone {\r\n  margin: 0 1em;\r\n}\r\n\r\nimg.alignright {\r\n  float: right;\r\n  margin: 0 0 1em 1em;\r\n}\r\n\r\nimg.alignleft {\r\n  float: left;\r\n  margin: 0 1em 1em 0;\r\n}\r\n\r\nimg.aligncenter {\r\n  display: block;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\na img.alignright {\r\n  float: right;\r\n  margin: 0 0 1em 1em;\r\n}\r\n\r\na img.alignleft {\r\n  float: left;\r\n  margin: 0 1em 1em 0;\r\n}\r\n\r\na img.aligncenter {\r\n  display: block;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\npre {\r\n  white-space: pre-wrap;\r\n}\r\n\r\nblockquote {\r\n  position: relative;\r\n  padding: 0.7em 0 0.2em 1.3em;\r\n  font-size: var(--h4_font_size) !important;\r\n  margin: 0.3em 0.5em !important;\r\n  border: none !important;\r\n}\r\n\r\nblockquote::before {\r\n  position: absolute;\r\n  display: inline;\r\n  top: 0;\r\n  left: 0;\r\n  font-family: dashicons;\r\n  content: \"\\f205\";\r\n}\r\n","p,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  color: rgba(\r\n    var(--dpit-tooltip-tx-color),\r\n    var(--dpit-tooltip-tx-alpha)\r\n  ) !important;\r\n}\r\nblockquote::before {\r\n  color: rgb(var(--accent-color, var(--dpit-uac-prim-bg))) !important;\r\n}\r\n",".dpit-target,\r\ntr.dpit-target>td,\r\ntr.dpit-target>th {\r\n\tposition: relative;\r\n\t@include z-index(2, true);\r\n}\r\n\r\n.dpit-target {\r\n\tpointer-events: all !important;\r\n\r\n\r\n\t&--block-click {\r\n\t\t&:not(.dpit-target--click) {\r\n\t\t\tcursor: not-allowed !important;\r\n\r\n\t\t\ta {\r\n\t\t\t\tcursor: not-allowed !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&a:not(.dpit-target--click) {\r\n\t\t\tcursor: not-allowed !important;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t&--click {\r\n\t\tcursor: pointer !important;\r\n\t\ttransition: opacity $transition-time-fast ease-in-out !important;\r\n\t}\r\n\r\n\t&--hover {\r\n\t\ttransition: opacity $transition-time-fast ease-in-out !important;\r\n\t}\r\n}\r\n\r\n/*\r\ntr.dpit-target>td,\r\ntr.dpit-target>th {\r\n\tposition: relative;\r\n}*/\r\n\r\n.dpit-target-parent {\r\n\tz-index: auto !important;\r\n\r\n\t&--z-idx-fix {\r\n\t\t@include z-index(-1, true);\r\n\t\tpointer-events: none !important;\r\n\t}\r\n}\r\n\r\n\r\n\r\n.dpit-target-dummy {\r\n\tposition: fixed;\r\n\theight: 0;\r\n\twidth: 0;\r\n\tleft: 50%;\r\n\ttop: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n}",".dpit-bullet-pulse {\r\n\tanimation: dpit-anim-bullet-pulse 200ms;\r\n}\r\n\r\n@keyframes dpit-anim-bullet-pulse {\r\n\t0% {\r\n\t\tbox-shadow: 0 0 2px 2px rgba(var(--accent-color), 0.2);\r\n\t\ttransform: scale(1.2);\r\n\t}\r\n\r\n\t70% {\r\n\r\n\t\tbox-shadow: 0 0 2px 2px rgba(var(--accent-color), 0.4);\r\n\t\ttransform: scale(1.35);\r\n\t}\r\n\r\n\t100% {\r\n\t\tbox-shadow: 0 0 2px 2px rgba(var(--accent-color), 0.2);\r\n\t\ttransform: scale(1.3);\r\n\t}\r\n}\r\n\r\n.dpit-gelatine-pulse-short {\r\n\tanimation: dpit-anim-gelatine 0.3s;\r\n}\r\n\r\n.dpit-gelatine-pulse {\r\n\tanimation: dpit-anim-gelatine 0.5s;\r\n}\r\n\r\n@keyframes dpit-anim-gelatine {\r\n\r\n\tfrom,\r\n\tto {\r\n\t\ttransform: scale(1, 1);\r\n\t}\r\n\r\n\t25% {\r\n\t\ttransform: scale(0.97, 1.03);\r\n\t}\r\n\r\n\t/*50% {\r\n\t\ttransform: scale(1.03, 0.97);\r\n\t}*/\r\n\r\n\t/*75% {\r\n\t\ttransform: scale(0.985, 1.015);\r\n\t}*/\r\n}\r\n\r\n.dpit-gelatine-pulse-xl {\r\n\tanimation: dpit-anim-gelatine 0.5s;\r\n}\r\n\r\n@keyframes dpit-anim-gelatine-xl {\r\n\r\n\tfrom,\r\n\tto {\r\n\t\ttransform: scale(1, 1);\r\n\t}\r\n\r\n\t25% {\r\n\t\ttransform: scale(0.90, 1.1);\r\n\t}\r\n\r\n\t50% {\r\n\t\ttransform: scale(1.1, 0.90);\r\n\t}\r\n\r\n\t75% {\r\n\t\ttransform: scale(0.925, 1.075);\r\n\t}\r\n}\r\n\r\n.dpit-mm-highlight {\r\n\toutline: 10px solid rgb(var(--accent-color));\r\n}",".dpit-no-trans {\r\n\ttransition: unset !important;\r\n}\r\n\r\n.dpit-disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.3 !important;\r\n\tcursor: default;\r\n}\r\n\r\n.dpit-fixed-position {\r\n\tposition: fixed !important;\r\n}\r\n\r\n\r\n.dpit-relative-position {\r\n\tposition: relative //!important;\r\n}",":root {\r\n\r\n\t&.dpit-builder-mode,\r\n\t&.dpit-on,\r\n\t&.dpit-bon {\r\n\t\tbody:not(.wp-admin) #wpadminbar {\r\n\t\t\tposition: static !important;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t&:not(.dpit-target-parent):not(.dpit-target) {\r\n\t\t\t\tz-index: -1 !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tmargin-top: 0 !important;\r\n\t\t// body and html at wp-admin - height 100% fix (chrome make 100% to window.height instead of doc.height)\r\n\t\theight: unset;\r\n\r\n\t\tbody.wp-admin {\r\n\r\n\t\t\theight: unset;\r\n\t\t}\r\n\t}\r\n\r\n\t&.dpit-on {\r\n\t\t&:not(.dpit-target-selecting) {\r\n\r\n\t\t\t// no interaction under shadow overlay\r\n\t\t\t*:not(.dpit-wrap *):not(.dpit-wrap):not(.dpit-target-parent):not(.dpit-target):not(.dpit-target *):not(body) {\r\n\t\t\t\tpointer-events: none !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n:root.dpit-modal-opened {\r\n\t#wpadminbar {\r\n\t\tz-index: -1 !important;\r\n\t}\r\n}"],"sourceRoot":""}