{"version":3,"sources":["webpack:///./includes/assets/css/base/generic.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/RunningBulletsAnim/dpit-anim-rb-builder.scss","webpack:///./includes/assets/css/base/mixins.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/Popup/dpit-popup-hint.scss","webpack:///./includes/assets/css/base/const.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/Popup/dpit-popup-promo.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/MultiItemBox/dpit-multi-item-box.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/Button/dpit-button-exit.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/MultiItemBox/dpit-box-sub-item.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/Button/dpit-button-close-popup.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/BuilderControls/dpit-controls.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/PullOutPanel/dp-pull-out-panel.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/Switch/dpit-switch.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/StepEdit/dpit-step-edit.scss","webpack:///./public/assets/js/apps/TourStepEditor/consts/mixins.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/StepEdit/dpit-step-edit-item.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/Select/dpit-select.scss","webpack:///./public/assets/js/apps/TourStepEditor/containers/StepMetaDataContainer/dpit-step-meta-data.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/TargetTypeBox/dpit-target-type-box.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/TargetIndicator/dpit-target-indicator.scss","webpack:///./public/assets/js/apps/TourStepEditor/components/TargetSelector/dp-target-selector.scss","webpack:///./node_modules/tippy.js/themes/light-border.css"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gBACC,+BCCD,sBACC,oBACA,kBACA,wBACA,uBACA,cACA,QACA,SACA,gCACA,uBC+KA,+BD7KA,qBCkNA,0CD/MA,6BACC,qBAGD,yBACC,cACA,UACA,aACA,uBACA,iBACA,mBAEA,4BACC,WACA,UACA,WACA,gBACA,kBACA,qBACA,aACA,wBACA,gBACA,cACA,kEAEA,2CACC,sBAEA,8CACC,qBACA,wCAGD,8CACC,sBACA,wC;ADnDL,gBACC,+BGYD,iBDkNC,0CC/MA,mBACA,gBACA,wCACA,YACA,iBDsKA,2BAUA,+DC/KA,CACA,kBACA,cDtBA,4BAOC,eCkBoB,CDdpB,UEXiB,CFejB,cCU4C,CDN5C,iBCMkD,CAjBnD,oBACA,UAmBA,iBACA,mBAEA,8BACC,gBAGD,0BACC,oBAEA,iCACC,kBACA,eACA,yBACA,iBAGD,gCACC,eACA,kBACA,gBACA,kBACA,mBACA,UACA,qBAGD,+BACC,kBACA,mBACA,eACA,kBACA,iBACA,kEACA,+CACA,kBAEA,qCACC,uCACA,+CAIF,qCACC,kBACA,eACA,kBAKD,wCA5ED,eACA,YAgFA,+BACC,iBACA,aACA,uBACA,mBAEA,mCACC,UAGD,uCACC,aAKF,uBACC,sCACA,aCpGgB,CDuGjB,wBACC,wBCpGa,CDqGb,UC3GiB,CD6GjB,uDACC,UC9GgB,CDoHlB,mCACC,gBACA,kB;AHvHF,gBACC,+BKkBD,kBACC,eH2MA,0CGzMA,gBACA,QACA,SACA,qBDxBkB,CCyBlB,YACA,iBACA,kBAdA,UACA,gCACA,oBH0KA,2BAUA,qCGtKA,CH8PA,yBGzQD,kBAeE,eAGD,+BACC,gBAID,2BACC,uBACA,iBACA,aACA,sBACA,mBHuOD,yBG5OA,2BAQE,wBAID,kCACC,UACA,gBACA,YACA,kBACA,mBAGD,kCACC,kBACA,eACA,iBAGD,iCACC,eACA,kBACA,gBACA,kBACA,iBAKF,2BACC,gBACA,aACA,SH2MD,yBG9MA,2BAME,uBAGD,gCAEC,eACA,kBACA,kBH+FF,2BAUA,oDGxGE,CACA,YAEA,eACA,gBAEA,oCACA,aDhGe,CCkGf,sCACC,qBDnGc,CCoGd,qBAGD,qCACC,gBACA,sCAEA,2CACC,yBAIF,oCACC,gBACA,sCAEA,0CACC,sCAOH,yCA5HD,UACA,gCAMA,mBHkRA,yBG7JC,yCAxHA,iCA4HA,mCACC,iCAIF,gCACC,iBACA,eACA,iBACA,aACA,mBACA,uBAEA,oCACC,U;ALjJH,gBACC,+BMWD,qBACC,kBACA,aACA,eACA,gBJ0KA,2BAUA,wCInLA,CATA,UACA,mBAWA,2BACC,kBACA,MACA,QACA,uBACA,mBACA,aACA,sBACA,qBACA,iCACA,yBACA,wCAEA,mCACC,eAIF,6BACC,cApCD,eACA,UAsCC,gEAlCD,UACA,mBAsCA,iCACC,WACA,gBACA,eAEA,4DACC,uBACA,UACA,aACA,WJkIF,8BI/HE,eJiOF,yBIxOC,4DAWE,YACA,QAMD,gGACC,UACA,eACA,iBAGD,gGACC,iBAKH,2BACC,WACA,Y;ANpFF,gBACC,+BOCD,kBACC,aACA,uBACA,mBACA,cACA,mCACA,kBACA,WACA,YACA,mCACA,+CACA,UACA,eL4KA,2BAUA,kEKrLA,CLiIA,gFK9HA,YACA,aACA,UL+QA,yBKjSD,kBAsBE,SACA,YAGD,wBACC,UAGD,uBACC,eACA,kBACA,mCACA,+C;APpCF,gBACC,+BQCD,mBACC,yBACA,gBACA,gBACA,eACA,4BACA,kBNkLA,2BAUA,yEM3LA,CNuIA,gFA+EA,0CMlNA,sDACA,yBNbA,4BAOC,eMQoB,CNJpB,aETgB,CFahB,eAIA,eMJiD,CNQjD,qBMRsD,CNYtD,gBMZ8D,CNmF/D,aAEA,2BACC,aAJoC,CAKpC,UACA,mBAGD,kCACC,UACA,oBM1FD,yBACC,sBACA,mDAGD,gCACC,yBAGD,mCACC,oGAEA,8DACC,sG;ARhCH,gBACC,+BSCD,yBACC,mBACA,eACA,+BACA,aLHiB,CKIjB,kBACA,YACA,WACA,YACA,UACA,aP8KA,2BAUA,8COvLA,CAEA,+BACC,mCACA,mC;ATjBF,gBACC,+BUoFD,eAEC,oBACA,YACA,WAEA,qBRoIA,0CQlIC,eACA,SAC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BACA,kBACA,YACA,aAMA,iBf+LD,oBe3MA,+BASE,ef8KF,yBevLA,+BAeE,6BACA,6BfuKF,yBevLA,+BAsBE,iCACA,eACA,mBAGD,oCACC,0B;AjBjIH,gBACC,+BkBoDD,sBACC,aACA,sBACA,YACA,UhB0OA,yBgB9OD,sBAOE,YAGD,+BACC,aACA,uBACA,yCACA,2BACA,mBACA,ShBiND,yBgBvNA,+BASE,oBAGD,qCACC,cAEA,yCACC,WACA,YACA,mBACA,UAIF,iEAEC,gBAEA,+EACC,eACA,YAEA,4FACC,uCAMH,sCACC,yBhBrGF,4BAOC,egB+FsB,ChB3FtB,sCgB2F2B,ChBvF3B,cgBuF6D,ChBnF7D,agBmFmE,ChB/EnE,oBgB+EsE,CAIvE,6BACC,kBACA,cACA,eACA,gBA3GD,UACA,SACA,oBhBoLA,2BAUA,iEgB7LA,CAEA,qCACC,UAGC,iBAmGsB,CA/FtB,QAdwC,CAiBzC,aACA,mBA8FD,2BACC,aACA,uBACA,oBACA,mBACA,QAEA,mCACC,mBACA,cAIF,6BACC,eACA,aACA,WACA,YACA,gBACA,gBACA,wBhBmDD,+BgBhDC,qCACC,cAID,mCACC,YAGD,iCACC,WACA,YAEA,sChBmCF,4BgBjCG,mCAMH,6BACC,eACA,uBACA,gBACA,cAEA,gBACA,mBACA,cAGA,wCACC,oBACA,kBACA,eACA,mBACA,wBAGD,sCACC,oBACA,cACA,kBACA,eACA,mBACA,kCAKF,8BACC,aACA,mBACA,uBACA,kBACA,oDACA,eA/LD,UACA,SACA,oBhBoLA,2BAUA,iEgB7LA,CAEA,sCACC,UAGC,gBAwLsB,CApLtB,QAdwC,CAiBzC,aACA,mBAmLA,oCACC,WACA,YACA,uBACA,qCAIC,6CACC,gCACA,+BAKH,qCACC,gBhBvNF,4BAOC,egBiNsB,ChB7MtB,+BgB6M2B,ChBzM3B,cgByMsD,ChBrMtD,egBqM4D,CAC3D,yBACA,cAGD,oCACC,8CAEA,wEACC,oCAKF,oCACC,iBAEA,yEACC,kBAGD,wEACC,WACA,YAGD,yEACC,eACA,gBACA,gBAIA,8EACC,sBAMJ,4BACC,kBACA,aACA,sBACA,QACA,mB;AlBtQF,gBACC,+BmBIA,4BjBqLA,4BiBnLC,6BAIA,2DACC,YACA,uBAKD,oEACC,wBjBuKF,iCiBrKE,iBAEA,0EACC,sBAMF,uCACC,wCAKD,qCACC,iCAIF,kCACC,e;AnB1CF,gBACC,+BoBCD,oBlB6NC,qDkB3NA,aACA,qBACA,kBACA,mCACA,uBACA,oBACA,+BACA,6GAEA,+BACC,mClBiND,qDkB/MC,sFAGD,6BACC,mCAGD,4BACC,mCAGD,4BACC,sBAKF,sBACC,iB;AClCD,qCAAqC,qBAAqB,CAAC,2BAA2B,CAAC,iCAAiC,CAAC,UAAU,CAAC,2CAA2C,CAAC,qDAAqD,qBAAqB,CAAC,oHAAoH,UAAU,CAAC,iBAAiB,CAAC,UAAU,CAAC,wDAAwD,wBAAwB,CAAC,kBAAkB,CAAC,8EAA8E,qBAAqB,CAAC,6EAA6E,gCAAgC,CAAC,sBAAsB,CAAC,QAAQ,CAAC,QAAQ,CAAC,+EAA+E,QAAQ,CAAC,iFAAiF,QAAQ,CAAC,iFAAiF,wBAAwB,CAAC,WAAW,CAAC,gFAAgF,mCAAmC,CAAC,sBAAsB,CAAC,WAAW,CAAC,QAAQ,CAAC,kFAAkF,WAAW,CAAC,oFAAoF,WAAW,CAAC,+EAA+E,sBAAsB,CAAC,8EAA8E,iCAAiC,CAAC,0BAA0B,CAAC,SAAS,CAAC,OAAO,CAAC,gFAAgF,SAAS,CAAC,kFAAkF,SAAS,CAAC,gFAAgF,uBAAuB,CAAC,UAAU,CAAC,+EAA+E,0BAA0B,CAAC,UAAU,CAAC,OAAO,CAAC,kCAAkC,CAAC,iFAAiF,UAAU,CAAC,mFAAmF,UAAU,CAAC,sDAAsD,SAAS,CAAC,4DAA4D,4UAA4U,CAAC,wBAAwB,CAAC,UAAU,CAAC,UAAU,C","file":"main/dpit-builder-844ce8f9.css","sourcesContent":[".dpit-no-events {\r\n\tpointer-events: none !important;\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dpit-anim-rb-builder {\r\n\tpointer-events: none;\r\n\tposition: absolute;\r\n\tdisplay: flex !important;\r\n\tjustify-content: center;\r\n\tline-height: 1;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n\tpadding: 3px !important;\r\n\t@include transitionFast(opacity);\r\n\topacity: 0 !important;\r\n\t@include z-index(14);\r\n\r\n\t&.active {\r\n\t\topacity: 1 !important;\r\n\t}\r\n\r\n\tul {\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tflex-wrap: nowrap;\r\n\t\talign-items: center;\r\n\r\n\t\tli {\r\n\t\t\tmargin: 2px;\r\n\t\t\twidth: 8px;\r\n\t\t\theight: 8px;\r\n\t\t\tlist-style: none;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\ttext-decoration: none;\r\n\t\t\toutline: none;\r\n\t\t\ttransform-origin: center;\r\n\t\t\toverflow: hidden;\r\n\t\t\tdisplay: block;\r\n\t\t\ttransition: transform 0.2s ease-out, background-color 0.185s ease-out;\r\n\r\n\t\t\t&.dpit-bullet-on {\r\n\t\t\t\tbackground-color: #fff;\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(255, 255, 255, 0.918);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&--2 {\r\n\t\t\t\t\ttransform: scale(1.15);\r\n\t\t\t\t\tbackground-color: rgba(255, 255, 255, 0.718);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\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}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n@mixin active {\r\n\r\n\tmargin-right: 0;\r\n\topacity: 0.95;\r\n}\r\n\r\n@mixin inactive {\r\n\tmargin-right: -300px;\r\n\topacity: 0;\r\n}\r\n\r\n.dpit-popup-hint {\r\n\r\n\t@include z-index(15);\r\n\tpointer-events: all;\r\n\tmax-width: 300px;\r\n\tbackground-color: rgba(255, 255, 255, 0.733);\r\n\tpadding: 7px;\r\n\tpadding-top: 37px;\r\n\t@include transitionMultiFast(margin-right, opacity, background-color, color);\r\n\tborder-radius: 2px;\r\n\tmargin: 0 10px;\r\n\r\n\r\n\t@include primaryFont(400, $text-color-light, 14px, 1.5em);\r\n\r\n\t@include inactive;\r\n\ttext-align: right;\r\n\tmargin-bottom: 10px;\r\n\r\n\t&--dismissible {\r\n\t\tpadding-top: 7px;\r\n\t}\r\n\r\n\t&__content {\r\n\t\tpadding: 0 23px 10px;\r\n\r\n\t\t&__title {\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: 18px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\r\n\t\t&__desc {\r\n\t\t\tfont-size: 14px;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tline-height: 1.3em;\r\n\t\t\tmargin: 10px auto 0;\r\n\t\t\twidth: 95%;\r\n\t\t\tword-wrap: break-word;\r\n\t\t}\r\n\r\n\t\t&__cta {\r\n\t\t\ttext-align: center;\r\n\t\t\tpointer-events: all;\r\n\t\t\tcursor: pointer;\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tpadding: 5px 10px;\r\n\t\t\ttransition: color $transition-time-fast ease-in-out, background-color $transition-time-fast ease-in-out;\r\n\t\t\tbackground-color: rgba(var(--dpu-color-r), 0.1);\r\n\t\t\tmargin-bottom: 5px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: rgba(var(--dpu-color-r-text), 1);\r\n\t\t\t\tbackground-color: rgba(var(--dpu-color-r), 0.9);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__after-cta {\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tline-height: 1.2em;\r\n\t\t}\r\n\t}\r\n\r\n\t&__transition {\r\n\t\t&-enter-done {\r\n\t\t\t@include active;\r\n\t\t}\r\n\t}\r\n\r\n\t&__close-button {\r\n\t\tmargin-left: auto;\r\n\t\tdisplay: none;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 55%;\r\n\t\t}\r\n\r\n\t\t&--active {\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t&--info {\r\n\t\tbackground-color: rgba(171, 202, 219, 0.9);\r\n\t\tcolor: $text-color-dark;\r\n\t}\r\n\r\n\t&--error {\r\n\t\tbackground-color: $orange-color;\r\n\t\tcolor: $text-color-light;\r\n\r\n\t\t.dpit-popup-hint__close-button {\r\n\t\t\tcolor: $text-color-light;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.dpit-wrap.sticky {\r\n\t.dpit-popup-hint {\r\n\t\tmargin-left: 5px;\r\n\t\tmargin-right: 15px;\r\n\t}\r\n}","$background-color-light: #fff;\r\n$text-color-light: #fff;\r\n$text-color-placeholder: #9F9F9F;\r\n$text-color-dark: #484848;\r\n$text-color-darker: #333333;\r\n$text-color-very-dark: #292929;\r\n\r\n$orange-color: #e14d43;\r\n$color-blue-l: #0d95c4;\r\n$color-blue: #2681b1;\r\n$color-blue-d: #25668e;\r\n$color-purple-l: #634E82;\r\n\r\n$transition-time-faster-x: 0.1s;\r\n$transition-time-faster: 0.15s;\r\n$transition-time-fast: 0.20s;\r\n$transition-time-med: 0.3s;\r\n$transition-time-slow: 0.5s;","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n@mixin active {\r\n\topacity: 1;\r\n\ttransform: translate(-50%, -50%);\r\n\r\n\t@include atXS {\r\n\t\ttransform: translate(-50%, -50%);\r\n\t}\r\n\r\n\tpointer-events: all;\r\n}\r\n\r\n@mixin inactive {\r\n\topacity: 0;\r\n\ttransform: translate(150%, -60%);\r\n\tpointer-events: none;\r\n}\r\n\r\n.dpit-popup-promo {\r\n\tposition: fixed;\r\n\t@include z-index(13);\r\n\tmin-width: 500px;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\tbackground-color: $text-color-light;\r\n\tpadding: 7px;\r\n\tpadding-top: 37px;\r\n\tborder-radius: 2px;\r\n\t@include inactive;\r\n\t@include transitionMultiFast(transform, opacity);\r\n\r\n\r\n\t@include atXS {\r\n\t\tmin-width: 80%;\r\n\t}\r\n\r\n\t&--dismissible {\r\n\t\tpadding-top: 7px;\r\n\r\n\t}\r\n\r\n\t&__content {\r\n\t\tpadding: 10px 25px 15px;\r\n\t\tmargin-top: -30px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\r\n\t\t@include atS {\r\n\t\t\tpadding: 10px 25px 15px;\r\n\r\n\t\t}\r\n\r\n\t\t&__image {\r\n\t\t\twidth: 70%;\r\n\t\t\tmax-width: 150px;\r\n\t\t\theight: auto;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\r\n\t\t&__title {\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: 18px;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\r\n\t\t&__desc {\r\n\t\t\tfont-size: 14px;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tline-height: 1.3em;\r\n\t\t\tmargin: 10px auto;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&__buttons {\r\n\t\tmargin-top: 10px;\r\n\t\tdisplay: flex;\r\n\t\tgap: 15px;\r\n\r\n\t\t@include atXS {\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\r\n\t\t&__btn {\r\n\r\n\t\t\tcursor: pointer;\r\n\t\t\tpadding: 10px 20px;\r\n\t\t\tborder-radius: 2px;\r\n\t\t\t@include transitionMultiFast(background-color, color, transform);\r\n\t\t\tborder: none;\r\n\r\n\t\t\tfont-size: 16px;\r\n\t\t\tline-height: 1.3;\r\n\r\n\t\t\toutline: 2px solid rgba($text-color-dark, 0.9);\r\n\t\t\tcolor: $text-color-dark;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\toutline-color: $text-color-dark;\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t&--yes {\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tbackground-color: rgba(255, 205, 3, 0.788);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: rgb(255, 205, 3);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&--no {\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tbackground-color: rgba($text-color-placeholder, 0.3);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: rgba($text-color-placeholder, 0.2);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__transition {\r\n\t\t&-enter-done {\r\n\t\t\t@include active;\r\n\t\t}\r\n\r\n\t\t&-exit {\r\n\t\t\ttransform: translate(-150%, -40%);\r\n\t\t}\r\n\t}\r\n\r\n\t&__close-button {\r\n\t\tmargin-right: 5px;\r\n\t\tmargin-top: 3px;\r\n\t\tmargin-left: auto;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 55%;\r\n\t\t}\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n@mixin active {\r\n\tmargin-right: 0;\r\n\topacity: 1;\r\n}\r\n\r\n@mixin inactive {\r\n\topacity: 0;\r\n\tmargin-right: -68px;\r\n}\r\n\r\n.dpit-multi-item-box {\r\n\tposition: relative;\r\n\tdisplay: none;\r\n\tmin-width: 68px;\r\n\tmin-height: 48px;\r\n\t@include transitionMultiFast(opacity, margin-right);\r\n\t@include inactive;\r\n\r\n\t&__menu {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tpadding: 10px 10px 10px;\r\n\t\tpointer-events: all;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-end;\r\n\t\ttransition: transform $transition-time-med ease-in;\r\n\t\ttransform: rotate(-90deg);\r\n\t\ttransform-origin: calc(100% - 34px) 34px;\r\n\r\n\t\t&--opened {\r\n\t\t\ttransform: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&--active {\r\n\t\tdisplay: block;\r\n\t\t@include active;\r\n\r\n\t\t&.dpit-multi-item-box--in-transition {\r\n\t\t\t@include inactive;\r\n\t\t}\r\n\t}\r\n\r\n\t&--slide-down {\r\n\t\twidth: 100%;\r\n\t\tmin-height: 28px;\r\n\t\tmargin-right: 0;\r\n\r\n\t\t.dpit-multi-item-box__menu {\r\n\t\t\ttransform-origin: unset;\r\n\t\t\tpadding: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\twidth: auto;\r\n\t\t\t@include transitionFast(margin);\r\n\t\t\t//transition: margin $transition-time-fast ease-in;\r\n\t\t\ttransform: none;\r\n\r\n\r\n\t\t\t@include atXS {\r\n\t\t\t\tright: unset;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&.dpit-multi-item-box--active {\r\n\t\t\t&.dpit-multi-item-box--in-transition {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t\tmargin-top: -10px;\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-multi-item-box__menu--opened {\r\n\t\t\t\tmargin-top: -10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__item {\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dpit-button-exit {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmargin-left: 0;\r\n\ttransform: rotate(90deg) !important;\r\n\tborder-radius: 2px;\r\n\twidth: 48px;\r\n\theight: 48px;\r\n\tcolor: rgb(var(--dpu-color-r-text));\r\n\tbackground-color: rgba(var(--dpu-color-r), 0.9);\r\n\tpadding: 0;\r\n\tcursor: pointer;\r\n\t@include transitionMultiFast(transform, border-radius, color, background-color);\r\n\r\n\t@include dpitBoxShadowOff0(4px);\r\n\tborder: none;\r\n\toutline: none;\r\n\topacity: 1;\r\n\r\n\r\n\t@include atXXS {\r\n\t\ttop: 20px;\r\n\t\tright: 21px;\r\n\t}\r\n\r\n\t&__icon {\r\n\t\twidth: 40%;\r\n\t}\r\n\r\n\t&--alt {\r\n\t\ttransform: none;\r\n\t\tborder-radius: 50%;\r\n\t\tcolor: rgb(var(--dpu-color-r-text));\r\n\t\tbackground-color: rgba(var(--dpu-color-r), 0.9);\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dpit-box-sub-item {\r\n\t--dpit-shadow-alpha: 0.5;\r\n\tmin-width: 150px;\r\n\tmargin-top: 10px;\r\n\tcursor: pointer;\r\n\tpadding: 10px 10px 10px 14px;\r\n\tborder-radius: 0px;\r\n\t@include transitionMultiFast(color, background-color, transform, opacity, margin-right);\r\n\t//transition: color .8s ease-in-out, background-color .5s ease-in-out, transform 300ms ease-in-out, opacity 300ms ease-in-out, margin-right 300ms ease-in-out;\r\n\t@include dpitBoxShadowOff0(3px);\r\n\t@include z-index(13);\r\n\tbackground-color: rgba(var(--dpu-color-1-light), 0.97);\r\n\tborder: 1px solid $text-color-very-dark;\r\n\t//outline: 1px solid rgba($text-color-light, 0.9);\r\n\t@include primaryFont(400, $text-color-dark, 14px, 1.5, normal, right);\r\n\t@include activeTransitionFade;\r\n\r\n\t&:hover {\r\n\t\ttransform: scale(1.05);\r\n\t\tbackground-color: rgba(var(--dpu-color-1-light), 1);\r\n\t}\r\n\r\n\t&--semi-active {\r\n\t\tcolor: rgba($text-color-dark, 0.65);\r\n\t}\r\n\r\n\t&--slower-opacity {\r\n\t\ttransition: color .8s ease-in, background-color .5s ease-in, transform $transition-time-fast ease-in, opacity $transition-time-med ease-in;\r\n\r\n\t\t&.dpit-box-sub-item--exiting {\r\n\t\t\ttransition: color .8s ease-in, background-color .5s ease-in, transform $transition-time-fast ease-in, opacity 250ms ease-in;\r\n\t\t}\r\n\t}\r\n\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dpit-button-close-popup {\r\n\tpointer-events: all;\r\n\tcursor: pointer;\r\n\tbackground-color: transparent;\r\n\tcolor: $text-color-dark;\r\n\tborder-radius: 50%;\r\n\tborder: none;\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\topacity: 1;\r\n\toutline: none;\r\n\t@include transitionMultiFast(transform, background-color);\r\n\r\n\t&:hover {\r\n\t\ttransform: scale(0.9) rotate(90deg);\r\n\t\tbackground-color: rgba(41, 41, 41, 0.3);\r\n\t}\r\n\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n@mixin active {\r\n\r\n\t&.margin-based-transition {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\r\n\topacity: 1;\r\n\tpointer-events: all;\r\n\r\n\t&.animate {\r\n\t\tanimation: pulse 1s;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\topacity: 0.9;\r\n\t\t@include dpitBoxShadowAlfa(0.15);\r\n\t}\r\n\r\n}\r\n\r\n@mixin inactive {\r\n\r\n\ttransform: translateX(100%);\r\n\r\n\t&.margin-based-transition {\r\n\t\ttransform: none;\r\n\r\n\t\t&.margin-based-transition-58 {\r\n\t\t\tmargin-right: -58px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-80 {\r\n\t\t\tmargin-right: -80px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-120 {\r\n\t\t\tmargin-right: -120px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-160 {\r\n\t\t\tmargin-right: -170px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-250 {\r\n\t\t\tmargin-right: -250px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-350 {\r\n\t\t\tmargin-right: -350px;\r\n\t\t}\r\n\r\n\t\t@include atXS {\r\n\t\t\tmargin-right: -167px;\r\n\r\n\t\t\t&.margin-based-transition-58 {\r\n\t\t\t\tmargin-right: -58px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-80 {\r\n\t\t\t\tmargin-right: -60px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-120 {\r\n\t\t\t\tmargin-right: -84px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-160 {\r\n\t\t\t\tmargin-right: -119px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-250 {\r\n\t\t\t\tmargin-right: -175px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-350 {\r\n\t\t\t\tmargin-right: -300px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\topacity: 0;\r\n}\r\n\r\n.dpit-controls {\r\n\r\n\tpointer-events: none;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\r\n\t&__wrap {\r\n\t\t@include z-index(13);\r\n\t\tposition: fixed;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-end;\r\n\t\t@include transitionMultiFast(padding, flex-wrap, align-items, justify-content, margin-left);\r\n\t\tpadding: 0 30px 30px;\r\n\r\n\t\t@include atM {\r\n\t\t\tpadding: 0 20px 20px;\r\n\t\t\tflex-wrap: wrap-reverse;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\tmargin-left: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t&__multi-close {\r\n\t\tposition: fixed;\r\n\t\ttop: 0px;\r\n\t\tright: 0px;\r\n\t\tmargin: 15px 20px 0;\r\n\t\t//margin: 0 !important;\r\n\t\t@include z-index(13);\r\n\r\n\t\t&--bottom-left {\r\n\t\t\ttop: unset;\r\n\t\t\tright: unset;\r\n\r\n\t\t\tleft: 0px;\r\n\t\t\tbottom: 40px;\r\n\r\n\r\n\t\t\t.dpit-multi-item-box__menu {\r\n\t\t\t\ttransform-origin: 35px 35px;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tflex-direction: row;\r\n\r\n\r\n\r\n\t\t\t\t@include atXS {\r\n\t\t\t\t\twidth: 100vw;\r\n\t\t\t\t\tflex-wrap: wrap;\r\n\r\n\t\t\t\t\t&--opened {\r\n\t\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t//transform-origin: calc(100% - 34px) 34px;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-multi-item-box__item:not(:first-child) {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-controls__button--cancel-sub {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t\tmargin-bottom: 5px;\r\n\r\n\t\t\t\t@include atXS {\r\n\t\t\t\t\tmin-width: 100px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\r\n\t\t@include atM {\r\n\t\t\tmargin: 15px 10px 0;\r\n\t\t}\r\n\r\n\t\t@include atXS {\r\n\t\t\tmargin: 10px 10px 0px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__button {\r\n\t\t@include primaryFont(500, $text-color-light, 18px, 1.5);\r\n\t\ttext-transform: uppercase;\r\n\t\tpointer-events: none;\r\n\t\tcursor: pointer;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: 0px 20px;\r\n\t\tborder-radius: 2px;\r\n\t\topacity: 0;\r\n\t\t@include transitionMulti($transition-time-fast, ease-in, color, background-color, transform, opacity, margin-right);\r\n\t\t@include dpitBoxShadow;\r\n\t\theight: 48px;\r\n\t\toutline: none;\r\n\t\tborder: none;\r\n\t\t@include z-index(13);\r\n\t\tcolor: rgba(var(--dpu-color-2-text), 1);\r\n\r\n\t\tbackground-color: rgba(var(--dpu-color-2), 1);\r\n\t\tdisplay: none;\r\n\t\tmargin-left: 10px;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttext-align: center;\r\n\r\n\t\t&:first-child {\r\n\t\t\tmargin-left: 0px;\r\n\t\t}\r\n\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\t@include transitionFast(opacity);\r\n\t\t}\r\n\r\n\t\t&--edit-step {\r\n\t\t\tborder-radius: 2px;\r\n\t\t\twidth: 48px;\r\n\t\t\theight: 48px;\r\n\t\t\tcolor: rgb(var(--dpu-color-b-text));\r\n\t\t\tbackground-color: rgb(var(--dpu-color-b));\r\n\t\t\tpadding: 0;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t&--change-selection {\r\n\t\t\tcolor: rgba(var(--dpu-color-b-text), 1);\r\n\t\t\tbackground-color: rgba(var(--dpu-color-b), 1);\r\n\t\t}\r\n\r\n\t\t&--pause-builder {\r\n\t\t\tposition: fixed;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translateX(-50%);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tcolor: rgb(var(--dpit-uac-prim));\r\n\t\t\tbackground-color: rgba(var(--dpit-uac-prim-bg), 0.97);\r\n\r\n\t\t}\r\n\r\n\t\t&--save {\r\n\t\t\tcolor: rgb(var(--dpu-color-g-text));\r\n\t\t\tbackground-color: rgb(var(--dpu-color-g));\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t&--alt {\r\n\t\t\tborder-radius: 2px;\r\n\t\t}\r\n\r\n\t\t&--active:not(.dpit-controls__button--cancel-sub) {\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\t@include active;\r\n\r\n\t\t\t&.dpit-controls__button--in-transition {\r\n\t\t\t\t@include inactive;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--add-first-step {\r\n\t\t\tposition: fixed;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tfont-size: 25px;\r\n\t\t\tmin-height: 100px;\r\n\t\t\tleft: calc(50% - 175px);\r\n\t\t\ttop: calc(50% - 50px);\r\n\t\t\tbackground-color: rgb(var(--dpu-color-g));\r\n\t\t\tcolor: rgba(var(--dpu-color-g-text), 1);\r\n\t\t\tborder-radius: 2px;\r\n\t\t\ttext-transform: uppercase;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 0.97 !important;\r\n\r\n\t\t\t}\r\n\r\n\t\t\t@include atXS {\r\n\t\t\t\tleft: calc(50% - 150px);\r\n\t\t\t\tmin-height: 70px;\r\n\t\t\t\ttop: calc(50% - 35px);\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\r\n\r\n\t\t&.margin-based-transition-120 {\r\n\t\t\tmin-width: 120px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-170 {\r\n\t\t\tmin-width: 170px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-250 {\r\n\t\t\tmin-width: 250px;\r\n\t\t}\r\n\r\n\t\t&.margin-based-transition-350 {\r\n\t\t\tmin-width: 350px;\r\n\t\t}\r\n\r\n\t\t@include atXS {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: 700;\r\n\r\n\t\t\t&.margin-based-transition-120 {\r\n\t\t\t\tmin-width: 84px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-170 {\r\n\t\t\t\tmin-width: 119px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-250 {\r\n\t\t\t\tmin-width: 175px;\r\n\t\t\t}\r\n\r\n\t\t\t&.margin-based-transition-350 {\r\n\t\t\t\tmin-width: 300px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t&--processing {\r\n\t\t\tcursor: default;\r\n\t\t\tpointer-events: none;\r\n\t\t\tcolor: transparent;\r\n\t\t\t-webkit-user-select: none;\r\n\t\t\tuser-select: none;\r\n\r\n\r\n\t\t\t&.dpit-controls__button--save {\r\n\t\t\t\tbackground-color: rgba(var(--dpu-color-b), 1);\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-anim-rb-builder.dpit-controls__running-bullets-anim {\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t\t//top: calc(50% + 2px);\r\n\r\n\t\t\t\tul {\r\n\t\t\t\t\tflex-wrap: nowrap;\r\n\t\t\t\t\tflex-shrink: 0;\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\tbackground-color: rgba(var(--dpu-color-b-text), 0.25) !important;\r\n\t\t\t\t\t\twidth: 6px;\r\n\t\t\t\t\t\theight: 6px;\r\n\r\n\r\n\t\t\t\t\t\t&.dpit-bullet-on {\r\n\t\t\t\t\t\t\tbackground-color: rgba(var(--dpu-color-b-text), 1) !important;\r\n\t\t\t\t\t\t\ttransform: translateY(-10%);\r\n\r\n\t\t\t\t\t\t\t&--1 {\r\n\t\t\t\t\t\t\t\ttransform: translateY(-5%);\r\n\t\t\t\t\t\t\t\tbackground-color: rgba(var(--dpu-color-b-text), 0.918) !important;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&--2 {\r\n\t\t\t\t\t\t\t\ttransform: translateY(-2%);\r\n\t\t\t\t\t\t\t\tbackground-color: rgba(var(--dpu-color-b-text), 0.718) !important;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&--processed {\r\n\t\t\tcursor: default;\r\n\t\t\tcolor: rgba(var(--dpu-color-g-text), 1);\r\n\t\t\tbackground-color: rgba(var(--dpu-color-g), 1);\r\n\t\t\tpointer-events: none;\r\n\t\t\t//animation: pulse 1s; \r\n\r\n\t\t}\r\n\r\n\t\t&--error {\r\n\t\t\tcursor: default;\r\n\t\t\tpointer-events: none;\r\n\t\t\t//animation: pulse 1s; \r\n\t\t\tbackground-color: rgba(var(--dpu-color-r), 1);\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\twidth: 55%;\r\n\t\t}\r\n\t}\r\n\r\n\t&__hint {\r\n\t\topacity: 0.95;\r\n\t\tfont-size: 18px;\r\n\t\tpointer-events: none;\r\n\t\ttext-transform: uppercase;\r\n\t\tbackground-color: rgba(255, 255, 255, 0.733);\r\n\t\tfont-weight: bold;\r\n\t\ttext-align: center;\r\n\t\tpadding: 10px;\r\n\t\tdisplay: none;\r\n\t\tmax-width: 300px;\r\n\r\n\t\t&--active {\r\n\t\t\tanimation: pulse 2s infinite;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&--top {\r\n\r\n\t\t.dpit-controls__wrap {\r\n\t\t\tbottom: unset;\r\n\t\t\ttop: 30px;\r\n\r\n\t\t\talign-items: flex-start;\r\n\t\t\tpadding-top: 10px;\r\n\r\n\t\t\t@include atM {\r\n\t\t\t\ttop: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t@include atXS {\r\n\t\t\t\ttop: 10px;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.dpit-controls__button {\r\n\t\t\t@include z-index(14);\r\n\r\n\t\t}\r\n\r\n\t\t.dpit-controls__multi-close {\r\n\t\t\tposition: relative;\r\n\t\t\tmargin: 0 !important;\r\n\t\t\ttransform: translateY(-10px);\r\n\r\n\r\n\t\t\t@include atM {\r\n\r\n\t\t\t\ttransform: translateY(-20px);\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-button-exit {\r\n\t\t\t\tborder-radius: 2px;\r\n\r\n\t\t\t\t&--alt {\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-box-sub-item {\r\n\t\t\t\tborder-radius: 2px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n@mixin active {\r\n\tpointer-events: all;\r\n\topacity: 1;\r\n\ttransform: skew(-1deg, 0deg) translate(0, -50%);\r\n\r\n\t@media ((orientation: landscape) and (max-height: 480px)) {\r\n\t\ttransform: skew(-1deg, 0deg);\r\n\t\ttop: 0;\r\n\t}\r\n\r\n\t/*&.dp-pull-out-panel--top {\r\n\t\ttop: 20px;\r\n\t\ttransform: skew(-1deg, 0deg);\r\n\t}*/\r\n\r\n\t@include atXXS {\r\n\t\ttransform: translateY(0) !important;\r\n\t}\r\n}\r\n\r\n@mixin inactive {\r\n\ttransform: skew(-4deg, 7deg) translate(150%, -50%);\r\n\tpointer-events: none;\r\n\topacity: 0;\r\n\r\n\t&.dp-pull-out-panel--top {\r\n\t\t//top: unset !important;\r\n\t\t//bottom: 20px;\r\n\t\t//transform: skew(-4deg, 7deg) translate(150%, 0);\r\n\t}\r\n\r\n\t@include atXXS {\r\n\t\ttop: unset !important;\r\n\t\ttransform: translateY(110%) !important;\r\n\t}\r\n}\r\n\r\n.dp-pull-out-panel {\r\n\r\n\tdisplay: none;\r\n\tposition: fixed;\r\n\tbox-shadow: 0 0 12px 0 rgba(var(--dpu-color-2), 0.15);\r\n\t@include dpitBoxShadow;\r\n\tbox-sizing: border-box;\r\n\ttop: calc(50% - 60px);\r\n\tright: -7px;\r\n\tbackground: rgba(rgb(214, 214, 214), 0.97);\r\n\t@include z-index(14);\r\n\tpadding: 0;\r\n\tborder-bottom-left-radius: 2px;\r\n\tborder-top-left-radius: 2px;\r\n\t@include inactive;\r\n\tflex-direction: column;\r\n\t@include transitionMultiFast(opacity, transform);\r\n\tuser-select: none;\r\n\r\n\t@include atXXS {\r\n\t\ttop: unset;\r\n\t\tmax-width: unset;\r\n\t\tmax-height: 100%;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tborder-radius: 0;\r\n\t\tbackground: rgb(214, 214, 214);\r\n\t}\r\n\r\n\r\n\t@include atXXS {\r\n\t\tmin-width: unset;\r\n\t}\r\n\r\n\t&--active {\r\n\t\tdisplay: flex;\r\n\t\t@include active;\r\n\r\n\t\t&.dp-pull-out-panel--in-transition {\r\n\t\t\t@include inactive;\r\n\t\t}\r\n\t}\r\n\r\n\t&--disabled {\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t&__drop-down {\r\n\t\tposition: absolute;\r\n\t\t@include z-index(16);\r\n\t\tpointer-events: none;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: transparent;\r\n\t\tborder-bottom-left-radius: 2px;\r\n\t\tborder-top-left-radius: 2px;\r\n\t\t@include transitionFast(background-color, filter);\r\n\r\n\t\t&--active {\r\n\t\t\tpointer-events: all;\r\n\t\t\tbackground-color: rgba($text-color-dark, 0.5);\r\n\t\t}\r\n\r\n\t\t&--keep-target-ctrl {\r\n\t\t\t@include z-index(14);\r\n\t\t}\r\n\r\n\t\t@include atXXS {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&__close-button {\r\n\t\tposition: absolute;\r\n\t\tright: 35px;\r\n\t\ttop: 17px;\r\n\t\tcursor: pointer;\r\n\t\tbackground-color: transparent;\r\n\t\ttransform: rotate(-90deg);\r\n\t\tbackground-image: url('./../../../../../icons/dpit-select_arrow-down-dark.svg');\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: 80%;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tborder-radius: 2px;\r\n\t\tborder: none;\r\n\t\twidth: 38px;\r\n\t\theight: 38px;\r\n\t\topacity: 0.9;\r\n\t\toutline: none;\r\n\t\t@include transitionMultiFast(opacity, transform, background-color);\r\n\t\t@include z-index(15);\r\n\r\n\t\t&:hover {\r\n\t\t\ttransform: scale(0.9) rotate(-90deg);\r\n\t\t\tbackground-color: rgba(#fff, 0.3);\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\t@include atXXS {\r\n\t\t\tright: 20px;\r\n\t\t\ttransform: rotate(0deg);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttransform: scale(0.9);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__title {\r\n\t\t@include primaryFontImportant(700, $text-color-dark, 19px, 1.167, normal, left);\r\n\t\ttext-transform: uppercase;\r\n\t\t@include pullOutPanelPadding(0, 0);\r\n\t\tmargin: 30px 80px 5px 0;\r\n\t\t@include z-index(15);\r\n\r\n\t\t@include atXXS {\r\n\t\t\tfont-size: 16px !important;\r\n\t\t\tpadding-left: 20px;\r\n\t\t}\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n@import '../../consts/mixins.scss';\r\n\r\n.toggleContainer.dpit-switch {\r\n\r\n\tposition: relative;\r\n\tbackground-color: rgba(#ffffffd2, 0.45);\r\n\tborder-radius: 2px;\r\n\tline-height: 1 !important;\r\n\t@include panelControlItemHovFoc($transition-time-fast);\r\n\tdisplay: flex;\r\n\tbox-sizing: border-box;\r\n\r\n\t.toggleOption {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tz-index: 1;\r\n\t\ttext-wrap: nowrap;\r\n\t\tcursor: pointer;\r\n\t\t@include transitionMultiFast(color, opacity, font-weight);\r\n\t\t@include primaryFont(300, rgb(var(--dpu-color-g-text)), 14px, 14px, normal, center);\r\n\t\topacity: 0.65;\r\n\t\tpadding: 12px;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\r\n\t\t&:nth-child(2) {\r\n\t\t\tcolor: rgba(var(--dpu-color-r-text), 0.8);\r\n\t\t}\r\n\r\n\t\t&.selected {\r\n\t\t\topacity: 1;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcursor: default;\r\n\t\t}\r\n\r\n\t\t&:not(.selected) {\r\n\t\t\tcolor: $text-color-very-dark;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t.toggle.dpit-switch__toggle {\r\n\t\tz-index: 0;\r\n\t\tposition: absolute;\r\n\t\tborder-radius: 2px;\r\n\t\theight: 100%;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\t@include transitionMultiFast(background-color, width, transform);\r\n\t\tbackground-color: rgba(80, 80, 80, 0.555);\r\n\r\n\t\t&.dpit-switch__toggle--on {\r\n\t\t\tbackground-color: rgba(var(--dpu-color-g), 0.95);\r\n\t\t\twidth: 50% !important;\r\n\t\t}\r\n\r\n\t\t&.dpit-switch__toggle--off {\r\n\t\t\tbackground-color: rgba(var(--dpu-color-r), 0.83);\r\n\t\t\twidth: 50% !important;\r\n\t\t\ttransform: translateX(100%) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.dpit-switch--half-size {\r\n\t\t.toggleOption {\r\n\t\t\tpadding: 4px 9px;\r\n\t\t\tfont-size: 10px;\r\n\t\t\tmin-width: 50px;\r\n\t\t}\r\n\t}\r\n\r\n\t&.dpit-switch--dark-bg {\r\n\t\tbackground-color: rgba($text-color-dark, 0.7);\r\n\r\n\t\t.toggleOption {\r\n\t\t\t&:not(.selected) {\r\n\t\t\t\tcolor: $text-color-light;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.dpit-switch--hidden {\r\n\t\topacity: 0;\r\n\t\tpointer-events: none;\r\n\t\theight: 0;\r\n\r\n\t\t.toggleOption {\r\n\t\t\tfont-size: 0;\r\n\t\t}\r\n\t}\r\n\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n@import '../../consts/mixins.scss';\r\n\r\n\r\n$activeElColorSemiDark: rgba(var(--dpu-color-2), 0.95);\r\n\r\n\r\n.dpit-step-edit {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\tpadding-bottom: 10px; // react on mouse enter was not triggered on the border\r\n\tmargin-bottom: -10px;\r\n\r\n\t&__wrap {\r\n\r\n\t\tmax-width: 530px;\r\n\t\t//max-width: 100%;\r\n\t\t@include pullOutPanelPadding(0, 10px);\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: 3fr 1fr;\r\n\t\tgrid-template-rows: 1fr auto;\r\n\t\tgap: 21px;\r\n\r\n\t\t@include atXS {\r\n\t\t\tmax-width: 458px;\r\n\t\t\tgap: 18px;\r\n\t\t}\r\n\r\n\t\t@include atXXS {\r\n\t\t\tgrid-template-columns: 2fr 1fr;\r\n\t\t\tmax-width: unset;\r\n\r\n\t\t\tgap: 11px;\r\n\t\t\t@include pullOutPanelPadding(0, 8px);\r\n\t\t}\r\n\r\n\t\t@include atXXXS {\r\n\t\t\tmax-width: unset;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column-reverse;\r\n\t\t\talign-items: stretch;\r\n\t\t\tpadding-bottom: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t&__ctrls {\r\n\t\t@include z-index(15);\r\n\t\tmargin-top: 10px;\r\n\t\tmargin-bottom: 20px;\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\tgap: 20px;\r\n\t\tbackground: $activeElColorSemiDark;\r\n\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-2), 0.70) 25%, rgba(var(--dpu-color-2), 0.78) 100%);\r\n\t\tborder-bottom-right-radius: 2px;\r\n\t\tborder-top-right-radius: 2px;\r\n\t\t@include pullOutPanelPadding(20px, 7px);\r\n\t\tmargin-right: 35px;\r\n\t\tflex-wrap: wrap;\r\n\r\n\t\t@include atXS {\r\n\t\t\t//padding: 10px 10px 5px 15px;\r\n\t\t\tmargin-right: 0;\r\n\t\t\tgap: 15px;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\r\n\t\t@include atXXS {\r\n\t\t\tmin-width: 95%;\r\n\t\t\tjustify-content: space-evenly;\r\n\t\t\tgap: 10px;\r\n\t\t}\r\n\r\n\t\t@include atXXXS {\r\n\t\t\tmin-width: 100%;\r\n\t\t\tmargin-right: 0px;\r\n\t\t\tgap: 5px;\r\n\t\t\tpadding-top: 15px;\r\n\t\t\tpadding-bottom: 12px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__ctrls-2 {\r\n\t\t@include z-index(13);\r\n\t}\r\n\r\n\t&__target-type-box {\r\n\t\tborder: 1px solid rgba(var(--dpu-color-g), 0.5);\r\n\t\toutline: 1px solid rgba(var(--dpu-color-g-text), 0.5);\r\n\t\t//box-shadow: 0 0 6px 0 rgba(var(--dpu-color-g), 0.5);\r\n\r\n\t\t&--no-target {\r\n\t\t\tborder-color: rgba(var(--dpu-color-2), 0.5);\r\n\t\t\toutline-color: rgba(var(--dpu-color-2-text), 0.5);\r\n\t\t}\r\n\r\n\t\t&--skipped {\r\n\t\t\tborder-color: rgba(var(--dpu-color-r), 0.5);\r\n\t\t\toutline-color: rgba(var(--dpu-color-r-text), 0.5);\r\n\t\t}\r\n\t}\r\n\r\n\t&__content {\r\n\t\tcursor: pointer;\r\n\t\talign-self: stretch !important;\r\n\t\tpadding: 12px !important;\r\n\t\tborder-radius: 2px !important;\r\n\t\ttransition: background-color $transition-time-fast ease-in-out !important;\r\n\t\toutline: 1px solid rgba($text-color-dark, 0.5) !important;\r\n\t\tborder: none !important;\r\n\t\tmin-width: unset !important;\r\n\t\tmax-height: 100px;\r\n\r\n\t\tresize: none;\r\n\r\n\t\tbackground: rgba($background-color-light, 0.9) !important;\r\n\t\t@include primaryFontImportant(400, $text-color-dark, 14px, 16px, normal);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: $background-color-light !important;\r\n\t\t}\r\n\r\n\t\t@include atXXS {\r\n\t\t\twidth: unset !important;\r\n\t\t\tmax-height: 53px;\r\n\r\n\t\t\t&--higher-on-mobile {\r\n\t\t\t\tmargin-bottom: 250px !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t@media ((orientation: landscape) and (max-height: 480px)) {\r\n\t\t\tmax-height: 60px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__signals {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\tmargin-top: 3px;\r\n\t\tmargin-left: -2px;\r\n\r\n\r\n\t\t&--disabled {\r\n\t\t\t@include disabled-ctrl-item;\r\n\t\t}\r\n\r\n\t\t.dpit-target-indicator:nth-child(2) {\r\n\t\t\tpadding: 0 2px;\r\n\t\t\tz-index: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&__target-ctrl {\r\n\t\t@include z-index(11);\r\n\t\tmin-width: 50px;\r\n\t\tmargin-top: -6px;\r\n\r\n\t\t.dpit-multi-item-box__menu {\r\n\t\t\tpadding: 4px;\r\n\t\t\ttransform-origin: calc(100% - 25px) 25px;\r\n\r\n\t\t\t.dpit-multi-item-box__item {\r\n\t\t\t\t.dpit-box-sub-item {\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\tmin-width: unset;\r\n\t\t\t\t\tcursor: default;\r\n\r\n\t\t\t\t\t@include atS {\r\n\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t@include atXXS {\r\n\t\t\t\t\t\tmin-width: 180px;\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\t.dpit-box-sub-item {\r\n\t\t\t\t\t\tmargin-top: 5px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t@include atS {\r\n\t\t\t\ttransform-origin: 25px 25px;\r\n\t\t\t\tright: unset;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t}\r\n\r\n\t\t\t@include atXXS {\r\n\t\t\t\ttransform: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__arrow-down {\r\n\t\t@include transitionMultiFast(opacity, height);\r\n\t\twidth: 22px;\r\n\t\theight: 22px;\r\n\t\topacity: 1;\r\n\t\tcursor: pointer;\r\n\t\tpointer-events: all;\r\n\t\talign-self: flex-end;\r\n\t\tmargin-right: 10px;\r\n\r\n\t\t@include atXS {\r\n\t\t\tmargin-left: 10px;\r\n\t\t\tmargin-right: 0px;\r\n\t\t}\r\n\r\n\t\t&--hidden {\r\n\t\t\theight: 0;\r\n\t\t\twidth: 0;\r\n\t\t\topacity: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t&--up {\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t}\r\n\r\n\t\t&--l {\r\n\t\t\twidth: 27px;\r\n\t\t\theight: 27px;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\tpath {\r\n\t\t\ttransition: stroke $transition-time-fast ease-in-out;\r\n\t\t\tstroke: rgba(var(--dpu-color-2-text), 1);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&__button {\r\n\r\n\t\tcursor: pointer;\r\n\t\tbackground-color: transparent;\r\n\t\topacity: 0.95;\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: 80%;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\twidth: 42px;\r\n\t\theight: 42px;\r\n\t\tborder: none;\r\n\t\toutline: none;\r\n\t\t@include transitionMultiFast(opacity, transform);\r\n\r\n\t\t&--target {\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground-image: url('./../../../../../icons/dp-cross-hairs-target.svg');\r\n\t\t}\r\n\r\n\r\n\t\t&:hover {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\t&--url {\r\n\t\t\tbackground-image: url('./../../../../../icons/dpit-directions-solid.svg');\r\n\t\t\tfill: #fff;\r\n\t\t\tmargin-top: -2.5px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttransform: scale(1.05) rotate(-8deg);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__sub-button {\r\n\t\tmargin-top: 7px;\r\n\t\tmin-width: 180px;\r\n\t}\r\n\r\n\t// interaction\r\n\t&__switch.toggleContainer {\r\n\r\n\t\t@include z-index(14);\r\n\t\tmin-width: 120px;\r\n\t\t@include panelControlItemHovFoc($transition-time-fast);\r\n\t\tdisplay: flex;\r\n\t\tmax-width: 200px;\r\n\r\n\t\t@include atXXS {\r\n\t\t\tmin-width: 100px;\r\n\t\t\tmax-width: 100px;\r\n\t\t}\r\n\r\n\t\t@include atXXXS {\r\n\r\n\t\t\tmax-width: 100px;\r\n\t\t}\r\n\r\n\t\t.toggleOption {\r\n\t\t\tpadding: 12px 5px;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\r\n\r\n\t&__navig {\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: 0;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-end;\r\n\r\n\t\t@include atXS {\r\n\t\t\tjustify-content: stretch;\r\n\t\t\tmargin-left: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\ttransform: none;\r\n\t\t}\r\n\r\n\t\t&__button {\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcolor: rgb(var(--dpu-color-2-text));\r\n\t\t\tbackground-color: rgb(var(--dpu-color-2));\r\n\t\t\tpadding-top: 16px;\r\n\t\t\tpadding-bottom: 16px;\r\n\t\t\tmin-width: 100px;\r\n\t\t\ttext-decoration: none;\r\n\t\t\t@include transitionMultiFast(background, color, opacity);\r\n\t\t\toutline: none;\r\n\t\t\tborder: none;\r\n\r\n\t\t\topacity: 0.87;\r\n\t\t\t@include primaryFont(600, $text-color-light, 14px, 16px, normal, center);\r\n\r\n\t\t\t&.dpit-hovered,\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t@include atXS {\r\n\t\t\t\tmin-width: 50px;\r\n\t\t\t\tpadding-top: 15px;\r\n\t\t\t\tpadding-bottom: 15px;\r\n\t\t\t}\r\n\r\n\t\t\t@include atXS {\r\n\t\t\t\twidth: 25%;\r\n\t\t\t}\r\n\r\n\t\t\t@include atXXS {\r\n\t\t\t\tpadding-top: 15px;\r\n\t\t\t\tpadding-bottom: 15px;\r\n\t\t\t\tmin-width: unset;\r\n\t\t\t\tpadding-left: 20px;\r\n\t\t\t\tpadding-right: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t&--add {\r\n\t\t\t\tbackground-color: rgb(var(--dpu-color-g));\r\n\t\t\t\tcolor: rgb(var(--dpu-color-g-text));\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t&--back {\r\n\t\t\t\tborder-top-left-radius: 2px;\r\n\t\t\t\tcolor: rgba(var(--dpu-color-2-text), 1);\r\n\t\t\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-2), 0.75) 25%, rgba(var(--dpu-color-2), 0.82) 100%);\r\n\r\n\t\t\t\t&.dpit-hovered,\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-2), 0.8) 25%, rgba(var(--dpu-color-2), 0.86) 100%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include atXS {\r\n\t\t\t\t\tborder-top-left-radius: 0px;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&--next {\r\n\t\t\t\tcolor: rgba(var(--dpu-color-2-text), 1);\r\n\t\t\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-2), 0.8) 25%, rgba(var(--dpu-color-2), 0.86) 100%);\r\n\r\n\t\t\t\t&.dpit-hovered,\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-2), 0.75) 25%, rgba(var(--dpu-color-2), 0.82) 100%);\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&--remove {\r\n\t\t\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-r), 0.8) 25%, rgba(var(--dpu-color-r), 0.86) 100%);\r\n\t\t\t\tcolor: rgba(var(--dpu-color-r-text), 1);\r\n\r\n\t\t\t\t&.dpit-hovered,\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-r), 0.75) 25%, rgba(var(--dpu-color-r), 0.82) 100%);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&--disabled {\r\n\t\t\t\t/*@include disabled-ctrl-item;\r\n\t\t\t\tcursor: default;\r\n\t\t\t\tpointer-events: none;*/\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__btn-ico {\r\n\t\t\twidth: 20px;\r\n\r\n\t\t\t&--remove {\r\n\t\t\t\twidth: 22px;\r\n\t\t\t}\r\n\r\n\t\t\t&--right {\r\n\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\twidth: 18px;\r\n\t\t\t}\r\n\r\n\t\t\t&--left {\r\n\t\t\t\twidth: 18px;\r\n\t\t\t}\r\n\r\n\r\n\t\t}\r\n\t}\r\n}","@mixin disabled-ctrl-item {\r\n\topacity: 0.15;\r\n\tpointer-events: none;\r\n\tcursor: default;\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n@import '../../consts/mixins.scss';\r\n\r\n.dpit-step-edit-item {\r\n\twidth: auto;\r\n\t//margin-right: 20px;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\t@include transitionFast(opacity);\r\n\r\n\t&:first-child {\r\n\t\t@include z-index(13);\r\n\t}\r\n\r\n\t&--disabled {\r\n\t\t@include disabled-ctrl-item;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t&:nth-child(2) {\r\n\t\t@include z-index(13);\r\n\t\tpadding-right: 3px;\r\n\t\tmargin-left: -7px;\r\n\t}\r\n\r\n\r\n\t@include atXXS {\r\n\t\ttransform: none;\r\n\t}\r\n\r\n\t&__select {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: auto;\r\n\t\tmin-width: 150px;\r\n\t\tmin-height: unset;\r\n\t\theight: 38px;\r\n\r\n\t\t@include atXXS {\r\n\t\t\tmin-width: 100px;\r\n\t\t\tmax-width: 100px;\r\n\t\t}\r\n\t}\r\n\r\n\t&__label {\r\n\t\t@include transitionFast(opacity);\r\n\t\t@include primaryFont(300, rgba($text-color-light, 0.95), 14px, 1.14, normal, left);\r\n\t\ttext-transform: uppercase;\r\n\t\tvertical-align: middle;\r\n\t\tpadding-bottom: 7px;\r\n\r\n\t\t@include atXS {\r\n\t\t\tfont-size: 13px;\r\n\t\t}\r\n\r\n\t\t@include atXXS {\r\n\t\t\ttext-transform: unset;\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n\r\n\t&--in-column {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: stretch;\r\n\t\tmax-width: 150px;\r\n\r\n\t\t.dpit-select {\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t@include atXXS {\r\n\t\t\t\tmax-width: unset;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@include atXXXS {\r\n\t\t\tmax-width: unset;\r\n\t\t}\r\n\t}\r\n\r\n\t&--interaction {\r\n\t\t@include atXXS {\r\n\t\t\t.dpit-multi-item-box__menu--opened {\r\n\t\t\t\tleft: -70px !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&--ta-wrap {\r\n\t\tflex: 1 1 95%;\r\n\t\talign-items: flex-start;\r\n\t}\r\n\r\n\t&--on-light-bg {\r\n\t\t&.dpit-step-edit-item--disabled {\r\n\t\t\topacity: 0.45;\r\n\t\t}\r\n\r\n\t\t.dpit-step-edit-item__label {\r\n\t\t\t@include primaryFont(500, $text-color-dark, 11px, 1.3, 0.83px, left);\r\n\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t@include atXXS {\r\n\t\t\t\ttext-transform: none;\r\n\t\t\t}\r\n\r\n\t\t\t&__icon {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.dpit-select {\r\n\t\t\t&:not(.dpit-select--native) {\r\n\t\t\t\toutline: 1px solid rgba($text-color-dark, 0.5) !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import './../../../../../../../includes/assets/css/consts.scss';\r\n@import '../../consts/mixins.scss';\r\n\r\n.dpit-select {\r\n\r\n\t@include transitionFast(opacity);\r\n\r\n\t// native select\r\n\t&--native {\r\n\t\tbackground: url('./../../../../../icons/dpit-select_arrow-down-dark.svg') calc(100% - 5px) 10px no-repeat, $background-color-light !important;\r\n\t\t@include panelControlItemHovFoc($transition-time-fast);\r\n\t\tborder-radius: 2px !important;\r\n\t\t@include primaryFontImportant(600, $text-color-dark, 14px, 21px, normal, left);\r\n\t\tpadding: 8.5px 35px 8.5px 12px;\r\n\t\tappearance: none;\r\n\t\tbackground-size: 17px !important;\r\n\t\toutline: 0;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\r\n\t\toption {\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\r\n\t\t\t@include atXS {\r\n\t\t\t\t//font-size: 15px !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// custom select react-select\r\n\t&__control {\r\n\t\tbackground-color: $background-color-light;\r\n\t\t@include panelControlItemHovFoc($transition-time-fast);\r\n\t\tpadding-left: 4px;\r\n\t\tpadding-right: 4px;\r\n\t\tborder: none !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\r\n\t&__menu {\r\n\t\tborder-radius: 2px;\r\n\r\n\t}\r\n\r\n\t&__menu-list {\r\n\t\tborder-radius: 2px;\r\n\t\tpadding-top: 0 !important;\r\n\t\tpadding-bottom: 0 !important;\r\n\t\tbox-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 0 12px 0 rgba(0, 0, 0, 0.25);\r\n\t}\r\n\r\n\t&__indicator-separator {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t&__dropdown-indicator {\r\n\r\n\t\t//pointer-events: none;\r\n\t\tpadding: 0px !important;\r\n\r\n\t\t.dpit-select-indicator {\r\n\t\t\tcursor: pointer !important;\r\n\t\t\tbackground-position: center;\r\n\t\t\tbackground-size: 80%;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\r\n\t\t\t&--opened {\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tbackground-image: url('./../../../../../icons/dp-close-cross-dark.svg');\r\n\t\t\t\ttransform: translateX(-5%);\r\n\t\t\t}\r\n\r\n\t\t\t&--closed {\r\n\t\t\t\tbackground-image: url('./../../../../../icons/dpit-select_arrow-down-dark.svg');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__single-value {\r\n\r\n\t\topacity: 1;\r\n\r\n\t\t&:disabled {\r\n\t\t\topacity: 0.5;\r\n\t\t}\r\n\r\n\t\ttransition: opacity $transition-time-fast;\r\n\t\t@include primaryFont(600, $text-color-dark, 14px, 21px, normal, left);\r\n\t\t//text-transform: uppercase !important;\r\n\t}\r\n\r\n\t&__placeholder {\r\n\t\t@include primaryFont(300, $text-color-placeholder, 14px, 21px, normal, left);\r\n\t\t//text-transform: uppercase !important;\r\n\t}\r\n\r\n\t&__input {\r\n\t\t@include primaryFont(400, $text-color-dark, 14px, 21px, normal, left);\r\n\t\t//text-transform: uppercase !important;\r\n\r\n\t\tinput {\r\n\t\t\t@include primaryFontImportant(400, $text-color-dark, 14px, 21px, normal, left);\r\n\t\t\theight: unset !important;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tborder: none !important;\r\n\t\t\t\tbox-shadow: none !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__option {\r\n\r\n\r\n\t\tpadding: 10px 20px !important;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t@include primaryFont(300, $text-color-dark, 14px, 21px, normal, left);\r\n\t\tbackground-color: transparent;\r\n\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 15px !important;\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\tpadding-bottom: 12px !important;\r\n\t\t}\r\n\r\n\r\n\t\t&--is-selected {\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: rgba(var(--dpu-color-2-text), 1);\r\n\t\t\tbackground-color: rgba(var(--dpu-color-2), 0.5);\r\n\t\t}\r\n\r\n\t\t&--is-focused {\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: rgba(var(--dpu-color-2-text), 1);\r\n\t\t\tbackground-color: rgba(var(--dpu-color-2), 0.8);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tcolor: rgba(var(--dpu-color-2-text), 1);\r\n\t\t\tbackground-color: rgba(var(--dpu-color-2), 0.9);\r\n\t\t}\r\n\r\n\t\t@include atXS {\r\n\t\t\tpadding: 5px 15px !important;\r\n\r\n\t\t\t&:first-child {\r\n\t\t\t\tpadding-top: 10px !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tpadding-bottom: 8px !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@include atHoverAbleDev {\r\n\t\t&__menu-list {\r\n\t\t\tscrollbar-width: thin;\r\n\t\t\tscrollbar-color: rgba(var(--dpit-uac-main-menu-bg), 0.5) rgba(var(--dpit-uac-main-menu-bg), 0.1);\r\n\r\n\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\twidth: unit(15);\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-track {\r\n\t\t\t\tborder-radius: 2px;\r\n\r\n\t\t\t\tbackground-color: rgba(var(--dpit-uac-main-menu-bg), 0.1);\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\t\tborder-radius: 2px;\r\n\t\t\t\tbackground-color: rgba(var(--dpit-uac-main-menu-bg), 0.5);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dpit-step-meta-data {\r\n\r\n\t@include activeTransitionFade(flex);\r\n\tbackground: linear-gradient(315deg, rgba(var(--dpu-color-2-text), 0.95) 25%, rgba(var(--dpu-color-2-text), 0.98) 100%);\r\n\tpadding: 15px;\r\n\tborder-radius: 2px;\r\n\tpointer-events: all;\r\n\talign-items: flex-end;\r\n\tflex-direction: column;\r\n\tborder: 1px solid $text-color-very-dark;\r\n\tmin-width: 350px;\r\n\tgap: 10px;\r\n\toverflow: auto;\r\n\r\n\r\n\t@include atTouchDev {\r\n\t\tpadding: 8px 15px 15px;\r\n\r\n\t}\r\n\r\n\t@include atS {\r\n\t\tmin-width: 300px;\r\n\t}\r\n\r\n\t@include atXXS {\r\n\t\tposition: fixed;\r\n\t\tleft: 10px;\r\n\t\tright: 10px;\r\n\t\tbottom: 10px;\r\n\t\tmax-height: calc(100vh - 20px);\r\n\t}\r\n\r\n\t@include atXXXS {}\r\n\r\n\r\n\t&__item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: flex-end;\r\n\t\tgap: 10px;\r\n\r\n\t\t&__label {\r\n\t\t\tcolor: $text-color-dark;\r\n\t\t\tdisplay: inline;\r\n\t\t\t//white-space: pre-wrap;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tline-height: 1.1;\r\n\t\t\tletter-spacing: 0.5px;\r\n\t\t\ttext-align: right;\r\n\r\n\t\t\t//white-space: nowrap;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\t//flex: 1 1 auto;\r\n\r\n\t\t\t@include atS {\r\n\t\t\t\ttext-transform: none;\r\n\t\t\t\t//text-wrap: wrap;\r\n\t\t\t}\r\n\r\n\t\t\t@include atXXXS {\r\n\t\t\t\t//max-width: 100px;\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\r\n\t\t&__number {\r\n\t\t\tmax-width: 96px;\r\n\t\t}\r\n\r\n\t\t&__hint {\r\n\t\t\tdisplay: block;\r\n\t\t\ttransform: translate(-5px, -3px);\r\n\t\t}\r\n\r\n\t\t&__comp {\r\n\t\t\tflex: 0 0 auto;\r\n\t\t}\r\n\r\n\t\t.toggleContainer.dpit-switch {\r\n\t\t\tbackground-color: rgba($text-color-dark, 0.7);\r\n\t\t\tborder: 1px solid rgba($text-color-dark, 0.8);\r\n\r\n\t\t\t.toggleOption:not(.selected) {\r\n\t\t\t\tcolor: $text-color-light;\r\n\t\t\t}\r\n\r\n\t\t\t.toggle.dpit-switch__toggle {\r\n\t\t\t\toutline: 1px solid $text-color-dark;\r\n\r\n\r\n\t\t\t\t&.dpit-switch__toggle--off {\r\n\t\t\t\t\toutline-color: rgb(var(--dpu-color-r));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__arrow-up {\r\n\t\t//margin-bottom: 8px;\r\n\t\tmargin-right: -6px !important;\r\n\t\tmargin-left: 0 !important;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 4px;\r\n\t\tdisplay: none;\r\n\r\n\t\t@include atTouchDev {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tmargin-right: 5px;\r\n\r\n\t\t@include atXS {\r\n\t\t\tmargin-left: -10px !important;\r\n\t\t\tmargin-right: 0px !important;\r\n\t\t}\r\n\r\n\r\n\r\n\t\t@include atXS {\r\n\t\t\talign-self: flex-start !important;\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-left: -10px;\r\n\t\t}\r\n\r\n\t\tpath {\r\n\t\t\tstroke: $text-color-dark !important;\r\n\t\t}\r\n\r\n\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n\r\n@mixin activeSlideUp($padding: 0, $margin: 0) {\r\n\topacity: 0;\r\n\theight: 0;\r\n\tpointer-events: none;\r\n\t@include transitionMultiFast(height, width, opacity, padding, background-color);\r\n\r\n\t&--active {\r\n\t\topacity: 1;\r\n\r\n\t\t@if $padding {\r\n\t\t\tpadding: $padding;\r\n\t\t}\r\n\r\n\t\t@if $margin {\r\n\t\t\tmargin: $margin;\r\n\t\t}\r\n\r\n\t\theight: unset;\r\n\t\tpointer-events: all;\r\n\t}\r\n}\r\n\r\n@mixin activeSlideLeft($padding, $margin, $opacity: 1) {\r\n\topacity: 0;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tpointer-events: none;\r\n\t@include transitionMultiFast(width, opacity, padding, background-color, transform);\r\n\r\n\t&--active {\r\n\t\topacity: 1;\r\n\r\n\t\t@if $padding {\r\n\t\t\tpadding: $padding;\r\n\t\t}\r\n\r\n\t\t@if $margin {\r\n\t\t\tmargin: $margin;\r\n\t\t}\r\n\r\n\t\t@if $opacity {\r\n\t\t\topacity: $opacity;\r\n\t\t}\r\n\r\n\t\twidth: unset;\r\n\t\theight: unset;\r\n\t\tpointer-events: all;\r\n\t}\r\n}\r\n\r\n.dpit-target-type-box {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 300px;\r\n\tpadding: 0;\r\n\r\n\t@include atXXS {\r\n\t\twidth: 90vw;\r\n\t}\r\n\r\n\t&__control {\r\n\t\tdisplay: flex;\r\n\t\tpadding: 10px 10px 12px;\r\n\t\tbackground-color: rgb(var(--dpu-color-2));\r\n\t\tflex-direction: row-reverse;\r\n\t\talign-items: center;\r\n\t\tgap: 20px;\r\n\r\n\t\t@include atS {\r\n\t\t\tflex-direction: row;\r\n\t\t}\r\n\r\n\t\t&__icon {\r\n\t\t\tflex-shrink: 0;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: auto;\r\n\t\t\t\theight: 30px;\r\n\t\t\t\tmargin-bottom: -6px;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__skip.toggleContainer.dpit-switch {\r\n\t\t\t// skip on desktop/mobile\r\n\t\t\tmin-width: 120px;\r\n\r\n\t\t\t.toggleOption {\r\n\t\t\t\tfont-size: 11px;\r\n\t\t\t\tpadding: 8px;\r\n\r\n\t\t\t\t&:nth-child(2) {\r\n\t\t\t\t\tcolor: rgba(var(--dpu-color-r-text), 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__label {\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\t@include primaryFont(500, rgba(var(--dpu-color-2-text), 1), 13px, 1, 1.5px);\r\n\t\t}\r\n\t}\r\n\r\n\t&__title {\r\n\t\ttext-align: center;\r\n\t\tmax-width: 90%;\r\n\t\tfont-size: 12px;\r\n\t\tline-height: 1.1;\r\n\t\t@include activeSlideUp(0 0 3px 0);\r\n\t}\r\n\r\n\t&__row {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: stretch;\r\n\t\tpadding-bottom: 3px;\r\n\t\tgap: 5px;\r\n\r\n\t\t&--middle {\r\n\t\t\talign-items: center;\r\n\t\t\tmax-width: 90%;\r\n\t\t}\r\n\t}\r\n\r\n\t&__trash {\r\n\t\tcursor: pointer;\r\n\t\tdisplay: none;\r\n\t\twidth: 15px;\r\n\t\theight: 15px;\r\n\t\tmargin-left: 5px;\r\n\t\tmargin-top: -3px;\r\n\t\ttransform-origin: center;\r\n\t\t@include transitionFast(opacity);\r\n\r\n\t\t&--active {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\r\n\t\t&:hover {\r\n\t\t\topacity: 0.75;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\r\n\t\t\tpath {\r\n\t\t\t\t@include transitionFast(fill);\r\n\t\t\t\tfill: rgba(var(--dpu-color-r), 0.9);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&__value {\r\n\t\tfont-size: 12px;\r\n\t\ttext-overflow: ellipsis;\r\n\t\tline-height: 1.1;\r\n\t\tdisplay: block;\r\n\r\n\t\toverflow: hidden;\r\n\t\twhite-space: nowrap;\r\n\t\tcolor: rgba($text-color-dark, 1);\r\n\r\n\r\n\t\t&--no-target {\r\n\t\t\ttext-overflow: unset;\r\n\t\t\ttext-align: center;\r\n\t\t\toverflow: unset;\r\n\t\t\twhite-space: normal;\r\n\t\t\tcolor: rgba($text-color-dark, 0.9);\r\n\t\t}\r\n\r\n\t\t&--skipped {\r\n\t\t\ttext-overflow: unset;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\ttext-align: center;\r\n\t\t\toverflow: unset;\r\n\t\t\twhite-space: normal;\r\n\t\t\tcolor: rgba(var(--dpu-color-r), 1);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t&__button {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground-color: rgba(var(--dpit-uac-prim-bg), 0.9);\r\n\t\tcursor: pointer;\r\n\r\n\t\t@include activeSlideUp(8px 30px);\r\n\r\n\r\n\t\t&__icon {\r\n\t\t\twidth: 22px;\r\n\t\t\theight: 22px;\r\n\t\t\tmargin: -3px 3px -1px 0;\r\n\t\t\ttransition: transform 0.3s ease-in-out;\r\n\r\n\t\t\tsvg {\r\n\r\n\t\t\t\tpath {\r\n\t\t\t\t\ttransition: fill 0.3s ease-in-out;\r\n\t\t\t\t\tfill: rgb(var(--dpit-uac-prim));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__label {\r\n\t\t\tmargin-left: 3px;\r\n\t\t\t@include primaryFont(600, rgb(var(--dpit-uac-prim)), 14px, 1.1);\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tpadding: 3px 0;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgb(var(--dpit-uac-prim-bg));\r\n\r\n\t\t\t.dpit-target-type-box__button__icon {\r\n\t\t\t\ttransform: rotate(90deg) scale(0.95);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t&--half {\r\n\t\t\tflex-basis: unset;\r\n\r\n\t\t\t&.dpit-target-type-box__button--active {\r\n\t\t\t\tpadding: 10px 20px;\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-target-type-box__button__icon {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\r\n\t\t\t.dpit-target-type-box__button__label {\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t.dpit-target-type-box__button__icon {\r\n\t\t\t\t\ttransform: scale(1.05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__main {\r\n\t\tpadding: 10px 12px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 5px;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dpit-target-indicator {\r\n\r\n\r\n\tpath {\r\n\t\t@include transitionFast(fill);\r\n\t\tfill: rgb(var(--dpu-color-g));\r\n\t}\r\n\r\n\t&--small {\r\n\t\t.dpit-target-indicator__icon {\r\n\t\t\theight: 15px;\r\n\t\t\tmargin: 0 2.5px 0 2.5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&--scale-on-hover {\r\n\t\t.dpit-target-indicator__icon {\r\n\t\t\ttransform-origin: center;\r\n\t\t\t@include transitionFast(transform);\r\n\t\t\toverflow: visible;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttransform: scale(1.08);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&--no-target {\r\n\t\tpath {\r\n\t\t\tfill: rgba(var(--dpu-color-2-text), 0.4);\r\n\t\t}\r\n\t}\r\n\r\n\t&--skipped {\r\n\t\tpath {\r\n\t\t\tfill: rgba(var(--dpu-color-r), 1);\r\n\t\t}\r\n\t}\r\n\r\n\t&--clickable {\r\n\t\tcursor: pointer;\r\n\t}\r\n}","@import '../../../../../../../includes/assets/css/consts.scss';\r\n\r\n.dp-target-selector {\r\n\t@include z-index(12, true);\r\n\tdisplay: none;\r\n\topacity: 0 !important;\r\n\tposition: absolute;\r\n\tbackground: rgb(var(--dpu-color-3));\r\n\toutline: 2px solid $text-color-light;\r\n\tpointer-events: none;\r\n\tbox-shadow: 0 0 3px 4px $text-color-dark;\r\n\ttransition: top 0.02s ease-in, left 0.02s ease-in, width 0.02s ease-in, height 0.02s ease-in, opacity 0.3s ease-in-out;\r\n\r\n\t&--confirmed {\r\n\t\tanimation: dpit-anim-gelatine 300ms;\r\n\t\t@include z-index(10, true);\r\n\t\tbox-shadow: 0 0 0 var(--highlight-shadow-spread) rgb(var(--accent-contrast-inv-color));\r\n\t}\r\n\r\n\t&--trigger {\r\n\t\tbackground: rgb(var(--dpu-color-4));\r\n\t}\r\n\r\n\t&--mobile {\r\n\t\tbackground: rgb(var(--dpu-color-2));\r\n\t}\r\n\r\n\t&--active {\r\n\t\topacity: 0.5 !important;\r\n\t}\r\n\r\n}\r\n\r\n.dp-visualized-target {\r\n\tcursor: crosshair;\r\n}",".tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:\"\";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:rgba(0,8,16,.2);border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:rgba(0,8,16,.2);border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:rgba(0,8,16,.2);border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:rgba(0,8,16,.2)}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}"],"sourceRoot":""}