{"version":3,"sources":["srcs\\2-style\\2-basics\\_typography.scss","srcs\\2-style\\1-helpers\\_variables.scss","srcs\\2-style\\1-helpers\\_base.scss","srcs\\2-style\\1-helpers\\_mixins.scss","srcs\\2-style\\1-helpers\\_placeholders.scss","srcs\\2-style\\2-basics\\_buttons.scss","srcs\\2-style\\3-layout\\_header.scss","srcs\\2-style\\3-layout\\_filter.scss","srcs\\2-style\\3-layout\\_jobs.scss","srcs\\2-style\\3-layout\\_job-detail.scss","srcs\\2-style\\3-layout\\_loading-animation.scss","srcs\\2-style\\3-layout\\_error-display.scss"],"names":[],"mappings":"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","file":"style.65d3dd20.css","sourceRoot":"..","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;700&display=swap');\r\n\r\n* {\r\n    font-family: 'Kumbh Sans';\r\n    font-weight: 700;\r\n    color: white;\r\n}\r\n\r\np {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n}\r\n\r\nh1 {\r\n    font-size: 28px;\r\n    line-height: 28px;\r\n}\r\n\r\nh2 {\r\n    font-size: 24px;\r\n    line-height: 24px;\r\n}\r\n\r\nh3 {\r\n    font-size: 20px;\r\n    line-height: 20px;\r\n}\r\n\r\nh4 {\r\n    font-size: 14px;\r\n    line-height: 14px;\r\n}\r\n\r\ninput::placeholder, input {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n}\r\n\r\ninput::placeholder {\r\n    opacity: 0.5;\r\n}\r\n\r\n.button {\r\n    font-size: 16px;\r\n    line-height: 16px;\r\n}\r\n\r\n.company-button {\r\n    color: var(--button-company-color);\r\n}\r\n\r\n.job-card-title {\r\n    font-size: 20px;\r\n    line-height: 20px;\r\n}\r\n\r\n.job-card-location {\r\n    font-size: 14px;\r\n    line-height: 18px;\r\n}\r\n\r\n.job-card-desc {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 16px;\r\n}\r\n\r\n.job-detail-header-title {\r\n    font-size: 20px;\r\n    line-height: 20px;\r\n}\r\n\r\n.job-detail-desc > p, .job-detail-desc > p > a, .job-detail-desc > ul > li, .job-card-desc > p > code {\r\n    font-weight: 400;\r\n    color: var(--dark-grey);\r\n    line-height: 18px;\r\n}\r\n\r\n.job-detail-apply > p, .job-detail-apply > p > a, .job-detail-apply > ul > li {\r\n    color: white;\r\n    font-weight: 400;\r\n}\r\n\r\n.job-detail-desc > .job-detail-desc-title, .job-detail-apply > p:first-child {\r\n    font-size: 28px;\r\n    line-height: 28px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.job-detail-desc > .job-card-location {\r\n    color: var(--violet);\r\n    font-weight: 700;\r\n}\r\n\r\n.job-detail-desc > a.button, .job-detail-footer-wrap > a.button {\r\n    text-decoration: none;\r\n    color: white;\r\n    font-weight: 700;\r\n}\r\n\r\n.px20 {\r\n    font-size: 20px;\r\n    line-height: 20px;\r\n    color: var(--bg-panel);\r\n}\r\n\r\np.error {\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    color: red;\r\n}\r\n\r\n\r\n.violet {\r\n    color: var(--violet);\r\n}\r\n\r\n.gray {\r\n    color: var(--gray);\r\n}\r\n\r\n.dark-grey {\r\n    color: var(--dark-grey);\r\n}\r\n\r\n.header-color {\r\n    color: var(--header-color);\r\n}\r\n\r\n.weight700 {\r\n    font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    .job-detail-desc > .job-detail-desc-title, .job-detail-apply > p:first-child {\r\n        font-size: 20px;\r\n        line-height: 20px;\r\n    }\r\n}","html {\r\n    --violet: rgba(89, 100, 224, 1);\r\n    --light-violet: rgba(147, 155, 244, 1);\r\n    --dark-grey: rgba(110, 128, 152, 1);\r\n    --gray: rgba(157, 174, 194, 1);\r\n}\r\n\r\nhtml[data-theme='light'] {\r\n    --bg: rgba(244, 246, 248, 1);\r\n    --bg-panel:rgba(255, 255, 255, 1);\r\n    --header-color: rgba(25, 32, 45, 1);\r\n    --filter-icon-color: rgba(110, 128, 152, 1);\r\n    --card-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.5);\r\n    --card-box-shadow-hover: 0px 0px 10px 1px rgba(0,0,0,0.5);\r\n    --button-company : rgba(89, 100, 224, 0.25);\r\n    --button-company-hover : rgba(89, 100, 224, 0.4);\r\n    --button-company-color: var(--violet);\r\n}\r\n\r\nhtml[data-theme='dark'] {\r\n    --bg: rgba(18, 23, 33, 1);\r\n    --bg-panel:rgba(25, 32, 45, 1);\r\n    --header-color: rgba(255, 255, 255, 1);\r\n    --filter-icon-color: rgba(255, 255, 255, 1);\r\n    --card-box-shadow: 0px 0px 10px -1px rgba(200,200,200,0.5);\r\n    --card-box-shadow-hover: 0px 0px 10px 1px rgba(200,200,200,0.5);\r\n    --button-company : rgba(255, 255, 255, 0.25);\r\n    --button-company-hover : rgba(255, 255, 255, 0.4);\r\n    --button-company-color:  rgba(255, 255, 255, 1);\r\n}","html,\r\nbody,\r\ndiv,\r\nspan,\r\napplet,\r\nobject,\r\niframe,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np,\r\nblockquote,\r\npre,\r\na,\r\nabbr,\r\nacronym,\r\naddress,\r\nbig,\r\ncite,\r\ncode,\r\ndel,\r\ndfn,\r\nem,\r\nbutton,\r\nimg,\r\nins,\r\nkbd,\r\nq,\r\ns,\r\nsamp,\r\nsmall,\r\nstrike,\r\nstrong,\r\nsub,\r\nsup,\r\ntt,\r\nvar,\r\nb,\r\nu,\r\ni,\r\ncenter,\r\ndl,\r\ndt,\r\ndd,\r\nol,\r\nul,\r\nli,\r\nfieldset,\r\nform,\r\nlabel,\r\nlegend,\r\ntable,\r\ncaption,\r\ntbody,\r\ntfoot,\r\nthead,\r\ntr,\r\nth,\r\ntd,\r\narticle,\r\naside,\r\ncanvas,\r\ndetails,\r\nembed,\r\nfigure,\r\nfigcaption,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmenu,\r\nnav,\r\noutput,\r\nruby,\r\nsection,\r\nsummary,\r\ntime,\r\nmark,\r\naudio,\r\nvideo {\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n  font-size: 100%;\r\n  vertical-align: baseline;\r\n}\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n*::after, *::before {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* HTML5 display-role reset for older browsers */\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmenu,\r\nnav,\r\nsection {\r\n  display: block;\r\n}\r\nbody {\r\n  line-height: 1;\r\n  overflow-x: hidden;\r\n  position: relative;\r\n  z-index: 0;\r\n  display: flex;\r\n  flex-flow: column nowrap;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  background-color: var(--bg);\r\n  @include flex(flex, column, flex-start, center);\r\n}\r\n\r\nblockquote,\r\nq {\r\n  quotes: none;\r\n}\r\nblockquote:before,\r\nblockquote:after,\r\nq:before,\r\nq:after {\r\n  content: \"\";\r\n  content: none;\r\n}\r\ntable {\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n}\r\n\r\na {\r\n  text-decoration: none;\r\n}\r\n\r\nhtml {\r\n  overflow-x: hidden;\r\n}\r\n\r\nhtml.transition,\r\nhtml.transition *,\r\nhtml.transition *::before,\r\nhtml.transition *::after {\r\n    transition: all 750ms !important;\r\n    transition-delay: 0 !important;\r\n}\r\n\r\ninput[type=text]::-ms-clear {  display: none; width : 0; height: 0; }\r\ninput[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }\r\ninput[type=\"search\"]::-webkit-search-decoration,\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-results-button,\r\ninput[type=\"search\"]::-webkit-search-results-decoration { display: none; }\r\n\r\ninput {\r\n  border: none;\r\n  outline: none;\r\n  background: transparent;\r\n}\r\nbutton{\r\n  outline: none;\r\n}\r\n\r\nbody, html {\r\n  min-height: 100vh;\r\n}\r\n\r\na {\r\n  color: var(--dark-grey);\r\n}","@mixin flex ($display: flex, $flow: row nowrap, $justify: flex-start, $align: flex-start) {\r\n    display: $display;\r\n    flex-flow: $flow;\r\n    justify-content: $justify;\r\n    align-items: $align;\r\n}\r\n\r\n@mixin absolute-el ($top, $right, $bottom, $left) {\r\n    position: absolute;\r\n    top: $top;\r\n    right: $right;\r\n    bottom: $bottom;\r\n    left: $left;\r\n}","@media screen and (min-width: 200px) {\r\n    %flex-center-center {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    %flex-between-center {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      flex-flow: row nowrap;\r\n    }\r\n\r\n    %transition-0-2s {\r\n      transition: all 0.2s ease-in-out;\r\n    }\r\n  }\r\n  ",".button-switcher {\r\n    width: 48px;\r\n    height: 24px;\r\n    @extend %flex-center-center;\r\n    position: relative;\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n.button-switcher::before {\r\n    content: '';\r\n    width: 20px;\r\n    height: 19px;\r\n    @include absolute-el(unset, unset, unset, -32px);\r\n    background-image: url(/assets/desktop/icon-sun.svg);\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n.button-switcher::after {\r\n    content: '';\r\n    width: 18px;\r\n    height: 18px;\r\n    @include absolute-el(unset, -29px, unset, unset);\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-image: url(/assets/desktop/icon-moon.svg);\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n#switcher {\r\n    width: 48px;\r\n    height: 24px;\r\n    background: white;\r\n    border-radius: 12px;\r\n    border: none;\r\n    position: relative;\r\n    outline: none;\r\n    cursor: pointer;\r\n    padding: 0;\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n#switcher::before {\r\n    content: '';\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    left: 4px;\r\n    top: 5px;\r\n    background-color: rgba(89, 100, 224, 1);\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n#switcher.active::before {\r\n    left: 30px;\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n\r\n.button {\r\n    background-color: var(--violet);\r\n    border-radius: 5px;\r\n    @extend %flex-center-center;\r\n    cursor: pointer;\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n.search-button {\r\n    width: 123px;\r\n    height: 48px;\r\n}\r\n\r\n.search-button-mobile {\r\n    width: 279px;\r\n    height: 48px;\r\n}\r\n\r\n.apply-button {\r\n    width: 141px;\r\n    height: 48px;\r\n}\r\n\r\n.button:hover {\r\n    background-color: rgba(147, 155, 244, 1);\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n.load-more-button {\r\n    width: 141px;\r\n    height: 48px;\r\n    margin-bottom: 50px;\r\n    display: flex;\r\n}\r\n\r\n.load-more-button.displayNone {\r\n    display: none;\r\n}\r\n\r\n.company-button {\r\n    background-color: var(--button-company);\r\n    width: 147px;\r\n    height: 48px;\r\n    border-radius: 5px;\r\n    @extend %flex-center-center;\r\n    cursor: pointer;\r\n    @extend %transition-0-2s;   \r\n}\r\n\r\n.company-button:hover {\r\n    @extend %flex-center-center;\r\n    background-color: var(--button-company-hover);\r\n}\r\n\r\n.company-button.error {\r\n    background-color: rgba(255,0,0,0.2);\r\n    color: red;\r\n    pointer-events: none;\r\n}\r\n\r\n@media screen and (max-width: 1110px) {\r\n    .search-button {\r\n        width: 80px;\r\n        height: 48px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    .search-button {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n    .apply-button {\r\n        width: 279px;\r\n    }\r\n\r\n    .apply-button-footer {\r\n        width: 327px;\r\n        height: 48px;\r\n    }\r\n}","header {\r\n    background-color: var(--violet);\r\n    width: 100vw;\r\n    height: 162px;\r\n    @extend %flex-center-center;\r\n    border-radius: 0px 0px 0px 100px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\nheader::after {\r\n    content: '';\r\n    width: 100%;\r\n    height: 100%;\r\n    @include absolute-el(0px, unset, unset, 0px);\r\n    background-image: url(/assets/desktop/bg-pattern-header.svg);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    border-radius: 0px 0px 0px 100px;\r\n    z-index: 2;\r\n}\r\n\r\n.header-wrap {\r\n    width: 1110px;\r\n    height: 32px;\r\n    @extend %flex-between-center;\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.header-img {\r\n    cursor: pointer;\r\n    \r\n}\r\n\r\n@media screen and (max-width: 1110px) {\r\n    .header-wrap {\r\n        width: 689px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    header {\r\n        border-radius: 0px 0px 0px 0px;\r\n    }\r\n    .header-wrap {\r\n        width: 80%;\r\n    }\r\n}",".filter {\r\n    width: 1110px;\r\n    height: 80px;\r\n    background-color: var(--bg-panel);\r\n    @include flex(flex, row, space-between, center);\r\n    padding: 16px 16px 16px 32px;\r\n    position: relative;\r\n    border-radius: 6px;\r\n    top: -40px;\r\n    z-index: 2;\r\n}\r\n\r\n.filter-search {\r\n    width: 431px;\r\n    height: 48px;\r\n    padding-left: 40px;\r\n    position: relative;\r\n}\r\n\r\n#search-bar, #search-location {\r\n    width: 94%;\r\n    height: 100%;\r\n}\r\n\r\n#icon-glass {\r\n    @include absolute-el(10px, unset, unset, 0px);\r\n}\r\n\r\n.filter-search::after, .filter-location::after {\r\n    content: '';\r\n    @include absolute-el(-16px, 0px, unset, unset);\r\n    width: 1px;\r\n    height: 80px;\r\n    opacity: 0.2;\r\n    background-color: var(--dark-grey);\r\n}\r\n\r\n.filter-location {\r\n    width: 300px;\r\n    height: 48px;\r\n    padding-left: 62px;\r\n    position: relative;\r\n}\r\n\r\n#icon-location {\r\n    @include absolute-el(10px, unset, unset, 25px); \r\n}\r\n\r\n.filter-fulltime {\r\n    width: 206px;\r\n    height: 48px;\r\n    padding-left: 32px;\r\n    position: relative;\r\n    @extend %flex-center-center;\r\n}\r\n\r\n.checkbox-wrapper {\r\n    position: absolute;\r\n    left: 35px;\r\n    top: 23px;\r\n    transform: translate(-50%, -50%);\r\n    overflow: hidden;\r\n}\r\n\r\n.checkmark {\r\n    display: block;\r\n    width: 24px;\r\n    height: 24px;\r\n    background-color: var(--gray);\r\n    border-radius: 3px;\r\n    position: relative;\r\n    transition: background-color 0.4s;\r\n    cursor: pointer;\r\n}\r\n\r\n#check:checked ~ .checkmark {\r\n    background-color: var(--violet);\r\n}\r\n\r\n.checkmark::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 8px;\r\n    height: 13px;\r\n    border-right: 2px solid #fff;\r\n    border-bottom: 2px solid #fff;\r\n    top: 40%;\r\n    left: 52%;\r\n    transform: translate(-50%, -50%) rotateZ(40deg) scale(2);\r\n    opacity: 0;\r\n    transition: all 0.4s;\r\n}\r\n\r\n#check:checked ~ .checkmark::after {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%) rotateZ(40deg) scale(1);\r\n}\r\n\r\n#icon-filter, .search-button-wrapper-mobile, .dark-overlay {\r\n    display: none;\r\n}\r\n\r\n@media screen and (max-width: 1110px) {\r\n    .filter {\r\n        width: 689px;\r\n    }\r\n    \r\n    .filter-search {\r\n        width: 200px;\r\n    }\r\n    \r\n    .filter-location {\r\n        width: 213px;\r\n        padding-left: 57px;\r\n    }\r\n    \r\n    .filter-fulltime {\r\n        width: 156px;\r\n        padding-left: 32px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    .filter {\r\n        width: 327px;\r\n        padding: 16px 16px 16px 24px;\r\n    }\r\n    \r\n    .filter-search {\r\n        width: 231px;\r\n        padding-left: 0px;\r\n    }\r\n    \r\n    #search-bar, #search-location {\r\n        width: 76%;\r\n        height: 100%;\r\n    }\r\n    \r\n    #icon-glass, .filter-search::after {\r\n        display: none;\r\n    }\r\n    \r\n    .filter-location::after {\r\n        @include absolute-el(unset, unset, 0px, 0px);\r\n        width: 327px;\r\n        height: 1px;\r\n        z-index: 3;\r\n    }\r\n    \r\n    .filter-location {\r\n        width: 327px;\r\n        height: 60px;\r\n        padding-left: 57px;\r\n        @include absolute-el(unset, unset, -100px, 0px);\r\n        background-color: var(--bg-panel);\r\n        border-radius: 6px 6px 0px 0px;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: 0.2s ease-in-out;\r\n    }\r\n    \r\n    #icon-location {\r\n        @include absolute-el(15px, unset, unset, 20px); \r\n        z-index: 3;\r\n    }\r\n    \r\n    .filter-fulltime {\r\n        width: 327px;\r\n        height: 60px;\r\n        padding-left: 58px;\r\n        padding-top: 9px;\r\n        @include absolute-el(unset, unset, -150px, 0px);\r\n        @include flex(flex, row, flex-start, center);\r\n        background-color: var(--bg-panel);\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        transition: 0.2s ease-in-out;\r\n    }\r\n    \r\n    .checkbox-wrapper {\r\n        @include absolute-el(33px, unset, unset, 29px);\r\n    }\r\n\r\n    #icon-filter {\r\n        display: block;\r\n        @include absolute-el(unset, 85px, unset, unset);\r\n        cursor: pointer;\r\n    }\r\n\r\n    #icon-filter > path {\r\n        fill: var(--filter-icon-color);\r\n    }\r\n\r\n    .search-button-wrapper-mobile {\r\n        @include flex(flex, row, center, center);\r\n        background-color: var(--bg-panel);\r\n        width: 327px;\r\n        height: 85px;\r\n        @include absolute-el(unset, unset, -220px, 0px);\r\n        z-index: 3;\r\n        opacity: 0;\r\n        pointer-events: none;\r\n        border-radius: 0px 0px 6px 6px;\r\n        transition: 0.2s ease-in-out;\r\n    }\r\n\r\n    .dark-overlay {\r\n        display: block;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        width: 100vw;\r\n        height: 100vh;\r\n        @include absolute-el(0px, unset, unset, 0px);\r\n        opacity: 0;\r\n        z-index: 1;\r\n        transition: 0.2s ease-in-out;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .dark-overlay.active, .search-button-wrapper-mobile.active, \r\n    .filter-fulltime.active, .filter-location.active {\r\n        opacity: 1;\r\n        pointer-events: all;\r\n        transition: 0.2s ease-in-out;\r\n    }\r\n    \r\n}",".jobs {\r\n    width: 1110px;\r\n    @include flex(flex, row wrap, space-between, center);\r\n    margin-top: 80px;\r\n    position: relative;\r\n    height: auto;\r\n}\r\n\r\n.jobs.detail-display {\r\n    width: 730px;\r\n    margin: 0px;\r\n    top: -40px;\r\n}\r\n\r\n.job { \r\n    margin-bottom: 65px;\r\n}\r\n\r\n.job-card {\r\n    background-color: var(--bg-panel);\r\n    width: 350px;\r\n    height: 228px;\r\n    padding: 49px 32px 32px 32px;\r\n    @include flex(flex, column, space-between, flex-start);\r\n    position: relative;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    box-shadow: var(--card-box-shadow);\r\n    transform: scale(1.0);\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n.job-card:hover {\r\n    box-shadow: var(--card-box-shadow-hover);\r\n    transform: scale(1.05);\r\n    @extend %transition-0-2s;\r\n}\r\n\r\n.job-card > img {\r\n    @include absolute-el(-25px, unset, unset, unset);\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 15px;\r\n    background-color: var(--bg-panel);\r\n}\r\n\r\n.job-circle {\r\n    font-size: 30px;\r\n}\r\n\r\n@media screen and (max-width: 1110px) {\r\n    .jobs {\r\n        width: 689px;\r\n        margin-top: 85px;\r\n    }\r\n    \r\n    .job-card {\r\n        box-shadow: none;\r\n        width: 339px;\r\n        padding: 49px 21px 32px 32px;\r\n    }\r\n\r\n    .job-card:hover {\r\n        transform: scale(1);\r\n    }\r\n    \r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    .jobs {\r\n        width: 327px;\r\n       \r\n        @include flex(flex, column, space-between, center);\r\n        margin-top: 72px;\r\n    }\r\n    \r\n    .job-card {\r\n        width: 327px;\r\n        height: 228px;\r\n    }\r\n    \r\n}",".job-detail-out, .job-detail-on > .job-card  {\r\n    display: none;\r\n}\r\n\r\n.job.job-detail-on{\r\n    transition: 0s;\r\n}\r\n\r\n.job {\r\n    transition: 0s;\r\n}\r\n\r\n.job-detail {\r\n    @include absolute-el(0px, unset, unset, unset);\r\n    z-index: 3;\r\n    display: none;\r\n}\r\n\r\n.job-detail-on > .job-detail {\r\n    @include flex(flex, column, space-between, center)\r\n}\r\n\r\n// Job detail header\r\n\r\n.job-detail-header {\r\n    width: 730px;\r\n    height: 140px;\r\n    @include flex(flex, row, flex-start, center);\r\n    background-color: var(--bg-panel);\r\n    position: relative;\r\n    z-index: 3;\r\n    border-radius: 6px;\r\n}\r\n\r\n.job-detail-header > img {\r\n    background-color: var(--header-color);\r\n    width: 140px;\r\n    height: 140px;\r\n    border-radius: 6px 0px 0px 6px;\r\n}\r\n\r\n.job-detail-header > .job-detail-header-desc {\r\n    width: 507px;\r\n    height: 53px;\r\n    @extend %flex-between-center;\r\n    margin-left: 40px;\r\n    position: relative;\r\n}\r\n\r\n.job-detail-header-desc > div {\r\n    @include flex(flex, column, space-between, flex-start);\r\n    height: 100%;\r\n    position: relative;\r\n    \r\n}\r\n\r\n.company-button {\r\n    pointer-events: all;\r\n}\r\n\r\np.error {\r\n    @include absolute-el(unset, 22px, -25px, unset);\r\n    z-index: 4;\r\n    display: none;\r\n}\r\n\r\np.error.active {\r\n    display: block;\r\n}\r\n\r\n// Job detail desc\r\n\r\n.job-detail-desc {\r\n    margin-top: 32px;\r\n    width: 730px;\r\n    padding: 48px 43px 48px 48px;\r\n    background-color: var(--bg-panel);\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.job-detail-desc > p, .job-detail-desc > a, .job-detail-desc > ul > li {\r\n    margin: 10px 0px 10px 0px;\r\n}\r\n\r\n.job-detail-desc > * > strong {\r\n    font-size: 20px;\r\n    color: var(--header-color);\r\n}\r\n\r\n.apply-button-desc {\r\n    @include absolute-el(68px, 43px, unset, unset);\r\n}\r\n\r\n.job-detail-desc-title, .detail-footer-header {\r\n    color: var(--header-color) !important;\r\n}\r\n\r\n// Job detail How to apply\r\n\r\n.job-detail-apply {\r\n    background-color: var(--violet);\r\n    padding: 40px 43px 41px 48px;\r\n    position: relative;\r\n    z-index: 3;\r\n    margin-top: 32px;\r\n    border-radius: 5px;\r\n    width: 730px;\r\n    height: auto;\r\n    margin-bottom: 172px;\r\n}\r\n\r\n.job-detail-apply::after {\r\n    content: '';\r\n    border-radius: 5px;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: url(/assets/desktop/bg-pattern-detail-footer.svg);\r\n    @include absolute-el(0px, unset, unset, 0px);\r\n    z-index: 4;\r\n}\r\n\r\n.job-detail-apply > * {\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.job-detail-apply > a, .job-detail-desc > a, .job-detail-apply > p > a, .job-detail-desc > p > a {\r\n    text-decoration: underline;\r\n}\r\n\r\n.job-detail-apply > p:first-child {\r\n    color: white;\r\n}\r\n\r\n     // Job detail footer\r\n\r\n.job-detail-footer {\r\n    width: 100vw;\r\n    height: 96px;\r\n    background-color: var(--bg-panel);\r\n    @extend %flex-center-center;\r\n    @include absolute-el(unset, unset, 0px, unset);\r\n    z-index: 3;\r\n}\r\n\r\n.job-detail-footer-wrap {\r\n    width: 730px;\r\n    height: 50px;\r\n    @include flex(flex, column, space-between, flex-start);\r\n    flex-flow: column;\r\n    position: relative;\r\n}\r\n\r\n.apply-button-footer {\r\n    @include absolute-el(unset, 0px, unset, unset); \r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    .job.job-detail-on {\r\n        @include flex(flex, column, space-between, center)\r\n    }\r\n    .job-detail {\r\n        @include absolute-el(0px, unset, unset, unset);\r\n    }\r\n    \r\n    .job-detail-on > .job-detail {\r\n        @include flex(flex, column, space-between, center)\r\n    }\r\n    \r\n    // Job detail header\r\n    \r\n    .job-detail-header {\r\n        width: 327px;\r\n        height: 205px;\r\n        @include flex(flex, row, center, center);\r\n    }\r\n    \r\n    .job-detail-header > img {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 6px;\r\n        @include absolute-el(-25px, unset, unset, unset);\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        transition: 0s;\r\n    }\r\n    \r\n    .job-detail-header > .job-detail-header-desc {\r\n        width: 147px;\r\n        height: 124px;\r\n        @include flex(flex, column, space-between, center);\r\n        margin-left: 0px;\r\n    }\r\n    \r\n    .job-detail-header-desc > div {\r\n        @include flex(flex, column, space-between, center);\r\n        height: auto;\r\n        min-height: 52px;\r\n    }\r\n    \r\n    // Job detail desc\r\n    \r\n    .job-detail-desc {\r\n        margin-top: 24px;\r\n        width: 327px;\r\n        padding: 40px 24px 32px 24px;\r\n    }\r\n    \r\n    .job-detail-desc > p, .job-detail-desc > a, .job-detail-desc > ul > li,\r\n    .job-detail-apply > p, .job-detail-apply > a, .job-detail-apply > ul > li {\r\n        margin: 12px 0px 12px 0px;\r\n    }\r\n    \r\n    .job-detail-desc > * > strong {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .apply-button-desc {\r\n        @include absolute-el(167px, 23px, unset, unset);\r\n    }\r\n\r\n    .job-detail-desc > .job-card-location {\r\n        margin-bottom: 112px;\r\n    }\r\n\r\n    .job-detail-desc > p {\r\n        overflow: hidden;\r\n    }\r\n    \r\n    // Job detail How to apply\r\n    \r\n    .job-detail-apply {\r\n        padding: 32px;\r\n        width: 327px;\r\n        margin-bottom: 172px;\r\n    }\r\n    \r\n    .job-detail-apply::after {\r\n        background-image: url(/assets/mobile/bg-pattern-detail-footer.svg);\r\n    }\r\n    \r\n    // Job detail footer\r\n    \r\n    .job-detail-footer-wrap {\r\n        width: 375px;\r\n        height: 100%;\r\n        @include flex(flex, column, center, center);\r\n        position: relative;\r\n    }\r\n\r\n    .job-detail-footer-wrap > p {\r\n        display: none;\r\n    }\r\n    \r\n    .apply-button-footer {\r\n        position: relative;\r\n        width: 1;\r\n    }\r\n}","@keyframes rotate360 {\r\n    to { transform: rotate(360deg);}\r\n}\r\n\r\n#loader {\r\n    width: 300px;\r\n    height: 300px;\r\n    margin-top: 50px;\r\n    animation: 1.5s rotate360 infinite linear;\r\n    display: none;\r\n}\r\n\r\n#loader.active {\r\n    display: block;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    #loader {\r\n        width: 150px;\r\n        height: 150px;\r\n    }\r\n}\r\n\r\n/* updateTodoList(await getTodoItems());\r\n\r\nconst getTodoItems = async () => {\r\n    try {\r\n      const response = await axios.get(`${BASE_URL}/todos?_limit=5`);\r\n  \r\n      const todoItems = response.data;\r\n  \r\n      console.log(`GET: Here's the list of todos`, todoItems);\r\n  \r\n      return todoItems;\r\n    } catch (errors) {\r\n      console.error(errors);\r\n    }\r\n  }; */",".error-display {\r\n    position: relative;\r\n    @include flex(flex, column, space-between, center);\r\n    height: 320px;\r\n    text-align: center;\r\n    display: none;\r\n}\r\n\r\n.error-display.active {\r\n    display: flex;\r\n}"]}