{"version":3,"sources":["base/_mixins.scss"],"names":[],"mappings":"AACI,WACI,YAAA,QACA,IAAA,wBAAA,CAAA,oCAAA,eAAA,CAAA,mCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,uBAAA,CAAA,mCAAA,eAAA,CAAA,kCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,uBAAA,CAAA,mCAAA,eAAA,CAAA,kCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,6BAAA,CAAA,yCAAA,eAAA,CAAA,wCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,yBAAA,CAAA,qCAAA,eAAA,CAAA,oCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,qBAAA,CAAA,iCAAA,eAAA,CAAA,gCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,0BAAA,CAAA,sCAAA,eAAA,CAAA,qCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA,KAPJ,WACI,YAAA,QACA,IAAA,sBAAA,CAAA,kCAAA,eAAA,CAAA,iCAAA,eAGA,YAAA,IACA,WAAA,OACA,aAAA","file":"../scss/preload.css","sourcesContent":["@mixin font-face($name, $file, $weight, $style: normal) {\r\n    @font-face {\r\n        font-family: \"#{$name}\";\r\n        src: local(\"#{$file}\"),\r\n        url('../fonts/#{$file}.woff2') format('woff2'),\r\n        url('../fonts/#{$file}.woff') format('woff');\r\n        font-weight: $weight;\r\n        font-style: $style;\r\n        font-display: swap;\r\n    }\r\n}\r\n\r\n@mixin cover() {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n}\r\n\r\n@mixin centerCol() {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n@mixin centerRow() {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n@mixin underlinedLink($color) {\r\n    position: relative;\r\n    width: fit-content;\r\n    line-height: 1;\r\n    font-weight: 500;\r\n    color: $color;\r\n\r\n    &:after {\r\n        content: '';\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 0;\r\n        background: $color;\r\n        left: 0;\r\n        bottom: 0;\r\n        transition: width .3s ease-in-out;\r\n    }\r\n\r\n    &:hover, &:focus {\r\n        &:after {\r\n            width: 100%;\r\n        }\r\n    }\r\n}"]}