{"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":["/* ==================================================\n/* External dependecies\n/* ================================================== */\n\n// https://github.com/paranoida/sass-mediaqueries\n@import \"../../node_modules/sass-mediaqueries/media-queries\";\n\n// https://github.com/necolas/normalize.css/\n@import \"../../node_modules/normalize.css/normalize\";\n\n\n@import \"tools/vendor/vendor\";\n@import \"tools/libs/libs\";\n\n@import \"variables/variables\";\n@import \"base/base\";\n@import \"cviceni/cviceni\";\n\n@import \"ui/tooltip\";\n@import \"ui/captions\";\n@import \"ui/gallery\";\n@import \"ui/draggable\";\n\n@import \"modules/modules\";\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 */\n\n/**\n * 1. Inherit style issues with custom selections, per robsterlini.co.uk/journal/opentype-and-selection-dont-mix\n * 2. Turn on kerning, standard ligatures, and proportional, oldstyle numerals\n *    Turn off all other ligatures, tabular, lining numerals, and alternates\n      Uses same settings for tables\n * 3. Hard-codes fallback text selection for issue #18, color is Chrome’s per via http://stackoverflow.com/a/16094931/864799\n */\n\n::selection {\n  color: inherit; /* 1. */\n  text-shadow: inherit; /* 2. */\n  background-color: #ACCEF7; /* 3. */\n}\n\nhtml,\nbody,\ntable {\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0; /* 2. */\n}\n\n/* Headings\n========================================================================== */\n\n/**\n * 1. Turn on discretionary ligatures for larger headings\n */\n\nh1,\nh2,\nh3 {\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0; /* 1. */\n}\n\n/* Text-level semantics\n========================================================================== */\n\n/**\n * 1. Change all letters to uppercase\n * 2. Turn on small caps for upper and lowercase letters\n */\n\nabbr {\n  text-transform: uppercase; /* 1 */\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"smcp\" 1, \"c2sc\" 1; /* 2 */\n}\n\n/*\n * TODO: Turn on diagonal fractions where appropriate\n */\n\ntime {\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0;\n}\n\n/*\n * 1. Turn off kerning and ligatures,\n *    Turn on lining, tabular numerals, slashed zero\n */\n\npre,\nkbd,\nsamp,\ncode {\n  font-feature-settings: \"kern\" 0, \"liga\" 0, \"calt\" 1, \"dlig\" 0, \"pnum\" 0, \"tnum\" 1, \"onum\" 0, \"lnum\" 1, \"zero\" 1; /* 1. */\n}\n\nmark {\n}\n\nsmall {\n}\n\ncite {\n}\n\n/**\n * 1. Turn on proper supercript numerals\n */\n\nsup {\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0, \"sups\" 1; /* 1. */\n}\n\n/**\n * 1. Turn on proper subscript numerals\n */\n\nsub {\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 1, \"lnum\" 0, \"dlig\" 0, \"subs\" 1; /* 1. */\n}\n\n\n/* Grouping content\n========================================================================== */\n\nfigcaption {\n}\n\nblockquote,\nq {\n}\n\n/**\n * TODO: Adds proper bullets\n */\n\nul {\n}\n\n/*\n * TODO:\n * 1. Adds counters for lists\n * 2. Use proper numerals for lists\n */\n\nol {\n}\n\n/**\n * Adds proper small caps\n */\n\ndl,\ndd,\ndl,\ndt,\ndfn {\n}\n\n/**\n * TODO: scmp, sc2c, pnum, case sensitive forms for postal codes\n */\n\naddress {\n}\n\n\n/* Forms\n========================================================================== */\n\n/**\n * 1. Turns on lining, proportional numerals without clarified zeroes\n * TODO: Additional input modes https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-inputmode\n */\n\ninput[type=\"color\"],\ninput[type=\"date\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"number\"],\ninput[type=\"range\"],\ninput[type=\"tel\"],\ninput[type=\"week\"] {\n  font-feature-settings: \"kern\" 0, \"liga\" 1, \"calt\" 1, \"pnum\" 1, \"tnum\" 0, \"onum\" 0, \"lnum\" 1, \"zero\" 0; /* 1. */\n}\n\n/* Localisation\n========================================================================== */\n\n// /**\n//  * According to Wikipedia: http://en.wikipedia.org/wiki/Non-English_usage_of_quotation_marks\n//  * This is built on prior knowledge, which I would like to find and cite\n//  */\n//\n// :lang(cy) q {\n//   quotes: '\\2018' '\\2019' '\\201C' '\\201D' '\\2018' '\\2019' '\\201C' '\\201D';\n//   /*         ‘       ’       “       ”       ‘       ’       “       ”  */\n// }\n//\n// :lang(af) q,\n// :lang(zh) q,\n// :lang(en) q,\n// :lang(en-us) q,\n// :lang(eo) q,\n// :lang(id) q,\n// :lang(ga) q,\n// :lang(ko) q,\n// :lang(pt-br) q,\n// :lang(th) q,\n// :lang(tr) q {\n//   quotes: '\\201C' '\\201D' '\\2018' '\\2019' '\\201C' '\\201D' '\\2018' '\\2019';\n//   /*         “       ”       ‘       ’       “       ”       ‘       ’  */\n// }\n//\n// :lang(sq) q,\n// :lang(bs) q {\n//   quotes: '\\201E' '\\201C' '\\2018' '\\2019' '\\201E' '\\201C' '\\2018' '\\2019';\n//   /*         „       “       ‘       ’       „       “       ‘       ’  */\n// }\n//\n// :lang(ar) q {\n//   quotes: '\\201D' '\\201C';\n//   /*         ”       “  */\n// }\n//\n:lang(cs) q,\n:lang(de) q,\n:lang(sk) q,\n:lang(sl) q,\n:lang(sb) q,\n:lang(is) q {\n  quotes: '\\201E' '\\201C' '\\201A' '\\2018' '\\201E' '\\201C' '\\201A' '\\2018';\n  /*         „       “       ‚       ‘       „       “       ‚       ‘  */\n}\n\nq:before {\n  content: open-quote;\n}\n\nq:after {\n  content: close-quote;\n}\n\n\n/* Tables\n========================================================================== */\n\n/**\n * 1. Turns on tabular, lining numerals and slashed zero\n */\n\ntbody,\ncaption {\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"calt\" 1, \"pnum\" 0, \"tnum\" 1, \"onum\" 0, \"lnum\" 1, \"zero\" 1; /* 1. */\n}\n","@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n",".hidden,\n.is-hidden {\n  display: none !important;\n}\n","@use \"sass:math\";\n\nhtml,\nbody {\n  height: 100%;\n  overflow: hidden;\n}\n\nhtml {\n  @include font-size($font-sizes);\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\nbody {\n  @include line-height($font-sizes);\n  position: relative;\n  background-color: $base-color;\n  color: $text-color;\n  font-family: $base-font-family;\n  font-feature-settings: \"kern\", \"liga\", \"pnum\";\n  font-weight: 400;\n}\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3,\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  font-family: $heading-font-family;\n  // font-size: $base-font-size;\n  // line-height: $heading-line-height;\n  // margin: 0 0 $base-unit / 2;\n}\n\nh1,\n.h1 {\n  @include heading(h1, 400);\n  letter-spacing: -0.03em;\n}\n\nh2,\n.h2 {\n  @include heading(h2, 400);\n  letter-spacing: -0.01em;\n}\n\nh3,\n.h3 {\n  @include heading(h3, 400);\n}\n\nh4,\n.h4 {\n  @include heading(h4, 400);\n}\n\nh5,\n.h5 {\n  @include heading(h5, 400);\n  text-transform: uppercase;\n}\n\nh6,\n.h6 {\n  @include heading(h6, 400);\n}\n\n// Set margins between headings\nh1 + h2,\n.h1 + .h2 {\n  margin-top: $base-unit;\n}\n\nh2 + h3,\n.h2 + .h3 {\n  // line-height: modular-scale-line-height(2);\n  margin-top: math.div($base-unit, -2) * 1.1;\n  margin-bottom: $base-unit;\n}\n\nh3 + h4,\n.h3 + .h4,\nh4 + h5,\n.h4 + .h5 {\n  margin-top: $base-unit * 0.5;\n}\n\nh5 + h6,\n.h5 + .h6 {\n  margin-top: math.div($base-unit, -2);\n}\n\n//\np {\n  margin: 0 0 $base-unit;\n\n  &.text-smaller {\n    margin-bottom: $base-unit * 0.5;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n//\na {\n  color: $action-color;\n  text-decoration: none;\n  transition: $transition-all;\n  border-bottom: 1px solid transparent;\n\n  &:active,\n  &:focus,\n  &:hover {\n    color: darken($action-color, 10);\n    border-bottom-color: darken($action-color, 10);\n  }\n}\n\n//\nblockquote {\n  position: relative;\n  padding: 0;\n  margin: 0;\n  font-style: italic;\n  @include mq($min-width: $screen-l) {\n    &::before {\n      content: \"„\";\n      position: absolute;\n      bottom: 100%;\n      right: calc(100% + #{$base-unit * 0.25});\n      font-size: ms(7);\n    }\n  }\n\n  p {\n    margin: 0 0 $base-unit * 0.5;\n\n    &:last-of-type {\n      margin-bottom: $base-unit * 0.5;\n    }\n  }\n\n  + .source,\n  + .zdroj {\n    text-align: right;\n  }\n}\n\ndt {\n  margin-bottom: $base-unit * 0.25;\n\n  a {\n    font-size: ms(1);\n    color: $text-color;\n    // line-height: ms-line-height(-2);\n  }\n}\n\ndd {\n  font-size: ms(-1);\n  line-height: ms-line-height(-2);\n  max-width: $base-unit * 20;\n  margin-left: 0;\n\n  &:not(:last-child) {\n    margin-bottom: $base-unit;\n  }\n}\n\n//\nhr {\n  border-bottom: $base-border;\n  border-left: 0;\n  border-right: 0;\n  border-top: 0;\n  margin: $base-unit 0;\n}\n\n//\nimg,\npicture {\n  display: block;\n  margin: 0 auto;\n  max-width: 100%;\n}\n\n// Tables reboot from Bootstrap\n// Prevent double borders\ntable {\n  border-collapse: collapse;\n}\n\n// caption {\n//   padding-top: $table-cell-padding;\n//   padding-bottom: $table-cell-padding;\n//   color: $table-caption-color;\n//   text-align: left;\n//   caption-side: bottom;\n// }\n\n// Matches default `<td>` alignment by inheriting from the `<body>`, or the\n// closest parent with a set `text-align`.\nth {\n  text-align: inherit;\n}\n\n//\n.text-smaller {\n  font-size: ms(-1);\n  line-height: ms-line-height(-2);\n\n  a {\n    line-height: ms-line-height(-2);\n  }\n}\n\n.text-center {\n  text-align: center;\n}\n.text-left {\n  text-align: left;\n}\n.text-right {\n  text-align: right;\n}\n\n.text-light {\n  font-weight: 400;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n","// ==================================================\n// Colors\n// ==================================================\n\n@use \"sass:math\";\n\n// ==================================================\n// Numbers & Math\n// ==================================================\n\n@function strip-unit($num) {\n  @return math.div($num, $num * 0 + 1);\n}\n\n// ==================================================\n// Typography\n// ==================================================\n\n// map the breakpoints\n// — font-size for <html>\n@mixin font-size($fs-map) {\n  @each $fs-breakpoint, $fs-font-size in $fs-map {\n    @if $fs-breakpoint == null {\n      font-size: $fs-font-size;\n    } @else {\n      @include mq($min-width: map-get($breakpoints, $fs-breakpoint)) {\n        font-size: $fs-font-size;\n      }\n    }\n  }\n}\n\n// — line-height for <body>\n@mixin line-height($fs-map) {\n  @each $fs-breakpoint, $fs-font-size in $fs-map {\n    @if $fs-breakpoint == null {\n      line-height: $base-line-height * strip-unit($fs-font-size) * 0.01;\n    } @else if $fs-breakpoint == xxl {\n      @include mq($min-width: map-get($breakpoints, $fs-breakpoint)) {\n        line-height: $base-line-height * strip-unit(map-get($font-sizes, l)) *\n          0.01;\n      }\n    } @else {\n      @include mq($min-width: map-get($breakpoints, $fs-breakpoint)) {\n        line-height: $base-line-height * strip-unit($fs-font-size) * 0.01;\n      }\n    }\n  }\n}\n\n@function ms-line-height($level) {\n  @return map-get($ms-line-heights, $level);\n}\n\n@mixin heading($heading, $heading-weight: 400) {\n  @if map-has-key($headings, $heading) {\n    $properties: map-get($headings, $heading);\n\n    font-size: nth($properties, 1);\n    line-height: nth($properties, 2);\n    margin-top: nth($properties, 3);\n    margin-bottom: nth($properties, 4);\n    font-weight: $heading-weight;\n    // color: $heading-color;\n  }\n}\n\n// ==================================================\n// Numbers & Math\n// ==================================================\n\n@mixin list-border-radius {\n  &:first-of-type {\n    border-top-left-radius: $base-border-radius;\n    border-top-right-radius: $base-border-radius;\n  }\n  &:last-of-type {\n    border-bottom-left-radius: $base-border-radius;\n    border-bottom-right-radius: $base-border-radius;\n  }\n}\n","@import \"colors\";\n\n// ==================================================\n// Settings\n// ==================================================\n\n$theme: dark;\n\n\n// Modular scale\n// scale 1.25\n// 2.441rem\n// 1.953rem\n// 1.563rem\n// 1.25rem\n// 1rem\n// 0.8rem\n$ms-ratio: $major-third;\n$ms-base: 1rem;\n\n\n\n// ==================================================\n// Breakpoints\n// ==================================================\n\n// Extra small devices (portrait phones, less than 576px)\n$screen-xs: 320px;\n// Small devices (landscape phones, 576px and up)\n$screen-s: 576px;\n// Medium devices (tablets, 768px and up)\n$screen-m: 768px;\n// Large devices (desktops, 1024px and up)\n$screen-l: 1024px;\n// Extra large devices (large desktops, 1200px and up)\n$screen-xl: 1200px;\n$screen-xxl: 1600px;\n\n$breakpoints: (\n   xs: $screen-xs,\n    s: $screen-s,\n    m: $screen-m,\n    l: $screen-l,\n   xl: $screen-xl,\n  xxl: $screen-xxl\n) !default;\n\n\n\n// ==================================================\n// Typography\n// ==================================================\n\n// Fonts\n$base-font-family: \"Lato\", Helvetica, Arial, sans-serif;\n$heading-font-family: \"Lato\", Helvetica, Arial, sans-serif;\n$ui-font-family: \"Lato\", Helvetica, Arial, sans-serif;\n$serif-font-family: \"Vesper\", \"Times New Roman\", serif;\n// $line-height: 1.6rem;\n\n// Font Sizes\n$base-font-size: 100%;\n// Font Sizes for different media queries\n$font-sizes: (\n  null: 87.5%,\n  xs:   93.75%,\n  s:   106.25%,\n  m:   93.75%,\n  l:   100%,\n  xl:   106.25%,\n  xxl:   112.5%\n  ) !default;\n\n// Line height\n$base-line-height: 1.6rem;\n$heading-line-height: 1.2;\n$ms-line-heights: (\n  -4: $base-line-height * 0.55,\n  -3: $base-line-height * 0.625,\n  -2: $base-line-height * 0.75,\n  -1: $base-line-height * 0.875,\n  0: $base-line-height,\n  1: $base-line-height * 1.125,\n  2: $base-line-height * 1.5,\n  3: $base-line-height * 1.875,\n  4: $base-line-height * 2,\n  5: $base-line-height * 2.5,\n  6: $base-line-height * 3,\n  7: $base-line-height * 3,\n  8: $base-line-height * 4,\n  );\n\n// Vertical rhytm units\n$base-unit: $base-line-height;\n\n//\n// Headings Options\n// - size (rem),\n// - line height (rem),\n// - margin top (rem),\n// - margin bottom (rem)\n$headings: (\n  h1: (ms(4), ms-line-height(3), 0, $base-unit),\n  h2: (ms(2), ms-line-height(1), 0, $base-unit * 0.5),\n  h3: (ms(1), ms-line-height(1), 0, $base-unit * 0.5),\n  h4: (ms(0), ms-line-height(0), 0, 0),\n  h5: (ms(-1), ms-line-height(-1), 0, 0),\n  h6: (ms(-1), ms-line-height(-1), 0, 0)\n  ) !default;\n\n\n\n// ==================================================\n// Variables\n// ==================================================\n\n// Colors\n$base-color: hsl(2, 81%, 94%);\n$bg-color: $base-color;\n$bg-color-1: lighten(desaturate($bg-color, 5), 3);\n$bg-color-2: darken(desaturate($bg-color, 62), 38);\n\n@if $theme == light {\n  $bg-color-2: $bg-color;\n}\n\n$text-color: desaturate(darken($base-color, 85), 62);\n$action-color: hsl(1, 63%, 52%);\n$button-color: $action-color;\n$beauty-bush: #EEC5C3;\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);\n\n// Border\n$base-border-color: transparent;\n$base-border: 1px solid $base-border-color;\n$base-border-radius: 3px;\n$box-shadow: 0 0 $base-unit * 2 rgba($text-color, .8);\n$box-shadow-small: 0 0 $base-unit rgba($text-color, .8);\n\n// Buttons\n$button-shadow: 0 0 $base-unit * 0.5 rgba(0, 0, 0, .2);\n\n// Animations\n$base-duration: .1s;\n$base-timing: ease-in-out;\n$transition-all: all $base-duration $base-timing;\n$timing-in: cubic-bezier(.62, 0, .8, .38);\n$timing-out: cubic-bezier(.2, .62, .38, 1);\n\n// SVG\n$svg-circle-size: $base-unit * 1.2;\n\n// Navigation\n$navigation-height: $base-unit * 1.875;\n$comment-width: $base-unit * 9.5;\n\n// Text module - editor\n$editor-font-family: $serif-font-family;\n$editor-width: $base-unit * 27;\n\n$gallery-width: $base-unit * 12;\n$gallery-width-big: $base-unit * 20;\n\n$usertext-width: $base-unit * 20;\n\n// Layers\n$layer-fullscreen: 999999;\n$layer-magnifying-glass: $layer-fullscreen + 1;\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 {\n  display: none;\n  pointer-events: none;\n}\n\n.icon-svg {\n  display: inline-block;\n  vertical-align: middle;\n  width: $base-unit;\n  height: $base-unit;\n  pointer-events: none;\n  color: currentColor;\n\n  svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n    fill: currentColor\n  }\n}\n\nimg,\nsvg {\n  max-width: 100%;\n}\n","$btn-font-weight: 400;\n$btn-border-width: 1px;\n\n.button {\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n  font-weight: $btn-font-weight;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  user-select: none;\n  padding: ($base-unit * 0.25) $base-unit;\n  margin-bottom: $base-unit;\n  font-size: ms(0);\n  line-height: ms-line-height(0);\n  border: $btn-border-width solid transparent;\n  border-radius: $base-unit;\n  box-shadow: 0 ($base-unit * 0.25) ($base-unit * 0.5) rgba($text-color, 0.5);\n  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;\n\n  & + & {\n    margin-left: $base-unit;\n  }\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    border-bottom-color: transparent;\n    box-shadow: 0 ($base-unit * 0.1875) ($base-unit * 0.375) rgba($text-color, 0.5625);\n  }\n\n  &:active {\n    box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.625);\n  }\n\n  &.secondary {\n    background-color: $bg-color-1;\n    border-color: $bg-color-2;\n    color: currentColor;\n\n    &:hover,\n    &:focus {\n      background-color: lighten($bg-color-2, 49);\n    }\n\n    &:active {\n      background-color: lighten($bg-color-2, 45);\n    }\n  }\n\n  &.tertiary {\n    background-color: transparent;\n    border: 0;\n    border-bottom: 1px solid lighten($bg-color-2, 20);\n    box-shadow: none;\n    color: currentColor;\n    font-size: ms(-1);\n    line-height: ms-line-height(-1);\n    padding: 0;\n    border-radius: 0;\n    margin-bottom: 0;\n\n    &:hover,\n    &:focus {\n      background-color: transparent;\n      border-bottom-color: currentColor;\n    }\n\n    &:active {\n      background-color: transparent;\n    }\n  }\n\n  &.small {\n    font-size: ms(-1);\n    line-height: ms-line-height(-1);\n    padding: ($base-unit * 0.25) ($base-unit * 0.75);\n    box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.25);\n\n    &:hover,\n    &:focus {\n      box-shadow: 0 ($base-unit * 0.125 * 0.66) ($base-unit * 0.25 * 0.66) rgba($text-color, 0.125);\n    }\n\n    // TODO\n    &:active {\n      box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.625);\n    }\n  }\n}\n\n.button-ok {\n  background-color: #00AA58;\n  color: $bg-color-1;\n  opacity: 1;\n  transition: opacity $base-duration $base-timing, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n  will-change: opacity;\n\n  &.button-hidden {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: darken(#00AA58, 5);\n    color: white;\n  }\n\n  &.color-red {\n    background-color: red;\n\n    &:hover {\n      background-color: darken(red, 5);\n    }\n  }\n\n  &.color-orange {\n    background-color: orange;\n\n    &:hover {\n      background-color: darken(orange, 5);\n    }\n  }\n\n  &.color-green {\n    background-color: #00AA58;\n\n    &:hover {\n      background-color: darken(#00AA58, 5);\n    }\n  }\n\n  &.button-sent {\n    background-color: grey;\n    pointer-events: none;\n  }\n\n  .hide-on-previous-slide & {\n    .previous-slide & {\n      display: block;\n      opacity: 0;\n      pointer-events: none;\n    }\n  }\n}\n","#loading-screen {\n  display: none;\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-flow: column;\n  color: $bg-color;\n  text-transform: lowercase;\n  z-index: 9999999;\n\n  will-change: opacity;\n  opacity: 0;\n  transition: opacity 0.62s 0.62s $timing-in;\n\n  background-color: $text-color;\n\n  .loading & {\n    pointer-events: initial;\n    opacity: 1;\n  }\n\n  svg {\n    width: $base-unit * 3;\n    height: $base-unit * 3;\n    fill: currentColor;\n  }\n\n  h1 {\n    font-size: ms(2);\n    line-height: ms-line-height(0);\n    margin-bottom: $base-unit * 2;\n  }\n}\n\n.loading-screen-content {\n  text-align: center;\n  opacity: 0;\n  will-change: opacity, transform;\n  transform: scale3d(1.2, 1.2, 1.2);\n  transition: opacity 0.38s 0.38s $timing-in, transform 0.38s 0.38s $timing-in;\n\n  .loading & {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n// .cviceni {\n//   will-change: transform;\n//   transform: scale3d(1, 1, 1);\n//   transition: transform 1.38s $timing-out;\n\n//   .loading & {\n//     transform: scale3d(.7, .7, .7);\n//   }\n// }\n","#unsupported {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-flow: column;\n  text-align: center;\n  z-index: 9999998;\n\n  background-color: $text-color;\n  color: $bg-color;\n\n  svg {\n    width: $base-unit * 3;\n    height: $base-unit * 3;\n    fill: currentColor;\n  }\n\n  h1 {\n    font-size: ms(2);\n    line-height: ms-line-height(2);\n    margin-bottom: $base-unit * 2;\n    max-width: $base-unit * 45;\n  }\n}\n","#header {\n  z-index: 1;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  min-height: $base-unit * 2;\n  line-height: $base-unit * 2;\n  background-color: $bg-color-1;\n  padding: 0 $base-unit;\n  // border-bottom: 1px solid rgba(lightgray,.2);\n  // text-transform: uppercase;\n  // font-size: ms(-1);\n  color: $bg-color-2;\n\n  display: flex;\n\n  will-change: transform;\n  transition: transform .3s $base-timing;\n  transform: translate3d(0, 0, 0);\n\n  &.is-hidden {\n    transform: translate3d(0, -100%, 0);\n  }\n\n  .icon-svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n}\n\n.header-left {\n  flex: 0 0 auto;\n  max-width: 100%;\n  overflow: hidden;\n  padding-left: $base-unit * 1.75;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  .icon-svg {\n    margin-top: -2px;\n    left: $base-unit * .75;\n    width: 40px;\n    height: 40px;\n  }\n}\n\n.header-center {\n  flex: 1 auto;\n  position: relative;\n}\n\n.header-right {\n  margin-left: auto;\n}\n","// Horizontální navigace\n.navigation {\n  text-align: center;\n  line-height: $navigation-height;\n  height: $navigation-height + $base-unit * 0.5;\n  background-color: $bg-color;\n\n  + .row {\n    background-color: $bg-color;\n  }\n}\n\n.nav-button {\n  position: absolute;\n  top: $navigation-height;\n  border-bottom: 0;\n  padding: 0 $base-unit;\n  cursor: pointer;\n  color: $bg-color-2;\n  font-size: ms(-2);\n  letter-spacing: .05em;\n  text-transform: uppercase;\n  transition: none;\n\n  &:hover {\n    color: $text-color;\n\n    .icon-svg {\n      background-color: $text-color;\n      color: $bg-color;\n    }\n  }\n\n  &.is-hidden {\n    pointer-events: none;\n    visibility: hidden;\n  }\n\n  span {\n    margin-top: .1em;\n    display: inline-block;\n  }\n\n  .icon-svg {\n    border-radius: 50%;\n    position: absolute;\n    top: 49%;\n    transform: translateY(-50%);\n    width: $base-unit;\n    height: $base-unit;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      width: $base-unit * 0.5;\n      height: $base-unit * 0.5;\n    }\n  }\n}\n\n.nav-button-prev {\n  left: 0;\n  padding-left: $base-unit * 1.5;\n\n  .slide:first-child & {\n    display: none;\n  }\n\n  @include mq($min-width: $screen-l + 1) {\n    .slide.half-slide-active & {\n      display: none;\n    }\n  }\n\n  .slide.half-slide-previous.previous-to-active-slide & {\n    display: block;\n  }\n\n  .icon-svg {\n    left: $base-unit * 0.25;\n    transform: rotate(180deg) translateY(50%);\n  }\n}\n\n.nav-button-next {\n  right: 0;\n  padding-right: $base-unit * 1.5;\n\n  .slide:last-child & {\n    display: none;\n  }\n\n  @include mq($min-width: $screen-l + 1) {\n    .slide.previous-to-active-slide & {\n      display: none;\n    }\n  }\n\n  .icon-svg {\n    right: $base-unit * 0.25;\n  }\n}\n",".slides {\n  width: 100vw;\n  height: 100%;\n}\n\n.slide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  transform: translate3d(0, 0, 0);\n  will-change: transform, width;\n  transition: transform .38s, width .38s;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  text-align: center;\n\n  // display: flex;\n  // flex-flow: column;\n  background-color: $bg-color-2;\n\n  &.previous-slide {\n    transform: translate3d(-100vw, 0, 0);\n\n    @include mq($min-width: $screen-l + 1) {\n      &.half-slide-active,\n      &.half-slide-previous {\n        width: 50%;\n      }\n\n      &.half-slide-active {\n        transform: translate3d(-50vw, 0, 0);\n      }\n    }\n\n    &.half-slide-previous {\n      transform: translate3d(-100vw, 0, 0);\n      border-right: 1px solid lighten($bg-color, 3);\n    }\n  }\n\n  @include mq($min-width: $screen-l + 1) {\n    &.previous-to-active-slide {\n      &.half-slide-previous {\n        width: 50%;\n        transform: translate3d(0, 0, 0);\n      }\n    }\n  }\n\n  &.active-slide {\n    width: 100%;\n\n    @include mq($min-width: $screen-l + 1) {\n      &.half-slide-active {\n        width: 50%;\n        transform: translate3d(50vw, 0, 0);\n      }\n    }\n  }\n\n  &.next-slide {\n    transform: translate3d(100vw, 0, 0);\n\n    @include mq($min-width: $screen-l + 1) {\n      &.half-slide-active {\n        width: 50%;\n        transform: translate3d(100vw, 0, 0);\n      }\n    }\n  }\n\n  @for $i from 1 through 10 {\n    $bg-color: darken(#f2f2f2, $i * $i);\n\n    .slide:nth-child(#{$i}) {\n      background: $bg-color;\n    }\n  }\n}\n\n.hide-on-previous-slide {\n\n  @include mq($min-width: $screen-l + 1) {\n    .previous-slide & {\n      display: none;\n    }\n  }\n}\n\n.row {\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  padding: 0 $base-unit * .5;\n\n  @include min-screen($screen-l) {\n    padding: 0 $base-unit;\n  }\n\n  &.slideNaPul {\n    padding: 0;\n  }\n  /*\n  je opravdu nutne?\n  &:first-child {\n    padding-top: $base-unit * 3;\n    background-color: $bg-color;\n  }\n\n  &:last-child {\n    flex: 1;\n    padding-bottom: $base-unit * 2;\n    margin-bottom: 0;\n  }\n  */\n\n  &.with-submodule,\n  &.module-with-draggable {\n    justify-content: center;\n\n    @include max-screen($screen-l) {\n      flex-direction: column;\n    }\n  }\n}\n\n\n.items {\n  align-items: flex-start;\n  justify-content: space-between;\n  background: $bg-color-2;\n  padding-bottom: $base-unit;\n  line-height: 0;\n}\n\n.item {\n  flex: 1;\n  flex: 1 1 0;\n\n  .row {\n    padding: 0 0 $base-unit;\n  }\n}\n\n.layout-horizontal {\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n\n  @include max-screen($screen-l) {\n    flex-direction: column;\n  }\n\n  @include min-screen($screen-l) {\n    align-items: stretch;\n    justify-content: space-between;\n\n    > * {\n      flex: 1;\n      flex: 1 1 0;\n      margin: 0 1%;\n    }\n\n\n    .item-5 {\n      flex: 1 20%;\n    }\n  }\n}\n\n.layout-vertical {\n  display: flex;\n  align-items: stretch;\n  justify-content: center;\n  flex-direction: column;\n}\n",".pagination {\n  position: absolute;\n  top: $navigation-height;\n  left: 50%;\n  transform: translateX(-50%);\n  font-size: ms(-1);\n  // line-height: ms-line-height(-1);\n  color: $bg-color-2;\n  cursor: default;\n}\n",".zadani {\n  max-width: $base-unit * 45;\n  padding: 0 $base-unit;\n  margin: $base-unit 0 $base-unit * .75;\n\n  // *:last-child {\n  //   margin-bottom: 0;\n  // }\n\n  h1 {\n    font-size: ms(3);\n    line-height: ms-line-height(2);\n    margin-bottom: 0;\n  }\n\n  h1 + h2 {\n    font-size: ms(1);\n    // line-height: ms-line-height(1);\n    margin: $base-unit * .25 auto 0;\n    display: block;\n    max-width: $base-unit * 35;\n  }\n}\n","$help-size: $base-unit * 1.25;\n\n.help-container {\n  align-items: center;\n  padding-bottom: $base-unit * .875;\n  margin-bottom: $base-unit;\n  line-height: 0;\n  background-color: $bg-color;\n  color: $bg-color-2;\n\n  //\n  @if $theme == light {\n    color: $text-color;\n  }\n}\n\n.help-activities {\n  cursor: help;\n  display: inline-flex;\n  position: relative;\n}\n\n.help-activity {\n  width: $help-size;\n  height: $help-size;\n  margin: 0 ($base-unit * 0.125);\n  border: 2px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  box-sizing: content-box;\n\n  .icon-svg {\n    width: $help-size;\n    height: $help-size;\n  }\n}\n\n.help-text {\n  display: none;\n  position: absolute;\n  top: calc(100% + #{$base-unit * .875});\n  left: 50%;\n  transform: translateX(-50%);\n  width: calc(100vw - #{$base-unit});\n  max-width: 600px;\n  padding: $base-unit;\n  border-radius: $base-border-radius;\n  font-size: ms(-1);\n  line-height: ms-line-height(-2);\n  background-color: $text-color;\n  box-shadow: $box-shadow;\n  z-index: 999;\n\n  @include min-screen($screen-l) {\n    width: 38vw;\n  }\n\n  .help-activities:hover & {\n    display: block;\n  }\n\n  &::after {\n    content: \" \";\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    border: solid transparent;\n    height: 0;\n    width: 0;\n\n    // pointer-events: none;\n    border-color: rgba($text-color, 0);\n    border-bottom-color: $text-color;\n    border-width: $base-unit * .875;\n    margin-left: -$base-unit * .875;\n  }\n\n  h6 {\n    color: $bg-color;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n  }\n}\n",".captions {\n  flex-direction: column;\n  justify-content: space-between;\n  padding-bottom: $base-unit;\n  color: $base-color;\n  font-size: ms(-1);\n  line-height: ms-line-height(-2);\n\n  @include min-screen($screen-l) {\n    flex-direction: row;\n  }\n\n}\n\n.caption {\n  padding: 0 $base-unit * .25 $base-unit * .25 $base-unit * .25;\n\n  @include min-screen($screen-l) {\n    padding: 0 $base-unit * .25;\n  }\n\n  p {\n    display: inline-block;\n    text-align: center;\n    max-width: $base-unit * 20;\n    margin-left: auto;\n    margin-right: auto;\n\n    @include min-screen($screen-l) {\n      text-align: left;\n    }\n  }\n}\n",".slide-export {\n  .nav-button {\n    z-index: 9;\n    line-height: $navigation-height;\n    color: $bg-color-2;\n\n    &:hover {\n      color: $bg-color-1;\n\n      .icon-svg {\n        background-color: $bg-color-1;\n        color: $text-color;\n      }\n    }\n  }\n\n  .row {\n    position: relative;\n    color: $bg-color-1;\n    background-color: transparent;\n    min-height: 100%;\n  }\n\n  .overlay {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    min-height: 100vh;\n    height: 100%;\n\n    &::before {\n      content: \"\";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.8);\n    }\n  }\n\n  .content {\n    position: relative;\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    margin-top: 17vh;\n    margin-bottom: 17vh;\n    max-width: $base-unit * 49;\n    width: 100%;\n    // padding: 0 $base-unit;\n  }\n\n  .user-texts-container {\n    background-color: transparent;\n    margin: 0 auto $base-unit;\n    width: 100%;\n\n    @include min-screen($screen-l) {\n      width: $base-unit * 15;\n    }\n  }\n\n  .zadani {\n    > * {\n      text-shadow: 0 1px 0.38em rgba($text-color, 0.62);\n    }\n  }\n\n  h1 {\n    font-weight: 700;\n  }\n\n  button {\n    &[type=\"button\"] {\n      margin-bottom: $base-unit * 0.25;\n    }\n\n    &[data-nav-button=\"prev\"] {\n      margin-bottom: $base-unit * 3;\n    }\n  }\n\n  svg {\n    fill: currentColor;\n  }\n\n  .privacy-policy {\n    position: absolute;\n    bottom: $base-unit * 5;\n    left: 50%;\n    transform: translateX(-50%);\n\n    font-size: ms(-2);\n    line-height: ms-line-height(-4);\n    margin-top: $base-unit * -.5;\n    max-width: $base-unit * 18;\n    opacity: .62;\n\n    @include max-screen($screen-l) {\n      padding-bottom: $base-unit * .5;\n      border-bottom: 1px solid rgba($bg-color-1, .38);\n    }\n\n    @include min-screen($screen-l) {\n      bottom: $base-unit;\n    }\n  }\n\n  .tacr {\n    position: absolute;\n    bottom: $base-unit * .5;\n\n    color: $bg-color-2;\n    font-size: ms(-2);\n    line-height: ms-line-height(-4);\n\n    @include max-screen($screen-l) {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    @include min-screen($screen-l) {\n      bottom: $base-unit;\n      right: $base-unit;\n    }\n  }\n\n  .tacr-logo {\n    width: $base-unit * 4;\n    height: $base-unit * 4;\n  }\n}\n",".slide-initial {\n  color: $bg-color-1;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding-bottom: $base-unit * 2;\n\n  .overlay {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    min-height: 100vh;\n    height: 100%;\n\n    &::before {\n      content: '';\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.8);\n    }\n  }\n\n  .content {\n    position: relative;\n    z-index: 1;\n    max-width: 80ch;\n    width: 100%;\n  }\n\n  .zadani {\n    margin: 0 $base-unit $base-unit;\n    padding: 0;\n\n    > * {\n      text-shadow: 0 1px 0.38em rgba($text-color, 0.62);\n    }\n\n    .h6 {\n      opacity: 0.8;\n    }\n\n    h1 {\n      font-weight: 700;\n      margin-bottom: $base-unit;\n    }\n  }\n}\n","[data-tooltip] {\n  &::before {\n    content: attr(data-tooltip);\n    display: none;\n    position: absolute;\n    background-color: rgba($text-color, 0.62);\n    border-radius: $base-border-radius;\n    color: $color-bg-0;\n    font-size: ms(-2);\n    letter-spacing: 0.05em;\n    line-height: ms-line-height(-3);\n    padding: ($base-unit * 0.1875) ($base-unit * 0.25) ($base-unit * 0.125);\n    text-align: center;\n    text-transform: uppercase;\n    text-shadow: 0 0 ($base-unit * 0.5) $text-color;\n    white-space: nowrap;\n  }\n\n  &:hover {\n    &::before {\n      display: block;\n    }\n  }\n}\n","$color-primary: #5352a6;\n$color-secondary: #fce4e3;\n\n$color-green: #51b15b;\n$color-red: red;\n$color-orange: orange;\n\n$color-text: desaturate(darken($color-secondary, 85), 62);\n\n$color-bg-0: $color-secondary;\n$color-bg-1: lighten(desaturate($color-bg-0, 5), 3);\n$color-bg--1: darken(desaturate($color-bg-0, 30), 10);\n$color-bg--2: darken(desaturate($color-bg-0, 46), 24);\n$color-bg--3: darken(desaturate($color-bg-0, 62), 38);\n$color-bg--4: lighten($color-text, 20);\n\n\n\n",".caption-on-hover {\n  // display: none;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  padding: $base-unit * .75 $base-unit * .5 $base-unit * .25;\n  background: linear-gradient(to top, rgba($text-color, .62) 10%, rgba($text-color, 0) 100%);\n  background-position: center right;\n  color: $bg-color-1;\n  font-family: $base-font-family;\n  font-size: ms(-2);\n  line-height: ms-line-height(-4);\n  text-shadow: 0 0 $base-unit * .125 $text-color;\n  overflow: visible;\n  text-align: left;\n  pointer-events: none;\n\n  opacity: 1;\n  will-change: opacity;\n  transition: opacity $base-duration $base-timing;\n\n  .gallery-item:hover &,\n  .media-item:hover &,\n  .sortable-item:hover &,\n  .half-slide-previous.previous-to-active-slide .sortable-item &,\n  .svgs__item:hover & {\n    // display: none;\n    opacity: 0;\n  }\n\n  .svgs__item & {\n    font-size: ms(-1);\n    line-height: ms-line-height(-3);\n  }\n}\n",".gallery-container {\n  position: relative;\n  position: sticky;\n  top: $base-unit;\n  // max-height: 90vh;\n  overflow-x: hidden;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  margin: 0 auto $base-unit;\n  max-width: $screen-s;\n\n  box-shadow: $box-shadow;\n  border-radius: $base-border-radius;\n  counter-reset: gallery;\n  align-self: flex-start;\n\n  @include max-screen($screen-l) {\n    max-height: 50vh;\n  }\n\n  @include min-screen($screen-l + 1) {\n    flex: 0 1 $gallery-width;\n    max-width: $gallery-width;\n    margin: 0 $base-unit * 2 $base-unit 0;\n  }\n\n  &.layout-gallery-big {\n    @include min-screen($screen-l) {\n      flex: 0 1 $gallery-width-big;\n      max-width: $gallery-width-big;\n    }\n  }\n\n  &.gallery-single {\n    .gallery-item::before {\n      display: none;\n    }\n  }\n\n  &.gallery-multiple {\n    // max-height: 50vh;\n\n    @include min-screen($screen-l) {\n      max-height: 70vh;\n    }\n  }\n\n  .active-slide & {\n    // min-width: 38%;\n  }\n\n  .half-slide-previous.previous-to-active-slide &,\n  .half-slide-previous.previous-slide & {\n    @include min-screen($screen-l) {\n      display: none;\n    }\n  }\n\n  + * {\n    position: relative;\n  }\n}\n\n.gallery-item {\n  position: relative;\n  border-top: 1px solid $text-color;\n\n  &:first-of-type {\n    border-top: 0;\n  }\n\n  &::before {\n    counter-increment: gallery;\n    content: counter(gallery);\n    position: absolute;\n    top: $base-unit * 0.5;\n    left: $base-unit * 0.5;\n    width: $base-unit * .75;\n    height: $base-unit * .75;\n    line-height: $base-unit * .75;\n    background-color: rgba($text-color, .62);\n    border-radius: 50%;\n    box-shadow: 0 0 $base-unit * 0.5 rgba($text-color, .62);\n    color: $bg-color;\n    font-family: $ui-font-family;\n    font-feature-settings: \"lnum\";\n    font-size: ms(-2);\n    text-transform: uppercase;\n    letter-spacing: .05em;\n    z-index: 1;\n\n    will-change: opacity;\n    transition: opacity $base-duration $base-timing;\n  }\n\n  &:hover {\n    &::before {\n      opacity: .38;\n    }\n  }\n\n  img {\n    width: 100%;\n  }\n}\n\n.gallery__item--svg {\n  > :not(.fullscreen-toggle) {\n    pointer-events: none;\n  }\n}\n\n.gallery__item--text {\n  background-color: $color-bg-0;\n  font-family: $serif-font-family;\n\n  p {\n    padding: $base-unit * 1.5 $base-unit;\n    font-size: ms(0);\n    line-height: ms-line-height(0);\n    text-align: left;\n\n    &[data-duplicate] {\n      min-height: ms-line-height(0) * 5;\n    }\n  }\n}\n\n.gallery__item--vyber {\n  border-color: $color-bg--4;\n\n  .selected-item__placeholder {\n    min-height: $base-unit * 4;\n    background-color: $color-text;\n    color: $color-bg--4;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n}\n","@use \"sass:math\";\n\n$draggable--max-width: $screen-xl;\n$draggable__item--max-size: $base-unit * 9;\n\n.draggable {\n  background: radial-gradient(farthest-corner, rgba($text-color, .6) 0%, rgba($text-color, .7) 100%);\n  border-radius: $base-unit * 2;\n  border: 3px dashed $text-color;\n  box-shadow: $box-shadow;\n  color: $bg-color;\n  max-width: $draggable--max-width;\n  padding: $base-unit $base-unit $base-unit * .5;\n  position: relative;\n  text-align: center;\n\n  // Does not work in Firefox\n  // max-height: 30vh;\n  // overflow: auto;\n  // -webkit-overflow-scrolling: touch;\n\n  // do not make it sticky when it is done to have clear view of SVG\n  :root:not(.is-done) & {\n    @include min-screen($screen-l) {\n      position: sticky;\n      top: $base-unit;\n\n      // because of sticky right side (any single purpose module) when horizontal layout\n      // Solution for dragged item which is below the right side\n      z-index: 2;\n    }\n  }\n\n  .layout-vertical &,\n  .table-new__wrapper & {\n    margin: 0 auto $base-unit;\n    width: 100%;\n  }\n\n  .svgs:not(.layout-vertical) & {\n    margin-bottom: $base-unit;\n\n    // @include max-screen($screen-l) {\n      //   max-height: 30vh;\n      //   overflow: auto;\n      //   -webkit-overflow-scrolling: touch;\n      // }\n\n    @include min-screen($screen-l) {\n      // have it sticky in horizontal layout\n      position: sticky;\n      top: $base-unit;\n      // because of sticky right side (any single purpose module) when horizontal layout\n      // Solution for dragged item which is below the right side\n      z-index: 2;\n\n      flex: 2;\n      align-self: flex-start;\n      margin-right: $base-unit * 2;\n      max-width: math.div($draggable--max-width, 3);\n      padding: $base-unit $base-unit $base-unit * .5;\n\n      // .half-slide-previous.previous-to-active-slide &,\n      // .half-slide-previous.previous-slide & {\n      //   display: none;\n      // }\n    }\n  }\n\n  .half-slide-previous.previous-to-active-slide &,\n  .half-slide-previous.previous-slide & {\n    @include min-screen($screen-l) {\n      display: none;\n    }\n  }\n}\n\n.slide.is-dragging {\n  cursor: grabbing;\n}\n\n.draggable__title {\n  border-bottom: 1px solid rgba($bg-color, .1);\n  margin-top: $base-unit * -.5;\n  margin-bottom: $base-unit;\n  padding-bottom: $base-unit * .25;\n}\n\n.draggable__items {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  // .svgs.module-with-draggable:not(.layout-vertical) & {\n  //   flex-direction: column;\n  // }\n}\n\n.is-dragged {\n  .node-close {\n    display: none;\n  }\n}\n\n.draggable__item {\n  // color: $text-color;\n  cursor: grab;\n  opacity: 1;\n  padding: 0 $base-unit * 0.25 $base-unit * 0.5;\n  position: relative;\n  transform: scale3d(1, 1, 1);\n  transition:\n    opacity $base-duration $timing-out,\n    transform $base-duration $timing-out;\n  will-change: opacity, transform;\n  width: auto;\n\n  &.is-dragged {\n    opacity: .62;\n    outline: 0;\n    position: absolute;\n    transform: scale3d(1.2, 1.2, 1);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .has-was-dropped &.was-dropped {\n    // same as .keywords-item.disabled\n    opacity: 0.38;\n\n    .draggable__item__inner {\n      box-shadow: none;\n    }\n\n    &:hover {\n      opacity: 0.62;\n\n      .draggable__item__inner {\n        box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\n      }\n    }\n\n\n    &:hover {\n      &::before {\n        bottom: calc(100% + #{$base-unit * .25});\n        left: 50%;\n        transform: translateX(-50%);\n\n        // background-color: $color-green;\n        border-radius: $base-unit * 0.1875 + $base-unit * 0.125 + ms-line-height(-3);\n      }\n    }\n  }\n\n  // state: universal\n  .draggable__items:hover & {\n    &:not(.draggable-placeholder) {\n      opacity: .62;\n\n      &.was-dropped {\n        opacity: .24;\n      }\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  // state: no dragging\n  .slide:not(.is-dragging) & {\n    &:not(.draggable-placeholder) {\n      &:hover {\n        transform: scale3d(1.038,1.038,1);\n      }\n    }\n  }\n\n  .is-dragging &:not(.is-dragged) {\n    opacity: .62;\n\n    &.was-dropped {\n      opacity: .24;\n    }\n  }\n\n  *,\n  .slide.is-dragging & {\n    pointer-events: none;\n  }\n}\n\n.draggable__item__inner {\n  position: relative;\n  background-color: $color-bg-1;\n  border-radius: $base-border-radius;\n  box-shadow: $box-shadow;\n  overflow: hidden;\n\n  > * {\n    max-height: $draggable__item--max-size;\n    max-width: $draggable__item--max-size;\n    width: 100%;\n    height: 100%;\n  }\n\n  .draggable .draggable__item--tag & {\n    padding-right: $base-unit * .5;\n  }\n}\n\n.draggable__handle {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: $base-unit;\n\n  .draggable__item:hover &,\n  .draggable__item.is-dragged & {\n    background-color: $text-color;\n    color: $bg-color;\n  }\n\n  .draggable__item--placeholder & {\n    display: none;\n  }\n\n  svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform-origin: center;\n    transform: translate(-50%, -50%);\n    opacity: .5;\n    width: $base-unit * .5;\n    max-height: 100%;\n    fill: currentColor;\n  }\n\n  .draggable--vertical & {\n    svg {\n      transform: translate(-50%, -50%) rotate(90deg);\n      width: $base-unit * .25;\n    }\n  }\n\n  .draggable__item--audio &,\n  .draggable__item--image &,\n  .draggable__item--svg &,\n  .draggable__item--video & {\n    color: $bg-color;\n    background-color: rgba($text-color, .62);\n\n    svg {\n      opacity: .62;\n    }\n  }\n\n  .draggable__item--tag & {\n    color: rgba($text-color, .62);\n  }\n\n  .draggable__item--tag:hover &,\n  .draggable__item--tag.is-dragged & {\n    background-color: transparent;\n    color: $text-color;\n  }\n\n\n  .draggable__item--audio:hover &,\n  .draggable__item--audio.is-dragged & {\n    svg {\n      opacity: .8;\n    }\n  }\n}\n\n.draggable__item--placeholder {\n  opacity: 0.38;\n}\n\n// TODO: text component in general\n// .draggable__item--text {\n//   // width: 100%;\n//   // height: 100%;\n//   // min-height: $base-unit * 2;\n//   border-radius: $base-border-radius;\n//   // display: inline-flex;\n//   // justify-content: center;\n//   // align-items: center;\n//   // padding: $base-unit * 0.25 $base-unit $base-unit * 0.25 $base-unit * 1.5;\n\n//   .draggable-vertical & {\n//     padding-right: $base-unit * 1.25;\n//   }\n\n//   .draggable__item__inner {\n//     background: $color-bg-1;\n//     padding: calc(#{($base-unit * 0.125)} - 1px) $base-unit * 1.25 0 ($base-unit * 0.25);\n//   }\n// }\n\n// TODO: stop using textarea. Import user text to the new text component\n// .draggable__item--user-text {\n//   // background: $bg-color-1;\n\n//   .draggable-vertical & {\n//     padding-right: $base-unit;\n//   }\n\n//   .user-texts,\n//   .user-texts-container {\n//     padding-bottom: 0;\n//     margin-bottom: 0;\n//     width: 100%;\n//   }\n//   .user-text {\n//     line-height: 0;\n//   }\n// }\n\n.keywords-item {\n\n  .draggable__item &,\n  .dropped__item & {\n    padding-left: $base-unit * 1.125;\n\n    .keywords-item-icon {\n      position: absolute;\n      top: 50%;\n      left: $base-unit * .5;\n      transform: translateY(-50%);\n      width: $base-unit * .25;\n      height: $base-unit * .25;\n      border: 1px solid $bg-color-2;\n      border-radius: 50%;\n    }\n  }\n\n  .was-dropped &,\n  .dropped__item & {\n    .keywords-item-icon {\n      background-color: $bg-color-2;\n    }\n  }\n\n  .dropped__item & {\n    .keywords-item-icon {\n      /* foreign object doesnt like position absolute on iOS */\n      position: unset;\n      top: unset;\n      left: unset;\n      transform: unset !important;\n    }\n  }\n}\n\n\n\n[data-drop-place] {\n  position: relative;\n  height: $base-unit * 4;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: $base-unit * .25;\n    left: $base-unit * .25;\n    right: $base-unit * .25;\n    bottom: $base-unit * .25;\n    border-radius: $base-border-radius;\n    border: 1px dashed $color-bg--2;\n    background-color: $color-bg-0;\n    text-align: center;\n    line-height: $base-unit * 4;\n    pointer-events: none;\n  }\n}\n\n.svg {\n  .dropped__item {\n    // background-color: $color-bg-1;\n    width: 100%;\n    height: 100%;\n    // border-radius: $base-border-radius;\n    // overflow: hidden;\n    // display: flex;\n    // justify-content: center;\n    // align-items: center;\n\n    .keywords-item {\n      font-size: ms(1);\n      line-height: ms-line-height(0);\n      pointer-events: none;\n      /* FO doesnt like position relativ on iOS */\n      position: unset;\n      padding: 0;\n    }\n\n  &:not(.dropped__item--svg):not(.dropped__item--image)  > * {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n      align-items: center;\n    }\n  }\n}\n\n.dropped__item--svg {\n  line-height: 0;\n}\n",".sources {\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  background: $bg-color-2;\n  padding-bottom: $base-unit;\n  line-height: 0;\n\n  .col-2 & {\n    flex-wrap: wrap;\n  }\n\n  @include min-screen($screen-l) {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n}\n\n.sources--grid {\n  @include min-screen($screen-l) {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax($base-unit * 17, 1fr));\n  }\n}\n\n.source {\n  flex: 3 1 0;\n  padding: $base-unit * 0.25;\n\n  .with-submodule &,\n  .module-with-draggable & {\n    padding: 0;\n    display: flex;\n    justify-content: flex-start;\n  }\n\n  .has-gallery & {\n    max-width: 62vw;\n  }\n\n  .layout-vertical & {\n    margin-bottom: $base-unit;\n  }\n\n  .col-2 & {\n    flex: 1 50%;\n\n    &:first-child {\n      margin-bottom: $base-unit;\n    }\n  }\n\n  image,\n  img {\n    max-width: 100%;\n    // width: 100%;\n  }\n\n  .source-image,\n  .svg {\n    max-height: 90vh;\n    // max-width: 62vw;\n    box-shadow: $box-shadow;\n    border-radius: $base-border-radius;\n  }\n}\n\n.source-container {\n  display: inline-block;\n  position: relative;\n}\n\n.column {\n  &.half-slide-previous.previous-slide {\n    .sources {\n      flex-flow: column;\n    }\n\n    .source {\n      margin: 0 auto $base-unit;\n    }\n  }\n}\n\n// TODO: remove slide classes, use modifiers on modules\n// promeny-mesta-zlin, slide 1, 8\n.slide-layout-column {\n  .sources {\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n\n    .source {\n      margin-bottom: $base-unit;\n      width: 100%;\n      max-width: $base-unit * 30;\n    }\n  }\n}\n","#lupa {\n  width: 1px;\n  height: 1px;\n  position: fixed;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  will-change: transform;\n  z-index: $layer-magnifying-glass;\n  display: none;\n\n  @include min-screen($screen-l) {\n    display: block;\n  }\n}\n\n.lupa-canvas {\n  position: absolute;\n  left: -115px;\n  top: -250px;\n}\n\n[data-lupa-target] {\n  cursor: zoom-in;\n}\n","$radial-menu-size: 120px;\n\n/* Radiální menu */\n#radial-menu {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid $text-color;\n  background-color: rgba($text-color, .62);\n  color: $bg-color;\n  z-index: -2;\n\n  display: block;\n  opacity: 0;\n  transform: translate3d(0,0,0) scale(0.38);\n  backface-visibility: hidden;\n\n  transition: transform .1s ease-out, opacity .1s ease-out, z-index .1s ease-out;\n\n  &.is-active {\n    // display: block;\n    z-index: 201;\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.radial-menu-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: $radial-menu-size;\n  height: $radial-menu-size;\n  border-radius: 50%;\n  // background-color: rgba(0,0,0, .2);\n  // background: radial-gradient(ellipse at center, rgba($bg-color,0) 15%,rgba($bg-color,.62) 62%);\n  // border: 1px dotted black;\n  // number of 55 is radial size of radial wrapper\n  transform: translateX(-50%) translateY(-38%);\n}\n\n.radial-menu-tooltip {\n  display: none;\n  position: absolute;\n  bottom: 25%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 130px;\n\n  background-color: rgba($text-color, 0.62);\n  border-radius: $base-border-radius;\n  font-size: ms(-2);\n  letter-spacing: 0.05em;\n  line-height: ms-line-height(-3);\n  padding: ($base-unit * 0.1875) ($base-unit * 0.25) ($base-unit * 0.125);\n  text-align: center;\n  text-transform: uppercase;\n  text-shadow: 0 0 ($base-unit * 0.5) $text-color;\n}\n\n.radial-menu-item {\n  position: absolute;\n  width: 30px;\n  height: 30px;\n  background-color: $bg-color;\n  border-radius: 50%;\n  border: 3px solid $text-color;\n  box-shadow: 0 0 $base-unit * .5 rgba($text-color, .38);\n  color: $text-color;\n  cursor: pointer;\n  line-height: 30px;\n  text-align: center;\n  user-select: none;\n\n  display: none;\n\n  &.is-active {\n    display: block;\n  }\n\n  &:hover {\n    background-color: $text-color;\n    color: $bg-color;\n  }\n\n  .icon-svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate3d(-50%, -50%, 0);\n    width: 15px;\n    height: 15px;\n  }\n}\n\n#color-point-blue,\n#point-similarity {\n  background-color: blue;\n\n  &:hover {\n    border-color: blue;\n  }\n}\n\n#color-point-red,\n#point-difference {\n  background-color: red;\n\n  &:hover {\n    border-color: red;\n  }\n}\n",".sortable {\n  counter-reset: section;\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: center;\n  margin-bottom: $base-unit;\n\n  &.is-dragged {\n    cursor: -moz-grabbing;\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n  }\n\n  img {\n    user-drag: none;\n    user-select: none;\n    pointer-events: none;\n  }\n}\n\n.sortable-horizontal {\n  flex-direction: row;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.sortable-vertical {\n  flex-direction: column;\n}\n\n.sortable-item {\n  flex: 1 0;\n  background: $bg-color-1;\n  box-shadow: $box-shadow;\n  border-radius: $base-border-radius;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  transform-origin: 38% 38%;\n  transition:\n    opacity $base-duration $timing-out,\n    transform $base-duration $timing-out;\n  will-change: opacity, transform;\n\n  &.is-dragged {\n    position: absolute;\n    z-index: 1;\n    cursor: -moz-grabbing !important;\n    cursor: -webkit-grabbing !important;\n    cursor: grabbing !important;\n  }\n\n  // state: universal\n  .sortable:hover & {\n    &:not(.sortable-placeholder) {\n      opacity: .62;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  // state: no dragging\n  .sortable:not(.is-dragged) & {\n    &:not(.sortable-placeholder) {\n      &:hover {\n        transform: scale3d(1.038,1.038,1);\n      }\n    }\n  }\n\n  // state: dragging\n  .is-dragged &,\n  .is-dragged:hover & { //.sortable\n    cursor: -moz-grabbing;\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n\n    &:not(.sortable-placeholder) {\n      opacity: 1;\n      transform: scale3d(0.9, 0.9, 1);\n    }\n\n    &.is-dragged { // .sortable-item\n      opacity: 1;\n      transform: scale3d(1.038, 1.038, 1) rotate3d(0,0,1, 5deg) translate3d(-2%, -2%, 0);\n    }\n  }\n\n  .sortable-horizontal & {\n    // TODO\n    margin: 1%;\n  }\n  .sortable-vertical & {\n    box-shadow: 0 0 $base-unit rgba($text-color, 0.8);\n    margin: $base-unit * 0.25 $base-unit * 0.5;\n  }\n\n  .row {\n    padding-bottom: 0;\n  }\n}\n\n.sortable-drag-item {\n  position: relative;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n  cursor: grab;\n\n  * {\n    pointer-events: none;\n  }\n\n  &:not([data-sortable-drag=\"svg\"]) textarea,\n  .media-player-button {\n    pointer-events: auto;\n  }\n}\n\n.sortable-drop-item {\n  &::before {\n    counter-increment: section;\n    content: counter(section) \"\";\n    position: absolute;\n    top: $base-unit * 0.5;\n    left: $base-unit * 0.5;\n    width: $base-unit * 0.75;\n    height: $base-unit * 0.75;\n    line-height: $base-unit * 0.75;\n    background-color: rgba($text-color, 0.62);\n    border-radius: 50%;\n    box-shadow: 0 0 $base-unit * 0.5 rgba($text-color, 0.62);\n    color: $bg-color;\n    font-family: $ui-font-family;\n    font-feature-settings: \"lnum\";\n    font-size: ms(-2);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n}\n\n.sortable-placeholder {\n  transform: scale(0.9);\n  padding: 0;\n  overflow: hidden;\n  border: 1px dashed darken(#f7f7f7, 15);\n  border-radius: $base-border-radius;\n  background-color: $text-color;\n  opacity: 0.38;\n  min-height: $base-unit * 2;\n}\n\n.sortable-handle {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: $base-unit;\n\n  .sortable:not(.is-dragged) .sortable-item:hover &,\n  .sortable-item.is-dragged & {\n    background-color: $text-color;\n    color: $bg-color;\n  }\n\n  svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform-origin: center;\n    transform: translate(-50%, -50%);\n    opacity: .5;\n    width: $base-unit * .5;\n    max-height: 100%;\n    fill: currentColor;\n  }\n\n  .sortable-vertical & {\n    svg {\n      transform: translate(-50%, -50%) rotate(90deg);\n      width: $base-unit * .25;\n    }\n  }\n}\n\n.sortable-item-image {\n  + .sortable-handle {\n    color: $bg-color;\n    background-color: rgba($text-color, .62);\n\n    svg {\n      opacity: .62;\n    }\n  }\n}\n\n.sortable-item-audio {\n  // offset because of counter number\n  .media-player-audio-simple {\n    padding-top: $base-unit * 1.5;\n  }\n\n  + .sortable-handle {\n    color: $bg-color;\n\n    .sortable-item:hover &,\n    .sortable-item.is-dragged & {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.sortable-item-text {\n  width: 100%;\n  height: 100%;\n  min-height: $base-unit * 2;\n  border-radius: $base-border-radius;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: $base-unit * 0.25 $base-unit $base-unit * 0.25 $base-unit * 1.5;\n\n  .sortable-vertical & {\n    padding-right: $base-unit * 1.25;\n  }\n}\n\n.sortable-item-user-text {\n  background: $bg-color-1;\n\n  .sortable-vertical & {\n    padding-right: $base-unit;\n  }\n\n  .user-texts,\n  .user-texts-container {\n    padding-bottom: 0;\n    margin-bottom: 0;\n    width: 100%;\n  }\n  .user-text {\n    line-height: 0;\n  }\n}\n\n.sortable-item-svg {\n  width: 100%;\n\n  + .sortable-handle {\n    background-color: rgba($text-color, .62);\n    color: $bg-color;\n\n    svg {\n      opacity: .62;\n    }\n  }\n}\n","@use \"sass:math\";\n\n.svgs {\n  padding: 0 $base-unit * .5;\n\n  @include min-screen($screen-l) {\n    padding: 0 .5%;\n  }\n\n  &.with-submodule,\n  &.module-with-draggable {\n    display: flex;\n    justify-content: center;\n  }\n}\n\n.svgs__inner {\n  .svgs.layout-horizontal > & {\n    margin: 0;\n  }\n\n  .with-submodule:not(.layout-vertical) &,\n  .module-with-draggable:not(.layout-vertical) & {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  @include max-screen($screen-l - 1) {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n.svgs-container {\n  @include max-screen($screen-l - 1) {\n    width: 100%;\n    flex-direction: column;\n\n    .item {\n      margin-bottom: $base-unit;\n      width: 100%;\n    }\n  }\n\n  &.is-reversed {\n    flex-direction: column-reverse;\n  }\n\n  &.layout-vertical {\n    justify-content: flex-start;\n\n    .item {\n      margin-bottom: $base-unit;\n      width: 100%;\n      max-width: $base-unit * 30;\n    }\n  }\n\n  .svgs.layout-vertical & {\n    margin: 0 auto;\n  }\n\n  .svgs.with-submodule & {\n    @include min-screen($screen-l) {\n      // TODO: was a quick fix, test it properly\n      flex: 0 1 $base-unit * 30;\n    }\n  }\n\n  .svgs.module-with-draggable & {\n    flex: 3;\n  }\n\n  .svgs:not(.module-with-draggable) & {\n    display: flex;\n  }\n\n  .svgs.module-with-draggable.layout-vertical & {\n    display: flex;\n\n    @include min-screen($screen-l + 1) {\n      align-items: flex-start;\n      justify-content: space-between;\n    }\n\n    .svgs__item {\n      flex: 3 1 0;\n      padding: 0 ($base-unit * 0.25);\n    }\n  }\n\n  .svgs.module-with-draggable:not(.layout-vertical) & {\n\n    @include min-screen($screen-l + 1) {\n      align-self: flex-start;\n      position: sticky;\n      top: $base-unit;\n\n      // because of sticky left side (gallery, draggable) when horizontal layout\n      z-index: 1;\n    }\n  }\n\n  .item {\n    position: relative;\n  }\n\n}\n\n.svgs__item {\n  position: relative;\n  margin-bottom: $base-unit;\n}\n\n// .svg\nsvg[data-svg-target] {\n  box-shadow: $box-shadow;\n  border-radius: $base-border-radius;\n  // fix for IE\n  // position: absolute;\n  width: 100%;\n  height: auto;\n  // height: 1px;\n  // overflow: visible;\n  cursor: pointer;\n  display: block;\n  margin: 0 auto;\n\n  .with-submodule &,\n  .module-with-draggable:not(.layout-vertical) & {\n    margin: 0;\n  }\n\n  // kreslení\n  path {\n    fill: none;\n    stroke: yellow;\n    stroke-width: 5;\n\n    &.red {\n      stroke: red;\n    }\n\n    &.blue {\n      stroke: blue;\n    }\n  }\n\n  image {\n    width: 100%;\n    height: 100%;\n  }\n}\n\nforeignObject {\n  overflow: visible;\n\n  &:not(.svg-text) {\n    > * {\n      box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.2);\n      transition: transform $base-duration $timing-out;\n\n      &:hover {\n        // // transform: scale3d(1.05, 1.05, 1); doesnt work on iOS doesnt work on iOS\n        box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\n      }\n    }\n  }\n}\n\n.svg-category-label {\n  font-size: ms(0);\n  font-weight: bold;\n  text-shadow: 0 0 2px white, 0 0 15px white;\n  white-space: nowrap;\n}\n\n.svg-category-label + .svg-textarea {\n  margin-top: $base-unit * .6;\n}\n\n.svg-textarea {\n  cursor: pointer;\n  background: rgba(white, .85);\n  border: 4px solid transparent;\n  border-radius: $base-border-radius * 5;\n\n  // border-top-left-radius: 0;\n  box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.2);\n  font-size: ms(1);\n\n  padding: calc(#{$base-unit * 0.5} - 2px);\n  resize: none;\n  overflow: hidden;\n  word-wrap: break-word;\n  transition: border-color $base-duration $base-timing; \n\n  &:hover {\n    border-color: rgba($text-color, .38);\n  }\n\n  &:focus,\n  .is-dragged & {\n    border-color: $text-color;\n    box-shadow: 0;\n    outline: 0;\n  }\n\n  &:focus {\n    cursor: initial;\n  }\n\n  &.is-wrong {\n    background-color: red;\n  }\n\n  .svg-comic-narration & {\n    border-bottom-left-radius: $base-border-radius;\n    border-bottom-right-radius: $base-border-radius;\n  }\n\n  .svg-text.orientation-left.orientation-top & {\n    border-bottom-right-radius: 0;\n  }\n  .svg-text.orientation-left.orientation-bottom & {\n    border-top-right-radius: 0;\n  }\n  .svg-text.orientation-right.orientation-top & {\n    border-bottom-left-radius: 0;\n  }\n  .svg-text.orientation-right.orientation-bottom & {\n    border-top-left-radius: 0;\n  }\n\n}\n\n.svg-circle {\n  r: math.div($svg-circle-size, 2);\n  fill: blue;\n  stroke-width: 5px;\n  stroke: blue;\n  cursor: pointer;\n\n  &.red {\n    fill: rgba(red, .38);\n    stroke: red;\n\n    &:hover,\n    .is-dragged & {\n      fill: red;\n    }\n  }\n\n  &.orange {\n    fill: rgba(orange, .38);\n    stroke: orange;\n\n    &:hover,\n    .is-dragged & {\n      fill: orange;\n    }\n  }\n\n  &.blue {\n    fill: rgba(blue, .38);\n    stroke: blue;\n\n    &:hover,\n    .is-dragged & {\n      fill: blue;\n    }\n  }\n}\n\n.svg-circle-text {\n  r: math.div($svg-circle-size * .5, 2);\n  fill: $text-color;\n  stroke-width: 0;\n\n  &.red {\n    fill: red;\n  }\n\n  &.blue {\n    fill: blue;\n  }\n}\n\n.svg-path {\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  cursor: pointer;\n  will-change: stroke-width;\n  transition: stroke-width $base-duration $base-timing;\n  user-select: none;\n\n  &:hover {\n    stroke-width: 9;\n  }\n}\n\n.is-dragged,\n.is-dragged > * {\n  cursor: -moz-grabbing !important;\n  cursor: -webkit-grabbing !important;\n  cursor: grabbing !important;\n}\n\n// SVG KOMIKS\n// predefined comic bubbles\n\n// .svg-komiks {}\n\n.svg-text {\n\n  &.top.left {\n    .svg-textarea {\n      border-top-left-radius: 0;\n    }\n  }\n\n  &.top.right {\n    .svg-textarea {\n      border-top-right-radius: 0;\n    }\n  }\n\n  &.bottom.right {\n    .svg-textarea {\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  &.bottom.left {\n    .svg-textarea {\n      border-bottom-left-radius: 0;\n    }\n  }\n}\n\n// fix primary for touch iOS devices\n.unselectable {\n  user-select: none;\n}    \n\n// .svg-komiks-promluva {}\n\n// .svg-komiks-myslenka {}\n\n// .svg-komiks-vypravec {}\n",".user-texts {\n  margin-bottom: $base-unit;\n}\n\n.user-texts-container {\n  color: $bg-color;\n  margin-bottom: 0;\n  width: 100%;\n\n  @include min-screen($screen-l) {\n    width: calc(100% - #{$base-unit * 2});\n  }\n\n  &.layout-horizontal {\n    @include min-screen($screen-l) {\n      width: 100%;\n    }\n  }\n\n  &.layout-vertical {\n    display: block;\n  }\n\n  .table-new__container + &,\n  .gallery-container + & {\n    width: 100%;\n    padding: $base-unit * .5 $base-unit * .5 0;\n\n    @include min-screen($screen-l + 1) {\n      flex: 0 1 $usertext-width;\n      max-width: 40%;\n      padding: 0;\n      text-align: left;\n    }\n  }\n\n  display: flex;\n  justify-content: center;\n\n  .column & {\n    flex-direction: column;\n  }\n\n  .captions + &,\n  .sources + & {\n    margin-top: $base-unit * -1;\n  }\n\n  h3 {\n    color: currentColor;\n    max-width: $usertext-width;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  textarea {\n    max-width: $usertext-width;\n    width: 100%;\n    height: auto;\n    padding: $base-unit;\n    border: 1px solid $bg-color;\n    resize: vertical;\n    border-radius: $base-border-radius;\n    transition: width 0.38s;\n  }\n\n}\n\n.user-text {\n  position: relative;\n\n  &:not(:last-of-type) {\n    margin-bottom: $base-unit;\n  }\n\n  .layout-horizontal & {\n    margin-bottom: 0;\n  }\n\n  // fix spacing for smaller textareas\n  // TODO: make textarea variants: small, normal, large\n  .layout-horizontal &.item-3 textarea,\n  .layout-horizontal &.item-4 textarea,\n  .layout-horizontal &.item-5 textarea {\n    padding: $base-unit * .75;\n  }\n}\n\n.user-text__textarea {\n  position: relative;\n  margin: 0 auto;\n  max-width: 32rem;\n}\n\n.user-text__counter {\n  position: absolute;\n  bottom: $base-unit * .75;\n  right: $base-unit * .5;\n\n  color: $bg-color-2;\n  display: none;\n  font-size: ms(-2);\n  line-height: 0;\n  opacity: .62;\n  pointer-events: none;\n\n  .is-used + & {\n    display: block;\n  }\n\n  &.color-red {\n    color: mix(red, $bg-color-2, 70%);\n  }\n\n  &.color-orange {\n    color: mix(orange, $bg-color-2);\n  }\n\n  &.color-green {\n    color: mix(#00AA58, $bg-color-2, 80%);\n  }\n}\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 {\n  background-color: orangered !important;\n  color: $text-color;\n\n  .editor & {\n    background-color: rgba(orangered,.7) !important;\n  }\n}\n\n.text-blue {\n  background-color: lightskyblue !important;\n  color: $text-color;\n\n  .editor & {\n    background-color: rgba(lightskyblue,.7) !important;\n  }\n}\n\n.text-orange {\n  background-color: orange !important;\n  color: $text-color;\n\n  .editor & {\n    background-color: rgba(orange,.7) !important;\n  }\n}\n\n.text-gray {\n  background-color: gray !important;\n  color: $text-color;\n\n  .editor & {\n    background-color: rgba(gray,.7) !important;\n  }\n}\n\n.text-yellow {\n  background-color: yellow !important;\n  color: $text-color;\n\n  .editor & {\n    background-color: rgba(yellow,.7) !important;\n  }\n}\n\n.text-green {\n  background-color: green !important;\n  color: $text-color;\n\n  .editor & {\n    background-color: rgba(green,.7) !important;\n  }\n}\n\n.text-black {\n  background-color: black !important;\n  color: $bg-color-1;\n\n  .editor & {\n    background-color: rgba(black,.7) !important;\n  }\n}\n",".editor-container {\n  flex: 1 1 $editor-width;\n  max-width: 100%;\n\n  @include max-screen($screen-l) {\n    margin: 0 auto;\n  }\n\n  @include min-screen($screen-l) {\n    padding: 0 $base-unit;\n\n    .active-slide .gallery-container + & {\n      flex: 0 1 $editor-width;\n      padding: 0;\n    }\n  }\n}\n\n.editor {\n  line-height: ms-line-height(0);\n  margin: 0 auto;\n\n  &,\n  h1,\n  h2,\n  h3 {\n    font-family: $editor-font-family;\n  }\n\n  h2 {\n    line-height: $base-unit * 1.25;\n    margin-bottom: $base-unit;\n  }\n\n  p {\n    margin-bottom: $base-unit * .5;\n  }\n\n  .canvas {\n    background: $bg-color;\n    min-height: $base-unit * 19;\n    text-align: left;\n    padding: $base-unit * 1.5 $base-unit * .75;\n    border-radius: $base-border-radius;\n    box-shadow: $box-shadow;\n\n    @include min-screen($screen-l) {\n      padding: $base-unit * 2;\n    }\n\n    .user-inserted-text {\n      word-wrap: break-word;\n    }\n  }\n\n  a {\n    color: $text-color;\n  }\n\n  h1 {\n    line-height: ms-line-height(3);\n  }\n\n  small {\n    display: inline-block;\n    font-size: ms(-1);\n    line-height: ms-line-height(-2);\n  }\n\n}\n","$text-option-color-default: #DFCECD;\n$text-option-color-selected: orange;\n\n.text-option {\n  display: inline-block;\n  position: relative;\n\n  cursor: pointer;\n  padding: 0 ($base-unit * 0.25);\n  border-radius: $base-border-radius + 1;\n\n  opacity: 1;\n  background-color: $text-option-color-default;\n\n  &:hover {\n    background: lighten($text-option-color-selected, 5);\n  }\n\n  &::before {\n    content: \"\";\n    pointer-events: none;\n    z-index: 0;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: transparent;\n    border: 1px solid $bg-color;\n    border-radius: $base-border-radius + 1;\n  }\n\n  &.selected {\n    background: $text-option-color-selected;\n\n    &:hover {\n      background: darken($text-option-color-selected, 5);\n    }\n  }\n}\n","// same as .text-option in _editor.text-option.scss\n.node-selected {\n  cursor: default;\n  display: inline;\n  position: relative;\n  z-index: 1;\n  padding: calc(#{($base-unit * 0.125)} - 1px) ($base-unit * 0.25) 0;\n  border-radius: $base-border-radius + 1;\n  border: 1px solid $bg-color;\n  line-height: ms-line-height(-2);\n\n  &:hover {\n    border-color: rgba($text-color, .38);\n    z-index: 2;\n  }\n\n  .previous-slide &,\n  .cell-read-only & {\n    padding: 0 ($base-unit * 0.25);\n\n    .node-close {\n      display: none;\n    }\n  }\n\n  &.active {\n    opacity: .5;\n  }\n\n  // TODO: add svg icon instead of Unicode \"×\"\n  .node-close {\n    cursor: pointer;\n    display: inline-block;\n    width: $base-unit * 0.7;\n    height: $base-unit * 0.7;\n    font-family: $ui-font-family;\n    font-size: ms(-1);\n    color: currentColor;\n    border-radius: $base-unit * 0.7;\n    margin-left: $base-unit * .15;\n    opacity: .62;\n    text-align: center;\n    // vertical-align: middle;\n\n    &:hover {\n      color: $bg-color;\n      background-color: $text-color;\n      box-shadow: $button-shadow;\n      opacity: 1;\n    }\n  }\n\n  // JIŘÍ: Co je a kde se vyskytuje .status?\n  .title {\n    position: absolute;\n    left: -60px;\n    top: 25%;\n    color: #000;\n    transform: rotate(-90deg);\n    display: inline-block;\n  }\n}\n\n.has-comments {\n  cursor: pointer;\n}\n\n.node-text-red {\n  @extend .text-red !optional;\n}\n\n.node-text-blue {\n  @extend .text-blue !optional;\n}\n\n.node-text-gray {\n  @extend .text-gray !optional;\n}\n\n.node-text-orange {\n  @extend .text-orange !optional;\n}\n\n.node-text-yellow {\n  @extend .text-yellow !optional;\n}\n\n.node-text-green {\n  @extend .text-green !optional;\n}\n\n.node-text-black {\n  @extend .text-black !optional;\n}\n","$menu-border-width: 4px;\n\n.contextual-menu-component {\n  z-index: 2;\n  position: absolute;\n  font-family: $base-font-family;\n  font-size: ms(-1);\n  line-height: ms-line-height(-1);\n  box-shadow: $button-shadow;\n  background: $bg-color-1;\n  border: $menu-border-width solid $bg-color;\n  border-radius: $base-border-radius;\n  animation: fadeIn .25s;\n\n  .previous-slide & {\n    display: none;\n  }\n\n  .menu {\n    margin: 0;\n    padding: 0;\n    text-align: left;\n  }\n\n  .menu-item {\n    cursor: pointer;\n    display: block;\n    padding: ($base-unit * 0.22) ($base-unit * 0.5) ($base-unit * 0.25);\n    opacity: .8;\n    font-weight: 700;\n    text-transform: uppercase;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  .close {\n    z-index: 3;\n    cursor: pointer;\n    position: absolute;\n    top: calc(#{$base-unit * -0.25} - #{$menu-border-width});\n    right: calc(#{$base-unit * -0.25} - #{$menu-border-width});\n    display: block;\n    width: $base-unit * 0.65;\n    height: $base-unit * 0.65;\n    line-height: $base-unit * 0.65;\n    font-size: ms(-1);\n    font-family: $ui-font-family;\n    background-color: $bg-color;\n    border: 0;\n    border-radius: 50%;\n    box-shadow: $button-shadow;\n    text-align: center;\n    transition: none;\n\n    &:hover {\n      color: $bg-color;\n      background-color: $text-color;\n      border-bottom: 0;\n      text-decoration: none;\n      transform: scale(1.2);\n\n      &::before {\n        opacity: 1;\n      }\n    }\n\n    &:before {\n      content: \"×\";\n      display: block;\n      width: 100%;\n      height: 100%;\n      opacity: .62;\n    }\n  }\n}\n",".editors {\n  @include max-screen($screen-l) {\n    flex-direction: column;\n\n    > * {\n      margin-bottom: $base-unit;\n    }\n  }\n}\n\n.editor {\n  position: relative;\n  width: 100%;\n  max-width: $editor-width;\n  -webkit-touch-callout: none;\n\n  code {\n    font-size: ms(-1);\n  }\n}\n\n.editor.editor-editable .canvas {\n  background: #f1e0c4;\n  font-family: 'Courier New', Courier, monospace;\n  font-size: ms(1);\n  line-height: ms-line-height(1);\n}\n\n.half-slide-active.active-slide,\n.previous-slide {\n  .editor {\n    width: auto;\n  }\n}\n\n.node-selected {\n  position: relative;\n}\n\n.remove-marker-button {\n  z-index: 2;\n  cursor: pointer;\n  position: absolute;\n  line-height: $base-unit * 0.65;\n  font-family: $ui-font-family;\n  background-color: $bg-color;\n  border: 0;\n  border-radius: 50%;\n  box-shadow: $button-shadow;\n  transform: translate(-30%, -70%);\n  opacity: 0.67;\n\n  &:hover {\n    color: $bg-color;\n    background-color: $text-color;\n    border-bottom: 0;\n    text-decoration: none;\n    transform: scale(1.2);\n    transform: translate(-30%, -70%);\n    opacity: 1;\n\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  &:before {\n    content: '×';\n    opacity: 0.62;\n  }\n}\n\n// .user-inserted-text,\n// .user-removed-text {\n//   position: relative;\n\n//   // TODO: add svg icon instead of Unicode \"×\"\n//   .node-close {\n//     position: relative;\n//     cursor: pointer;\n//     color: currentColor;\n//     font-family: $ui-font-family;\n//     font-size: ms(-1);\n//     line-height: ms-line-height(0);\n//     text-align: center;\n//     // padding-right: $base-unit * 0.5;\n//     margin: 0 ($base-unit * 0.25) 0 ($base-unit * 0.125);\n\n//     &::before {\n//       content: \"×\";\n//       // position: absolute;\n//       // top: 50%;\n//       // left: 0;\n//       // transform: translateY(-50%);\n//       display: inline-block;\n//       width: $base-unit * 0.65;\n//       height: $base-unit * 0.65;\n//       line-height: $base-unit * 0.65;\n//       border: 1px solid currentColor;\n//       border-radius: 50%;\n//     }\n\n//     &:hover {\n//       &::before {\n//         background-color: $text-color;\n//         color: $bg-color;\n//         border: 1px solid $text-color;\n//       }\n//     }\n//   }\n// }\n\n// .user-inserted-text {\n//   color: rgb(31, 161, 93);\n// }\n\n// .user-removed-text {\n//   color: red;\n// }\n\n// .user-inserted-text-inner,\n// .user-removed-text-inner {\n//   border-top: 2px solid currentColor;\n//   border-bottom: 2px solid currentColor;\n// }\n\n// .user-inserted-text-inner {\n//   background-color: $bg-color-1;\n// }\n\n// .user-removed-text-inner {\n//   text-decoration: line-through;\n// }\n\n// .editor-toolbar {\n//   position: absolute;\n//   top: $base-unit * 0.5;\n//   right: $base-unit * 0.5;\n//   height: $base-unit * 1.25;\n\n//   display: flex;\n//   justify-content: flex-end;\n// }\n\n// .editor-toolbar-item {\n//   background-color: rgba($text-color, 0.38);\n//   border: 1px solid $bg-color-2;\n//   border-radius: $base-unit * 1.25;\n//   box-shadow: 0 ($base-unit * 0.125) ($base-unit * 0.25) rgba($text-color, 0.25);\n//   color: $bg-color;\n//   cursor: pointer;\n//   display: inline-block;\n//   font-family: $ui-font-family;\n//   font-size: ms(-2);\n//   letter-spacing: 0.05em;\n//   line-height: ms-line-height(-3);\n//   padding: ($base-unit * 0.1875) ($base-unit * 0.5) ($base-unit * 0.125);\n//   text-align: center;\n//   text-transform: uppercase;\n\n//   &:hover {\n//     background-color: rgba($text-color, 1);\n//     box-shadow: 0 ($base-unit * 0.125 * 0.66) ($base-unit * 0.25 * 0.66) rgba($text-color, 0.125);\n//     border-color: transparent;\n//   }\n// }\n\n// ================= Switch button ==================\n\n/* Toolbar Styles */\n.editor-toolbar {\n  position: absolute;\n  right: 0;\n  font-size: ms(1);\n  line-height: ms-line-height(1);\n\n  /* Ensure the toolbar stretches across the editor */\n  color: $text-color;\n  box-sizing: border-box;\n  margin-bottom: $base-unit / 2;\n\n  /* Prevent the toolbar from stretching to full width */\n  width: auto;\n  max-width: 100%; /* Ensure it doesn't exceed the editor's width */\n}\n\n/* Reset Button Styles */\n// .editor-toolbar-item.editor-toolbar-action-reset {\n//   background: none;\n//   border: none;\n//   color: #ff4d4f; /* Red color to indicate action */\n//   cursor: pointer;\n//   font-size: 14px;\n//   &:hover {\n//     text-decoration: underline;\n//   }\n// }\n",".keywords {}\n\n.keywords-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  .table-new__container + &,\n  .gallery-container + & {\n    width: 100%;\n    padding: $base-unit * .5 $base-unit * .5 0;\n    align-items: flex-start;\n    transition: width 38s;\n\n    @include min-screen($screen-l + 1) {\n      flex: 0 1 $usertext-width;\n      width: calc((100% - #{$gallery-width}) * 0.62);\n      padding: 0;\n      text-align: left;\n    }\n  }\n\n  .previous-to-active-slide & {\n    width: 100%;\n  }\n}\n\n.keywords-group {\n  padding: 0 0 $base-unit;\n  background-color: $bg-color-2;\n  color: $bg-color;\n  max-width: $screen-l;\n}\n\n.keywords-group-title {\n  color: currentColor;\n}\n\n.keywords-items-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n}\n\n.keywords-item {\n  position: relative;\n  // flex: 0 1 auto;\n  list-style: none;\n  background-color: $bg-color;\n  border-radius: $base-border-radius;\n  color: $text-color;\n  padding: ($base-unit * 0.29) ($base-unit * 0.75) ($base-unit * 0.21);\n  transition: font-size .38s ease, line-height .38s ease;\n\n  .keywords & {\n    box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\n    margin: 0 $base-unit * 0.25 $base-unit * 0.5;\n  }\n\n  &.disabled {\n    opacity: 0.38;\n    box-shadow: none;\n\n    &:hover {\n      opacity: 0.62;\n      box-shadow: 0 0 ($base-unit * 0.25) rgba($text-color, 0.38);\n    }\n  }\n\n  .keywords-placeholder {\n    position: relative;\n    z-index: 1;\n    display: block;\n    min-width: 8ch;\n    border-bottom: 1px dotted;\n  }\n\n  // [data-keywords=\"selekce-\"] & {\n  // [data-keywords=\"selekce+\"] & {\n  [data-keywords^=\"selekce\"] & {\n    cursor: pointer;\n    font-size: ms(2);\n    line-height: ms-line-height(1);\n    text-align: left;\n    padding: ($base-unit * .59) ($base-unit * 0.75) ($base-unit * .51) ($base-unit * 1.125);\n\n    &:hover {\n      opacity: 0.8;\n    }\n\n    .keywords-item-icon {\n      position: absolute;\n      top: 50%;\n      left: $base-unit * .5;\n      transform: translateY(-50%);\n      width: $base-unit * .25;\n      height: $base-unit * .25;\n      background-color: $bg-color-2;\n      border: 1px solid $bg-color-2;\n      border-radius: 50%;\n    }\n\n    &.disabled {\n      .keywords-item-icon {\n        background-color: transparent;\n      }\n    }\n  }\n\n  [data-keywords=\"wordcloud\"] & {\n    cursor: default;\n    padding-left: $base-unit * 1.5;\n    padding-right: $base-unit * 1.5;\n    text-align: center;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  .half-slide-previous.previous-slide & {\n    font-size: ms(0);\n    line-height: ms-line-height(0);\n  }\n\n  @for $level from -4 through 4 {\n    &[data-keywords-item=\"#{$level}\"] span {\n      font-size: ms($level);\n      line-height: ms-line-height($level);\n    }\n  }\n}\n\n.keywords-controls {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  text-align: center;\n}\n\n.keywords-controls-item {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: $base-unit;\n  height: $base-unit;\n  line-height: $base-unit;\n  border-radius: 50%;\n  cursor: pointer;\n  background-color: rgba($bg-color-1, 1);\n\n  &:hover {\n    color: $bg-color;\n    box-shadow: $button-shadow;\n    font-size: ms(1);\n    width: $base-unit * 1.125;\n    height: $base-unit * 1.125;\n    line-height: $base-unit * 1.125;\n  }\n\n  &[data-keywords-control=\"minus\"] {\n    left: $base-unit * 0.25;\n\n    &:hover {\n      background-color: lightskyblue;\n    }\n  }\n\n  &[data-keywords-control=\"plus\"] {\n    right: $base-unit * 0.25;\n\n    &:hover {\n      background-color: orange;\n    }\n  }\n}\n","@use \"sass:math\";\n\n.test-quiz {\n  flex: 1;\n}\n\n.gallery-container {\n  + .test-quiz {\n    max-width: $editor-width + $editor-width * math.div(1, 3);\n    padding: 0;\n\n    .table-container {\n      width: 100%;\n    }\n\n    .heading {\n      text-align: left;\n      justify-content: flex-start;\n    }\n  }\n}\n\n.test-quiz-container {\n  overflow: hidden;\n  width: calc(100% - #{$base-unit * 2});\n  margin: 0 auto;\n  background: $color-bg-1;\n  box-shadow: $box-shadow;\n  border-radius: $base-border-radius;\n  margin-bottom: $base-unit;\n  line-height: ms-line-height(0);\n\n  @include mq($min-width: $screen-xl) {\n    width: 80%;\n    max-width: $base-unit * 54;\n\n    .previous-slide & {\n      width: calc(100% - #{$base-unit * 2});\n    }\n  }\n\n  .test-quiz-item {\n    min-height: $base-unit * 3;\n    display: flex;\n    border-radius: 0;\n\n    &:not(:last-of-type) {\n      border-bottom: 1px solid currentColor;\n    }\n  }\n\n  .heading,\n  .option {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: ms-line-height(-1);\n  }\n\n  .heading {\n    background-color: $color-bg--1;\n    flex: 2;\n    padding: $base-unit * 0.25 $base-unit * 0.5;\n  }\n\n  .option {\n    border-left: 1px solid $color-bg--1;\n    flex: 1;\n    justify-content: center;\n    padding: $base-unit * 0.25;\n\n    &.selected,\n    &:hover {\n      color: currentColor;\n      cursor: pointer;\n\n      .tick {\n        border-color: currentColor;\n      }\n    }\n\n    &.selected {\n      background-color: white;\n    }\n\n    .tick {\n      border: 1px solid currentColor;\n      border-radius: $base-unit;\n      display: inline-block;\n      width: $base-unit;\n      height: $base-unit;\n      vertical-align: middle;\n      margin-right: $base-unit * 0.5;\n      position: relative;\n      line-height: $base-unit * 0.9;\n\n      &:before {\n        content: '\\2713';\n        opacity: 0;\n        position: relative;\n        font-size: ms(1);\n      }\n    }\n\n    &:hover .tick:before,\n    &.selected .tick:before {\n      opacity: 1;\n    }\n  }\n\n  .half-slide-active & {\n    width: 100%;\n\n    .option {\n      flex-direction: column;\n    }\n\n    .tick {\n      margin-right: 0;\n      margin-bottom: $base-unit * 0.25;\n    }\n  }\n}\n","$fullscreen-toggle-size: $base-unit * 1.25;\n\n.fullscreen-toggle {\n  position: absolute;\n  top: $base-unit * 0.5;\n  right: $base-unit * 0.5;\n  width: $fullscreen-toggle-size;\n  height: $fullscreen-toggle-size;\n\n  background-color: rgba($text-color, 0.62);\n  border: 1px solid transparent;\n  border-radius: 50%;\n  box-shadow: 0 0 ($base-unit * 0.5) rgba($text-color, 0.38);\n  color: $bg-color;\n  cursor: pointer;\n  padding: 0;\n\n  opacity: 0;\n  transition: opacity 0.2s ease;\n\n  &::before {\n    top: 50%;\n    right: calc(100% + #{$base-unit * 0.25});\n    transform: translateY(-50%);\n  }\n\n  &:hover {\n    border: 1px solid rgba($bg-color-1, 1);\n    background-color: rgba($text-color, 0.9);\n    color: $bg-color-1;\n  }\n\n  .draggable__item & {\n    top: $base-unit * 0.25;\n    right: $base-unit * 1.25;\n    width: $fullscreen-toggle-size * .75;\n    height: $fullscreen-toggle-size * .75;\n    pointer-events: initial !important;\n  }\n\n  // pointer-events: none;\n  // will-change: opacity;\n\n  body:not(.is-idle) *:hover > &,\n  body:not(.is-idle) .draggable__item:hover & {\n    opacity: 1;\n  }\n\n  svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: block;\n    margin: 0 auto;\n    width: 50%;\n    height: 50%;\n    fill: currentColor;\n  }\n}\n\n.fullscreen {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba($text-color, 0.95);\n  display: flex;\n  z-index: $layer-fullscreen;\n\n  .transcript {\n    max-width: $editor-width;\n  }\n\n  // img\n  [data-lupa-target] {\n    object-fit: contain;\n  }\n}\n\n.fullscreen-container {\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  padding: 0 ($base-unit * 2.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  @include max-screen($screen-m) {\n    padding: 0 ($base-unit * 0.25);\n  }\n}\n\n.fullscreen-image {\n  box-shadow: $box-shadow;\n}\n",".media-players {\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.media-container {\n  flex: 1;\n  line-height: ms-line-height(-1);\n\n  .gallery-container + & {\n  // .media-mix > & {\n    padding: 0 $base-unit * .5;\n    // text-align: left;\n\n    @include min-screen($screen-l + 1) {\n      flex: 0 1 $editor-width;\n      // max-width: $base-unit * 30;\n      padding: 0;\n    }\n  }\n\n  &.layout-horizontal {\n    align-items: flex-start;\n    justify-content: space-between;\n    margin: 0 0 $base-unit * 2;\n  }\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto $base-unit;\n\n  @include min-screen($screen-l + 1) {\n    margin: 0 0 $base-unit;\n  }\n}\n\n.media-item {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .layout-vertical & {\n    border-top: 2px solid $color-bg--4;\n\n    &:first-of-type {\n      border-top: 0;\n    }\n  }\n\n  &.media-image {\n    flex: 1;\n    border-radius: $base-border-radius;\n    box-shadow: $box-shadow;\n    margin: 0 1%;\n    overflow: hidden;\n    position: relative;\n\n    img {\n      height: 100%;\n      max-height: 90vh;\n    }\n  }\n}\n\n.media-player {\n  background-color: $text-color;\n  box-shadow: $box-shadow;\n  color: $bg-color-1;\n  overflow: hidden;\n  position: relative;\n\n  .gallery-item & {\n    box-shadow: none;\n  }\n\n  .layout-horizontal & {\n    border-radius: $base-border-radius;\n  }\n\n  .layout-vertical .media-item:first-of-type & {\n    border-top-left-radius: $base-border-radius;\n    border-top-right-radius: $base-border-radius;\n  }\n\n  .layout-vertical .media-item:last-of-type & {\n    border-bottom-left-radius: $base-border-radius;\n    border-bottom-right-radius: $base-border-radius;\n  }\n}\n\n.media-player-wrapper {\n  position: relative;\n\n  :fullscreen & {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n}\n\n// about\n.media-player-meta {\n  position: relative;\n  text-align: left;\n}\n.media-player-label {\n  display: inline-block;\n  background-color: rgba($bg-color-2, .2);\n  border-radius: $base-unit;\n  color: $bg-color-2;\n  font-size: ms(-3);\n  line-height: 0;\n  letter-spacing: .05em;\n  margin-left: $base-unit * -.05;\n  margin-bottom: $base-unit * .25;\n  padding: $base-unit * .375 $base-unit * .375 $base-unit * .325;\n  position: relative;\n  text-transform: uppercase;\n  top: $base-unit * -.25;\n  white-space: nowrap;\n}\n.media-player-title {\n  font-family: $editor-font-family;\n  font-size: ms(1);\n  line-height: ms-line-height(-1);\n  margin-bottom: $base-unit * .25;\n}\n.media-player-description {\n  color: $bg-color;\n  font-size: ms(-2);\n  line-height: ms-line-height(-3);\n  letter-spacing: 0.03em;\n}\n\n// info\n.media-player-time {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: $base-unit * 0.25;\n  font-size: ms(-2);\n}\n.media-time-current {\n  color: $bg-color-1;\n}\n.media-time-duration {\n  color: $bg-color-2;\n}\n\n// controls\n.media-player-button {\n  border: 0;\n  cursor: pointer;\n  color: $text-color;\n  display: block;\n  padding: 0;\n  margin: 0;\n  border-radius: 50%;\n  border: 1px solid $bg-color;\n\n  // .media-audio & {\n    width: 4vw;\n    height: 4vw;\n    min-width: $base-unit * 1.5;\n    min-height: $base-unit * 1.5;\n    max-width: $base-unit * 3;\n    max-height: $base-unit * 3;\n  // }\n\n  svg {\n    fill: currentColor;\n    width: 100%;\n    height: 100%;\n  }\n\n  &:hover {\n    background-color: $text-color;\n    border-color: $text-color;\n    color: $bg-color;\n  }\n}\n\n// switch the icon\n// TODO: use aria-label instead\n// TODO: use it for wrapper to know the state\n[data-player-control='playing'] {\n  .media-player-button-play {\n    display: none;\n  }\n  .media-player-button-pause {\n    display: block;\n  }\n}\n[data-player-control='paused'] {\n  .media-player-button-play {\n    display: block;\n  }\n  .media-player-button-pause {\n    display: none;\n  }\n}\n\n.media-audio + .media-video,\n.media-video + .media-audio {\n  // margin-top: $base-unit * 2;\n\n  // .layout-vertical & {\n  //   border-top: 0;\n  // }\n\n  &.gallery-item {\n    border-color: $bg-color-2;\n  }\n\n  // > .media-player {\n  //   border-radius: $base-border-radius;\n  // }\n}\n","$media-audio-size: $base-unit * 20;\n\n.media-audio {\n  width: 100%;\n\n  .layout-vertical & {\n    // max-width: $media-audio-size;\n  }\n\n  .media-player {\n    display: flex;\n    flex-wrap: wrap;\n    height: 100%;\n    width: 100%;\n    // max-width: $media-audio-size;\n    padding: $base-unit;\n\n    :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .media-player-controls {\n    flex: 0 1 $base-unit * 3;\n  }\n\n  .media-player-meta {\n    flex: 1;\n    // margin-bottom: $base-unit;\n  }\n\n  .media-player-progress {\n    flex: 0 100%;\n  }\n}\n\n.media-player-audio-normal {\n  // padding-top: $base-unit * .75;\n  // padding-bottom: $base-unit * 1.5;\n\n  .media-player-progress {\n    margin-bottom: $base-unit * .5;\n  }\n\n  .media-player-meta {\n    padding-left: $base-unit * 0.5;\n    margin-bottom: $base-unit;\n  }\n}\n\n.media-player-audio-simple {\n  box-shadow: $box-shadow-small;\n  align-items: flex-end;\n  max-width: $media-audio-size;\n\n  .media-player-meta {\n    flex: 0 100%;\n    align-self: flex-start;\n    margin-bottom: $base-unit * 0.5;\n  }\n\n  .media-player-title {\n    font-size: ms(0);\n    line-height: ms-line-height(-1);\n    margin-bottom: 0;\n  }\n\n  .media-player-controls {\n    flex: 0;\n  }\n  .media-player-progress {\n    flex: 1 auto;\n  }\n\n  .media-player-time {\n    justify-content: flex-end;\n  }\n\n  .media-player-button {\n    width: 3vw;\n    height: 3vw;\n  }\n\n  .media-player-canvas {\n    display: none;\n  }\n}\n\n.audio-wavesurfer {\n  flex: 0 100%;\n}\n\n.media-player__transcript {\n  display: none;\n\n  .media-player:hover & {\n    display: block;\n  }\n\n  position: absolute;\n  width: $base-unit;\n  height: $base-unit;\n  // bottom: $base-unit * -.5;\n  top: 0;\n  right: 0;\n  z-index: 2;\n\n  button {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    padding: 0;\n    margin: 0;\n    border-radius: 50%;\n    line-height: 0;\n\n    background-color: rgba($text-color, 0.9);\n    border: 1px solid rgba($bg-color-1, 1);\n    box-shadow: 0 0 $base-unit * 5 $base-unit * 2 rgba($text-color, 1);\n    color: $bg-color-1;\n\n    &:hover {\n      background-color: $text-color;\n      border-color: $text-color;\n    }\n\n    &::before {\n      top: 50%;\n      right: calc(100% + #{$base-unit * 0.25});\n      transform: translateY(-50%);\n      // top: 100%;\n      // left: 50%;\n      // transform: translateX(-50%);\n    }\n\n    &:hover {\n      background-color: $bg-color;\n      border-color: $bg-color;\n      color: $text-color;\n    }\n\n    svg {\n      fill: currentColor;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .transcript {\n    display: none;\n  }\n}\n\n// same as `.editor .canvas` in _editor.component.scss with some changes because of context\n.transcript {\n  background: $bg-color;\n  border-radius: $base-border-radius;\n  box-shadow: $box-shadow;\n  line-height: ms-line-height(0);\n  // min-height: $base-unit * 19;\n  margin: 0 auto;\n  max-height: calc(100vh - #{$base-unit * 2});\n  overflow-y: auto;\n  padding: $base-unit * 1.5 $base-unit * .75;\n  text-align: left;\n\n  @include min-screen($screen-l) {\n    padding: $base-unit * 2;\n  }\n\n  &,\n  h1,\n  h2,\n  h3 {\n    font-family: $editor-font-family;\n  }\n\n  h1 {\n    line-height: ms-line-height(3);\n  }\n\n  h2 {\n    line-height: $base-unit * 1.25;\n    margin-bottom: $base-unit;\n  }\n\n  p {\n    margin-bottom: $base-unit * .5;\n  }\n}\n",".fake-map-items {\n  margin-bottom: $base-unit;\n}\n\n.fake-map-item {\n  display: none;\n\n  &.active {\n    display: block;\n  }\n}\n\n.fake-map-buttons {\n  color: $bg-color-1;\n}\n\n.fake-map-buttons-label {\n  margin-bottom: $base-unit * .5;\n}\n\n.fake-map-buttons-container {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n\n  .button {\n    margin: 0 $base-unit * .25 $base-unit * .5;\n\n    &:hover,\n    &.active {\n      color: $bg-color;\n      background-color: $text-color;\n    }\n  }\n}\n","$media-video-size: $base-unit * 30;\n$video-slider-size: $base-unit * 0.5;\n$video-enter-color: rgba($bg-color, 0.25);\n$video-back-fullscreen-color: rgba($text-color, 0.62);\n$video-fill-fullscreen-color: $bg-color;\n$video-range-color: $bg-color-2;\n$video-meter-color: $bg-color-1;\n\n.media-video {\n\n  .layout-vertical & {\n    max-width: $media-video-size;\n  }\n\n  video {\n    border-radius: $base-border-radius;\n    box-shadow: $box-shadow;\n    display: block;\n    max-height: 62vh;\n    max-width: 100%;\n  }\n\n  .media-player-controls {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: -1px;\n    bottom: 0;\n    overflow: hidden;\n\n    .icon-media-muted {\n      position: absolute;\n      top: $base-unit * .5;\n      left: $base-unit * 1.5;\n      // left: 0;\n      text-align: right;\n      font-size: ms(-3);\n      text-transform: uppercase;\n      // width: $base-unit;\n      line-height: $base-unit * .785;\n      // fill: currentColor;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 0.2s ease;\n      // background-color: rgba($text-color, .2);\n      // border-radius: $base-unit * .125;\n      // box-shadow: $box-shadow;\n      // text-shadow: $box-shadow;\n      text-shadow: 0 0 $base-unit * .125 $text-color;\n    }\n  }\n\n  .media-control,\n  .media-slider {\n    background-color: transparent;\n    border-style: none;\n    color: inherit;\n    font: inherit;\n    margin: 0;\n    overflow: visible;\n    padding: 0;\n    -webkit-tap-highlight-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */\n    -webkit-touch-callout: none; /* stylelint-disable-line property-no-vendor-prefix */\n    -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */\n  }\n\n  // PROGRESS BAR + TIME\n  // default state: only progress bar at the bottom of video\n  // hover state: enlarged, current time + progress + total time\n  .media-player-progress {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    cursor: default;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: rgba($text-color, 0.8);\n    background: linear-gradient(\n      0deg,\n      rgba($text-color, 1) 24%,\n      rgba($text-color, 0) 100%\n    );\n    // box-shadow: $box-shadow;\n    color: $bg-color;\n    padding-top: $base-unit * 0.25;\n    // height: $base-unit * .125;\n    // overflow: hidden;\n    transform: translate3d(0, calc(100% + 2px), 0);\n    transition: transform 0.2s ease, opacity 0.2s ease;\n  }\n\n  body:not(.is-idle) &:hover {\n    .media-player-progress {\n      transform: translate3d(0, 2px, 0);\n    }\n  }\n\n  .media-time {\n    font-size: ms(-2);\n\n    opacity: 0;\n    transition: all 0.2s ease, opacity 0.1s ease;\n    width: 0;\n  }\n\n  body:not(.is-idle) &:hover {\n    .media-time {\n      opacity: 1;\n      transition: all 0.2s ease, opacity 0.6s ease;\n      width: $base-unit * 2;\n    }\n  }\n\n  .media-slider {\n    flex: 1;\n    padding: 0;\n    transform: translate3d(0, calc(-475% - #{$base-unit * 0.25}), 0);\n    transition: all 0.2s ease;\n\n    &:focus {\n      background-color: $video-enter-color;\n    }\n  }\n\n  body:not(.is-idle) &:hover {\n    .media-slider {\n      height: $video-slider-size;\n      padding: 0 $base-unit * 0.125;\n      transform: translate3d(0, 0, 0);\n      transition: transform 0s;\n    }\n  }\n\n  .media-range {\n    background-color: $text-color;\n    display: block;\n    font-size: 75%;\n    height: $video-slider-size * 0.25;\n    width: 100%;\n    transition: all 0.2s ease;\n  }\n\n  body:not(.is-idle) &:hover {\n    .media-range {\n      background-color: $video-range-color;\n      border-radius: $video-slider-size * 0.5;\n      height: $video-slider-size * 0.5;\n    }\n  }\n\n  .media-meter {\n    background-color: $video-meter-color;\n    border-radius: $video-slider-size * 0.5;\n    display: block;\n    height: 100%;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .media-player-button {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 5vw;\n    height: 5vw;\n    // min-width: $base-unit * 2;\n    // min-height: $base-unit * 2;\n    // max-width: $base-unit * 3;\n    // max-height: $base-unit * 3;\n    opacity: 0.9;\n    transition: opacity 0.2s ease;\n    user-select: none;\n    z-index: 2;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    &:focus {\n      outline: 0;\n    }\n  }\n\n  .media-symbol {\n    background-color: $text-color;\n    border-radius: 50%;\n    box-shadow: $box-shadow;\n    // TODO: Animated transition.\n    // transition: opacity 0.2s ease;\n\n    &[aria-hidden=\"true\"] {\n      display: none;\n      // opacity: 0;\n      // pointer-events: none;\n    }\n  }\n\n  .media-pause-symbol {\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    background-color: transparent;\n  }\n\n  body:not(.is-idle) &:hover {\n    .media-pause-symbol {\n      opacity: 1;\n      background-color: $text-color;\n    }\n  }\n\n  .media-player-meta {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: $base-unit;\n    padding-top: $base-unit * 2;\n    background: linear-gradient(\n      to top,\n      rgba($text-color, 0.5) 0%,\n      rgba($text-color, 0) 100%\n    );\n    background-position: center right;\n    text-shadow: 0 0 $base-unit * .125 $text-color;\n    transition: opacity 0.2s ease;\n\n    .gallery-container & {\n    // .media-mix & {\n      padding: $base-unit * .5;\n      padding-top: $base-unit;\n    }\n  }\n\n  [data-player-state=\"paused\"] {\n    .media-player-progress {\n      opacity: 0;\n      pointer-events: none;\n    }\n  }\n\n  [data-player-state=\"playing\"] {\n    .media-player-meta {\n      opacity: 0;\n      pointer-events: none;\n    }\n    .icon-media-muted {\n      opacity: .62;\n    }\n  }\n}\n\n:fullscreen {\n  overflow: hidden;\n\n  video {\n    max-height: 100%;\n    width: 100%;\n    object-fit: contain;\n  }\n}\n","$selectable-icon-background: $color-bg--4;\n$selectable-toggle-size: $fullscreen-toggle-size;\n\n.selectable {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: center;\n  margin-bottom: $base-unit;\n\n  // media-text\n  .media-text {\n    line-height: ms(1);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n\n    label {\n      display: block;\n      padding: $base-unit * 0.75 $base-unit;\n      padding-right: $base-unit * 2.25;\n    }\n\n    p {\n      margin-bottom: 0;\n    }\n  }\n\n  // media-uzivatelsky-text\n  .user-texts {\n    margin-bottom: 0;\n  }\n\n  .user-texts-container {\n    width: 100%;\n  }\n\n  .user-text {\n    line-height: 0;\n  }\n\n  textarea {\n    padding: $base-unit * 0.75;\n    padding-right: $base-unit * 1.5;\n    // pointer-events: none;\n  }\n}\n\n.selectable-horizontal {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.selectable-vertical {\n  flex-direction: column;\n}\n\n.selectable-item {\n  position: relative;\n  flex: 1 0;\n  max-width: 25vw;\n  background: $bg-color-1;\n  box-shadow: $box-shadow;\n  border-radius: $base-border-radius;\n  overflow: hidden;\n  display: block;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  transition: opacity $base-duration $timing-out,\n    transform $base-duration $timing-out;\n\n  &:hover {\n    svg {\n      display: block;\n    }\n  }\n\n  .gallery-item & {\n    max-width: none;\n  }\n\n  .selectable:hover &,\n  .selectable.has-checked &:not(.is-checked),\n  .is-done &:not(.is-checked) {\n    opacity: 0.62;\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  .selectable-horizontal & {\n    margin: $base-unit * 0.5;\n  }\n  .selectable-vertical & {\n    box-shadow: 0 0 $base-unit rgba($text-color, 0.8);\n    flex: 1 auto;\n    margin: $base-unit * 0.25 $base-unit * 0.5;\n  }\n\n  &.media-image {\n    flex: 1 auto;\n    // background-color: $text-color;\n\n    img {\n      // object-fit: contain;\n      // object-position: top;\n      // width: 100%;\n      // height: 100%;\n      max-height: 38vh;\n    }\n  }\n\n  input {\n    display: none;\n  }\n}\n\n.selectable-toggle {\n  position: absolute;\n  top: $base-unit * 0.5;\n  right: $base-unit * 0.5;\n  width: $selectable-toggle-size;\n  height: $selectable-toggle-size;\n  background-color: $selectable-icon-background;\n  box-shadow: 0 0 ($base-unit * 0.2) rgba($text-color, 0.38);\n  color: $text-color;\n  cursor: pointer;\n  border: 1px solid $color-text;\n\n  // same styling as fullscreen tooltip\n  &::after {\n    display: none;\n    // TODO: attr\n    // kviz, selekce\n    content: attr(data-text-select);\n    font-size: ms(-2);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    text-align: center;\n    position: absolute;\n    top: 50%;\n    right: calc(100% + #{$base-unit * 0.25});\n    transform: translateY(-50%);\n    text-shadow: 0 0 ($base-unit * 0.5) $text-color;\n    line-height: ms-line-height(-3);\n    padding: ($base-unit * 0.1875) ($base-unit * 0.25) ($base-unit * 0.125);\n    border-radius: $base-border-radius;\n    background-color: rgba($text-color, 0.62);\n    color: $bg-color;\n  }\n\n  &:hover {\n    &::after {\n      display: block;\n    }\n  }\n\n  .selectable-item.is-checked & {\n    background-color: $base-color;\n    box-shadow: 0 0 ($base-unit * 0.2) rgba($text-color, 0.62);\n\n    &:hover {\n      &::after {\n        content: attr(data-text-deselect);\n      }\n    }\n  }\n\n  .selectable-item:hover & {\n    color: $bg-color-2;\n  }\n\n  svg {\n    display: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: $base-unit * 0.75;\n    height: $base-unit * 0.75;\n    fill: currentColor;\n\n    .selectable-item.is-checked & {\n      display: block;\n    }\n  }\n}\n\n.selectable-toggle--checkbox {\n  border-radius: $base-unit * 0.25;\n}\n\n.selectable-toggle--radio {\n  border-radius: $selectable-toggle-size;\n\n  .selectable-item.is-checked & {\n    pointer-events: none;\n  }\n\n  .selectable-item.is-checked:hover & {\n    color: $text-color;\n  }\n}\n",".tables {\n  align-items: center;\n  flex-direction: column;\n}\n\n.table-new__container {\n  margin: 0 auto $base-unit;\n  overflow-x: auto;\n  width: calc(100% - #{$base-unit * 2});\n\n  .with-submodule & {\n    position: relative;\n    position: sticky;\n    top: $base-unit;\n    align-self: flex-start;\n  }\n\n  .draggable ~ & {\n    margin-top: $base-unit;\n  }\n\n  @include max-screen($screen-m) {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  @include min-screen($screen-m) {\n    overflow: visible;\n  }\n\n  @include min-screen($screen-l) {\n    .with-submodule & {\n      flex: 0 1 $gallery-width-big;\n      margin: 0 $base-unit * 2 $base-unit 0;\n      max-width: $gallery-width-big;\n      width: auto;\n    }\n\n    .draggable ~ & {\n      flex: 1;\n      margin: 0 auto $base-unit;\n      max-width: initial;\n      width: calc(100% - #{$base-unit * 2});\n    }\n\n    .draggable + & {\n      margin: $base-unit auto;\n    }\n\n    .half-slide-previous.previous-to-active-slide .with-submodule &,\n    .half-slide-previous.previous-slide .with-submodule & {\n      display: none;\n    }\n  }\n\n  @include min-screen($screen-xl) {\n    // width: 80%;\n    // max-width: $base-unit * 54;\n\n    .previous-slide & {\n      width: calc(100% - #{$base-unit * 2});\n    }\n  }\n\n  h6 {\n    color: $color-bg-0;\n    margin-bottom: $base-unit * .25;\n    margin-left: $base-unit * .06125;\n    text-align: left;\n  }\n}\n\n// table,\n.table-new {\n  // background: $bg-color-1;\n  // background-clip: padding-box;\n  width: 100%;\n  min-width: $base-unit * 25; // 640px\n  text-align: center;\n\n  .with-submodule & {\n    min-width: initial;\n  }\n\n  // TEMPORARY\n  .node-selected {\n    padding: $base-unit * .25 $base-unit * .5;\n  }\n  .node-close {\n    display: none;\n  }\n\n  select {\n    &:disabled {\n      color: $text-color;\n    }\n  }\n}\n\n.table-new__body {\n  border-radius: $base-unit * .5;\n  overflow: hidden;\n}\n\n// tr\n.table-new__row {\n  display: flex;\n  overflow: hidden;\n\n  .table-new__body & {\n    // background: $color-bg-0;\n\n    // &:not(:first-child) {\n    //   border-top: 1px solid $color-bg--1;\n    // }\n  }\n\n  [data-autofill=\"columns\"] & {\n    margin: 0 $base-unit * .5;\n  }\n\n  [data-autofill=\"rows\"] & {\n    border-radius: $base-unit * .5;\n    margin-bottom: $base-unit * .5;\n  }\n}\n\n// .table-new__row--tag {\n//   & + .table-new__row--tag {\n//     .table-new__cell {\n//       border-top: 1px solid $color-bg--1;\n//     }\n//   }\n\n//   .table-new__cell {\n//     background: $color-bg-0;\n//   }\n// }\n\n// .table-new__row--droppable {\n//   .table-new__cell {\n//     background: radial-gradient(farthest-corner, rgba($text-color, .6) 0%, rgba($text-color, .7) 100%);\n//     border: 3px dashed $text-color;\n//     box-shadow: inset 0 0 $base-unit rgba($text-color, .62), $box-shadow;\n//     padding: $base-unit;\n\n//     .table-new__label {\n//       user-select: none;\n//       top: 50% !important;\n//       left: 50%;\n//       transform: translate(-50%, -50%);\n//     }\n//   }\n// }\n\n// td, th,\n.table-new__cell {\n  flex: 1;\n  background: $color-bg-0;\n  padding: $base-unit * .5;\n  vertical-align: top;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  min-height: $base-unit * 1.5;\n  position: relative;\n  overflow: hidden;\n\n  [data-autofill=\"cells\"] .table-new__row:first-child &,\n  [data-autofill=\"columns\"] .table-new__row:first-child & {\n    border-top-left-radius: $base-unit * .5;\n    border-top-right-radius: $base-unit * .5;\n  }\n\n  [data-autofill=\"cells\"] .table-new__row:last-child &,\n  [data-autofill=\"columns\"] .table-new__row:last-child & {\n    border-bottom-left-radius: $base-unit * .5;\n    border-bottom-right-radius: $base-unit * .5;\n  }\n\n  [data-autofill=\"cells\"] .table-new__row--tag &:not(.table-new__cell--drop),\n  .table-new--has-rows [data-autofill=\"cells\"] &:not(.table-new__cell--header) {\n    padding-top: $base-unit * 1.25;\n    min-height: $base-unit * 3.125;\n  }\n\n  [data-autofill=\"columns\"] &,\n  .table-new--has-columns [data-autofill=\"cells\"] &,\n  .table-new--has-columns ~ .table-new--has-rows [data-autofill=\"cells\"] & {\n    margin: 0 $base-unit * .5;\n  }\n  [data-autofill=\"columns\"] .table-new__row:not(:first-child) &,\n  .table-new--has-columns [data-autofill=\"cells\"] .table-new__row:not(:first-child) &,\n  .table-new--has-columns ~ .table-new--has-rows [data-autofill=\"cells\"] .table-new__row:not(:first-child) &,\n  .table-new--has-rows [data-autofill=\"cells\"] .table-new__row:not(:first-child) & {\n    border-top: 1px solid $color-bg--1;\n  }\n  [data-autofill=\"columns\"] .table-new__row:first-child &:not(.table-new__cell--header) {\n    padding-top: $base-unit * (.5 + .125);\n  }\n\n  // [data-autofill=\"rows\"] & {\n\n  //   &:first-child {\n  //     border-top-left-radius: $base-unit * .5;\n  //     border-bottom-left-radius: $base-unit * .5;\n  //     // padding-top: $base-unit * (.5 + .125);\n\n  //     // .table-new__label {\n  //     //   top: $base-unit * (.25 + .125);\n  //     // }\n  //   }\n\n  //   &:last-child {\n  //     border-top-right-radius: $base-unit * .5;\n  //     border-bottom-right-radius: $base-unit * .5;\n  //   }\n  // }\n\n  &:not(.table-new__cell--drop) {\n    position: relative;\n    z-index: 1;\n  }\n\n  .table-new__label {\n    position: absolute;\n    top: $base-unit * .25;\n    left: $base-unit * .5;\n    font-size: ms(-2);\n    white-space: nowrap;\n    color: $color-bg--3;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    z-index: 2;\n  }\n}\n\n.table-new__cell--tag {\n\n  .with-submodule & {\n    justify-content: flex-start;\n  }\n  .draggable ~ .table-new__container & {\n    justify-content: center;\n  }\n\n  .node-selected {\n    display: block;\n  }\n}\n\n.table-new__cell--dup-text {\n  background: $color-bg-0;\n\n  .with-submodule & {\n    justify-content: flex-start;\n  }\n\n  .draggable ~ .table-new__container & {\n    justify-content: center;\n  }\n}\n\n.table-new__cell--drop {\n  background: radial-gradient(farthest-corner, rgba($text-color, .6) 0%, rgba($text-color, .7) 100%);\n  border: 3px dashed $text-color;\n  box-shadow: inset 0 0 $base-unit rgba($text-color, .62);\n  padding: 0;\n  min-height: $base-unit * 2.71;\n\n  &.table-new__cell--obrazek {\n    min-height: $draggable__item--max-size - $base-unit;\n  }\n\n  // .table-new--has-columns & {\n  //   align-items: flex-start;\n  // }\n\n  [data-drop-place] {\n    min-height: $base-unit * 2;\n    height: initial;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    justify-content: center;\n    padding: $base-unit * .5;\n    padding-top: $base-unit * .25;\n\n    > * {\n      padding: 0;\n      margin-top: $base-unit * .25;\n      margin-right: $base-unit * .25;\n    }\n\n    &::before {\n      display: none;\n    }\n  }\n\n  .table-new__label {\n    user-select: none;\n    top: 50% !important;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.table-new__cell--input,\n.table-new__cell--textarea {\n  background: white;\n  padding: 0;\n\n  input,\n  textarea {\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  input {\n    padding: 0 ($base-unit * 0.5);\n  }\n\n  textarea {\n    padding: $base-unit * .5;\n    resize: none;\n  }\n}\n\n.table-new__cell--select {\n  select {\n    &:disabled {\n      color: $color-bg--3;\n    }\n  }\n}\n\n// th\n.table-new__cell--header {\n  color: $color-bg-0;\n  background: transparent;\n  font-weight: normal;\n  margin-bottom: 0 !important;\n}\n",".video-stamps-bar{\n  margin-left: 2rem;\n\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  font-size: 4rem;\n  align-items: center;\n  justify-content: center;\n\n\n  background: radial-gradient(farthest-corner, rgba(27, 19, 19, 0.6) 0%, rgba(27, 19, 19, 0.7) 100%);\n  border-radius: 3.2rem;\n  border: 3px dashed #1b1313;\n  box-shadow: 0 0 3.2rem rgba(27, 19, 19, 0.8);\n  color: hsl(2, 81%, 94%);\n  max-width: 1200px;\n  padding: 1.6rem 1.6rem 0.8rem;\n  position: relative;\n  text-align: center;\n\n  .emoji-icon{\n    cursor: pointer;\n    transition: transform 0.3s ease-in;\n    height: 6rem;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    user-select: none;\n\n\n    &:hover{\n      transform: scale(1.3);\n    }\n  }\n}\n\n.video-stamps-bar-labels{\n  margin-left: 2rem;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  justify-content: center;\n  text-align: start;\n\n  .stamp-label{\n    color: $beauty-bush;\n    //opacity: 0.75;\n    font-size: 1rem;\n  }\n\n}\n\n.stamp-wrapper{\n  width: 100%;\n  height: 1.5rem;\n  position: absolute;\n  top: -1rem;\n\n  .mark{\n    position: absolute;\n    left: 0;\n    height: 100%;\n    width: 2px;\n    background-color: white;\n    animation: transformX 0.5s ease;\n\n    .stamp{\n      position: absolute;\n      top: -1rem;\n      transform: translateX(-50%);\n      left: 1px;\n      cursor: pointer;\n      z-index: 2;\n\n      &.removable-stamp{\n        &:hover::after {\n          opacity: 1;\n        }\n        &::after {\n          content: 'X';\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          font-size: 1.5em;\n          color: $color-red;\n          opacity: 0;\n          transition: opacity 0.3s ease;\n        }\n      }\n    }\n  }\n\n  @keyframes transformX {\n    0% {transform: translateY(-50%)}\n    100% {transform: translateY(0%)}\n  }\n}\n"]}