{"version":3,"file":"scripts/components.block.tag.menublock.category.styled.9f37b246.js","mappings":"ymBACA,IAAIA,EAAmBC,MAAQA,KAAKD,iBAAoB,SAAUE,GAC9D,OAAQA,GAAOA,EAAIC,WAAcD,EAAM,CAAE,QAAWA,EACxD,EACAE,OAAOC,eAAeC,EAAS,aAAc,CAAEC,OAAO,IACtDD,EAAQE,cAAgBF,EAAQG,MAAQH,EAAQI,WAAaJ,EAAQK,eAAY,EACjF,MAAMC,EAAsBZ,EAAgB,EAAQ,QAC9Ca,EAAeb,EAAgB,EAAQ,QAC7CM,EAAQK,UAAYC,EAAoBE,QAAQC,GAAI;;IAEhDC,GAASA,EAAMC,YACf,yBAAyBD,EAAME,MAAMC,QAAQC,iEAElBJ,EAAME,MAAMC,QAAQC;EAGnDd,EAAQI,WAAaE,EAAoBE,QAAQO,CAAE;;;;;aAKtCL,GAASA,EAAME,MAAMI,QAAQC,QAAQP,GAASA,EAAME,MAAMI,QAAQE;MACzER,GAASA,EAAME,MAAMI,QAAQC,QAAQP,GAASA,EAAME,MAAMI,QAAQG;;IAEpET,GAASA,EAAMU,UACf,mCAEaV,EAAME,MAAMC,QAAQQ,+CAEXX,EAAME,MAAMC,QAAQS,0HAK7BZ,EAAME,MAAMI,QAAQO,2DAETb,EAAME,MAAMC,QAAQQ;;IAM5CX,IAAUA,EAAMU,UAChB,gDAEeV,EAAME,MAAMC,QAAQW;EAKvCxB,EAAQG,OAAQ,EAAIG,EAAoBE,SAASD,EAAaC,QAAS;iBACtDE,GAASA,EAAMe,QAAUf,EAAME,MAAMc,WAAWC,OAAOC;EAExE5B,EAAQE,cAAgBI,EAAoBE,QAAQC,GAAI;kBACtCC,GAASA,EAAME,MAAMI,QAAQa;;gBAE/BnB,GAASA,EAAME,MAAMkB,WAAWC;gBAChCrB,GAASA,EAAMsB;EAE/BhC,EAAA,QAAkB,CACdK,UAAWL,EAAQK,UACnBF,MAAOH,EAAQG,MACfC,WAAYJ,EAAQI,WACpBF,cAAeF,EAAQE,c","sources":["webpack://foundation-spa-frontend/./src/Components/Block/Tag/MenuBlock/Category/styled.tsx"],"sourcesContent":["\"use strict\";\r\nvar __importDefault = (this && this.__importDefault) || function (mod) {\r\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.ChildrenBlock = exports.Title = exports.TitleBlock = exports.Container = void 0;\r\nconst styled_components_1 = __importDefault(require(\"styled-components\"));\r\nconst Typography_1 = __importDefault(require(\"../../../../UI/Typography\"));\r\nexports.Container = styled_components_1.default.div `\r\n  cursor: pointer;\r\n  ${props => props.firstLayer &&\r\n    `border-top: 1px solid ${props.theme.palette.DARK_GRAY_20};\r\n  &:last-child {\r\n    border-bottom: 1px solid ${props.theme.palette.DARK_GRAY_20};\r\n  }`}\r\n`;\r\nexports.TitleBlock = styled_components_1.default.a `\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  padding: ${props => props.theme.spacing.s4}px ${props => props.theme.spacing.s1}px\r\n    ${props => props.theme.spacing.s4}px ${props => props.theme.spacing.s2}px;\r\n  position: relative;\r\n  ${props => props.isActive &&\r\n    `\r\n      > div {\r\n        color: ${props.theme.palette.BLUE_100};\r\n      }\r\n      background-color: ${props.theme.palette.BLUE_10};\r\n      &:before {\r\n        position: absolute;\r\n        content: '';\r\n        display: block;\r\n        width: ${props.theme.spacing.s0}px;\r\n        height: 100%;\r\n        background-color: ${props.theme.palette.BLUE_100};\r\n        top: 0;\r\n        left: 0;\r\n        }\r\n    `}\r\n\r\n  ${props => !props.isActive &&\r\n    `&:hover {\r\n        > div {\r\n          color: ${props.theme.palette.LIGHT_BLACK};\r\n          text-decoration: underline;\r\n        }\r\n      }`}\r\n`;\r\nexports.Title = (0, styled_components_1.default)(Typography_1.default) `\r\n  font-weight: ${props => props.isOpen && props.theme.typography.weight.medium};\r\n`;\r\nexports.ChildrenBlock = styled_components_1.default.div `\r\n  padding-left: ${props => props.theme.spacing.s5}px;\r\n  overflow: hidden;\r\n  transition: ${props => props.theme.animations.primary};\r\n  max-height: ${props => props.maxHeight}px;\r\n`;\r\nexports.default = {\r\n    Container: exports.Container,\r\n    Title: exports.Title,\r\n    TitleBlock: exports.TitleBlock,\r\n    ChildrenBlock: exports.ChildrenBlock\r\n};\r\n"],"names":["__importDefault","this","mod","__esModule","Object","defineProperty","exports","value","ChildrenBlock","Title","TitleBlock","Container","styled_components_1","Typography_1","default","div","props","firstLayer","theme","palette","DARK_GRAY_20","a","spacing","s4","s1","s2","isActive","BLUE_100","BLUE_10","s0","LIGHT_BLACK","isOpen","typography","weight","medium","s5","animations","primary","maxHeight"],"sourceRoot":""}