{"version":3,"sourceRoot":"","sources":["styles.scss","../../node_modules/normalize.css/normalize.css","tools/vendor/_normalize-opentype.scss","tools/libs/_animations.scss","tools/libs/_helpers.scss","base/_typography.scss","tools/libs/_toolbox.scss","variables/_variables.scss","../../node_modules/sass-mediaqueries/_media-queries.scss","base/_svg.scss","base/_buttons.scss","cviceni/_loading-screen.scss","cviceni/_unsupported.scss","cviceni/_header.scss","cviceni/_navigation.scss","cviceni/_slide.scss","cviceni/_pagination.scss","cviceni/_assignement.scss","cviceni/_help.scss","cviceni/_captions.scss","cviceni/_slide-export.scss","cviceni/_slide-initial.scss","ui/_tooltip.scss","variables/_colors.scss","ui/_captions.scss","ui/_gallery.scss","ui/_draggable.scss","modules/_sources.scss","modules/_lupa.scss","modules/_radial-menu.scss","modules/_sortable.scss","modules/_svg.scss","modules/_user-text.scss","../../node_modules/prosemirror-view/style/prosemirror.css","modules/editor/_editor.visual.scss","modules/editor/_editor.component.scss","modules/editor/_editor.text-option.scss","modules/editor/_editor.node.component.scss","modules/editor/_contextual-menu.component.scss","modules/editor/_editor.scss","modules/_keywords.scss","modules/_test-quiz.scss","modules/_fullscreen.scss","modules/_media.scss","modules/_audio.scss","modules/_fake-map.scss","modules/_video.scss","modules/_selectable.scss","modules/_new-table.scss","modules/_video-stamps.scss"],"names":[],"mappings":"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ACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EAEE;;AAIF;EACE;;;AAKN;EACE;EACA,OHyBW;EGxBX;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;EACA;;;AC9IN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OJyGW;EIxGX;EACA;EAEA;EACA;EACA;EAEA,kBJ0GW;;AIxGX;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACjDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,kBLiHW;EKhHX,OLuGW;;AKrGX;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AC1BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBN+GW;EM9GX;EAIA,ON2GW;EMzGX;EAEA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;ACrDF;EACE;EACA,aPsJkB;EOrJlB;EACA,kBPgHW;;AO9GX;EACE,kBP6GS;;;AOzGb;EACE;EACA,KP2IkB;EO1IlB;EACA;EACA;EACA,OPsGW;EOrGX;EACA;EACA;EACA;;AAEA;EACE,OPqGS;;AOnGT;EACE,kBPkGO;EOjGP,OPwFO;;AOpFX;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OP0Be;EOzBf,QPyBe;EOxBf;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;EACA;;AAEA;EACE;;ANtCF;EM0CE;IACE;;;AAIJ;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;AN9DF;EMkEE;IACE;;;AAIJ;EACE;;;ACpGJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA,kBRkGW;;AQhGX;EACE;;APGF;EOAI;IAEE;;EAGF;IACE;;;AAIJ;EACE;EACA;;APZJ;EOkBI;IACE;IACA;;;AAKN;EACE;;AP1BF;EO6BI;IACE;IACA;;;AAKN;EACE;;APrCF;EOwCI;IACE;IACA;;;AAQJ;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;AAEX;EACE,YAHS;;;APhDb;EO2DE;IACE;;;;AAKN;EACE;EACA;EACA;EACA;AASA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AP9EA;EOiEF;IAOI;;;AAGF;EACE;;AAgBF;EAEE;;AP9FF;EO4FA;IAKI;;;;AAMN;EACE;EACA;EACA,YRdW;EQeX,gBR7DiB;EQ8DjB;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;AP3HA;EOwHF;IAMI;;;AP9HF;EOwHF;IAUI;IACA;;EAEA;IACE;IACA;IACA;;EAIF;IACE;;;;AAKN;EACE;EACA;EACA;EACA;;;AClLF;EACE;EACA,KTuJkB;EStJlB;EACA;EACA;EAEA,OTiHW;EShHX;;;ACRF;EACE;EACA;EACA;;AAMA;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;;;AClBJ;EACE;EACA;EACA,eXqEiB;EWpEjB;EACA,kBX8GW;EW7GX,OXgHW;;;AWxGb;EACE;EACA;EACA;;;AAGF;EACE,OAvBU;EAwBV,QAxBU;EAyBV;EACA;EACA;EACA;EACA;;AAEA;EACE,OAhCQ;EAiCR,QAjCQ;;;AAqCZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SX6BiB;EW5BjB,eXyFmB;EWxFnB;EACA;EACA,kBX6EW;EW5EX,YXsFW;EWrFX;;AVvBA;EUSF;IAiBI;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA,qBXsDS;EWrDT;EACA;;AAGF;EACE,OXuCS;EWtCT;EACA;;;AChFJ;EACE;EACA;EACA,gBZuEiB;EYtEjB,OZiHW;EYhHX;EACA;;AXsBA;EW5BF;IASI;;;;AAKJ;EACE;;AXaA;EWdF;IAII;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AXEF;EWPA;IAQI;;;;AC5BJ;EACE;EACA,absJgB;EarJhB,OboHS;;AalHT;EACE,ObgHO;;Aa9GP;EACE,kBb6GK;Ea5GL,ObmHK;;Aa9GX;EACE;EACA,ObqGS;EapGT;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AZnCF;EYgCA;IAMI;;;AAKF;EACE;;AAIJ;EACE;;AAIA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AZ5EF;EYkEA;IAaI;IACA;;;AZhFJ;EYkEA;IAkBI,QbtCa;;;Aa0CjB;EACE;EACA;EAEA;EACA;EACA;;AZ9FF;EYwFA;IASI;IACA;;;AZlGJ;EYwFA;IAcI,QbxDa;IayDb,ObzDa;;;Aa6DjB;EACE;EACA;;;ACzIJ;EACE,OdsHW;EcrHX;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA,edoBa;;;AezEjB;EACE;EACA;EACA;EACA;EACA,efiIiB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EACA;;AAEA;EACE,epBnBa;EoBoBb;EACA;;;AC/FN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SrB+JuB;EqB9JvB;;ApBmBA;EoB5BF;IAYI;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;ACrBF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OtB2GW;EsB1GX;EAEA;EACA;EACA;EACA;EAEA;;AAEA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA,OAhCiB;EAiCjB,QAjCiB;EAkCjB;EAKA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,etBoFmB;EsBnFnB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,kBtBoDW;EsBnDX;EACA;EACA;EACA,OtByDW;EsBxDX;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE,kBtB4CS;EsB3CT,OtBkCS;;AsB/BX;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;;AAEA;AAAA;EACE;;;AAIJ;AAAA;EAEE;;AAEA;AAAA;EACE;;;AC9GJ;EACE;EACA;EACA;EACA;EACA,evBqEiB;;AuBnEjB;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA,YvBuFW;EuBtFX,YvBuGW;EuBtGX,evBqGmB;EuBpGnB;EACA;EACA;EACA;EACA;EAEA;EACA,YACE;EAEF;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAEA;EACE;;AAQF;EACE;;AAMN;EAEE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EAEE;;AAEF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OvBnBS;EuBoBT,avBjFa;EuBkFb;EACA;EACA;EACA;;;AAIJ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CA;;AAEA;EACE,O/B4DO;E+B3DP,kB/BoEO;E+BnEP;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;A9B7CJ;E+B5BF;IAEI;;EAEA;IACE,ehCqEa;;;;AgChEnB;EACE;EACA;EACA,WhCiJa;EgChJb;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAKA;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA,ahCYe;EgCXf,kBhCwEW;EgCvEX;EACA;EACA,YhC4Fc;EgC3Fd;EACA;;AAEA;EACE,OhCgES;EgC/DT,kBhCwES;EgCvET;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;;AAqGJ;AACA;EACE;EACA;EACA;EACA;AAEA;EACA,OhCnDW;EgCoDX;EACA;AAEA;EACA;EACA;;;AAGF;ACxLA;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AhCgBF;EgCrBA;IAQI;IACA;IACA;IACA;;;AAIJ;EACE;;;AAIJ;EACE;EACA,kBjC2FW;EiC1FX,OjCuFW;EiCtFX,WjCES;;;AiCCX;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA,kBjCoEW;EiCnEX,ejCqFmB;EiCpFnB,OjC2EW;EiC1EX;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBjCsBO;EiCrBP;EACA;;AAIA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIA;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA,OjCzEiB;EiC0EjB,QjC1EiB;EiC2EjB,ajC3EiB;EiC4EjB;EACA;EACA;;AAEA;EACE,OjCtCS;EiCuCT,YjChBY;EiCiBZ;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AC7KN;EACE;;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA,YlBhBW;EkBiBX,YlC6GW;EkC5GX,elC2GmB;EkC1GnB,elC6CiB;EkC5CjB;;AjCFA;EiCNF;IAWI;IACA;;EAEA;IACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE,kBlBjDU;EkBkDV;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA,elCba;EkCcb;EACA,OlCfa;EkCgBb,QlChBa;EkCiBb;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EAEE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;;ACrHN;EACE;EACA;EACA;EACA,OANuB;EAOvB,QAPuB;EASvB;EACA;EACA;EACA;EACA,OnCwGW;EmCvGX;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA,OnC0FS;;AmCvFX;EACE;EACA;EACA;EACA;EACA;;AAMF;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SnCiGiB;;AmC/FjB;EACE,WnCsFW;;AmClFb;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AlC5DA;EkCqDF;IAUI;;;;AAIJ;EACE,YnCwCW;;;AoCxIb;EACE;EACA;;;AAGF;EACE;EACA;EAoBA;EACA;EACA;EACA;;AArBA;EAEE;;AnCiBF;EmCnBA;IAMI;IAEA;;;AAIJ;EACE;EACA;EACA;;AnCIF;EmCvBF;IA4BI;;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA,epCmFiB;EoClFjB,YpCmFS;EoClFT;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE,kBpC4DW;EoC3DX,YpCqEW;EoCpEX,OpCmDW;EoClDX;EACA;;AAEA;EACE;;AAGF;EACE,epC0DiB;;AoCvDnB;EACE,wBpCsDiB;EoCrDjB,yBpCqDiB;;AoClDnB;EACE,2BpCiDiB;EoChDjB,4BpCgDiB;;;AoC5CrB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAKJ;EACE;EACA;;;AAEF;EACE;EACA;EACA,epCrCiB;EoCsCjB,OpCQW;EoCPX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE,apCpEkB;EoCqElB;EACA;EACA;;;AAEF;EACE,OpCdW;EoCeX;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE,OpC1BW;;;AoC4Bb;EACE,OpC5BW;;;AoCgCb;EACE;EACA;EACA,OpC7BW;EoC8BX;EACA;EACA;EACA;EACA;EAGE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE,kBpCpDS;EoCqDT,cpCrDS;EoCsDT,OpC/DS;;;AoCuEX;EACE;;AAEF;EACE;;;AAIF;EACE;;AAEF;EACE;;;AAYF;AAAA;EACE,cpC7FS;;;AqCtHb;EACE;;AAMA;EACE;EACA;EACA;EACA;EAEA,SrC2De;;AqCzDf;EACE;;AAIJ;EACE;;AAGF;EACE;;AAIF;EACE;;;AAQF;EACE;;AAGF;EACE;EACA,erC4Be;;;AqCxBnB;EACE,YrCsFiB;EqCrFjB;EACA,WArDiB;;AAuDjB;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;EAMA;EACA,OrC1BiB;EqC2BjB,QrC3BiB;EqC6BjB;EACA;EACA;;AAVA;EACE;;AAWF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE,kBrCIO;EqCHP,crCGO;;AqCAT;EACE;EACA;EACA;;AAMF;EACE,kBrCnBO;EqCoBP,crCpBO;EqCqBP,OrCZO;;AqCeT;EACE;EACA;EACA;;AAIJ;EACE;;;AAKJ;EACE,YrCtCW;EqCuCX,erCrBmB;EqCsBnB,YrCrBW;EqCsBX;EAEA;EACA;EACA;EACA;EACA;;ApCxIA;EoC8HF;IAaI;;;AAGF;AAAA;AAAA;AAAA;EAIE,arCrHgB;;AqCwHlB;EACE;;AAGF;EACE;EACA,erC7Ge;;AqCgHjB;EACE;;;AC3LJ;EACE,etCyEiB;;;AsCtEnB;EACE;;AAEA;EACE;;;AAIJ;EACE,OtC0GW;;;AsCvGb;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEE,OtCuFO;EsCtFP,kBtC+FO;;;AuCpHX;EACE,WAXe;;AAcjB;EACE,evCwHiB;EuCvHjB,YvCwHS;EuCvHT;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAKA;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA,OvC+BS;EuC9BT;EAGA;EACA;;AAIA;EACE;;AAIJ;EACE;EAEA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE,kBAzHc;;AA8HhB;EACE,QAhIc;EAiId;EACA;EACA;;AAIJ;EACE,kBvCXS;EuCYT;EACA;EACA;EACA;EACA;;AAIA;EACE,kBvC3BO;EuC4BP;EACA;;AAIJ;EACE,kBvCnCS;EuCoCT;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE,kBvC/DS;EuCgET;EACA,YvCvDS;;AuC2DT;EACE;;AAMJ;EACE;EACA;EACA;;AAIA;EACE;EACA,kBvCrFO;;AuCyFX;EACE;EACA;EACA;EACA;EACA,SvClJe;EuCmJf;EACA;EAKA;EACA;EACA;;AAEA;EAEE;EACA,avChKa;;AuCqKf;EACE;EACA;;AAKF;EACE;EACA;;AAEF;EACE;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;;;ACnQJ;EACE;EACA;EACA;EACA,exCmEiB;;AwChEjB;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAKJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAKJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA,YxC0DW;EwCzDX,YxC0EW;EwCzEX,exCwEmB;EwCvEnB;EACA;EACA;EACA;EACA;EACA;;AAIE;EACE;;AAIJ;EACE;;AAGF;EAGE;;AAEA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;;AAGF;EACE;;AAGA;EAKE;;AAIJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA,OL3HuB;EK4HvB,QL5HuB;EK6HvB,kBxB/GY;EwBgHZ;EACA,OxCDW;EwCEX;EACA;;AAGA;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,exCbiB;EwCcjB;EACA,OxCjCS;;AwCqCT;EACE;;AAIJ;EACE,kBxC3CS;EwC4CT;;AAGE;EACE;;AAKN;EACE,OxCnDS;;AwCsDX;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;;;AAGF;EACE,eLnMuB;;AKqMvB;EACE;;AAGF;EACE,OxC5ES;;;AyC9Hb;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA,KzC6De;EyC5Df;;AAGF;EACE,YzCwDe;;AC9CjB;EwCvBF;IAiBI;IACA;;;AxCKF;EwCvBF;IAsBI;;;AxCCF;EwCGE;IACE;IACA;IACA,WzC+Hc;IyC9Hd;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IAEE;;;AxCvBJ;EwC+BE;IACE;;;AAIJ;EACE,OzBhEc;EyBiEd;EACA;EACA;;;AAKJ;EAGE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,OzCgCO;;;AyC3Bb;EACE;EACA;;;AAIF;EACE;EACA;;AAUA;EACE;;AAGF;EACE;EACA;;;AAiCJ;EACE;EACA,YzB7JgB;EyB8JhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EAEE;EACA;;AAGF;EAEE;EACA;;AAGF;EAGE;;AAEF;EAIE;;AAEF;EACE;;AAqBF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,OzB1NU;EyB2NV;EACA;EACA;;;AAMF;EACE;;AAEF;EACE;;AAGF;EACE;;;AAIJ;EACE,YzB5PgB;;AyB8PhB;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;;AAMA;EACE,OzBjUQ;;;AyBuUd;EACE,OzBpVgB;EyBqVhB;EACA;EACA;;;ACxVF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;;AAKN;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE,O1CiFU;E0C/EV;;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,O1BpFE;E0BqFF;EACA;;AAMR;EACE;IAAI;;EACJ;IAAM","file":"styles.css","sourcesContent":["/* ==================================================\r\n/* External dependecies\r\n/* ================================================== */\r\n\r\n// https://github.com/paranoida/sass-mediaqueries\r\n@import \"../../node_modules/sass-mediaqueries/media-queries\";\r\n\r\n// https://github.com/necolas/normalize.css/\r\n@import \"../../node_modules/normalize.css/normalize\";\r\n\r\n\r\n@import \"tools/vendor/vendor\";\r\n@import \"tools/libs/libs\";\r\n\r\n@import \"variables/variables\";\r\n@import \"base/base\";\r\n@import \"cviceni/cviceni\";\r\n\r\n@import \"ui/tooltip\";\r\n@import \"ui/captions\";\r\n@import \"ui/gallery\";\r\n@import \"ui/draggable\";\r\n\r\n@import \"modules/modules\";\r\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}\n","/*! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */\r\n\r\n/**\r\n * 1. Inherit style issues with custom selections, per robsterlini.co.uk/journal/opentype-and-selection-dont-mix\r\n * 2. Turn on kerning, standard ligatures, and proportional, oldstyle numerals\r\n *    Turn off all other ligatures, tabular, lining numerals, and alternates\r\n      Uses same settings for tables\r\n * 3. Hard-codes fallback text selection for issue #18, color is Chrome’s per via http://stackoverflow.com/a/16094931/864799\r\n */\r\n\r\n::selection {\r\n  color: inherit; /* 1. */\r\n  text-shadow: inherit; /* 2. */\r\n  background-color: #ACCEF7; /* 3. */\r\n}\r\n\r\nhtml,\r\nbody,\r\ntable {\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0; /* 2. */\r\n}\r\n\r\n/* Headings\r\n========================================================================== */\r\n\r\n/**\r\n * 1. Turn on discretionary ligatures for larger headings\r\n */\r\n\r\nh1,\r\nh2,\r\nh3 {\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0; /* 1. */\r\n}\r\n\r\n/* Text-level semantics\r\n========================================================================== */\r\n\r\n/**\r\n * 1. Change all letters to uppercase\r\n * 2. Turn on small caps for upper and lowercase letters\r\n */\r\n\r\nabbr {\r\n  text-transform: uppercase; /* 1 */\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"smcp\" 1, \"c2sc\" 1; /* 2 */\r\n}\r\n\r\n/*\r\n * TODO: Turn on diagonal fractions where appropriate\r\n */\r\n\r\ntime {\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0;\r\n}\r\n\r\n/*\r\n * 1. Turn off kerning and ligatures,\r\n *    Turn on lining, tabular numerals, slashed zero\r\n */\r\n\r\npre,\r\nkbd,\r\nsamp,\r\ncode {\r\n  font-feature-settings: \"kern\" 0, \"liga\" 0, \"calt\" 1, \"dlig\" 0, \"pnum\" 0, \"tnum\" 1, \"onum\" 0, \"lnum\" 1, \"zero\" 1; /* 1. */\r\n}\r\n\r\nmark {\r\n}\r\n\r\nsmall {\r\n}\r\n\r\ncite {\r\n}\r\n\r\n/**\r\n * 1. Turn on proper supercript numerals\r\n */\r\n\r\nsup {\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0, \"sups\" 1; /* 1. */\r\n}\r\n\r\n/**\r\n * 1. Turn on proper subscript numerals\r\n */\r\n\r\nsub {\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0, \"subs\" 1; /* 1. */\r\n}\r\n\r\n\r\n/* Grouping content\r\n========================================================================== */\r\n\r\nfigcaption {\r\n}\r\n\r\nblockquote,\r\nq {\r\n}\r\n\r\n/**\r\n * TODO: Adds proper bullets\r\n */\r\n\r\nul {\r\n}\r\n\r\n/*\r\n * TODO:\r\n * 1. Adds counters for lists\r\n * 2. Use proper numerals for lists\r\n */\r\n\r\nol {\r\n}\r\n\r\n/**\r\n * Adds proper small caps\r\n */\r\n\r\ndl,\r\ndd,\r\ndl,\r\ndt,\r\ndfn {\r\n}\r\n\r\n/**\r\n * TODO: scmp, sc2c, pnum, case sensitive forms for postal codes\r\n */\r\n\r\naddress {\r\n}\r\n\r\n\r\n/* Forms\r\n========================================================================== */\r\n\r\n/**\r\n * 1. Turns on lining, proportional numerals without clarified zeroes\r\n * TODO: Additional input modes https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-inputmode\r\n */\r\n\r\ninput[type=\"color\"],\r\ninput[type=\"date\"],\r\ninput[type=\"datetime\"],\r\ninput[type=\"datetime-local\"],\r\ninput[type=\"number\"],\r\ninput[type=\"range\"],\r\ninput[type=\"tel\"],\r\ninput[type=\"week\"] {\r\n  font-feature-settings: \"kern\" 0, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 0, \"lnum\" 1, \"zero\" 0; /* 1. */\r\n}\r\n\r\n/* Localisation\r\n========================================================================== */\r\n\r\n// /**\r\n//  * According to Wikipedia: http://en.wikipedia.org/wiki/Non-English_usage_of_quotation_marks\r\n//  * This is built on prior knowledge, which I would like to find and cite\r\n//  */\r\n//\r\n// :lang(cy) q {\r\n//   quotes: '\\2018' '\\2019' '\\201C' '\\201D' '\\2018' '\\2019' '\\201C' '\\201D';\r\n//   /*         ‘       ’       “       ”       ‘       ’       “       ”  */\r\n// }\r\n//\r\n// :lang(af) q,\r\n// :lang(zh) q,\r\n// :lang(en) q,\r\n// :lang(en-us) q,\r\n// :lang(eo) q,\r\n// :lang(id) q,\r\n// :lang(ga) q,\r\n// :lang(ko) q,\r\n// :lang(pt-br) q,\r\n// :lang(th) q,\r\n// :lang(tr) q {\r\n//   quotes: '\\201C' '\\201D' '\\2018' '\\2019' '\\201C' '\\201D' '\\2018' '\\2019';\r\n//   /*         “       ”       ‘       ’       “       ”       ‘       ’  */\r\n// }\r\n//\r\n// :lang(sq) q,\r\n// :lang(bs) q {\r\n//   quotes: '\\201E' '\\201C' '\\2018' '\\2019' '\\201E' '\\201C' '\\2018' '\\2019';\r\n//   /*         „       “       ‘       ’       „       “       ‘       ’  */\r\n// }\r\n//\r\n// :lang(ar) q {\r\n//   quotes: '\\201D' '\\201C';\r\n//   /*         ”       “  */\r\n// }\r\n//\r\n:lang(cs) q,\r\n:lang(de) q,\r\n:lang(sk) q,\r\n:lang(sl) q,\r\n:lang(sb) q,\r\n:lang(is) q {\r\n  quotes: '\\201E' '\\201C' '\\201A' '\\2018' '\\201E' '\\201C' '\\201A' '\\2018';\r\n  /*         „       “       ‚       ‘       „       “       ‚       ‘  */\r\n}\r\n\r\nq:before {\r\n  content: open-quote;\r\n}\r\n\r\nq:after {\r\n  content: close-quote;\r\n}\r\n\r\n\r\n/* Tables\r\n========================================================================== */\r\n\r\n/**\r\n * 1. Turns on tabular, lining numerals and slashed zero\r\n */\r\n\r\ntbody,\r\ncaption {\r\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 0, \"tnum\" 1, \"onum\" 0, \"lnum\" 1, \"zero\" 1; /* 1. */\r\n}\r\n","@keyframes fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n",".hidden,\r\n.is-hidden {\r\n  display: none !important;\r\n}\r\n","@use \"sass:math\";\r\n\r\nhtml,\r\nbody {\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\nhtml {\r\n  @include font-size($font-sizes);\r\n}\r\n\r\n*,\r\n*::after,\r\n*::before {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  @include line-height($font-sizes);\r\n  position: relative;\r\n  background-color: $base-color;\r\n  color: $text-color;\r\n  font-family: $base-font-family;\r\n  font-feature-settings: \"kern\", \"liga\", \"pnum\";\r\n  font-weight: 400;\r\n}\r\n\r\nh1,\r\n.h1,\r\nh2,\r\n.h2,\r\nh3,\r\n.h3,\r\nh4,\r\n.h4,\r\nh5,\r\n.h5,\r\nh6,\r\n.h6 {\r\n  font-family: $heading-font-family;\r\n  // font-size: $base-font-size;\r\n  // line-height: $heading-line-height;\r\n  // margin: 0 0 $base-unit / 2;\r\n}\r\n\r\nh1,\r\n.h1 {\r\n  @include heading(h1, 400);\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\nh2,\r\n.h2 {\r\n  @include heading(h2, 400);\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\nh3,\r\n.h3 {\r\n  @include heading(h3, 400);\r\n}\r\n\r\nh4,\r\n.h4 {\r\n  @include heading(h4, 400);\r\n}\r\n\r\nh5,\r\n.h5 {\r\n  @include heading(h5, 400);\r\n  text-transform: uppercase;\r\n}\r\n\r\nh6,\r\n.h6 {\r\n  @include heading(h6, 400);\r\n}\r\n\r\n// Set margins between headings\r\nh1 + h2,\r\n.h1 + .h2 {\r\n  margin-top: $base-unit;\r\n}\r\n\r\nh2 + h3,\r\n.h2 + .h3 {\r\n  // line-height: modular-scale-line-height(2);\r\n  margin-top: math.div($base-unit, -2) * 1.1;\r\n  margin-bottom: $base-unit;\r\n}\r\n\r\nh3 + h4,\r\n.h3 + .h4,\r\nh4 + h5,\r\n.h4 + .h5 {\r\n  margin-top: $base-unit * 0.5;\r\n}\r\n\r\nh5 + h6,\r\n.h5 + .h6 {\r\n  margin-top: math.div($base-unit, -2);\r\n}\r\n\r\n//\r\np {\r\n  margin: 0 0 $base-unit;\r\n\r\n  &.text-smaller {\r\n    margin-bottom: $base-unit * 0.5;\r\n  }\r\n\r\n  &:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n//\r\na {\r\n  color: $action-color;\r\n  text-decoration: none;\r\n  transition: $transition-all;\r\n  border-bottom: 1px solid transparent;\r\n\r\n  &:active,\r\n  &:focus,\r\n  &:hover {\r\n    color: darken($action-color, 10);\r\n    border-bottom-color: darken($action-color, 10);\r\n  }\r\n}\r\n\r\n//\r\nblockquote {\r\n  position: relative;\r\n  padding: 0;\r\n  margin: 0;\r\n  font-style: italic;\r\n  @include mq($min-width: $screen-l) {\r\n    &::before {\r\n      content: \"„\";\r\n      position: absolute;\r\n      bottom: 100%;\r\n      right: calc(100% + #{$base-unit * 0.25});\r\n      font-size: ms(7);\r\n    }\r\n  }\r\n\r\n  p {\r\n    margin: 0 0 $base-unit * 0.5;\r\n\r\n    &:last-of-type {\r\n      margin-bottom: $base-unit * 0.5;\r\n    }\r\n  }\r\n\r\n  + .source,\r\n  + .zdroj {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\ndt {\r\n  margin-bottom: $base-unit * 0.25;\r\n\r\n  a {\r\n    font-size: ms(1);\r\n    color: $text-color;\r\n    // line-height: ms-line-height(-2);\r\n  }\r\n}\r\n\r\ndd {\r\n  font-size: ms(-1);\r\n  line-height: ms-line-height(-2);\r\n  max-width: $base-unit * 20;\r\n  margin-left: 0;\r\n\r\n  &:not(:last-child) {\r\n    margin-bottom: $base-unit;\r\n  }\r\n}\r\n\r\n//\r\nhr {\r\n  border-bottom: $base-border;\r\n  border-left: 0;\r\n  border-right: 0;\r\n  border-top: 0;\r\n  margin: $base-unit 0;\r\n}\r\n\r\n//\r\nimg,\r\npicture {\r\n  display: block;\r\n  margin: 0 auto;\r\n  max-width: 100%;\r\n}\r\n\r\n// Tables reboot from Bootstrap\r\n// Prevent double borders\r\ntable {\r\n  border-collapse: collapse;\r\n}\r\n\r\n// caption {\r\n//   padding-top: $table-cell-padding;\r\n//   padding-bottom: $table-cell-padding;\r\n//   color: $table-caption-color;\r\n//   text-align: left;\r\n//   caption-side: bottom;\r\n// }\r\n\r\n// Matches default `<td>` alignment by inheriting from the `<body>`, or the\r\n// closest parent with a set `text-align`.\r\nth {\r\n  text-align: inherit;\r\n}\r\n\r\n//\r\n.text-smaller {\r\n  font-size: ms(-1);\r\n  line-height: ms-line-height(-2);\r\n\r\n  a {\r\n    line-height: ms-line-height(-2);\r\n  }\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n}\r\n.text-left {\r\n  text-align: left;\r\n}\r\n.text-right {\r\n  text-align: right;\r\n}\r\n\r\n.text-light {\r\n  font-weight: 400;\r\n}\r\n\r\n.uppercase {\r\n  text-transform: uppercase;\r\n}\r\n","// ==================================================\r\n// Colors\r\n// ==================================================\r\n\r\n@use \"sass:math\";\r\n\r\n// ==================================================\r\n// Numbers & Math\r\n// ==================================================\r\n\r\n@function strip-unit($num) {\r\n  @return math.div($num, $num * 0 + 1);\r\n}\r\n\r\n// ==================================================\r\n// Typography\r\n// ==================================================\r\n\r\n// map the breakpoints\r\n// — font-size for <html>\r\n@mixin font-size($fs-map) {\r\n  @each $fs-breakpoint, $fs-font-size in $fs-map {\r\n    @if $fs-breakpoint == null {\r\n      font-size: $fs-font-size;\r\n    } @else {\r\n      @include mq($min-width: map-get($breakpoints, $fs-breakpoint)) {\r\n        font-size: $fs-font-size;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// — line-height for <body>\r\n@mixin line-height($fs-map) {\r\n  @each $fs-breakpoint, $fs-font-size in $fs-map {\r\n    @if $fs-breakpoint == null {\r\n      line-height: $base-line-height * strip-unit($fs-font-size) * 0.01;\r\n    } @else if $fs-breakpoint == xxl {\r\n      @include mq($min-width: map-get($breakpoints, $fs-breakpoint)) {\r\n        line-height: $base-line-height * strip-unit(map-get($font-sizes, l)) *\r\n          0.01;\r\n      }\r\n    } @else {\r\n      @include mq($min-width: map-get($breakpoints, $fs-breakpoint)) {\r\n        line-height: $base-line-height * strip-unit($fs-font-size) * 0.01;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@function ms-line-height($level) {\r\n  @return map-get($ms-line-heights, $level);\r\n}\r\n\r\n@mixin heading($heading, $heading-weight: 400) {\r\n  @if map-has-key($headings, $heading) {\r\n    $properties: map-get($headings, $heading);\r\n\r\n    font-size: nth($properties, 1);\r\n    line-height: nth($properties, 2);\r\n    margin-top: nth($properties, 3);\r\n    margin-bottom: nth($properties, 4);\r\n    font-weight: $heading-weight;\r\n    // color: $heading-color;\r\n  }\r\n}\r\n\r\n// ==================================================\r\n// Numbers & Math\r\n// ==================================================\r\n\r\n@mixin list-border-radius {\r\n  &:first-of-type {\r\n    border-top-left-radius: $base-border-radius;\r\n    border-top-right-radius: $base-border-radius;\r\n  }\r\n  &:last-of-type {\r\n    border-bottom-left-radius: $base-border-radius;\r\n    border-bottom-right-radius: $base-border-radius;\r\n  }\r\n}\r\n","@import \"colors\";\r\n\r\n// ==================================================\r\n// Settings\r\n// ==================================================\r\n\r\n$theme: dark;\r\n\r\n\r\n// Modular scale\r\n// scale 1.25\r\n// 2.441rem\r\n// 1.953rem\r\n// 1.563rem\r\n// 1.25rem\r\n// 1rem\r\n// 0.8rem\r\n$ms-ratio: $major-third;\r\n$ms-base: 1rem;\r\n\r\n\r\n\r\n// ==================================================\r\n// Breakpoints\r\n// ==================================================\r\n\r\n// Extra small devices (portrait phones, less than 576px)\r\n$screen-xs: 320px;\r\n// Small devices (landscape phones, 576px and up)\r\n$screen-s: 576px;\r\n// Medium devices (tablets, 768px and up)\r\n$screen-m: 768px;\r\n// Large devices (desktops, 1024px and up)\r\n$screen-l: 1024px;\r\n// Extra large devices (large desktops, 1200px and up)\r\n$screen-xl: 1200px;\r\n$screen-xxl: 1600px;\r\n\r\n$breakpoints: (\r\n   xs: $screen-xs,\r\n    s: $screen-s,\r\n    m: $screen-m,\r\n    l: $screen-l,\r\n   xl: $screen-xl,\r\n  xxl: $screen-xxl\r\n) !default;\r\n\r\n\r\n\r\n// ==================================================\r\n// Typography\r\n// ==================================================\r\n\r\n// Fonts\r\n$base-font-family: \"Lato\", Helvetica, Arial, sans-serif;\r\n$heading-font-family: \"Lato\", Helvetica, Arial, sans-serif;\r\n$ui-font-family: \"Lato\", Helvetica, Arial, sans-serif;\r\n$serif-font-family: \"Vesper\", \"Times New Roman\", serif;\r\n// $line-height: 1.6rem;\r\n\r\n// Font Sizes\r\n$base-font-size: 100%;\r\n// Font Sizes for different media queries\r\n$font-sizes: (\r\n  null: 87.5%,\r\n  xs:   93.75%,\r\n  s:   106.25%,\r\n  m:   93.75%,\r\n  l:   100%,\r\n  xl:   106.25%,\r\n  xxl:   112.5%\r\n  ) !default;\r\n\r\n// Line height\r\n$base-line-height: 1.6rem;\r\n$heading-line-height: 1.2;\r\n$ms-line-heights: (\r\n  -4: $base-line-height * 0.55,\r\n  -3: $base-line-height * 0.625,\r\n  -2: $base-line-height * 0.75,\r\n  -1: $base-line-height * 0.875,\r\n  0: $base-line-height,\r\n  1: $base-line-height * 1.125,\r\n  2: $base-line-height * 1.5,\r\n  3: $base-line-height * 1.875,\r\n  4: $base-line-height * 2,\r\n  5: $base-line-height * 2.5,\r\n  6: $base-line-height * 3,\r\n  7: $base-line-height * 3,\r\n  8: $base-line-height * 4,\r\n  );\r\n\r\n// Vertical rhytm units\r\n$base-unit: $base-line-height;\r\n\r\n//\r\n// Headings Options\r\n// - size (rem),\r\n// - line height (rem),\r\n// - margin top (rem),\r\n// - margin bottom (rem)\r\n$headings: (\r\n  h1: (ms(4), ms-line-height(3), 0, $base-unit),\r\n  h2: (ms(2), ms-line-height(1), 0, $base-unit * 0.5),\r\n  h3: (ms(1), ms-line-height(1), 0, $base-unit * 0.5),\r\n  h4: (ms(0), ms-line-height(0), 0, 0),\r\n  h5: (ms(-1), ms-line-height(-1), 0, 0),\r\n  h6: (ms(-1), ms-line-height(-1), 0, 0)\r\n  ) !default;\r\n\r\n\r\n\r\n// ==================================================\r\n// Variables\r\n// ==================================================\r\n\r\n// Colors\r\n$base-color: hsl(2, 81%, 94%);\r\n$bg-color: $base-color;\r\n$bg-color-1: lighten(desaturate($bg-color, 5), 3);\r\n$bg-color-2: darken(desaturate($bg-color, 62), 38);\r\n\r\n@if $theme == light {\r\n  $bg-color-2: $bg-color;\r\n}\r\n\r\n$text-color: desaturate(darken($base-color, 85), 62);\r\n$action-color: hsl(1, 63%, 52%);\r\n$button-color: $action-color;\r\n$beauty-bush: #EEC5C3;\r\n$beauty-bush-gradient: desaturate(darken($beauty-bush, 2), 4), desaturate(darken($beauty-bush, 4), 8), desaturate(darken($beauty-bush, 6), 12), desaturate(darken($beauty-bush, 8), 16), desaturate(darken($beauty-bush, 10), 20), desaturate(darken($beauty-bush, 12), 24);\r\n\r\n// Border\r\n$base-border-color: transparent;\r\n$base-border: 1px solid $base-border-color;\r\n$base-border-radius: 3px;\r\n$box-shadow: 0 0 $base-unit * 2 rgba($text-color, .8);\r\n$box-shadow-small: 0 0 $base-unit rgba($text-color, .8);\r\n\r\n// Buttons\r\n$button-shadow: 0 0 $base-unit * 0.5 rgba(0, 0, 0, .2);\r\n\r\n// Animations\r\n$base-duration: .1s;\r\n$base-timing: ease-in-out;\r\n$transition-all: all $base-duration $base-timing;\r\n$timing-in: cubic-bezier(.62, 0, .8, .38);\r\n$timing-out: cubic-bezier(.2, .62, .38, 1);\r\n\r\n// SVG\r\n$svg-circle-size: $base-unit * 1.2;\r\n\r\n// Navigation\r\n$navigation-height: $base-unit * 1.875;\r\n$comment-width: $base-unit * 9.5;\r\n\r\n// Text module - editor\r\n$editor-font-family: $serif-font-family;\r\n$editor-width: $base-unit * 27;\r\n\r\n$gallery-width: $base-unit * 12;\r\n$gallery-width-big: $base-unit * 20;\r\n\r\n$usertext-width: $base-unit * 20;\r\n\r\n// Layers\r\n$layer-fullscreen: 999999;\r\n$layer-magnifying-glass: $layer-fullscreen + 1;\r\n","//  Author: Rafal Bromirski\n//  www: http://rafalbromirski.com/\n//  github: http://github.com/paranoida/sass-mediaqueries\n//\n//  Licensed under a MIT License\n//\n//  Version:\n//  1.6.1\n\n// --- generator ---------------------------------------------------------------\n\n@mixin mq($args...) {\n  $media-type: 'only screen';\n  $media-type-key: 'media-type';\n  $args: keywords($args);\n  $expr: '';\n\n  @if map-has-key($args, $media-type-key) {\n    $media-type: map-get($args, $media-type-key);\n    $args: map-remove($args, $media-type-key);\n  }\n\n  @each $key, $value in $args {\n    @if $value {\n      $expr: \"#{$expr} and (#{$key}: #{$value})\";\n    }\n  }\n\n  @media #{$media-type} #{$expr} {\n    @content;\n  }\n}\n\n// --- screen ------------------------------------------------------------------\n\n@mixin screen($min, $max, $orientation: false) {\n  @include mq($min-width: $min, $max-width: $max, $orientation: $orientation) {\n    @content;\n  }\n}\n\n@mixin max-screen($max) {\n  @include mq($max-width: $max) {\n    @content;\n  }\n}\n\n@mixin min-screen($min) {\n  @include mq($min-width: $min) {\n    @content;\n  }\n}\n\n@mixin screen-height($min, $max, $orientation: false) {\n  @include mq($min-height: $min, $max-height: $max, $orientation: $orientation) {\n    @content;\n  }\n}\n\n@mixin max-screen-height($max) {\n  @include mq($max-height: $max) {\n    @content;\n  }\n}\n\n@mixin min-screen-height($min) {\n  @include mq($min-height: $min) {\n    @content;\n  }\n}\n\n// --- hdpi --------------------------------------------------------------------\n\n@mixin hdpi($ratio: 1.3) {\n  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),\n  only screen and (min-resolution: #{round($ratio*96)}dpi) {\n    @content;\n  }\n}\n\n// --- hdtv --------------------------------------------------------------------\n\n@mixin hdtv($standard: '1080') {\n  $min-width: false;\n  $min-height: false;\n\n  $standards: ('720p', 1280px, 720px)\n              ('1080', 1920px, 1080px)\n              ('2K', 2048px, 1080px)\n              ('4K', 4096px, 2160px);\n\n  @each $s in $standards {\n    @if $standard == nth($s, 1) {\n      $min-width: nth($s, 2);\n      $min-height: nth($s, 3);\n    }\n  }\n\n  @include mq(\n    $min-device-width: $min-width,\n    $min-device-height: $min-height,\n    $min-width: $min-width,\n    $min-height: $min-height\n  ) {\n    @content;\n  }\n}\n\n// --- iphone4 -----------------------------------------------------------------\n\n@mixin iphone4($orientation: false) {\n  $min: 320px;\n  $max: 480px;\n  $pixel-ratio: 2;\n  $aspect-ratio: '2/3';\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $device-aspect-ratio: $aspect-ratio,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone5 -----------------------------------------------------------------\n\n@mixin iphone5($orientation: false) {\n  $min: 320px;\n  $max: 568px;\n  $pixel-ratio: 2;\n  $aspect-ratio: '40/71';\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $device-aspect-ratio: $aspect-ratio,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone6 -----------------------------------------------------------------\n\n@mixin iphone6($orientation: false) {\n  $min: 375px;\n  $max: 667px;\n  $pixel-ratio: 2;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone6 plus ------------------------------------------------------------\n\n@mixin iphone6-plus($orientation: false) {\n  $min: 414px;\n  $max: 736px;\n  $pixel-ratio: 3;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- ipad (all) --------------------------------------------------------------\n\n@mixin ipad($orientation: false) {\n  $min: 768px;\n  $max: 1024px;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation\n  ) {\n    @content;\n  }\n}\n\n// --- ipad-retina -------------------------------------------------------------\n\n@mixin ipad-retina($orientation: false) {\n  $min: 768px;\n  $max: 1024px;\n  $pixel-ratio: 2;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- orientation -------------------------------------------------------------\n\n@mixin landscape() {\n  @include mq($orientation: landscape) {\n    @content;\n  }\n}\n\n@mixin portrait() {\n  @include mq($orientation: portrait) {\n    @content;\n  }\n}\n","#svg-icon-lib {\r\n  display: none;\r\n  pointer-events: none;\r\n}\r\n\r\n.icon-svg {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  width: $base-unit;\r\n  height: $base-unit;\r\n  pointer-events: none;\r\n  color: currentColor;\r\n\r\n  svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: currentColor\r\n  }\r\n}\r\n\r\nimg,\r\nsvg {\r\n  max-width: 100%;\r\n}\r\n","$btn-font-weight: 400;\r\n$btn-border-width: 1px;\r\n\r\n.button {\r\n  cursor: pointer;\r\n  position: relative;\r\n  display: inline-block;\r\n  font-weight: $btn-font-weight;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  vertical-align: middle;\r\n  user-select: none;\r\n  padding: ($base-unit * 0.25) $base-unit;\r\n  margin-bottom: $base-unit;\r\n  font-size: ms(0);\r\n  line-height: ms-line-height(0);\r\n  border: $btn-border-width solid transparent;\r\n  border-radius: $base-unit;\r\n  box-shadow: 0 ($base-unit * 0.25) ($base-unit * 0.5) rgba($text-color, 0.5);\r\n  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;\r\n\r\n  & + & {\r\n    margin-left: $base-unit;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    text-decoration: none;\r\n    border-bottom-color: transparent;\r\n    box-shadow: 0 ($base-unit * 0.1875) ($base-unit * 0.375) rgba($text-color, 0.5625);\r\n  }\r\n\r\n  &:active {\r\n    box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.625);\r\n  }\r\n\r\n  &.secondary {\r\n    background-color: $bg-color-1;\r\n    border-color: $bg-color-2;\r\n    color: currentColor;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      background-color: lighten($bg-color-2, 49);\r\n    }\r\n\r\n    &:active {\r\n      background-color: lighten($bg-color-2, 45);\r\n    }\r\n  }\r\n\r\n  &.tertiary {\r\n    background-color: transparent;\r\n    border: 0;\r\n    border-bottom: 1px solid lighten($bg-color-2, 20);\r\n    box-shadow: none;\r\n    color: currentColor;\r\n    font-size: ms(-1);\r\n    line-height: ms-line-height(-1);\r\n    padding: 0;\r\n    border-radius: 0;\r\n    margin-bottom: 0;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      background-color: transparent;\r\n      border-bottom-color: currentColor;\r\n    }\r\n\r\n    &:active {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    font-size: ms(-1);\r\n    line-height: ms-line-height(-1);\r\n    padding: ($base-unit * 0.25) ($base-unit * 0.75);\r\n    box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.25);\r\n\r\n    &:hover,\r\n    &:focus {\r\n      box-shadow: 0 ($base-unit * 0.125 * 0.66) ($base-unit * 0.25 * 0.66) rgba($text-color, 0.125);\r\n    }\r\n\r\n    // TODO\r\n    &:active {\r\n      box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.625);\r\n    }\r\n  }\r\n}\r\n\r\n.button-ok {\r\n  background-color: #00AA58;\r\n  color: $bg-color-1;\r\n  opacity: 1;\r\n  transition: opacity $base-duration $base-timing, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\r\n  will-change: opacity;\r\n\r\n  &.button-hidden {\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: darken(#00AA58, 5);\r\n    color: white;\r\n  }\r\n\r\n  &.color-red {\r\n    background-color: red;\r\n\r\n    &:hover {\r\n      background-color: darken(red, 5);\r\n    }\r\n  }\r\n\r\n  &.color-orange {\r\n    background-color: orange;\r\n\r\n    &:hover {\r\n      background-color: darken(orange, 5);\r\n    }\r\n  }\r\n\r\n  &.color-green {\r\n    background-color: #00AA58;\r\n\r\n    &:hover {\r\n      background-color: darken(#00AA58, 5);\r\n    }\r\n  }\r\n\r\n  &.button-sent {\r\n    background-color: grey;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hide-on-previous-slide & {\r\n    .previous-slide & {\r\n      display: block;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n}\r\n","#loading-screen {\r\n  display: none;\r\n  pointer-events: none;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-flow: column;\r\n  color: $bg-color;\r\n  text-transform: lowercase;\r\n  z-index: 9999999;\r\n\r\n  will-change: opacity;\r\n  opacity: 0;\r\n  transition: opacity 0.62s 0.62s $timing-in;\r\n\r\n  background-color: $text-color;\r\n\r\n  .loading & {\r\n    pointer-events: initial;\r\n    opacity: 1;\r\n  }\r\n\r\n  svg {\r\n    width: $base-unit * 3;\r\n    height: $base-unit * 3;\r\n    fill: currentColor;\r\n  }\r\n\r\n  h1 {\r\n    font-size: ms(2);\r\n    line-height: ms-line-height(0);\r\n    margin-bottom: $base-unit * 2;\r\n  }\r\n}\r\n\r\n.loading-screen-content {\r\n  text-align: center;\r\n  opacity: 0;\r\n  will-change: opacity, transform;\r\n  transform: scale3d(1.2, 1.2, 1.2);\r\n  transition: opacity 0.38s 0.38s $timing-in, transform 0.38s 0.38s $timing-in;\r\n\r\n  .loading & {\r\n    opacity: 1;\r\n    transform: scale3d(1, 1, 1);\r\n  }\r\n}\r\n\r\n// .cviceni {\r\n//   will-change: transform;\r\n//   transform: scale3d(1, 1, 1);\r\n//   transition: transform 1.38s $timing-out;\r\n\r\n//   .loading & {\r\n//     transform: scale3d(.7, .7, .7);\r\n//   }\r\n// }\r\n","#unsupported {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-flow: column;\r\n  text-align: center;\r\n  z-index: 9999998;\r\n\r\n  background-color: $text-color;\r\n  color: $bg-color;\r\n\r\n  svg {\r\n    width: $base-unit * 3;\r\n    height: $base-unit * 3;\r\n    fill: currentColor;\r\n  }\r\n\r\n  h1 {\r\n    font-size: ms(2);\r\n    line-height: ms-line-height(2);\r\n    margin-bottom: $base-unit * 2;\r\n    max-width: $base-unit * 45;\r\n  }\r\n}\r\n","#header {\r\n  z-index: 1;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  min-height: $base-unit * 2;\r\n  line-height: $base-unit * 2;\r\n  background-color: $bg-color-1;\r\n  padding: 0 $base-unit;\r\n  // border-bottom: 1px solid rgba(lightgray,.2);\r\n  // text-transform: uppercase;\r\n  // font-size: ms(-1);\r\n  color: $bg-color-2;\r\n\r\n  display: flex;\r\n\r\n  will-change: transform;\r\n  transition: transform .3s $base-timing;\r\n  transform: translate3d(0, 0, 0);\r\n\r\n  &.is-hidden {\r\n    transform: translate3d(0, -100%, 0);\r\n  }\r\n\r\n  .icon-svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n\r\n.header-left {\r\n  flex: 0 0 auto;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  padding-left: $base-unit * 1.75;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n\r\n  .icon-svg {\r\n    margin-top: -2px;\r\n    left: $base-unit * .75;\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n}\r\n\r\n.header-center {\r\n  flex: 1 auto;\r\n  position: relative;\r\n}\r\n\r\n.header-right {\r\n  margin-left: auto;\r\n}\r\n","// Horizontální navigace\r\n.navigation {\r\n  text-align: center;\r\n  line-height: $navigation-height;\r\n  height: $navigation-height + $base-unit * 0.5;\r\n  background-color: $bg-color;\r\n\r\n  + .row {\r\n    background-color: $bg-color;\r\n  }\r\n}\r\n\r\n.nav-button {\r\n  position: absolute;\r\n  top: $navigation-height;\r\n  border-bottom: 0;\r\n  padding: 0 $base-unit;\r\n  cursor: pointer;\r\n  color: $bg-color-2;\r\n  font-size: ms(-2);\r\n  letter-spacing: .05em;\r\n  text-transform: uppercase;\r\n  transition: none;\r\n\r\n  &:hover {\r\n    color: $text-color;\r\n\r\n    .icon-svg {\r\n      background-color: $text-color;\r\n      color: $bg-color;\r\n    }\r\n  }\r\n\r\n  &.is-hidden {\r\n    pointer-events: none;\r\n    visibility: hidden;\r\n  }\r\n\r\n  span {\r\n    margin-top: .1em;\r\n    display: inline-block;\r\n  }\r\n\r\n  .icon-svg {\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    top: 49%;\r\n    transform: translateY(-50%);\r\n    width: $base-unit;\r\n    height: $base-unit;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    svg {\r\n      width: $base-unit * 0.5;\r\n      height: $base-unit * 0.5;\r\n    }\r\n  }\r\n}\r\n\r\n.nav-button-prev {\r\n  left: 0;\r\n  padding-left: $base-unit * 1.5;\r\n\r\n  .slide:first-child & {\r\n    display: none;\r\n  }\r\n\r\n  @include mq($min-width: $screen-l + 1) {\r\n    .slide.half-slide-active & {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .slide.half-slide-previous.previous-to-active-slide & {\r\n    display: block;\r\n  }\r\n\r\n  .icon-svg {\r\n    left: $base-unit * 0.25;\r\n    transform: rotate(180deg) translateY(50%);\r\n  }\r\n}\r\n\r\n.nav-button-next {\r\n  right: 0;\r\n  padding-right: $base-unit * 1.5;\r\n\r\n  .slide:last-child & {\r\n    display: none;\r\n  }\r\n\r\n  @include mq($min-width: $screen-l + 1) {\r\n    .slide.previous-to-active-slide & {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .icon-svg {\r\n    right: $base-unit * 0.25;\r\n  }\r\n}\r\n",".slides {\r\n  width: 100vw;\r\n  height: 100%;\r\n}\r\n\r\n.slide {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: translate3d(0, 0, 0);\r\n  will-change: transform, width;\r\n  transition: transform .38s, width .38s;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n  text-align: center;\r\n\r\n  // display: flex;\r\n  // flex-flow: column;\r\n  background-color: $bg-color-2;\r\n\r\n  &.previous-slide {\r\n    transform: translate3d(-100vw, 0, 0);\r\n\r\n    @include mq($min-width: $screen-l + 1) {\r\n      &.half-slide-active,\r\n      &.half-slide-previous {\r\n        width: 50%;\r\n      }\r\n\r\n      &.half-slide-active {\r\n        transform: translate3d(-50vw, 0, 0);\r\n      }\r\n    }\r\n\r\n    &.half-slide-previous {\r\n      transform: translate3d(-100vw, 0, 0);\r\n      border-right: 1px solid lighten($bg-color, 3);\r\n    }\r\n  }\r\n\r\n  @include mq($min-width: $screen-l + 1) {\r\n    &.previous-to-active-slide {\r\n      &.half-slide-previous {\r\n        width: 50%;\r\n        transform: translate3d(0, 0, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.active-slide {\r\n    width: 100%;\r\n\r\n    @include mq($min-width: $screen-l + 1) {\r\n      &.half-slide-active {\r\n        width: 50%;\r\n        transform: translate3d(50vw, 0, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.next-slide {\r\n    transform: translate3d(100vw, 0, 0);\r\n\r\n    @include mq($min-width: $screen-l + 1) {\r\n      &.half-slide-active {\r\n        width: 50%;\r\n        transform: translate3d(100vw, 0, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  @for $i from 1 through 10 {\r\n    $bg-color: darken(#f2f2f2, $i * $i);\r\n\r\n    .slide:nth-child(#{$i}) {\r\n      background: $bg-color;\r\n    }\r\n  }\r\n}\r\n\r\n.hide-on-previous-slide {\r\n\r\n  @include mq($min-width: $screen-l + 1) {\r\n    .previous-slide & {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.row {\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: center;\r\n  padding: 0 $base-unit * .5;\r\n\r\n  @include min-screen($screen-l) {\r\n    padding: 0 $base-unit;\r\n  }\r\n\r\n  &.slideNaPul {\r\n    padding: 0;\r\n  }\r\n  /*\r\n  je opravdu nutne?\r\n  &:first-child {\r\n    padding-top: $base-unit * 3;\r\n    background-color: $bg-color;\r\n  }\r\n\r\n  &:last-child {\r\n    flex: 1;\r\n    padding-bottom: $base-unit * 2;\r\n    margin-bottom: 0;\r\n  }\r\n  */\r\n\r\n  &.with-submodule,\r\n  &.module-with-draggable {\r\n    justify-content: center;\r\n\r\n    @include max-screen($screen-l) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.items {\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  background: $bg-color-2;\r\n  padding-bottom: $base-unit;\r\n  line-height: 0;\r\n}\r\n\r\n.item {\r\n  flex: 1;\r\n  flex: 1 1 0;\r\n\r\n  .row {\r\n    padding: 0 0 $base-unit;\r\n  }\r\n}\r\n\r\n.layout-horizontal {\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: center;\r\n\r\n  @include max-screen($screen-l) {\r\n    flex-direction: column;\r\n  }\r\n\r\n  @include min-screen($screen-l) {\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n\r\n    > * {\r\n      flex: 1;\r\n      flex: 1 1 0;\r\n      margin: 0 1%;\r\n    }\r\n\r\n\r\n    .item-5 {\r\n      flex: 1 20%;\r\n    }\r\n  }\r\n}\r\n\r\n.layout-vertical {\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n}\r\n",".pagination {\r\n  position: absolute;\r\n  top: $navigation-height;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: ms(-1);\r\n  // line-height: ms-line-height(-1);\r\n  color: $bg-color-2;\r\n  cursor: default;\r\n}\r\n",".zadani {\r\n  max-width: $base-unit * 45;\r\n  padding: 0 $base-unit;\r\n  margin: $base-unit 0 $base-unit * .75;\r\n\r\n  // *:last-child {\r\n  //   margin-bottom: 0;\r\n  // }\r\n\r\n  h1 {\r\n    font-size: ms(3);\r\n    line-height: ms-line-height(2);\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  h1 + h2 {\r\n    font-size: ms(1);\r\n    // line-height: ms-line-height(1);\r\n    margin: $base-unit * .25 auto 0;\r\n    display: block;\r\n    max-width: $base-unit * 35;\r\n  }\r\n}\r\n","$help-size: $base-unit * 1.25;\r\n\r\n.help-container {\r\n  align-items: center;\r\n  padding-bottom: $base-unit * .875;\r\n  margin-bottom: $base-unit;\r\n  line-height: 0;\r\n  background-color: $bg-color;\r\n  color: $bg-color-2;\r\n\r\n  //\r\n  @if $theme == light {\r\n    color: $text-color;\r\n  }\r\n}\r\n\r\n.help-activities {\r\n  cursor: help;\r\n  display: inline-flex;\r\n  position: relative;\r\n}\r\n\r\n.help-activity {\r\n  width: $help-size;\r\n  height: $help-size;\r\n  margin: 0 ($base-unit * 0.125);\r\n  border: 2px solid;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  box-sizing: content-box;\r\n\r\n  .icon-svg {\r\n    width: $help-size;\r\n    height: $help-size;\r\n  }\r\n}\r\n\r\n.help-text {\r\n  display: none;\r\n  position: absolute;\r\n  top: calc(100% + #{$base-unit * .875});\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: calc(100vw - #{$base-unit});\r\n  max-width: 600px;\r\n  padding: $base-unit;\r\n  border-radius: $base-border-radius;\r\n  font-size: ms(-1);\r\n  line-height: ms-line-height(-2);\r\n  background-color: $text-color;\r\n  box-shadow: $box-shadow;\r\n  z-index: 999;\r\n\r\n  @include min-screen($screen-l) {\r\n    width: 38vw;\r\n  }\r\n\r\n  .help-activities:hover & {\r\n    display: block;\r\n  }\r\n\r\n  &::after {\r\n    content: \" \";\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    border: solid transparent;\r\n    height: 0;\r\n    width: 0;\r\n\r\n    // pointer-events: none;\r\n    border-color: rgba($text-color, 0);\r\n    border-bottom-color: $text-color;\r\n    border-width: $base-unit * .875;\r\n    margin-left: -$base-unit * .875;\r\n  }\r\n\r\n  h6 {\r\n    color: $bg-color;\r\n    letter-spacing: .05em;\r\n    text-transform: uppercase;\r\n  }\r\n}\r\n",".captions {\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding-bottom: $base-unit;\r\n  color: $base-color;\r\n  font-size: ms(-1);\r\n  line-height: ms-line-height(-2);\r\n\r\n  @include min-screen($screen-l) {\r\n    flex-direction: row;\r\n  }\r\n\r\n}\r\n\r\n.caption {\r\n  padding: 0 $base-unit * .25 $base-unit * .25 $base-unit * .25;\r\n\r\n  @include min-screen($screen-l) {\r\n    padding: 0 $base-unit * .25;\r\n  }\r\n\r\n  p {\r\n    display: inline-block;\r\n    text-align: center;\r\n    max-width: $base-unit * 20;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n\r\n    @include min-screen($screen-l) {\r\n      text-align: left;\r\n    }\r\n  }\r\n}\r\n",".slide-export {\r\n  .nav-button {\r\n    z-index: 9;\r\n    line-height: $navigation-height;\r\n    color: $bg-color-2;\r\n\r\n    &:hover {\r\n      color: $bg-color-1;\r\n\r\n      .icon-svg {\r\n        background-color: $bg-color-1;\r\n        color: $text-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    position: relative;\r\n    color: $bg-color-1;\r\n    background-color: transparent;\r\n    min-height: 100%;\r\n  }\r\n\r\n  .overlay {\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center;\r\n    pointer-events: none;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    height: 100%;\r\n\r\n    &::before {\r\n      content: \"\";\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.8);\r\n    }\r\n  }\r\n\r\n  .content {\r\n    position: relative;\r\n    display: flex;\r\n    flex-flow: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 17vh;\r\n    margin-bottom: 17vh;\r\n    max-width: $base-unit * 49;\r\n    width: 100%;\r\n    // padding: 0 $base-unit;\r\n  }\r\n\r\n  .user-texts-container {\r\n    background-color: transparent;\r\n    margin: 0 auto $base-unit;\r\n    width: 100%;\r\n\r\n    @include min-screen($screen-l) {\r\n      width: $base-unit * 15;\r\n    }\r\n  }\r\n\r\n  .zadani {\r\n    > * {\r\n      text-shadow: 0 1px 0.38em rgba($text-color, 0.62);\r\n    }\r\n  }\r\n\r\n  h1 {\r\n    font-weight: 700;\r\n  }\r\n\r\n  button {\r\n    &[type=\"button\"] {\r\n      margin-bottom: $base-unit * 0.25;\r\n    }\r\n\r\n    &[data-nav-button=\"prev\"] {\r\n      margin-bottom: $base-unit * 3;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    fill: currentColor;\r\n  }\r\n\r\n  .privacy-policy {\r\n    position: absolute;\r\n    bottom: $base-unit * 5;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n\r\n    font-size: ms(-2);\r\n    line-height: ms-line-height(-4);\r\n    margin-top: $base-unit * -.5;\r\n    max-width: $base-unit * 18;\r\n    opacity: .62;\r\n\r\n    @include max-screen($screen-l) {\r\n      padding-bottom: $base-unit * .5;\r\n      border-bottom: 1px solid rgba($bg-color-1, .38);\r\n    }\r\n\r\n    @include min-screen($screen-l) {\r\n      bottom: $base-unit;\r\n    }\r\n  }\r\n\r\n  .tacr {\r\n    position: absolute;\r\n    bottom: $base-unit * .5;\r\n\r\n    color: $bg-color-2;\r\n    font-size: ms(-2);\r\n    line-height: ms-line-height(-4);\r\n\r\n    @include max-screen($screen-l) {\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    @include min-screen($screen-l) {\r\n      bottom: $base-unit;\r\n      right: $base-unit;\r\n    }\r\n  }\r\n\r\n  .tacr-logo {\r\n    width: $base-unit * 4;\r\n    height: $base-unit * 4;\r\n  }\r\n}\r\n",".slide-initial {\r\n  color: $bg-color-1;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding-bottom: $base-unit * 2;\r\n\r\n  .overlay {\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    background-position: center;\r\n    pointer-events: none;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    height: 100%;\r\n\r\n    &::before {\r\n      content: '';\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(0, 0, 0, 0.8);\r\n    }\r\n  }\r\n\r\n  .content {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 80ch;\r\n    width: 100%;\r\n  }\r\n\r\n  .zadani {\r\n    margin: 0 $base-unit $base-unit;\r\n    padding: 0;\r\n\r\n    > * {\r\n      text-shadow: 0 1px 0.38em rgba($text-color, 0.62);\r\n    }\r\n\r\n    .h6 {\r\n      opacity: 0.8;\r\n    }\r\n\r\n    h1 {\r\n      font-weight: 700;\r\n      margin-bottom: $base-unit;\r\n    }\r\n  }\r\n}\r\n","[data-tooltip] {\r\n  &::before {\r\n    content: attr(data-tooltip);\r\n    display: none;\r\n    position: absolute;\r\n    background-color: rgba($text-color, 0.62);\r\n    border-radius: $base-border-radius;\r\n    color: $color-bg-0;\r\n    font-size: ms(-2);\r\n    letter-spacing: 0.05em;\r\n    line-height: ms-line-height(-3);\r\n    padding: ($base-unit * 0.1875) ($base-unit * 0.25) ($base-unit * 0.125);\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 0 ($base-unit * 0.5) $text-color;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &:hover {\r\n    &::before {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n","$color-primary: #5352a6;\r\n$color-secondary: #fce4e3;\r\n\r\n$color-green: #51b15b;\r\n$color-red: red;\r\n$color-orange: orange;\r\n\r\n$color-text: desaturate(darken($color-secondary, 85), 62);\r\n\r\n$color-bg-0: $color-secondary;\r\n$color-bg-1: lighten(desaturate($color-bg-0, 5), 3);\r\n$color-bg--1: darken(desaturate($color-bg-0, 30), 10);\r\n$color-bg--2: darken(desaturate($color-bg-0, 46), 24);\r\n$color-bg--3: darken(desaturate($color-bg-0, 62), 38);\r\n$color-bg--4: lighten($color-text, 20);\r\n\r\n\r\n\r\n",".caption-on-hover {\r\n  // display: none;\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  left: 0;\r\n  padding: $base-unit * .75 $base-unit * .5 $base-unit * .25;\r\n  background: linear-gradient(to top, rgba($text-color, .62) 10%, rgba($text-color, 0) 100%);\r\n  background-position: center right;\r\n  color: $bg-color-1;\r\n  font-family: $base-font-family;\r\n  font-size: ms(-2);\r\n  line-height: ms-line-height(-4);\r\n  text-shadow: 0 0 $base-unit * .125 $text-color;\r\n  overflow: visible;\r\n  text-align: left;\r\n  pointer-events: none;\r\n\r\n  opacity: 1;\r\n  will-change: opacity;\r\n  transition: opacity $base-duration $base-timing;\r\n\r\n  .gallery-item:hover &,\r\n  .media-item:hover &,\r\n  .sortable-item:hover &,\r\n  .half-slide-previous.previous-to-active-slide .sortable-item &,\r\n  .svgs__item:hover & {\r\n    // display: none;\r\n    opacity: 0;\r\n  }\r\n\r\n  .svgs__item & {\r\n    font-size: ms(-1);\r\n    line-height: ms-line-height(-3);\r\n  }\r\n}\r\n",".gallery-container {\r\n  position: relative;\r\n  position: sticky;\r\n  top: $base-unit;\r\n  // max-height: 90vh;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  overscroll-behavior: contain;\r\n  margin: 0 auto $base-unit;\r\n  max-width: $screen-s;\r\n\r\n  box-shadow: $box-shadow;\r\n  border-radius: $base-border-radius;\r\n  counter-reset: gallery;\r\n  align-self: flex-start;\r\n\r\n  @include max-screen($screen-l) {\r\n    max-height: 50vh;\r\n  }\r\n\r\n  @include min-screen($screen-l + 1) {\r\n    flex: 0 1 $gallery-width;\r\n    max-width: $gallery-width;\r\n    margin: 0 $base-unit * 2 $base-unit 0;\r\n  }\r\n\r\n  &.layout-gallery-big {\r\n    @include min-screen($screen-l) {\r\n      flex: 0 1 $gallery-width-big;\r\n      max-width: $gallery-width-big;\r\n    }\r\n  }\r\n\r\n  &.gallery-single {\r\n    .gallery-item::before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &.gallery-multiple {\r\n    // max-height: 50vh;\r\n\r\n    @include min-screen($screen-l) {\r\n      max-height: 70vh;\r\n    }\r\n  }\r\n\r\n  .active-slide & {\r\n    // min-width: 38%;\r\n  }\r\n\r\n  .half-slide-previous.previous-to-active-slide &,\r\n  .half-slide-previous.previous-slide & {\r\n    @include min-screen($screen-l) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  + * {\r\n    position: relative;\r\n  }\r\n}\r\n\r\n.gallery-item {\r\n  position: relative;\r\n  border-top: 1px solid $text-color;\r\n\r\n  &:first-of-type {\r\n    border-top: 0;\r\n  }\r\n\r\n  &::before {\r\n    counter-increment: gallery;\r\n    content: counter(gallery);\r\n    position: absolute;\r\n    top: $base-unit * 0.5;\r\n    left: $base-unit * 0.5;\r\n    width: $base-unit * .75;\r\n    height: $base-unit * .75;\r\n    line-height: $base-unit * .75;\r\n    background-color: rgba($text-color, .62);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 $base-unit * 0.5 rgba($text-color, .62);\r\n    color: $bg-color;\r\n    font-family: $ui-font-family;\r\n    font-feature-settings: \"lnum\";\r\n    font-size: ms(-2);\r\n    text-transform: uppercase;\r\n    letter-spacing: .05em;\r\n    z-index: 1;\r\n\r\n    will-change: opacity;\r\n    transition: opacity $base-duration $base-timing;\r\n  }\r\n\r\n  &:hover {\r\n    &::before {\r\n      opacity: .38;\r\n    }\r\n  }\r\n\r\n  img {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.gallery__item--svg {\r\n  > :not(.fullscreen-toggle) {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n.gallery__item--text {\r\n  background-color: $color-bg-0;\r\n  font-family: $serif-font-family;\r\n\r\n  p {\r\n    padding: $base-unit * 1.5 $base-unit;\r\n    font-size: ms(0);\r\n    line-height: ms-line-height(0);\r\n    text-align: left;\r\n\r\n    &[data-duplicate] {\r\n      min-height: ms-line-height(0) * 5;\r\n    }\r\n  }\r\n}\r\n\r\n.gallery__item--vyber {\r\n  border-color: $color-bg--4;\r\n\r\n  .selected-item__placeholder {\r\n    min-height: $base-unit * 4;\r\n    background-color: $color-text;\r\n    color: $color-bg--4;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n}\r\n","@use \"sass:math\";\r\n\r\n$draggable--max-width: $screen-xl;\r\n$draggable__item--max-size: $base-unit * 9;\r\n\r\n.draggable {\r\n  background: radial-gradient(farthest-corner, rgba($text-color, .6) 0%, rgba($text-color, .7) 100%);\r\n  border-radius: $base-unit * 2;\r\n  border: 3px dashed $text-color;\r\n  box-shadow: $box-shadow;\r\n  color: $bg-color;\r\n  max-width: $draggable--max-width;\r\n  padding: $base-unit $base-unit $base-unit * .5;\r\n  position: relative;\r\n  text-align: center;\r\n\r\n  // Does not work in Firefox\r\n  // max-height: 30vh;\r\n  // overflow: auto;\r\n  // -webkit-overflow-scrolling: touch;\r\n\r\n  // do not make it sticky when it is done to have clear view of SVG\r\n  :root:not(.is-done) & {\r\n    @include min-screen($screen-l) {\r\n      position: sticky;\r\n      top: $base-unit;\r\n\r\n      // because of sticky right side (any single purpose module) when horizontal layout\r\n      // Solution for dragged item which is below the right side\r\n      z-index: 2;\r\n    }\r\n  }\r\n\r\n  .layout-vertical &,\r\n  .table-new__wrapper & {\r\n    margin: 0 auto $base-unit;\r\n    width: 100%;\r\n  }\r\n\r\n  .svgs:not(.layout-vertical) & {\r\n    margin-bottom: $base-unit;\r\n\r\n    // @include max-screen($screen-l) {\r\n      //   max-height: 30vh;\r\n      //   overflow: auto;\r\n      //   -webkit-overflow-scrolling: touch;\r\n      // }\r\n\r\n    @include min-screen($screen-l) {\r\n      // have it sticky in horizontal layout\r\n      position: sticky;\r\n      top: $base-unit;\r\n      // because of sticky right side (any single purpose module) when horizontal layout\r\n      // Solution for dragged item which is below the right side\r\n      z-index: 2;\r\n\r\n      flex: 2;\r\n      align-self: flex-start;\r\n      margin-right: $base-unit * 2;\r\n      max-width: math.div($draggable--max-width, 3);\r\n      padding: $base-unit $base-unit $base-unit * .5;\r\n\r\n      // .half-slide-previous.previous-to-active-slide &,\r\n      // .half-slide-previous.previous-slide & {\r\n      //   display: none;\r\n      // }\r\n    }\r\n  }\r\n\r\n  .half-slide-previous.previous-to-active-slide &,\r\n  .half-slide-previous.previous-slide & {\r\n    @include min-screen($screen-l) {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.slide.is-dragging {\r\n  cursor: grabbing;\r\n}\r\n\r\n.draggable__title {\r\n  border-bottom: 1px solid rgba($bg-color, .1);\r\n  margin-top: $base-unit * -.5;\r\n  margin-bottom: $base-unit;\r\n  padding-bottom: $base-unit * .25;\r\n}\r\n\r\n.draggable__items {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n\r\n  // .svgs.module-with-draggable:not(.layout-vertical) & {\r\n  //   flex-direction: column;\r\n  // }\r\n}\r\n\r\n.is-dragged {\r\n  .node-close {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.draggable__item {\r\n  // color: $text-color;\r\n  cursor: grab;\r\n  opacity: 1;\r\n  padding: 0 $base-unit * 0.25 $base-unit * 0.5;\r\n  position: relative;\r\n  transform: scale3d(1, 1, 1);\r\n  transition:\r\n    opacity $base-duration $timing-out,\r\n    transform $base-duration $timing-out;\r\n  will-change: opacity, transform;\r\n  width: auto;\r\n\r\n  &.is-dragged {\r\n    opacity: .62;\r\n    outline: 0;\r\n    position: absolute;\r\n    transform: scale3d(1.2, 1.2, 1);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .has-was-dropped &.was-dropped {\r\n    // same as .keywords-item.disabled\r\n    opacity: 0.38;\r\n\r\n    .draggable__item__inner {\r\n      box-shadow: none;\r\n    }\r\n\r\n    &:hover {\r\n      opacity: 0.62;\r\n\r\n      .draggable__item__inner {\r\n        box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\r\n      }\r\n    }\r\n\r\n\r\n    &:hover {\r\n      &::before {\r\n        bottom: calc(100% + #{$base-unit * .25});\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n\r\n        // background-color: $color-green;\r\n        border-radius: $base-unit * 0.1875 + $base-unit * 0.125 + ms-line-height(-3);\r\n      }\r\n    }\r\n  }\r\n\r\n  // state: universal\r\n  .draggable__items:hover & {\r\n    &:not(.draggable-placeholder) {\r\n      opacity: .62;\r\n\r\n      &.was-dropped {\r\n        opacity: .24;\r\n      }\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  // state: no dragging\r\n  .slide:not(.is-dragging) & {\r\n    &:not(.draggable-placeholder) {\r\n      &:hover {\r\n        transform: scale3d(1.038,1.038,1);\r\n      }\r\n    }\r\n  }\r\n\r\n  .is-dragging &:not(.is-dragged) {\r\n    opacity: .62;\r\n\r\n    &.was-dropped {\r\n      opacity: .24;\r\n    }\r\n  }\r\n\r\n  *,\r\n  .slide.is-dragging & {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n.draggable__item__inner {\r\n  position: relative;\r\n  background-color: $color-bg-1;\r\n  border-radius: $base-border-radius;\r\n  box-shadow: $box-shadow;\r\n  overflow: hidden;\r\n\r\n  > * {\r\n    max-height: $draggable__item--max-size;\r\n    max-width: $draggable__item--max-size;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .draggable .draggable__item--tag & {\r\n    padding-right: $base-unit * .5;\r\n  }\r\n}\r\n\r\n.draggable__handle {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: $base-unit;\r\n\r\n  .draggable__item:hover &,\r\n  .draggable__item.is-dragged & {\r\n    background-color: $text-color;\r\n    color: $bg-color;\r\n  }\r\n\r\n  .draggable__item--placeholder & {\r\n    display: none;\r\n  }\r\n\r\n  svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform-origin: center;\r\n    transform: translate(-50%, -50%);\r\n    opacity: .5;\r\n    width: $base-unit * .5;\r\n    max-height: 100%;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .draggable--vertical & {\r\n    svg {\r\n      transform: translate(-50%, -50%) rotate(90deg);\r\n      width: $base-unit * .25;\r\n    }\r\n  }\r\n\r\n  .draggable__item--audio &,\r\n  .draggable__item--image &,\r\n  .draggable__item--svg &,\r\n  .draggable__item--video & {\r\n    color: $bg-color;\r\n    background-color: rgba($text-color, .62);\r\n\r\n    svg {\r\n      opacity: .62;\r\n    }\r\n  }\r\n\r\n  .draggable__item--tag & {\r\n    color: rgba($text-color, .62);\r\n  }\r\n\r\n  .draggable__item--tag:hover &,\r\n  .draggable__item--tag.is-dragged & {\r\n    background-color: transparent;\r\n    color: $text-color;\r\n  }\r\n\r\n\r\n  .draggable__item--audio:hover &,\r\n  .draggable__item--audio.is-dragged & {\r\n    svg {\r\n      opacity: .8;\r\n    }\r\n  }\r\n}\r\n\r\n.draggable__item--placeholder {\r\n  opacity: 0.38;\r\n}\r\n\r\n// TODO: text component in general\r\n// .draggable__item--text {\r\n//   // width: 100%;\r\n//   // height: 100%;\r\n//   // min-height: $base-unit * 2;\r\n//   border-radius: $base-border-radius;\r\n//   // display: inline-flex;\r\n//   // justify-content: center;\r\n//   // align-items: center;\r\n//   // padding: $base-unit * 0.25 $base-unit $base-unit * 0.25 $base-unit * 1.5;\r\n\r\n//   .draggable-vertical & {\r\n//     padding-right: $base-unit * 1.25;\r\n//   }\r\n\r\n//   .draggable__item__inner {\r\n//     background: $color-bg-1;\r\n//     padding: calc(#{($base-unit * 0.125)} - 1px) $base-unit * 1.25 0 ($base-unit * 0.25);\r\n//   }\r\n// }\r\n\r\n// TODO: stop using textarea. Import user text to the new text component\r\n// .draggable__item--user-text {\r\n//   // background: $bg-color-1;\r\n\r\n//   .draggable-vertical & {\r\n//     padding-right: $base-unit;\r\n//   }\r\n\r\n//   .user-texts,\r\n//   .user-texts-container {\r\n//     padding-bottom: 0;\r\n//     margin-bottom: 0;\r\n//     width: 100%;\r\n//   }\r\n//   .user-text {\r\n//     line-height: 0;\r\n//   }\r\n// }\r\n\r\n.keywords-item {\r\n\r\n  .draggable__item &,\r\n  .dropped__item & {\r\n    padding-left: $base-unit * 1.125;\r\n\r\n    .keywords-item-icon {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: $base-unit * .5;\r\n      transform: translateY(-50%);\r\n      width: $base-unit * .25;\r\n      height: $base-unit * .25;\r\n      border: 1px solid $bg-color-2;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n\r\n  .was-dropped &,\r\n  .dropped__item & {\r\n    .keywords-item-icon {\r\n      background-color: $bg-color-2;\r\n    }\r\n  }\r\n\r\n  .dropped__item & {\r\n    .keywords-item-icon {\r\n      /* foreign object doesnt like position absolute on iOS */\r\n      position: unset;\r\n      top: unset;\r\n      left: unset;\r\n      transform: unset !important;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n[data-drop-place] {\r\n  position: relative;\r\n  height: $base-unit * 4;\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: $base-unit * .25;\r\n    left: $base-unit * .25;\r\n    right: $base-unit * .25;\r\n    bottom: $base-unit * .25;\r\n    border-radius: $base-border-radius;\r\n    border: 1px dashed $color-bg--2;\r\n    background-color: $color-bg-0;\r\n    text-align: center;\r\n    line-height: $base-unit * 4;\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n.svg {\r\n  .dropped__item {\r\n    // background-color: $color-bg-1;\r\n    width: 100%;\r\n    height: 100%;\r\n    // border-radius: $base-border-radius;\r\n    // overflow: hidden;\r\n    // display: flex;\r\n    // justify-content: center;\r\n    // align-items: center;\r\n\r\n    .keywords-item {\r\n      font-size: ms(1);\r\n      line-height: ms-line-height(0);\r\n      pointer-events: none;\r\n      /* FO doesnt like position relativ on iOS */\r\n      position: unset;\r\n      padding: 0;\r\n    }\r\n\r\n  &:not(.dropped__item--svg):not(.dropped__item--image)  > * {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      flex-direction: row-reverse;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n    }\r\n  }\r\n}\r\n\r\n.dropped__item--svg {\r\n  line-height: 0;\r\n}\r\n",".sources {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: $bg-color-2;\r\n  padding-bottom: $base-unit;\r\n  line-height: 0;\r\n\r\n  .col-2 & {\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  @include min-screen($screen-l) {\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n.sources--grid {\r\n  @include min-screen($screen-l) {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax($base-unit * 17, 1fr));\r\n  }\r\n}\r\n\r\n.source {\r\n  flex: 3 1 0;\r\n  padding: $base-unit * 0.25;\r\n\r\n  .with-submodule &,\r\n  .module-with-draggable & {\r\n    padding: 0;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .has-gallery & {\r\n    max-width: 62vw;\r\n  }\r\n\r\n  .layout-vertical & {\r\n    margin-bottom: $base-unit;\r\n  }\r\n\r\n  .col-2 & {\r\n    flex: 1 50%;\r\n\r\n    &:first-child {\r\n      margin-bottom: $base-unit;\r\n    }\r\n  }\r\n\r\n  image,\r\n  img {\r\n    max-width: 100%;\r\n    // width: 100%;\r\n  }\r\n\r\n  .source-image,\r\n  .svg {\r\n    max-height: 90vh;\r\n    // max-width: 62vw;\r\n    box-shadow: $box-shadow;\r\n    border-radius: $base-border-radius;\r\n  }\r\n}\r\n\r\n.source-container {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.column {\r\n  &.half-slide-previous.previous-slide {\r\n    .sources {\r\n      flex-flow: column;\r\n    }\r\n\r\n    .source {\r\n      margin: 0 auto $base-unit;\r\n    }\r\n  }\r\n}\r\n\r\n// TODO: remove slide classes, use modifiers on modules\r\n// promeny-mesta-zlin, slide 1, 8\r\n.slide-layout-column {\r\n  .sources {\r\n    display: flex;\r\n    flex-flow: column;\r\n    align-items: center;\r\n\r\n    .source {\r\n      margin-bottom: $base-unit;\r\n      width: 100%;\r\n      max-width: $base-unit * 30;\r\n    }\r\n  }\r\n}\r\n","#lupa {\r\n  width: 1px;\r\n  height: 1px;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  pointer-events: none;\r\n  will-change: transform;\r\n  z-index: $layer-magnifying-glass;\r\n  display: none;\r\n\r\n  @include min-screen($screen-l) {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.lupa-canvas {\r\n  position: absolute;\r\n  left: -115px;\r\n  top: -250px;\r\n}\r\n\r\n[data-lupa-target] {\r\n  cursor: zoom-in;\r\n}\r\n","$radial-menu-size: 120px;\r\n\r\n/* Radiální menu */\r\n#radial-menu {\r\n  position: absolute;\r\n  width: 14px;\r\n  height: 14px;\r\n  border-radius: 50%;\r\n  border: 1px solid $text-color;\r\n  background-color: rgba($text-color, .62);\r\n  color: $bg-color;\r\n  z-index: -2;\r\n\r\n  display: block;\r\n  opacity: 0;\r\n  transform: translate3d(0,0,0) scale(0.38);\r\n  backface-visibility: hidden;\r\n\r\n  transition: transform .1s ease-out, opacity .1s ease-out, z-index .1s ease-out;\r\n\r\n  &.is-active {\r\n    // display: block;\r\n    z-index: 201;\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.radial-menu-wrapper {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: $radial-menu-size;\r\n  height: $radial-menu-size;\r\n  border-radius: 50%;\r\n  // background-color: rgba(0,0,0, .2);\r\n  // background: radial-gradient(ellipse at center, rgba($bg-color,0) 15%,rgba($bg-color,.62) 62%);\r\n  // border: 1px dotted black;\r\n  // number of 55 is radial size of radial wrapper\r\n  transform: translateX(-50%) translateY(-38%);\r\n}\r\n\r\n.radial-menu-tooltip {\r\n  display: none;\r\n  position: absolute;\r\n  bottom: 25%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 130px;\r\n\r\n  background-color: rgba($text-color, 0.62);\r\n  border-radius: $base-border-radius;\r\n  font-size: ms(-2);\r\n  letter-spacing: 0.05em;\r\n  line-height: ms-line-height(-3);\r\n  padding: ($base-unit * 0.1875) ($base-unit * 0.25) ($base-unit * 0.125);\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  text-shadow: 0 0 ($base-unit * 0.5) $text-color;\r\n}\r\n\r\n.radial-menu-item {\r\n  position: absolute;\r\n  width: 30px;\r\n  height: 30px;\r\n  background-color: $bg-color;\r\n  border-radius: 50%;\r\n  border: 3px solid $text-color;\r\n  box-shadow: 0 0 $base-unit * .5 rgba($text-color, .38);\r\n  color: $text-color;\r\n  cursor: pointer;\r\n  line-height: 30px;\r\n  text-align: center;\r\n  user-select: none;\r\n\r\n  display: none;\r\n\r\n  &.is-active {\r\n    display: block;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $text-color;\r\n    color: $bg-color;\r\n  }\r\n\r\n  .icon-svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate3d(-50%, -50%, 0);\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n}\r\n\r\n#color-point-blue,\r\n#point-similarity {\r\n  background-color: blue;\r\n\r\n  &:hover {\r\n    border-color: blue;\r\n  }\r\n}\r\n\r\n#color-point-red,\r\n#point-difference {\r\n  background-color: red;\r\n\r\n  &:hover {\r\n    border-color: red;\r\n  }\r\n}\r\n",".sortable {\r\n  counter-reset: section;\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  justify-content: center;\r\n  margin-bottom: $base-unit;\r\n\r\n  &.is-dragged {\r\n    cursor: -moz-grabbing;\r\n    cursor: -webkit-grabbing;\r\n    cursor: grabbing;\r\n  }\r\n\r\n  img {\r\n    user-drag: none;\r\n    user-select: none;\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n.sortable-horizontal {\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n}\r\n\r\n.sortable-vertical {\r\n  flex-direction: column;\r\n}\r\n\r\n.sortable-item {\r\n  flex: 1 0;\r\n  background: $bg-color-1;\r\n  box-shadow: $box-shadow;\r\n  border-radius: $base-border-radius;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n\r\n  transform-origin: 38% 38%;\r\n  transition:\r\n    opacity $base-duration $timing-out,\r\n    transform $base-duration $timing-out;\r\n  will-change: opacity, transform;\r\n\r\n  &.is-dragged {\r\n    position: absolute;\r\n    z-index: 1;\r\n    cursor: -moz-grabbing !important;\r\n    cursor: -webkit-grabbing !important;\r\n    cursor: grabbing !important;\r\n  }\r\n\r\n  // state: universal\r\n  .sortable:hover & {\r\n    &:not(.sortable-placeholder) {\r\n      opacity: .62;\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  // state: no dragging\r\n  .sortable:not(.is-dragged) & {\r\n    &:not(.sortable-placeholder) {\r\n      &:hover {\r\n        transform: scale3d(1.038,1.038,1);\r\n      }\r\n    }\r\n  }\r\n\r\n  // state: dragging\r\n  .is-dragged &,\r\n  .is-dragged:hover & { //.sortable\r\n    cursor: -moz-grabbing;\r\n    cursor: -webkit-grabbing;\r\n    cursor: grabbing;\r\n\r\n    &:not(.sortable-placeholder) {\r\n      opacity: 1;\r\n      transform: scale3d(0.9, 0.9, 1);\r\n    }\r\n\r\n    &.is-dragged { // .sortable-item\r\n      opacity: 1;\r\n      transform: scale3d(1.038, 1.038, 1) rotate3d(0,0,1, 5deg) translate3d(-2%, -2%, 0);\r\n    }\r\n  }\r\n\r\n  .sortable-horizontal & {\r\n    // TODO\r\n    margin: 1%;\r\n  }\r\n  .sortable-vertical & {\r\n    box-shadow: 0 0 $base-unit rgba($text-color, 0.8);\r\n    margin: $base-unit * 0.25 $base-unit * 0.5;\r\n  }\r\n\r\n  .row {\r\n    padding-bottom: 0;\r\n  }\r\n}\r\n\r\n.sortable-drag-item {\r\n  position: relative;\r\n  cursor: -moz-grab;\r\n  cursor: -webkit-grab;\r\n  cursor: grab;\r\n\r\n  * {\r\n    pointer-events: none;\r\n  }\r\n\r\n  &:not([data-sortable-drag=\"svg\"]) textarea,\r\n  .media-player-button {\r\n    pointer-events: auto;\r\n  }\r\n}\r\n\r\n.sortable-drop-item {\r\n  &::before {\r\n    counter-increment: section;\r\n    content: counter(section) \"\";\r\n    position: absolute;\r\n    top: $base-unit * 0.5;\r\n    left: $base-unit * 0.5;\r\n    width: $base-unit * 0.75;\r\n    height: $base-unit * 0.75;\r\n    line-height: $base-unit * 0.75;\r\n    background-color: rgba($text-color, 0.62);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 $base-unit * 0.5 rgba($text-color, 0.62);\r\n    color: $bg-color;\r\n    font-family: $ui-font-family;\r\n    font-feature-settings: \"lnum\";\r\n    font-size: ms(-2);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n  }\r\n}\r\n\r\n.sortable-placeholder {\r\n  transform: scale(0.9);\r\n  padding: 0;\r\n  overflow: hidden;\r\n  border: 1px dashed darken(#f7f7f7, 15);\r\n  border-radius: $base-border-radius;\r\n  background-color: $text-color;\r\n  opacity: 0.38;\r\n  min-height: $base-unit * 2;\r\n}\r\n\r\n.sortable-handle {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: $base-unit;\r\n\r\n  .sortable:not(.is-dragged) .sortable-item:hover &,\r\n  .sortable-item.is-dragged & {\r\n    background-color: $text-color;\r\n    color: $bg-color;\r\n  }\r\n\r\n  svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform-origin: center;\r\n    transform: translate(-50%, -50%);\r\n    opacity: .5;\r\n    width: $base-unit * .5;\r\n    max-height: 100%;\r\n    fill: currentColor;\r\n  }\r\n\r\n  .sortable-vertical & {\r\n    svg {\r\n      transform: translate(-50%, -50%) rotate(90deg);\r\n      width: $base-unit * .25;\r\n    }\r\n  }\r\n}\r\n\r\n.sortable-item-image {\r\n  + .sortable-handle {\r\n    color: $bg-color;\r\n    background-color: rgba($text-color, .62);\r\n\r\n    svg {\r\n      opacity: .62;\r\n    }\r\n  }\r\n}\r\n\r\n.sortable-item-audio {\r\n  // offset because of counter number\r\n  .media-player-audio-simple {\r\n    padding-top: $base-unit * 1.5;\r\n  }\r\n\r\n  + .sortable-handle {\r\n    color: $bg-color;\r\n\r\n    .sortable-item:hover &,\r\n    .sortable-item.is-dragged & {\r\n      svg {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.sortable-item-text {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: $base-unit * 2;\r\n  border-radius: $base-border-radius;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: $base-unit * 0.25 $base-unit $base-unit * 0.25 $base-unit * 1.5;\r\n\r\n  .sortable-vertical & {\r\n    padding-right: $base-unit * 1.25;\r\n  }\r\n}\r\n\r\n.sortable-item-user-text {\r\n  background: $bg-color-1;\r\n\r\n  .sortable-vertical & {\r\n    padding-right: $base-unit;\r\n  }\r\n\r\n  .user-texts,\r\n  .user-texts-container {\r\n    padding-bottom: 0;\r\n    margin-bottom: 0;\r\n    width: 100%;\r\n  }\r\n  .user-text {\r\n    line-height: 0;\r\n  }\r\n}\r\n\r\n.sortable-item-svg {\r\n  width: 100%;\r\n\r\n  + .sortable-handle {\r\n    background-color: rgba($text-color, .62);\r\n    color: $bg-color;\r\n\r\n    svg {\r\n      opacity: .62;\r\n    }\r\n  }\r\n}\r\n","@use \"sass:math\";\r\n\r\n.svgs {\r\n  padding: 0 $base-unit * .5;\r\n\r\n  @include min-screen($screen-l) {\r\n    padding: 0 .5%;\r\n  }\r\n\r\n  &.with-submodule,\r\n  &.module-with-draggable {\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n.svgs__inner {\r\n  .svgs.layout-horizontal > & {\r\n    margin: 0;\r\n  }\r\n\r\n  .with-submodule:not(.layout-vertical) &,\r\n  .module-with-draggable:not(.layout-vertical) & {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n  }\r\n\r\n  @include max-screen($screen-l - 1) {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.svgs-container {\r\n  @include max-screen($screen-l - 1) {\r\n    width: 100%;\r\n    flex-direction: column;\r\n\r\n    .item {\r\n      margin-bottom: $base-unit;\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  &.is-reversed {\r\n    flex-direction: column-reverse;\r\n  }\r\n\r\n  &.layout-vertical {\r\n    justify-content: flex-start;\r\n\r\n    .item {\r\n      margin-bottom: $base-unit;\r\n      width: 100%;\r\n      max-width: $base-unit * 30;\r\n    }\r\n  }\r\n\r\n  .svgs.layout-vertical & {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .svgs.with-submodule & {\r\n    @include min-screen($screen-l) {\r\n      // TODO: was a quick fix, test it properly\r\n      flex: 0 1 $base-unit * 30;\r\n    }\r\n  }\r\n\r\n  .svgs.module-with-draggable & {\r\n    flex: 3;\r\n  }\r\n\r\n  .svgs:not(.module-with-draggable) & {\r\n    display: flex;\r\n  }\r\n\r\n  .svgs.module-with-draggable.layout-vertical & {\r\n    display: flex;\r\n\r\n    @include min-screen($screen-l + 1) {\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    .svgs__item {\r\n      flex: 3 1 0;\r\n      padding: 0 ($base-unit * 0.25);\r\n    }\r\n  }\r\n\r\n  .svgs.module-with-draggable:not(.layout-vertical) & {\r\n\r\n    @include min-screen($screen-l + 1) {\r\n      align-self: flex-start;\r\n      position: sticky;\r\n      top: $base-unit;\r\n\r\n      // because of sticky left side (gallery, draggable) when horizontal layout\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  .item {\r\n    position: relative;\r\n  }\r\n\r\n}\r\n\r\n.svgs__item {\r\n  position: relative;\r\n  margin-bottom: $base-unit;\r\n}\r\n\r\n// .svg\r\nsvg[data-svg-target] {\r\n  box-shadow: $box-shadow;\r\n  border-radius: $base-border-radius;\r\n  // fix for IE\r\n  // position: absolute;\r\n  width: 100%;\r\n  height: auto;\r\n  // height: 1px;\r\n  // overflow: visible;\r\n  cursor: pointer;\r\n  display: block;\r\n  margin: 0 auto;\r\n\r\n  .with-submodule &,\r\n  .module-with-draggable:not(.layout-vertical) & {\r\n    margin: 0;\r\n  }\r\n\r\n  // kreslení\r\n  path {\r\n    fill: none;\r\n    stroke: yellow;\r\n    stroke-width: 5;\r\n\r\n    &.red {\r\n      stroke: red;\r\n    }\r\n\r\n    &.blue {\r\n      stroke: blue;\r\n    }\r\n  }\r\n\r\n  image {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\nforeignObject {\r\n  overflow: visible;\r\n\r\n  &:not(.svg-text) {\r\n    > * {\r\n      box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.2);\r\n      transition: transform $base-duration $timing-out;\r\n\r\n      &:hover {\r\n        // // transform: scale3d(1.05, 1.05, 1); doesnt work on iOS doesnt work on iOS\r\n        box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.svg-category-label {\r\n  font-size: ms(0);\r\n  font-weight: bold;\r\n  text-shadow: 0 0 2px white, 0 0 15px white;\r\n  white-space: nowrap;\r\n}\r\n\r\n.svg-category-label + .svg-textarea {\r\n  margin-top: $base-unit * .6;\r\n}\r\n\r\n.svg-textarea {\r\n  cursor: pointer;\r\n  background: rgba(white, .85);\r\n  border: 4px solid transparent;\r\n  border-radius: $base-border-radius * 5;\r\n\r\n  // border-top-left-radius: 0;\r\n  box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.2);\r\n  font-size: ms(1);\r\n\r\n  padding: calc(#{$base-unit * 0.5} - 2px);\r\n  resize: none;\r\n  overflow: hidden;\r\n  word-wrap: break-word;\r\n  transition: border-color $base-duration $base-timing; \r\n\r\n  &:hover {\r\n    border-color: rgba($text-color, .38);\r\n  }\r\n\r\n  &:focus,\r\n  .is-dragged & {\r\n    border-color: $text-color;\r\n    box-shadow: 0;\r\n    outline: 0;\r\n  }\r\n\r\n  &:focus {\r\n    cursor: initial;\r\n  }\r\n\r\n  &.is-wrong {\r\n    background-color: red;\r\n  }\r\n\r\n  .svg-comic-narration & {\r\n    border-bottom-left-radius: $base-border-radius;\r\n    border-bottom-right-radius: $base-border-radius;\r\n  }\r\n\r\n  .svg-text.orientation-left.orientation-top & {\r\n    border-bottom-right-radius: 0;\r\n  }\r\n  .svg-text.orientation-left.orientation-bottom & {\r\n    border-top-right-radius: 0;\r\n  }\r\n  .svg-text.orientation-right.orientation-top & {\r\n    border-bottom-left-radius: 0;\r\n  }\r\n  .svg-text.orientation-right.orientation-bottom & {\r\n    border-top-left-radius: 0;\r\n  }\r\n\r\n}\r\n\r\n.svg-circle {\r\n  r: math.div($svg-circle-size, 2);\r\n  fill: blue;\r\n  stroke-width: 5px;\r\n  stroke: blue;\r\n  cursor: pointer;\r\n\r\n  &.red {\r\n    fill: rgba(red, .38);\r\n    stroke: red;\r\n\r\n    &:hover,\r\n    .is-dragged & {\r\n      fill: red;\r\n    }\r\n  }\r\n\r\n  &.orange {\r\n    fill: rgba(orange, .38);\r\n    stroke: orange;\r\n\r\n    &:hover,\r\n    .is-dragged & {\r\n      fill: orange;\r\n    }\r\n  }\r\n\r\n  &.blue {\r\n    fill: rgba(blue, .38);\r\n    stroke: blue;\r\n\r\n    &:hover,\r\n    .is-dragged & {\r\n      fill: blue;\r\n    }\r\n  }\r\n}\r\n\r\n.svg-circle-text {\r\n  r: math.div($svg-circle-size * .5, 2);\r\n  fill: $text-color;\r\n  stroke-width: 0;\r\n\r\n  &.red {\r\n    fill: red;\r\n  }\r\n\r\n  &.blue {\r\n    fill: blue;\r\n  }\r\n}\r\n\r\n.svg-path {\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  cursor: pointer;\r\n  will-change: stroke-width;\r\n  transition: stroke-width $base-duration $base-timing;\r\n  user-select: none;\r\n\r\n  &:hover {\r\n    stroke-width: 9;\r\n  }\r\n}\r\n\r\n.is-dragged,\r\n.is-dragged > * {\r\n  cursor: -moz-grabbing !important;\r\n  cursor: -webkit-grabbing !important;\r\n  cursor: grabbing !important;\r\n}\r\n\r\n// SVG KOMIKS\r\n// predefined comic bubbles\r\n\r\n// .svg-komiks {}\r\n\r\n.svg-text {\r\n\r\n  &.top.left {\r\n    .svg-textarea {\r\n      border-top-left-radius: 0;\r\n    }\r\n  }\r\n\r\n  &.top.right {\r\n    .svg-textarea {\r\n      border-top-right-radius: 0;\r\n    }\r\n  }\r\n\r\n  &.bottom.right {\r\n    .svg-textarea {\r\n      border-bottom-right-radius: 0;\r\n    }\r\n  }\r\n\r\n  &.bottom.left {\r\n    .svg-textarea {\r\n      border-bottom-left-radius: 0;\r\n    }\r\n  }\r\n}\r\n\r\n// fix primary for touch iOS devices\r\n.unselectable {\r\n  user-select: none;\r\n}    \r\n\r\n// .svg-komiks-promluva {}\r\n\r\n// .svg-komiks-myslenka {}\r\n\r\n// .svg-komiks-vypravec {}\r\n",".user-texts {\r\n  margin-bottom: $base-unit;\r\n}\r\n\r\n.user-texts-container {\r\n  color: $bg-color;\r\n  margin-bottom: 0;\r\n  width: 100%;\r\n\r\n  @include min-screen($screen-l) {\r\n    width: calc(100% - #{$base-unit * 2});\r\n  }\r\n\r\n  &.layout-horizontal {\r\n    @include min-screen($screen-l) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  &.layout-vertical {\r\n    display: block;\r\n  }\r\n\r\n  .table-new__container + &,\r\n  .gallery-container + & {\r\n    width: 100%;\r\n    padding: $base-unit * .5 $base-unit * .5 0;\r\n\r\n    @include min-screen($screen-l + 1) {\r\n      flex: 0 1 $usertext-width;\r\n      max-width: 40%;\r\n      padding: 0;\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  .column & {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .captions + &,\r\n  .sources + & {\r\n    margin-top: $base-unit * -1;\r\n  }\r\n\r\n  h3 {\r\n    color: currentColor;\r\n    max-width: $usertext-width;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  textarea {\r\n    max-width: $usertext-width;\r\n    width: 100%;\r\n    height: auto;\r\n    padding: $base-unit;\r\n    border: 1px solid $bg-color;\r\n    resize: vertical;\r\n    border-radius: $base-border-radius;\r\n    transition: width 0.38s;\r\n  }\r\n\r\n}\r\n\r\n.user-text {\r\n  position: relative;\r\n\r\n  &:not(:last-of-type) {\r\n    margin-bottom: $base-unit;\r\n  }\r\n\r\n  .layout-horizontal & {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  // fix spacing for smaller textareas\r\n  // TODO: make textarea variants: small, normal, large\r\n  .layout-horizontal &.item-3 textarea,\r\n  .layout-horizontal &.item-4 textarea,\r\n  .layout-horizontal &.item-5 textarea {\r\n    padding: $base-unit * .75;\r\n  }\r\n}\r\n\r\n.user-text__textarea {\r\n  position: relative;\r\n  margin: 0 auto;\r\n  max-width: 32rem;\r\n}\r\n\r\n.user-text__counter {\r\n  position: absolute;\r\n  bottom: $base-unit * .75;\r\n  right: $base-unit * .5;\r\n\r\n  color: $bg-color-2;\r\n  display: none;\r\n  font-size: ms(-2);\r\n  line-height: 0;\r\n  opacity: .62;\r\n  pointer-events: none;\r\n\r\n  .is-used + & {\r\n    display: block;\r\n  }\r\n\r\n  &.color-red {\r\n    color: mix(red, $bg-color-2, 70%);\r\n  }\r\n\r\n  &.color-orange {\r\n    color: mix(orange, $bg-color-2);\r\n  }\r\n\r\n  &.color-green {\r\n    color: mix(#00AA58, $bg-color-2, 80%);\r\n  }\r\n}\r\n",".ProseMirror {\n  position: relative;\n}\n\n.ProseMirror {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  white-space: break-spaces;\n  -webkit-font-variant-ligatures: none;\n  font-variant-ligatures: none;\n  font-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n}\n\n.ProseMirror pre {\n  white-space: pre-wrap;\n}\n\n.ProseMirror li {\n  position: relative;\n}\n\n.ProseMirror-hideselection *::selection { background: transparent; }\n.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n.ProseMirror-hideselection { caret-color: transparent; }\n\n/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */\n.ProseMirror [draggable][contenteditable=false] { user-select: text }\n\n.ProseMirror-selectednode {\n  outline: 2px solid #8cf;\n}\n\n/* Make sure li selections wrap around markers */\n\nli.ProseMirror-selectednode {\n  outline: none;\n}\n\nli.ProseMirror-selectednode:after {\n  content: \"\";\n  position: absolute;\n  left: -32px;\n  right: -2px; top: -2px; bottom: -2px;\n  border: 2px solid #8cf;\n  pointer-events: none;\n}\n\n/* Protect against generic img rules */\n\nimg.ProseMirror-separator {\n  display: inline !important;\n  border: none !important;\n  margin: 0 !important;\n}\n",".text-red {\r\n  background-color: orangered !important;\r\n  color: $text-color;\r\n\r\n  .editor & {\r\n    background-color: rgba(orangered,.7) !important;\r\n  }\r\n}\r\n\r\n.text-blue {\r\n  background-color: lightskyblue !important;\r\n  color: $text-color;\r\n\r\n  .editor & {\r\n    background-color: rgba(lightskyblue,.7) !important;\r\n  }\r\n}\r\n\r\n.text-orange {\r\n  background-color: orange !important;\r\n  color: $text-color;\r\n\r\n  .editor & {\r\n    background-color: rgba(orange,.7) !important;\r\n  }\r\n}\r\n\r\n.text-gray {\r\n  background-color: gray !important;\r\n  color: $text-color;\r\n\r\n  .editor & {\r\n    background-color: rgba(gray,.7) !important;\r\n  }\r\n}\r\n\r\n.text-yellow {\r\n  background-color: yellow !important;\r\n  color: $text-color;\r\n\r\n  .editor & {\r\n    background-color: rgba(yellow,.7) !important;\r\n  }\r\n}\r\n\r\n.text-green {\r\n  background-color: green !important;\r\n  color: $text-color;\r\n\r\n  .editor & {\r\n    background-color: rgba(green,.7) !important;\r\n  }\r\n}\r\n\r\n.text-black {\r\n  background-color: black !important;\r\n  color: $bg-color-1;\r\n\r\n  .editor & {\r\n    background-color: rgba(black,.7) !important;\r\n  }\r\n}\r\n",".editor-container {\r\n  flex: 1 1 $editor-width;\r\n  max-width: 100%;\r\n\r\n  @include max-screen($screen-l) {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @include min-screen($screen-l) {\r\n    padding: 0 $base-unit;\r\n\r\n    .active-slide .gallery-container + & {\r\n      flex: 0 1 $editor-width;\r\n      padding: 0;\r\n    }\r\n  }\r\n}\r\n\r\n.editor {\r\n  line-height: ms-line-height(0);\r\n  margin: 0 auto;\r\n\r\n  &,\r\n  h1,\r\n  h2,\r\n  h3 {\r\n    font-family: $editor-font-family;\r\n  }\r\n\r\n  h2 {\r\n    line-height: $base-unit * 1.25;\r\n    margin-bottom: $base-unit;\r\n  }\r\n\r\n  p {\r\n    margin-bottom: $base-unit * .5;\r\n  }\r\n\r\n  .canvas {\r\n    background: $bg-color;\r\n    min-height: $base-unit * 19;\r\n    text-align: left;\r\n    padding: $base-unit * 1.5 $base-unit * .75;\r\n    border-radius: $base-border-radius;\r\n    box-shadow: $box-shadow;\r\n\r\n    @include min-screen($screen-l) {\r\n      padding: $base-unit * 2;\r\n    }\r\n\r\n    .user-inserted-text {\r\n      word-wrap: break-word;\r\n    }\r\n  }\r\n\r\n  a {\r\n    color: $text-color;\r\n  }\r\n\r\n  h1 {\r\n    line-height: ms-line-height(3);\r\n  }\r\n\r\n  small {\r\n    display: inline-block;\r\n    font-size: ms(-1);\r\n    line-height: ms-line-height(-2);\r\n  }\r\n\r\n}\r\n","$text-option-color-default: #DFCECD;\r\n$text-option-color-selected: orange;\r\n\r\n.text-option {\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  cursor: pointer;\r\n  padding: 0 ($base-unit * 0.25);\r\n  border-radius: $base-border-radius + 1;\r\n\r\n  opacity: 1;\r\n  background-color: $text-option-color-default;\r\n\r\n  &:hover {\r\n    background: lighten($text-option-color-selected, 5);\r\n  }\r\n\r\n  &::before {\r\n    content: \"\";\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: transparent;\r\n    border: 1px solid $bg-color;\r\n    border-radius: $base-border-radius + 1;\r\n  }\r\n\r\n  &.selected {\r\n    background: $text-option-color-selected;\r\n\r\n    &:hover {\r\n      background: darken($text-option-color-selected, 5);\r\n    }\r\n  }\r\n}\r\n","// same as .text-option in _editor.text-option.scss\r\n.node-selected {\r\n  cursor: default;\r\n  display: inline;\r\n  position: relative;\r\n  z-index: 1;\r\n  padding: calc(#{($base-unit * 0.125)} - 1px) ($base-unit * 0.25) 0;\r\n  border-radius: $base-border-radius + 1;\r\n  border: 1px solid $bg-color;\r\n  line-height: ms-line-height(-2);\r\n\r\n  &:hover {\r\n    border-color: rgba($text-color, .38);\r\n    z-index: 2;\r\n  }\r\n\r\n  .previous-slide &,\r\n  .cell-read-only & {\r\n    padding: 0 ($base-unit * 0.25);\r\n\r\n    .node-close {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    opacity: .5;\r\n  }\r\n\r\n  // TODO: add svg icon instead of Unicode \"×\"\r\n  .node-close {\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    width: $base-unit * 0.7;\r\n    height: $base-unit * 0.7;\r\n    font-family: $ui-font-family;\r\n    font-size: ms(-1);\r\n    color: currentColor;\r\n    border-radius: $base-unit * 0.7;\r\n    margin-left: $base-unit * .15;\r\n    opacity: .62;\r\n    text-align: center;\r\n    // vertical-align: middle;\r\n\r\n    &:hover {\r\n      color: $bg-color;\r\n      background-color: $text-color;\r\n      box-shadow: $button-shadow;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // JIŘÍ: Co je a kde se vyskytuje .status?\r\n  .title {\r\n    position: absolute;\r\n    left: -60px;\r\n    top: 25%;\r\n    color: #000;\r\n    transform: rotate(-90deg);\r\n    display: inline-block;\r\n  }\r\n}\r\n\r\n.has-comments {\r\n  cursor: pointer;\r\n}\r\n\r\n.node-text-red {\r\n  @extend .text-red !optional;\r\n}\r\n\r\n.node-text-blue {\r\n  @extend .text-blue !optional;\r\n}\r\n\r\n.node-text-gray {\r\n  @extend .text-gray !optional;\r\n}\r\n\r\n.node-text-orange {\r\n  @extend .text-orange !optional;\r\n}\r\n\r\n.node-text-yellow {\r\n  @extend .text-yellow !optional;\r\n}\r\n\r\n.node-text-green {\r\n  @extend .text-green !optional;\r\n}\r\n\r\n.node-text-black {\r\n  @extend .text-black !optional;\r\n}\r\n","$menu-border-width: 4px;\r\n\r\n.contextual-menu-component {\r\n  z-index: 2;\r\n  position: absolute;\r\n  font-family: $base-font-family;\r\n  font-size: ms(-1);\r\n  line-height: ms-line-height(-1);\r\n  box-shadow: $button-shadow;\r\n  background: $bg-color-1;\r\n  border: $menu-border-width solid $bg-color;\r\n  border-radius: $base-border-radius;\r\n  animation: fadeIn .25s;\r\n\r\n  .previous-slide & {\r\n    display: none;\r\n  }\r\n\r\n  .menu {\r\n    margin: 0;\r\n    padding: 0;\r\n    text-align: left;\r\n  }\r\n\r\n  .menu-item {\r\n    cursor: pointer;\r\n    display: block;\r\n    padding: ($base-unit * 0.22) ($base-unit * 0.5) ($base-unit * 0.25);\r\n    opacity: .8;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n\r\n    &:hover {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .close {\r\n    z-index: 3;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: calc(#{$base-unit * -0.25} - #{$menu-border-width});\r\n    right: calc(#{$base-unit * -0.25} - #{$menu-border-width});\r\n    display: block;\r\n    width: $base-unit * 0.65;\r\n    height: $base-unit * 0.65;\r\n    line-height: $base-unit * 0.65;\r\n    font-size: ms(-1);\r\n    font-family: $ui-font-family;\r\n    background-color: $bg-color;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    box-shadow: $button-shadow;\r\n    text-align: center;\r\n    transition: none;\r\n\r\n    &:hover {\r\n      color: $bg-color;\r\n      background-color: $text-color;\r\n      border-bottom: 0;\r\n      text-decoration: none;\r\n      transform: scale(1.2);\r\n\r\n      &::before {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    &:before {\r\n      content: \"×\";\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: .62;\r\n    }\r\n  }\r\n}\r\n",".editors {\r\n  @include max-screen($screen-l) {\r\n    flex-direction: column;\r\n\r\n    > * {\r\n      margin-bottom: $base-unit;\r\n    }\r\n  }\r\n}\r\n\r\n.editor {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: $editor-width;\r\n  -webkit-touch-callout: none;\r\n\r\n  code {\r\n    font-size: ms(-1);\r\n  }\r\n}\r\n\r\n.editor.editor-editable .canvas {\r\n  background: #f1e0c4;\r\n  font-family: 'Courier New', Courier, monospace;\r\n  font-size: ms(1);\r\n  line-height: ms-line-height(1);\r\n}\r\n\r\n.half-slide-active.active-slide,\r\n.previous-slide {\r\n  .editor {\r\n    width: auto;\r\n  }\r\n}\r\n\r\n.node-selected {\r\n  position: relative;\r\n}\r\n\r\n.remove-marker-button {\r\n  z-index: 2;\r\n  cursor: pointer;\r\n  position: absolute;\r\n  line-height: $base-unit * 0.65;\r\n  font-family: $ui-font-family;\r\n  background-color: $bg-color;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  box-shadow: $button-shadow;\r\n  transform: translate(-30%, -70%);\r\n  opacity: 0.67;\r\n\r\n  &:hover {\r\n    color: $bg-color;\r\n    background-color: $text-color;\r\n    border-bottom: 0;\r\n    text-decoration: none;\r\n    transform: scale(1.2);\r\n    transform: translate(-30%, -70%);\r\n    opacity: 1;\r\n\r\n    &::before {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &:before {\r\n    content: '×';\r\n    opacity: 0.62;\r\n  }\r\n}\r\n\r\n// .user-inserted-text,\r\n// .user-removed-text {\r\n//   position: relative;\r\n\r\n//   // TODO: add svg icon instead of Unicode \"×\"\r\n//   .node-close {\r\n//     position: relative;\r\n//     cursor: pointer;\r\n//     color: currentColor;\r\n//     font-family: $ui-font-family;\r\n//     font-size: ms(-1);\r\n//     line-height: ms-line-height(0);\r\n//     text-align: center;\r\n//     // padding-right: $base-unit * 0.5;\r\n//     margin: 0 ($base-unit * 0.25) 0 ($base-unit * 0.125);\r\n\r\n//     &::before {\r\n//       content: \"×\";\r\n//       // position: absolute;\r\n//       // top: 50%;\r\n//       // left: 0;\r\n//       // transform: translateY(-50%);\r\n//       display: inline-block;\r\n//       width: $base-unit * 0.65;\r\n//       height: $base-unit * 0.65;\r\n//       line-height: $base-unit * 0.65;\r\n//       border: 1px solid currentColor;\r\n//       border-radius: 50%;\r\n//     }\r\n\r\n//     &:hover {\r\n//       &::before {\r\n//         background-color: $text-color;\r\n//         color: $bg-color;\r\n//         border: 1px solid $text-color;\r\n//       }\r\n//     }\r\n//   }\r\n// }\r\n\r\n// .user-inserted-text {\r\n//   color: rgb(31, 161, 93);\r\n// }\r\n\r\n// .user-removed-text {\r\n//   color: red;\r\n// }\r\n\r\n// .user-inserted-text-inner,\r\n// .user-removed-text-inner {\r\n//   border-top: 2px solid currentColor;\r\n//   border-bottom: 2px solid currentColor;\r\n// }\r\n\r\n// .user-inserted-text-inner {\r\n//   background-color: $bg-color-1;\r\n// }\r\n\r\n// .user-removed-text-inner {\r\n//   text-decoration: line-through;\r\n// }\r\n\r\n// .editor-toolbar {\r\n//   position: absolute;\r\n//   top: $base-unit * 0.5;\r\n//   right: $base-unit * 0.5;\r\n//   height: $base-unit * 1.25;\r\n\r\n//   display: flex;\r\n//   justify-content: flex-end;\r\n// }\r\n\r\n// .editor-toolbar-item {\r\n//   background-color: rgba($text-color, 0.38);\r\n//   border: 1px solid $bg-color-2;\r\n//   border-radius: $base-unit * 1.25;\r\n//   box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.25);\r\n//   color: $bg-color;\r\n//   cursor: pointer;\r\n//   display: inline-block;\r\n//   font-family: $ui-font-family;\r\n//   font-size: ms(-2);\r\n//   letter-spacing: 0.05em;\r\n//   line-height: ms-line-height(-3);\r\n//   padding: ($base-unit * 0.1875) ($base-unit * 0.5) ($base-unit * 0.125);\r\n//   text-align: center;\r\n//   text-transform: uppercase;\r\n\r\n//   &:hover {\r\n//     background-color: rgba($text-color, 1);\r\n//     box-shadow: 0 ($base-unit * 0.125 * 0.66) ($base-unit * 0.25 * 0.66) rgba($text-color, 0.125);\r\n//     border-color: transparent;\r\n//   }\r\n// }\r\n\r\n// ================= Switch button ==================\r\n\r\n/* Toolbar Styles */\r\n.editor-toolbar {\r\n  position: absolute;\r\n  right: 0;\r\n  font-size: ms(1);\r\n  line-height: ms-line-height(1);\r\n\r\n  /* Ensure the toolbar stretches across the editor */\r\n  color: $text-color;\r\n  box-sizing: border-box;\r\n  margin-bottom: $base-unit / 2;\r\n\r\n  /* Prevent the toolbar from stretching to full width */\r\n  width: auto;\r\n  max-width: 100%; /* Ensure it doesn't exceed the editor's width */\r\n}\r\n\r\n/* Reset Button Styles */\r\n// .editor-toolbar-item.editor-toolbar-action-reset {\r\n//   background: none;\r\n//   border: none;\r\n//   color: #ff4d4f; /* Red color to indicate action */\r\n//   cursor: pointer;\r\n//   font-size: 14px;\r\n//   &:hover {\r\n//     text-decoration: underline;\r\n//   }\r\n// }\r\n",".keywords {}\r\n\r\n.keywords-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .table-new__container + &,\r\n  .gallery-container + & {\r\n    width: 100%;\r\n    padding: $base-unit * .5 $base-unit * .5 0;\r\n    align-items: flex-start;\r\n    transition: width 38s;\r\n\r\n    @include min-screen($screen-l + 1) {\r\n      flex: 0 1 $usertext-width;\r\n      width: calc((100% - #{$gallery-width}) * 0.62);\r\n      padding: 0;\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  .previous-to-active-slide & {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.keywords-group {\r\n  padding: 0 0 $base-unit;\r\n  background-color: $bg-color-2;\r\n  color: $bg-color;\r\n  max-width: $screen-l;\r\n}\r\n\r\n.keywords-group-title {\r\n  color: currentColor;\r\n}\r\n\r\n.keywords-items-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.keywords-item {\r\n  position: relative;\r\n  // flex: 0 1 auto;\r\n  list-style: none;\r\n  background-color: $bg-color;\r\n  border-radius: $base-border-radius;\r\n  color: $text-color;\r\n  padding: ($base-unit * 0.29) ($base-unit * 0.75) ($base-unit * 0.21);\r\n  transition: font-size .38s ease, line-height .38s ease;\r\n\r\n  .keywords & {\r\n    box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\r\n    margin: 0 $base-unit * 0.25 $base-unit * 0.5;\r\n  }\r\n\r\n  &.disabled {\r\n    opacity: 0.38;\r\n    box-shadow: none;\r\n\r\n    &:hover {\r\n      opacity: 0.62;\r\n      box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\r\n    }\r\n  }\r\n\r\n  .keywords-placeholder {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: block;\r\n    min-width: 8ch;\r\n    border-bottom: 1px dotted;\r\n  }\r\n\r\n  // [data-keywords=\"selekce-\"] & {\r\n  // [data-keywords=\"selekce+\"] & {\r\n  [data-keywords^=\"selekce\"] & {\r\n    cursor: pointer;\r\n    font-size: ms(2);\r\n    line-height: ms-line-height(1);\r\n    text-align: left;\r\n    padding: ($base-unit * .59) ($base-unit * 0.75) ($base-unit * .51) ($base-unit * 1.125);\r\n\r\n    &:hover {\r\n      opacity: 0.8;\r\n    }\r\n\r\n    .keywords-item-icon {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: $base-unit * .5;\r\n      transform: translateY(-50%);\r\n      width: $base-unit * .25;\r\n      height: $base-unit * .25;\r\n      background-color: $bg-color-2;\r\n      border: 1px solid $bg-color-2;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    &.disabled {\r\n      .keywords-item-icon {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  [data-keywords=\"wordcloud\"] & {\r\n    cursor: default;\r\n    padding-left: $base-unit * 1.5;\r\n    padding-right: $base-unit * 1.5;\r\n    text-align: center;\r\n\r\n    &:hover {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .half-slide-previous.previous-slide & {\r\n    font-size: ms(0);\r\n    line-height: ms-line-height(0);\r\n  }\r\n\r\n  @for $level from -4 through 4 {\r\n    &[data-keywords-item=\"#{$level}\"] span {\r\n      font-size: ms($level);\r\n      line-height: ms-line-height($level);\r\n    }\r\n  }\r\n}\r\n\r\n.keywords-controls {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  text-align: center;\r\n}\r\n\r\n.keywords-controls-item {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: $base-unit;\r\n  height: $base-unit;\r\n  line-height: $base-unit;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  background-color: rgba($bg-color-1, 1);\r\n\r\n  &:hover {\r\n    color: $bg-color;\r\n    box-shadow: $button-shadow;\r\n    font-size: ms(1);\r\n    width: $base-unit * 1.125;\r\n    height: $base-unit * 1.125;\r\n    line-height: $base-unit * 1.125;\r\n  }\r\n\r\n  &[data-keywords-control=\"minus\"] {\r\n    left: $base-unit * 0.25;\r\n\r\n    &:hover {\r\n      background-color: lightskyblue;\r\n    }\r\n  }\r\n\r\n  &[data-keywords-control=\"plus\"] {\r\n    right: $base-unit * 0.25;\r\n\r\n    &:hover {\r\n      background-color: orange;\r\n    }\r\n  }\r\n}\r\n","@use \"sass:math\";\r\n\r\n.test-quiz {\r\n  flex: 1;\r\n}\r\n\r\n.gallery-container {\r\n  + .test-quiz {\r\n    max-width: $editor-width + $editor-width * math.div(1, 3);\r\n    padding: 0;\r\n\r\n    .table-container {\r\n      width: 100%;\r\n    }\r\n\r\n    .heading {\r\n      text-align: left;\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n}\r\n\r\n.test-quiz-container {\r\n  overflow: hidden;\r\n  width: calc(100% - #{$base-unit * 2});\r\n  margin: 0 auto;\r\n  background: $color-bg-1;\r\n  box-shadow: $box-shadow;\r\n  border-radius: $base-border-radius;\r\n  margin-bottom: $base-unit;\r\n  line-height: ms-line-height(0);\r\n\r\n  @include mq($min-width: $screen-xl) {\r\n    width: 80%;\r\n    max-width: $base-unit * 54;\r\n\r\n    .previous-slide & {\r\n      width: calc(100% - #{$base-unit * 2});\r\n    }\r\n  }\r\n\r\n  .test-quiz-item {\r\n    min-height: $base-unit * 3;\r\n    display: flex;\r\n    border-radius: 0;\r\n\r\n    &:not(:last-of-type) {\r\n      border-bottom: 1px solid currentColor;\r\n    }\r\n  }\r\n\r\n  .heading,\r\n  .option {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    line-height: ms-line-height(-1);\r\n  }\r\n\r\n  .heading {\r\n    background-color: $color-bg--1;\r\n    flex: 2;\r\n    padding: $base-unit * 0.25 $base-unit * 0.5;\r\n  }\r\n\r\n  .option {\r\n    border-left: 1px solid $color-bg--1;\r\n    flex: 1;\r\n    justify-content: center;\r\n    padding: $base-unit * 0.25;\r\n\r\n    &.selected,\r\n    &:hover {\r\n      color: currentColor;\r\n      cursor: pointer;\r\n\r\n      .tick {\r\n        border-color: currentColor;\r\n      }\r\n    }\r\n\r\n    &.selected {\r\n      background-color: white;\r\n    }\r\n\r\n    .tick {\r\n      border: 1px solid currentColor;\r\n      border-radius: $base-unit;\r\n      display: inline-block;\r\n      width: $base-unit;\r\n      height: $base-unit;\r\n      vertical-align: middle;\r\n      margin-right: $base-unit * 0.5;\r\n      position: relative;\r\n      line-height: $base-unit * 0.9;\r\n\r\n      &:before {\r\n        content: '\\2713';\r\n        opacity: 0;\r\n        position: relative;\r\n        font-size: ms(1);\r\n      }\r\n    }\r\n\r\n    &:hover .tick:before,\r\n    &.selected .tick:before {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .half-slide-active & {\r\n    width: 100%;\r\n\r\n    .option {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .tick {\r\n      margin-right: 0;\r\n      margin-bottom: $base-unit * 0.25;\r\n    }\r\n  }\r\n}\r\n","$fullscreen-toggle-size: $base-unit * 1.25;\r\n\r\n.fullscreen-toggle {\r\n  position: absolute;\r\n  top: $base-unit * 0.5;\r\n  right: $base-unit * 0.5;\r\n  width: $fullscreen-toggle-size;\r\n  height: $fullscreen-toggle-size;\r\n\r\n  background-color: rgba($text-color, 0.62);\r\n  border: 1px solid transparent;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 ($base-unit * 0.5) rgba($text-color, 0.38);\r\n  color: $bg-color;\r\n  cursor: pointer;\r\n  padding: 0;\r\n\r\n  opacity: 0;\r\n  transition: opacity 0.2s ease;\r\n\r\n  &::before {\r\n    top: 50%;\r\n    right: calc(100% + #{$base-unit * 0.25});\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  &:hover {\r\n    border: 1px solid rgba($bg-color-1, 1);\r\n    background-color: rgba($text-color, 0.9);\r\n    color: $bg-color-1;\r\n  }\r\n\r\n  .draggable__item & {\r\n    top: $base-unit * 0.25;\r\n    right: $base-unit * 1.25;\r\n    width: $fullscreen-toggle-size * .75;\r\n    height: $fullscreen-toggle-size * .75;\r\n    pointer-events: initial !important;\r\n  }\r\n\r\n  // pointer-events: none;\r\n  // will-change: opacity;\r\n\r\n  body:not(.is-idle) *:hover > &,\r\n  body:not(.is-idle) .draggable__item:hover & {\r\n    opacity: 1;\r\n  }\r\n\r\n  svg {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: block;\r\n    margin: 0 auto;\r\n    width: 50%;\r\n    height: 50%;\r\n    fill: currentColor;\r\n  }\r\n}\r\n\r\n.fullscreen {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba($text-color, 0.95);\r\n  display: flex;\r\n  z-index: $layer-fullscreen;\r\n\r\n  .transcript {\r\n    max-width: $editor-width;\r\n  }\r\n\r\n  // img\r\n  [data-lupa-target] {\r\n    object-fit: contain;\r\n  }\r\n}\r\n\r\n.fullscreen-container {\r\n  flex: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0 ($base-unit * 2.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  @include max-screen($screen-m) {\r\n    padding: 0 ($base-unit * 0.25);\r\n  }\r\n}\r\n\r\n.fullscreen-image {\r\n  box-shadow: $box-shadow;\r\n}\r\n",".media-players {\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n\r\n.media-container {\r\n  flex: 1;\r\n  line-height: ms-line-height(-1);\r\n\r\n  .gallery-container + & {\r\n  // .media-mix > & {\r\n    padding: 0 $base-unit * .5;\r\n    // text-align: left;\r\n\r\n    @include min-screen($screen-l + 1) {\r\n      flex: 0 1 $editor-width;\r\n      // max-width: $base-unit * 30;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  &.layout-horizontal {\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    margin: 0 0 $base-unit * 2;\r\n  }\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto $base-unit;\r\n\r\n  @include min-screen($screen-l + 1) {\r\n    margin: 0 0 $base-unit;\r\n  }\r\n}\r\n\r\n.media-item {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  .layout-vertical & {\r\n    border-top: 2px solid $color-bg--4;\r\n\r\n    &:first-of-type {\r\n      border-top: 0;\r\n    }\r\n  }\r\n\r\n  &.media-image {\r\n    flex: 1;\r\n    border-radius: $base-border-radius;\r\n    box-shadow: $box-shadow;\r\n    margin: 0 1%;\r\n    overflow: hidden;\r\n    position: relative;\r\n\r\n    img {\r\n      height: 100%;\r\n      max-height: 90vh;\r\n    }\r\n  }\r\n}\r\n\r\n.media-player {\r\n  background-color: $text-color;\r\n  box-shadow: $box-shadow;\r\n  color: $bg-color-1;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  .gallery-item & {\r\n    box-shadow: none;\r\n  }\r\n\r\n  .layout-horizontal & {\r\n    border-radius: $base-border-radius;\r\n  }\r\n\r\n  .layout-vertical .media-item:first-of-type & {\r\n    border-top-left-radius: $base-border-radius;\r\n    border-top-right-radius: $base-border-radius;\r\n  }\r\n\r\n  .layout-vertical .media-item:last-of-type & {\r\n    border-bottom-left-radius: $base-border-radius;\r\n    border-bottom-right-radius: $base-border-radius;\r\n  }\r\n}\r\n\r\n.media-player-wrapper {\r\n  position: relative;\r\n\r\n  :fullscreen & {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n  }\r\n}\r\n\r\n// about\r\n.media-player-meta {\r\n  position: relative;\r\n  text-align: left;\r\n}\r\n.media-player-label {\r\n  display: inline-block;\r\n  background-color: rgba($bg-color-2, .2);\r\n  border-radius: $base-unit;\r\n  color: $bg-color-2;\r\n  font-size: ms(-3);\r\n  line-height: 0;\r\n  letter-spacing: .05em;\r\n  margin-left: $base-unit * -.05;\r\n  margin-bottom: $base-unit * .25;\r\n  padding: $base-unit * .375 $base-unit * .375 $base-unit * .325;\r\n  position: relative;\r\n  text-transform: uppercase;\r\n  top: $base-unit * -.25;\r\n  white-space: nowrap;\r\n}\r\n.media-player-title {\r\n  font-family: $editor-font-family;\r\n  font-size: ms(1);\r\n  line-height: ms-line-height(-1);\r\n  margin-bottom: $base-unit * .25;\r\n}\r\n.media-player-description {\r\n  color: $bg-color;\r\n  font-size: ms(-2);\r\n  line-height: ms-line-height(-3);\r\n  letter-spacing: 0.03em;\r\n}\r\n\r\n// info\r\n.media-player-time {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: $base-unit * 0.25;\r\n  font-size: ms(-2);\r\n}\r\n.media-time-current {\r\n  color: $bg-color-1;\r\n}\r\n.media-time-duration {\r\n  color: $bg-color-2;\r\n}\r\n\r\n// controls\r\n.media-player-button {\r\n  border: 0;\r\n  cursor: pointer;\r\n  color: $text-color;\r\n  display: block;\r\n  padding: 0;\r\n  margin: 0;\r\n  border-radius: 50%;\r\n  border: 1px solid $bg-color;\r\n\r\n  // .media-audio & {\r\n    width: 4vw;\r\n    height: 4vw;\r\n    min-width: $base-unit * 1.5;\r\n    min-height: $base-unit * 1.5;\r\n    max-width: $base-unit * 3;\r\n    max-height: $base-unit * 3;\r\n  // }\r\n\r\n  svg {\r\n    fill: currentColor;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $text-color;\r\n    border-color: $text-color;\r\n    color: $bg-color;\r\n  }\r\n}\r\n\r\n// switch the icon\r\n// TODO: use aria-label instead\r\n// TODO: use it for wrapper to know the state\r\n[data-player-control='playing'] {\r\n  .media-player-button-play {\r\n    display: none;\r\n  }\r\n  .media-player-button-pause {\r\n    display: block;\r\n  }\r\n}\r\n[data-player-control='paused'] {\r\n  .media-player-button-play {\r\n    display: block;\r\n  }\r\n  .media-player-button-pause {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.media-audio + .media-video,\r\n.media-video + .media-audio {\r\n  // margin-top: $base-unit * 2;\r\n\r\n  // .layout-vertical & {\r\n  //   border-top: 0;\r\n  // }\r\n\r\n  &.gallery-item {\r\n    border-color: $bg-color-2;\r\n  }\r\n\r\n  // > .media-player {\r\n  //   border-radius: $base-border-radius;\r\n  // }\r\n}\r\n","$media-audio-size: $base-unit * 20;\r\n\r\n.media-audio {\r\n  width: 100%;\r\n\r\n  .layout-vertical & {\r\n    // max-width: $media-audio-size;\r\n  }\r\n\r\n  .media-player {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    height: 100%;\r\n    width: 100%;\r\n    // max-width: $media-audio-size;\r\n    padding: $base-unit;\r\n\r\n    :last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .media-player-controls {\r\n    flex: 0 1 $base-unit * 3;\r\n  }\r\n\r\n  .media-player-meta {\r\n    flex: 1;\r\n    // margin-bottom: $base-unit;\r\n  }\r\n\r\n  .media-player-progress {\r\n    flex: 0 100%;\r\n  }\r\n}\r\n\r\n.media-player-audio-normal {\r\n  // padding-top: $base-unit * .75;\r\n  // padding-bottom: $base-unit * 1.5;\r\n\r\n  .media-player-progress {\r\n    margin-bottom: $base-unit * .5;\r\n  }\r\n\r\n  .media-player-meta {\r\n    padding-left: $base-unit * 0.5;\r\n    margin-bottom: $base-unit;\r\n  }\r\n}\r\n\r\n.media-player-audio-simple {\r\n  box-shadow: $box-shadow-small;\r\n  align-items: flex-end;\r\n  max-width: $media-audio-size;\r\n\r\n  .media-player-meta {\r\n    flex: 0 100%;\r\n    align-self: flex-start;\r\n    margin-bottom: $base-unit * 0.5;\r\n  }\r\n\r\n  .media-player-title {\r\n    font-size: ms(0);\r\n    line-height: ms-line-height(-1);\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .media-player-controls {\r\n    flex: 0;\r\n  }\r\n  .media-player-progress {\r\n    flex: 1 auto;\r\n  }\r\n\r\n  .media-player-time {\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .media-player-button {\r\n    width: 3vw;\r\n    height: 3vw;\r\n  }\r\n\r\n  .media-player-canvas {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.audio-wavesurfer {\r\n  flex: 0 100%;\r\n}\r\n\r\n.media-player__transcript {\r\n  display: none;\r\n\r\n  .media-player:hover & {\r\n    display: block;\r\n  }\r\n\r\n  position: absolute;\r\n  width: $base-unit;\r\n  height: $base-unit;\r\n  // bottom: $base-unit * -.5;\r\n  top: 0;\r\n  right: 0;\r\n  z-index: 2;\r\n\r\n  button {\r\n    border: 0;\r\n    cursor: pointer;\r\n    display: block;\r\n    padding: 0;\r\n    margin: 0;\r\n    border-radius: 50%;\r\n    line-height: 0;\r\n\r\n    background-color: rgba($text-color, 0.9);\r\n    border: 1px solid rgba($bg-color-1, 1);\r\n    box-shadow: 0 0 $base-unit * 5 $base-unit * 2 rgba($text-color, 1);\r\n    color: $bg-color-1;\r\n\r\n    &:hover {\r\n      background-color: $text-color;\r\n      border-color: $text-color;\r\n    }\r\n\r\n    &::before {\r\n      top: 50%;\r\n      right: calc(100% + #{$base-unit * 0.25});\r\n      transform: translateY(-50%);\r\n      // top: 100%;\r\n      // left: 50%;\r\n      // transform: translateX(-50%);\r\n    }\r\n\r\n    &:hover {\r\n      background-color: $bg-color;\r\n      border-color: $bg-color;\r\n      color: $text-color;\r\n    }\r\n\r\n    svg {\r\n      fill: currentColor;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .transcript {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// same as `.editor .canvas` in _editor.component.scss with some changes because of context\r\n.transcript {\r\n  background: $bg-color;\r\n  border-radius: $base-border-radius;\r\n  box-shadow: $box-shadow;\r\n  line-height: ms-line-height(0);\r\n  // min-height: $base-unit * 19;\r\n  margin: 0 auto;\r\n  max-height: calc(100vh - #{$base-unit * 2});\r\n  overflow-y: auto;\r\n  padding: $base-unit * 1.5 $base-unit * .75;\r\n  text-align: left;\r\n\r\n  @include min-screen($screen-l) {\r\n    padding: $base-unit * 2;\r\n  }\r\n\r\n  &,\r\n  h1,\r\n  h2,\r\n  h3 {\r\n    font-family: $editor-font-family;\r\n  }\r\n\r\n  h1 {\r\n    line-height: ms-line-height(3);\r\n  }\r\n\r\n  h2 {\r\n    line-height: $base-unit * 1.25;\r\n    margin-bottom: $base-unit;\r\n  }\r\n\r\n  p {\r\n    margin-bottom: $base-unit * .5;\r\n  }\r\n}\r\n",".fake-map-items {\r\n  margin-bottom: $base-unit;\r\n}\r\n\r\n.fake-map-item {\r\n  display: none;\r\n\r\n  &.active {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.fake-map-buttons {\r\n  color: $bg-color-1;\r\n}\r\n\r\n.fake-map-buttons-label {\r\n  margin-bottom: $base-unit * .5;\r\n}\r\n\r\n.fake-map-buttons-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n\r\n  .button {\r\n    margin: 0 $base-unit * .25 $base-unit * .5;\r\n\r\n    &:hover,\r\n    &.active {\r\n      color: $bg-color;\r\n      background-color: $text-color;\r\n    }\r\n  }\r\n}\r\n","$media-video-size: $base-unit * 30;\r\n$video-slider-size: $base-unit * 0.5;\r\n$video-enter-color: rgba($bg-color, 0.25);\r\n$video-back-fullscreen-color: rgba($text-color, 0.62);\r\n$video-fill-fullscreen-color: $bg-color;\r\n$video-range-color: $bg-color-2;\r\n$video-meter-color: $bg-color-1;\r\n\r\n.media-video {\r\n\r\n  .layout-vertical & {\r\n    max-width: $media-video-size;\r\n  }\r\n\r\n  video {\r\n    border-radius: $base-border-radius;\r\n    box-shadow: $box-shadow;\r\n    display: block;\r\n    max-height: 62vh;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .media-player-controls {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: -1px;\r\n    bottom: 0;\r\n    overflow: hidden;\r\n\r\n    .icon-media-muted {\r\n      position: absolute;\r\n      top: $base-unit * .5;\r\n      left: $base-unit * 1.5;\r\n      // left: 0;\r\n      text-align: right;\r\n      font-size: ms(-3);\r\n      text-transform: uppercase;\r\n      // width: $base-unit;\r\n      line-height: $base-unit * .785;\r\n      // fill: currentColor;\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity 0.2s ease;\r\n      // background-color: rgba($text-color, .2);\r\n      // border-radius: $base-unit * .125;\r\n      // box-shadow: $box-shadow;\r\n      // text-shadow: $box-shadow;\r\n      text-shadow: 0 0 $base-unit * .125 $text-color;\r\n    }\r\n  }\r\n\r\n  .media-control,\r\n  .media-slider {\r\n    background-color: transparent;\r\n    border-style: none;\r\n    color: inherit;\r\n    font: inherit;\r\n    margin: 0;\r\n    overflow: visible;\r\n    padding: 0;\r\n    -webkit-tap-highlight-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */\r\n    -webkit-touch-callout: none; /* stylelint-disable-line property-no-vendor-prefix */\r\n    -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */\r\n  }\r\n\r\n  // PROGRESS BAR + TIME\r\n  // default state: only progress bar at the bottom of video\r\n  // hover state: enlarged, current time + progress + total time\r\n  .media-player-progress {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    cursor: default;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: rgba($text-color, 0.8);\r\n    background: linear-gradient(\r\n      0deg,\r\n      rgba($text-color, 1) 24%,\r\n      rgba($text-color, 0) 100%\r\n    );\r\n    // box-shadow: $box-shadow;\r\n    color: $bg-color;\r\n    padding-top: $base-unit * 0.25;\r\n    // height: $base-unit * .125;\r\n    // overflow: hidden;\r\n    transform: translate3d(0, calc(100% + 2px), 0);\r\n    transition: transform 0.2s ease, opacity 0.2s ease;\r\n  }\r\n\r\n  body:not(.is-idle) &:hover {\r\n    .media-player-progress {\r\n      transform: translate3d(0, 2px, 0);\r\n    }\r\n  }\r\n\r\n  .media-time {\r\n    font-size: ms(-2);\r\n\r\n    opacity: 0;\r\n    transition: all 0.2s ease, opacity 0.1s ease;\r\n    width: 0;\r\n  }\r\n\r\n  body:not(.is-idle) &:hover {\r\n    .media-time {\r\n      opacity: 1;\r\n      transition: all 0.2s ease, opacity 0.6s ease;\r\n      width: $base-unit * 2;\r\n    }\r\n  }\r\n\r\n  .media-slider {\r\n    flex: 1;\r\n    padding: 0;\r\n    transform: translate3d(0, calc(-475% - #{$base-unit * 0.25}), 0);\r\n    transition: all 0.2s ease;\r\n\r\n    &:focus {\r\n      background-color: $video-enter-color;\r\n    }\r\n  }\r\n\r\n  body:not(.is-idle) &:hover {\r\n    .media-slider {\r\n      height: $video-slider-size;\r\n      padding: 0 $base-unit * 0.125;\r\n      transform: translate3d(0, 0, 0);\r\n      transition: transform 0s;\r\n    }\r\n  }\r\n\r\n  .media-range {\r\n    background-color: $text-color;\r\n    display: block;\r\n    font-size: 75%;\r\n    height: $video-slider-size * 0.25;\r\n    width: 100%;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  body:not(.is-idle) &:hover {\r\n    .media-range {\r\n      background-color: $video-range-color;\r\n      border-radius: $video-slider-size * 0.5;\r\n      height: $video-slider-size * 0.5;\r\n    }\r\n  }\r\n\r\n  .media-meter {\r\n    background-color: $video-meter-color;\r\n    border-radius: $video-slider-size * 0.5;\r\n    display: block;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  }\r\n\r\n  .media-player-button {\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 5vw;\r\n    height: 5vw;\r\n    // min-width: $base-unit * 2;\r\n    // min-height: $base-unit * 2;\r\n    // max-width: $base-unit * 3;\r\n    // max-height: $base-unit * 3;\r\n    opacity: 0.9;\r\n    transition: opacity 0.2s ease;\r\n    user-select: none;\r\n    z-index: 2;\r\n\r\n    &:hover {\r\n      opacity: 1;\r\n    }\r\n\r\n    &:focus {\r\n      outline: 0;\r\n    }\r\n  }\r\n\r\n  .media-symbol {\r\n    background-color: $text-color;\r\n    border-radius: 50%;\r\n    box-shadow: $box-shadow;\r\n    // TODO: Animated transition.\r\n    // transition: opacity 0.2s ease;\r\n\r\n    &[aria-hidden=\"true\"] {\r\n      display: none;\r\n      // opacity: 0;\r\n      // pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .media-pause-symbol {\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n    background-color: transparent;\r\n  }\r\n\r\n  body:not(.is-idle) &:hover {\r\n    .media-pause-symbol {\r\n      opacity: 1;\r\n      background-color: $text-color;\r\n    }\r\n  }\r\n\r\n  .media-player-meta {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: $base-unit;\r\n    padding-top: $base-unit * 2;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba($text-color, 0.5) 0%,\r\n      rgba($text-color, 0) 100%\r\n    );\r\n    background-position: center right;\r\n    text-shadow: 0 0 $base-unit * .125 $text-color;\r\n    transition: opacity 0.2s ease;\r\n\r\n    .gallery-container & {\r\n    // .media-mix & {\r\n      padding: $base-unit * .5;\r\n      padding-top: $base-unit;\r\n    }\r\n  }\r\n\r\n  [data-player-state=\"paused\"] {\r\n    .media-player-progress {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  [data-player-state=\"playing\"] {\r\n    .media-player-meta {\r\n      opacity: 0;\r\n      pointer-events: none;\r\n    }\r\n    .icon-media-muted {\r\n      opacity: .62;\r\n    }\r\n  }\r\n}\r\n\r\n:fullscreen {\r\n  overflow: hidden;\r\n\r\n  video {\r\n    max-height: 100%;\r\n    width: 100%;\r\n    object-fit: contain;\r\n  }\r\n}\r\n","$selectable-icon-background: $color-bg--4;\r\n$selectable-toggle-size: $fullscreen-toggle-size;\r\n\r\n.selectable {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  justify-content: center;\r\n  margin-bottom: $base-unit;\r\n\r\n  // media-text\r\n  .media-text {\r\n    line-height: ms(1);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n\r\n    label {\r\n      display: block;\r\n      padding: $base-unit * 0.75 $base-unit;\r\n      padding-right: $base-unit * 2.25;\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  // media-uzivatelsky-text\r\n  .user-texts {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .user-texts-container {\r\n    width: 100%;\r\n  }\r\n\r\n  .user-text {\r\n    line-height: 0;\r\n  }\r\n\r\n  textarea {\r\n    padding: $base-unit * 0.75;\r\n    padding-right: $base-unit * 1.5;\r\n    // pointer-events: none;\r\n  }\r\n}\r\n\r\n.selectable-horizontal {\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n}\r\n\r\n.selectable-vertical {\r\n  flex-direction: column;\r\n}\r\n\r\n.selectable-item {\r\n  position: relative;\r\n  flex: 1 0;\r\n  max-width: 25vw;\r\n  background: $bg-color-1;\r\n  box-shadow: $box-shadow;\r\n  border-radius: $base-border-radius;\r\n  overflow: hidden;\r\n  display: block;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  transition: opacity $base-duration $timing-out,\r\n    transform $base-duration $timing-out;\r\n\r\n  &:hover {\r\n    svg {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .gallery-item & {\r\n    max-width: none;\r\n  }\r\n\r\n  .selectable:hover &,\r\n  .selectable.has-checked &:not(.is-checked),\r\n  .is-done &:not(.is-checked) {\r\n    opacity: 0.62;\r\n\r\n    &:hover {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .selectable-horizontal & {\r\n    margin: $base-unit * 0.5;\r\n  }\r\n  .selectable-vertical & {\r\n    box-shadow: 0 0 $base-unit rgba($text-color, 0.8);\r\n    flex: 1 auto;\r\n    margin: $base-unit * 0.25 $base-unit * 0.5;\r\n  }\r\n\r\n  &.media-image {\r\n    flex: 1 auto;\r\n    // background-color: $text-color;\r\n\r\n    img {\r\n      // object-fit: contain;\r\n      // object-position: top;\r\n      // width: 100%;\r\n      // height: 100%;\r\n      max-height: 38vh;\r\n    }\r\n  }\r\n\r\n  input {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.selectable-toggle {\r\n  position: absolute;\r\n  top: $base-unit * 0.5;\r\n  right: $base-unit * 0.5;\r\n  width: $selectable-toggle-size;\r\n  height: $selectable-toggle-size;\r\n  background-color: $selectable-icon-background;\r\n  box-shadow: 0 0 ($base-unit * 0.2) rgba($text-color, 0.38);\r\n  color: $text-color;\r\n  cursor: pointer;\r\n  border: 1px solid $color-text;\r\n\r\n  // same styling as fullscreen tooltip\r\n  &::after {\r\n    display: none;\r\n    // TODO: attr\r\n    // kviz, selekce\r\n    content: attr(data-text-select);\r\n    font-size: ms(-2);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    text-align: center;\r\n    position: absolute;\r\n    top: 50%;\r\n    right: calc(100% + #{$base-unit * 0.25});\r\n    transform: translateY(-50%);\r\n    text-shadow: 0 0 ($base-unit * 0.5) $text-color;\r\n    line-height: ms-line-height(-3);\r\n    padding: ($base-unit * 0.1875) ($base-unit * 0.25) ($base-unit * 0.125);\r\n    border-radius: $base-border-radius;\r\n    background-color: rgba($text-color, 0.62);\r\n    color: $bg-color;\r\n  }\r\n\r\n  &:hover {\r\n    &::after {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .selectable-item.is-checked & {\r\n    background-color: $base-color;\r\n    box-shadow: 0 0 ($base-unit * 0.2) rgba($text-color, 0.62);\r\n\r\n    &:hover {\r\n      &::after {\r\n        content: attr(data-text-deselect);\r\n      }\r\n    }\r\n  }\r\n\r\n  .selectable-item:hover & {\r\n    color: $bg-color-2;\r\n  }\r\n\r\n  svg {\r\n    display: none;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: $base-unit * 0.75;\r\n    height: $base-unit * 0.75;\r\n    fill: currentColor;\r\n\r\n    .selectable-item.is-checked & {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n.selectable-toggle--checkbox {\r\n  border-radius: $base-unit * 0.25;\r\n}\r\n\r\n.selectable-toggle--radio {\r\n  border-radius: $selectable-toggle-size;\r\n\r\n  .selectable-item.is-checked & {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .selectable-item.is-checked:hover & {\r\n    color: $text-color;\r\n  }\r\n}\r\n",".tables {\r\n  align-items: center;\r\n  flex-direction: column;\r\n}\r\n\r\n.table-new__container {\r\n  margin: 0 auto $base-unit;\r\n  overflow-x: auto;\r\n  width: calc(100% - #{$base-unit * 2});\r\n\r\n  .with-submodule & {\r\n    position: relative;\r\n    position: sticky;\r\n    top: $base-unit;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .draggable ~ & {\r\n    margin-top: $base-unit;\r\n  }\r\n\r\n  @include max-screen($screen-m) {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  @include min-screen($screen-m) {\r\n    overflow: visible;\r\n  }\r\n\r\n  @include min-screen($screen-l) {\r\n    .with-submodule & {\r\n      flex: 0 1 $gallery-width-big;\r\n      margin: 0 $base-unit * 2 $base-unit 0;\r\n      max-width: $gallery-width-big;\r\n      width: auto;\r\n    }\r\n\r\n    .draggable ~ & {\r\n      flex: 1;\r\n      margin: 0 auto $base-unit;\r\n      max-width: initial;\r\n      width: calc(100% - #{$base-unit * 2});\r\n    }\r\n\r\n    .draggable + & {\r\n      margin: $base-unit auto;\r\n    }\r\n\r\n    .half-slide-previous.previous-to-active-slide .with-submodule &,\r\n    .half-slide-previous.previous-slide .with-submodule & {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @include min-screen($screen-xl) {\r\n    // width: 80%;\r\n    // max-width: $base-unit * 54;\r\n\r\n    .previous-slide & {\r\n      width: calc(100% - #{$base-unit * 2});\r\n    }\r\n  }\r\n\r\n  h6 {\r\n    color: $color-bg-0;\r\n    margin-bottom: $base-unit * .25;\r\n    margin-left: $base-unit * .06125;\r\n    text-align: left;\r\n  }\r\n}\r\n\r\n// table,\r\n.table-new {\r\n  // background: $bg-color-1;\r\n  // background-clip: padding-box;\r\n  width: 100%;\r\n  min-width: $base-unit * 25; // 640px\r\n  text-align: center;\r\n\r\n  .with-submodule & {\r\n    min-width: initial;\r\n  }\r\n\r\n  // TEMPORARY\r\n  .node-selected {\r\n    padding: $base-unit * .25 $base-unit * .5;\r\n  }\r\n  .node-close {\r\n    display: none;\r\n  }\r\n\r\n  select {\r\n    &:disabled {\r\n      color: $text-color;\r\n    }\r\n  }\r\n}\r\n\r\n.table-new__body {\r\n  border-radius: $base-unit * .5;\r\n  overflow: hidden;\r\n}\r\n\r\n// tr\r\n.table-new__row {\r\n  display: flex;\r\n  overflow: hidden;\r\n\r\n  .table-new__body & {\r\n    // background: $color-bg-0;\r\n\r\n    // &:not(:first-child) {\r\n    //   border-top: 1px solid $color-bg--1;\r\n    // }\r\n  }\r\n\r\n  [data-autofill=\"columns\"] & {\r\n    margin: 0 $base-unit * .5;\r\n  }\r\n\r\n  [data-autofill=\"rows\"] & {\r\n    border-radius: $base-unit * .5;\r\n    margin-bottom: $base-unit * .5;\r\n  }\r\n}\r\n\r\n// .table-new__row--tag {\r\n//   & + .table-new__row--tag {\r\n//     .table-new__cell {\r\n//       border-top: 1px solid $color-bg--1;\r\n//     }\r\n//   }\r\n\r\n//   .table-new__cell {\r\n//     background: $color-bg-0;\r\n//   }\r\n// }\r\n\r\n// .table-new__row--droppable {\r\n//   .table-new__cell {\r\n//     background: radial-gradient(farthest-corner, rgba($text-color, .6) 0%, rgba($text-color, .7) 100%);\r\n//     border: 3px dashed $text-color;\r\n//     box-shadow: inset 0 0 $base-unit rgba($text-color, .62), $box-shadow;\r\n//     padding: $base-unit;\r\n\r\n//     .table-new__label {\r\n//       user-select: none;\r\n//       top: 50% !important;\r\n//       left: 50%;\r\n//       transform: translate(-50%, -50%);\r\n//     }\r\n//   }\r\n// }\r\n\r\n// td, th,\r\n.table-new__cell {\r\n  flex: 1;\r\n  background: $color-bg-0;\r\n  padding: $base-unit * .5;\r\n  vertical-align: top;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  min-height: $base-unit * 1.5;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  [data-autofill=\"cells\"] .table-new__row:first-child &,\r\n  [data-autofill=\"columns\"] .table-new__row:first-child & {\r\n    border-top-left-radius: $base-unit * .5;\r\n    border-top-right-radius: $base-unit * .5;\r\n  }\r\n\r\n  [data-autofill=\"cells\"] .table-new__row:last-child &,\r\n  [data-autofill=\"columns\"] .table-new__row:last-child & {\r\n    border-bottom-left-radius: $base-unit * .5;\r\n    border-bottom-right-radius: $base-unit * .5;\r\n  }\r\n\r\n  [data-autofill=\"cells\"] .table-new__row--tag &:not(.table-new__cell--drop),\r\n  .table-new--has-rows [data-autofill=\"cells\"] &:not(.table-new__cell--header) {\r\n    padding-top: $base-unit * 1.25;\r\n    min-height: $base-unit * 3.125;\r\n  }\r\n\r\n  [data-autofill=\"columns\"] &,\r\n  .table-new--has-columns [data-autofill=\"cells\"] &,\r\n  .table-new--has-columns ~ .table-new--has-rows [data-autofill=\"cells\"] & {\r\n    margin: 0 $base-unit * .5;\r\n  }\r\n  [data-autofill=\"columns\"] .table-new__row:not(:first-child) &,\r\n  .table-new--has-columns [data-autofill=\"cells\"] .table-new__row:not(:first-child) &,\r\n  .table-new--has-columns ~ .table-new--has-rows [data-autofill=\"cells\"] .table-new__row:not(:first-child) &,\r\n  .table-new--has-rows [data-autofill=\"cells\"] .table-new__row:not(:first-child) & {\r\n    border-top: 1px solid $color-bg--1;\r\n  }\r\n  [data-autofill=\"columns\"] .table-new__row:first-child &:not(.table-new__cell--header) {\r\n    padding-top: $base-unit * (.5 + .125);\r\n  }\r\n\r\n  // [data-autofill=\"rows\"] & {\r\n\r\n  //   &:first-child {\r\n  //     border-top-left-radius: $base-unit * .5;\r\n  //     border-bottom-left-radius: $base-unit * .5;\r\n  //     // padding-top: $base-unit * (.5 + .125);\r\n\r\n  //     // .table-new__label {\r\n  //     //   top: $base-unit * (.25 + .125);\r\n  //     // }\r\n  //   }\r\n\r\n  //   &:last-child {\r\n  //     border-top-right-radius: $base-unit * .5;\r\n  //     border-bottom-right-radius: $base-unit * .5;\r\n  //   }\r\n  // }\r\n\r\n  &:not(.table-new__cell--drop) {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .table-new__label {\r\n    position: absolute;\r\n    top: $base-unit * .25;\r\n    left: $base-unit * .5;\r\n    font-size: ms(-2);\r\n    white-space: nowrap;\r\n    color: $color-bg--3;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    z-index: 2;\r\n  }\r\n}\r\n\r\n.table-new__cell--tag {\r\n\r\n  .with-submodule & {\r\n    justify-content: flex-start;\r\n  }\r\n  .draggable ~ .table-new__container & {\r\n    justify-content: center;\r\n  }\r\n\r\n  .node-selected {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.table-new__cell--dup-text {\r\n  background: $color-bg-0;\r\n\r\n  .with-submodule & {\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .draggable ~ .table-new__container & {\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n.table-new__cell--drop {\r\n  background: radial-gradient(farthest-corner, rgba($text-color, .6) 0%, rgba($text-color, .7) 100%);\r\n  border: 3px dashed $text-color;\r\n  box-shadow: inset 0 0 $base-unit rgba($text-color, .62);\r\n  padding: 0;\r\n  min-height: $base-unit * 2.71;\r\n\r\n  &.table-new__cell--obrazek {\r\n    min-height: $draggable__item--max-size - $base-unit;\r\n  }\r\n\r\n  // .table-new--has-columns & {\r\n  //   align-items: flex-start;\r\n  // }\r\n\r\n  [data-drop-place] {\r\n    min-height: $base-unit * 2;\r\n    height: initial;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding: $base-unit * .5;\r\n    padding-top: $base-unit * .25;\r\n\r\n    > * {\r\n      padding: 0;\r\n      margin-top: $base-unit * .25;\r\n      margin-right: $base-unit * .25;\r\n    }\r\n\r\n    &::before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .table-new__label {\r\n    user-select: none;\r\n    top: 50% !important;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n}\r\n\r\n.table-new__cell--input,\r\n.table-new__cell--textarea {\r\n  background: white;\r\n  padding: 0;\r\n\r\n  input,\r\n  textarea {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n  }\r\n\r\n  input {\r\n    padding: 0 ($base-unit * 0.5);\r\n  }\r\n\r\n  textarea {\r\n    padding: $base-unit * .5;\r\n    resize: none;\r\n  }\r\n}\r\n\r\n.table-new__cell--select {\r\n  select {\r\n    &:disabled {\r\n      color: $color-bg--3;\r\n    }\r\n  }\r\n}\r\n\r\n// th\r\n.table-new__cell--header {\r\n  color: $color-bg-0;\r\n  background: transparent;\r\n  font-weight: normal;\r\n  margin-bottom: 0 !important;\r\n}\r\n",".video-stamps-bar{\r\n  margin-left: 2rem;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2rem;\r\n  font-size: 4rem;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n\r\n  background: radial-gradient(farthest-corner, rgba(27, 19, 19, 0.6) 0%, rgba(27, 19, 19, 0.7) 100%);\r\n  border-radius: 3.2rem;\r\n  border: 3px dashed #1b1313;\r\n  box-shadow: 0 0 3.2rem rgba(27, 19, 19, 0.8);\r\n  color: hsl(2, 81%, 94%);\r\n  max-width: 1200px;\r\n  padding: 1.6rem 1.6rem 0.8rem;\r\n  position: relative;\r\n  text-align: center;\r\n\r\n  .emoji-icon{\r\n    cursor: pointer;\r\n    transition: transform 0.3s ease-in;\r\n    height: 6rem;\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n    display: flex;\r\n    user-select: none;\r\n\r\n\r\n    &:hover{\r\n      transform: scale(1.3);\r\n    }\r\n  }\r\n}\r\n\r\n.video-stamps-bar-labels{\r\n  margin-left: 2rem;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  justify-content: center;\r\n  text-align: start;\r\n\r\n  .stamp-label{\r\n    color: $beauty-bush;\r\n    //opacity: 0.75;\r\n    font-size: 1rem;\r\n  }\r\n\r\n}\r\n\r\n.stamp-wrapper{\r\n  width: 100%;\r\n  height: 1.5rem;\r\n  position: absolute;\r\n  top: -1rem;\r\n\r\n  .mark{\r\n    position: absolute;\r\n    left: 0;\r\n    height: 100%;\r\n    width: 2px;\r\n    background-color: white;\r\n    animation: transformX 0.5s ease;\r\n\r\n    .stamp{\r\n      position: absolute;\r\n      top: -1rem;\r\n      transform: translateX(-50%);\r\n      left: 1px;\r\n      cursor: pointer;\r\n      z-index: 2;\r\n\r\n      &.removable-stamp{\r\n        &:hover::after {\r\n          opacity: 1;\r\n        }\r\n        &::after {\r\n          content: 'X';\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          font-size: 1.5em;\r\n          color: $color-red;\r\n          opacity: 0;\r\n          transition: opacity 0.3s ease;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @keyframes transformX {\r\n    0% {transform: translateY(-50%)}\r\n    100% {transform: translateY(0%)}\r\n  }\r\n}\r\n"]}