{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_contact-card.scss","../scss-styles/contact-card.scss","../scss-styles/variables/_main-colors.scss"],"names":[],"mappings":"AAAA,cACC,2BACA,aACA,oCACA,eACA,cAGA,4BACC,6BAIA,uCACC,YACA,WACA,kBAKD,0CACC,SAGD,uNCnBD,UDoBgC,OCnBhC,6CDkBC,uNCjBA,gEAED,wBDeC,uNCdA,mCDkBA,8DACC,gBAIF,iCACC,kBACA,qBACA,yBACA,eAEA,uCACC,WEoDU,QFnDV,ME+CW,QF7CZ,uCACC,qBACA,WE+CU,QF1CX,qEACC,iBACA,mBAIA,+DACC,wCACA,6BACA,qCACA,kCACA,iCAEA,qBACA,qBACA,MEuBU,QFtBV,WACA,eAEA,kBACA,QACA,OACA,cACA,kBAKD,2FACC,2BAID,2FACC,kBAKH,iCACC,iBACA,UACA,qBACA,qBACA,kBAEA,mDACC,qBAIF,uCACC,eAIF,mCAKI,+DACC,MEnBU,QFqBX,qEACC,ME1BS,QFiCX,uCACC,MElCU,QFoCV,+CACC,MErCS,SF4Cd,8BACC,cACC,8BACA,wCACC,cAED,oCACC,cACA,WACA,gBAEA,qEACC,qBACA,gBACA,mBAGF,iCACC,gBAED,uCACC,eACA,oBAKH,8BAGG,qEACC,kBACA,WAEA,wFACC,WACA,cAIH,uCACC,gBAKH,8BAEE,wCACC,iBACA,WAED,oCACC,iBACA,WAED,iCACC","file":"contact-card.css","sourcesContent":[".contact-card {\n\tcontainer-type: inline-size;\n\tdisplay: grid;\n\tgrid-template-columns: 6rem 1fr auto;\n\tcolumn-gap: 1em;\n\tpadding: 1em 0;\n\t\n\n\t& + .contact-card {\n\t\tborder-top: 1px solid $mid-grey-2;\n\t}\n\n\t.contact-card-avatar {\n\t\timg {\n\t\t\theight: auto;\n\t\t\twidth: 100%;\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\n\t.contact-card-information {\n\t\t> * {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\th2, h3, h4, h5, h6 {\n\t\t\t@include responsive-font-size(1.44em, 0.1225em, 36em, 75em);\n\t\t}\n\n\t\t.contact-card-summary {\n\t\t\tmargin-top: 0.8em;\n\t\t}\n\t}\n\n\t.contact-card-link {\n\t\tpadding: 0.4em 0.5em;\n\t\tdisplay: inline-block;\n\t\tborder: 1px solid $mid-grey-1;\n\t\tfont-size: 0.9em;\n\n\t\t&:hover {\n\t\t\tbackground: $mid-grey-2;\n\t\t\tcolor: $dark-grey-1;\n\t\t}\n\t\t&:focus {\n\t\t\ttext-decoration: none;\n\t\t\tbackground: $mid-grey-2;\n\t\t}\n\t}\n\n\t.contact-card-contact {\n\t\t> div[class^='contact-card-contact'] {\n\t\t\ttext-align: right;\n\t\t\tmargin-bottom: 0.3em;\n\t\t}\n\t\t\n\t\t.contact-card-link {\n\t\t\t&::before {\n\t\t\t\tfont-family: 'Material Symbols Outlined';\n\t\t\t\tfont-feature-settings: 'liga';\n\t\t\t\t-webkit-font-feature-settings: 'liga';\n\t\t\t\t-moz-font-feature-settings: 'liga';\n\t\t\t\tfont-variation-settings: 'FILL' 1;\n\n\t\t\t\ttext-decoration: none;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tcolor: $dark-grey-1;\n\t\t\t\topacity: 0.7;\n\t\t\t\tfont-size: 26px;\n\n\t\t\t\tposition: relative;\n\t\t\t\ttop: 8px;\n\t\t\t\tleft: 0;\n\t\t\t\tline-height: 0;\n\t\t\t\tmargin-right: 0.2em;\n\t\t\t}\n\t\t}\n\n\t\t.contact-card-contact-phone {\n\t\t\t.contact-card-link::before {\n\t\t\t\tcontent: 'phone_enabled' / '';\n\t\t\t}\n\t\t}\n\t\t.contact-card-contact-email {\n\t\t\t.contact-card-link::before {\n\t\t\t\tcontent: 'mail' / '';\n\t\t\t}\n\t\t}\n\t}\n\n\t.contact-card-tags {\n\t\tgrid-column: 2 / -1;\n\t\tpadding: 0;\n\t\tdisplay: inline-block;\n\t\tlist-style-type: none;\n\t\tmargin: 0.8em 0 0 0;\n\n\t\t.contact-card-tag {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n\n\t.contact-card-link-small {\n\t\tfont-size: 0.8em;\n\t}\n}\n\n@media (prefers-color-scheme: dark) {\n\t.contact-card {\n\t\t.contact-card-contact {\n\t\t\t.contact-card-link {\n\n\t\t\t\t&::before {\n\t\t\t\t\tcolor: $light-grey-1;\n\t\t\t\t}\n\t\t\t\t&:hover::before {\n\t\t\t\t\tcolor: $dark-grey-2;\n\t\t\t\t}\n\n\t\t\t}\n\t\t}\n\n\t\t.contact-card-link {\n\t\t\t&:focus {\n\t\t\t\tcolor: $dark-grey-2;\n\n\t\t\t\t&::before {\n\t\t\t\t\tcolor: $dark-grey-2;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@container (max-width: 900px) {\n\t.contact-card {\n\t\tgrid-template-columns: 6em 1fr;\n\t\t.contact-card-information {\n\t\t\tgrid-column: 2;\n\t\t}\n\t\t.contact-card-contact {\n\t\t\tgrid-column: 2;\n\t\t\tgrid-row: 2;\n\t\t\tmargin-top: 0.4em;\n\n\t\t\t> div[class^='contact-card-contact'] {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\ttext-align: left;\n\t\t\t\tmargin-bottom: 0.3em;\n\t\t\t}\n\t\t}\n\t\t.contact-card-tags {\n\t\t\tmargin-top: 0.3em;\n\t\t}\n\t\t.contact-card-link-small {\n\t\t\tfont-size: 0.8em;\n\t\t\tmargin-bottom: 0.3em;\n\t\t}\n\t}\n}\n\n@container (max-width: 370px) {\n\t.contact-card {\n\t\t.contact-card-contact {\n\t\t\t> div[class^='contact-card-contact'] {\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 100%;\n\n\t\t\t\t.contact-card-link {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.contact-card-link-small {\n\t\t\tfont-size: 0.9em;\n\t\t}\n\t}\n}\n\n@container (max-width: 300px) {\n\t.contact-card {\n\t\t.contact-card-information {\n\t\t\tgrid-column: 1 / -1;\n\t\t\tgrid-row: 2;\n\t\t}\n\t\t.contact-card-contact {\n\t\t\tgrid-column: 1 / -1;\n\t\t\tgrid-row: 3;\n\t\t}\n\t\t.contact-card-tags {\n\t\t\tgrid-column: 1 / -1;\n\t\t}\n\t}\n\t\n}","// Import only what's needed\n@import \"./variables/breakpoints\";\n@import \"./variables/main-colors\";\n\n// Import only responsive-font-size mixin\n@mixin responsive-font-size($size, $vw-adjustment, $min-vw, $max-vw) {\n\tfont-size: $size;\n\t@media (min-width: $min-vw) and (max-width: $max-vw) {\n\t\tfont-size: calc(#{$size} + #{$vw-adjustment} * (100vw - #{$min-vw}) / (#{$max-vw} - #{$min-vw}));\n\t}\n\t@media (min-width: $max-vw) {\n\t\tfont-size: calc(#{$size} + #{$vw-adjustment});\n\t}\n}\n\n@import \"./components/_contact-card\";\n","// Any variable that can be altered by a theme should be placed\r\n// in the theme variable file, not in here\r\n\r\n$blue-primary: #00539b;\r\n$blue-5-tint: #0d5ca0;\r\n$blue-10-tint: #1a64a5;\r\n$blue-15-tint: #266daa;\r\n$blue-20-tint: #3375af;\r\n$blue-25-tint: #407eb4;\r\n$blue-30-tint: #4d87b9;\r\n$blue-35-tint: #5a8fbe;\r\n$blue-40-tint: #6698c3;\r\n$blue-45-tint: #73a0c8;\r\n$blue-50-tint: #80a9cd;\r\n$blue-55-tint: #8db2d2;\r\n$blue-60-tint: #99bad7;\r\n$blue-65-tint: #a6c3dc;\r\n$blue-70-tint: #b3cbe1;\r\n$blue-75-tint: #c0d4e6;\r\n$blue-80-tint: #ccddeb;\r\n$blue-85-tint: #d9e5f0;\r\n$blue-90-tint: #e6eef5;\r\n$blue-95-tint: #f2f6fa;\r\n$blue-5-shade: #004f93;\r\n$blue-10-shade: #004a8c;\r\n$blue-15-shade: #004684;\r\n$blue-20-shade: #00427c;\r\n$blue-25-shade: #003e74;\r\n$blue-30-shade: #003a6d;\r\n$blue-35-shade: #003665;\r\n$blue-40-shade: #00325d;\r\n$blue-45-shade: #002e55;\r\n$blue-50-shade: #002a4e;\r\n$blue-55-shade: #002546;\r\n$blue-60-shade: #00213e;\r\n$blue-65-shade: #001d36;\r\n$blue-70-shade: #00192e;\r\n$blue-75-shade: #001527;\r\n$blue-80-shade: #00111f;\r\n$blue-85-shade: #000c17;\r\n$blue-90-shade: #000810;\r\n$blue-95-shade: #000408;\r\n$light-blue-primary: #0071b3;\r\n$light-blue-light-bg: #e0f2fd;\r\n$light-blue-5-tint: #1a7bbc;\r\n$light-blue-10-tint: #3385c5;\r\n$light-blue-15-tint: #4d8fce;\r\n$light-blue-20-tint: #6699d7;\r\n$light-blue-25-tint: #4095c6;\r\n$light-blue-30-tint: #99a3e0;\r\n$light-blue-35-tint: #b3ade9;\r\n$light-blue-40-tint: #ccb7f2;\r\n$light-blue-45-tint: #e6c1fb;\r\n$light-blue-50-tint: #80b8d9;\r\n$light-blue-55-tint: #99c2e2;\r\n$light-blue-60-tint: #b3cceb;\r\n$light-blue-65-tint: #ccd6f4;\r\n$light-blue-70-tint: #e6e0fd;\r\n$light-blue-75-tint: #f0eafd;\r\n$light-blue-80-tint: #f5f0fe;\r\n$light-blue-85-tint: #faf5fe;\r\n$light-blue-90-tint: #fcf9fe;\r\n$light-blue-95-tint: #fdfdfe;\r\n$light-blue-5-shade: #006baa;\r\n$light-blue-10-shade: #0066a1;\r\n$light-blue-15-shade: #006098;\r\n$light-blue-20-shade: #005a8f;\r\n$light-blue-25-shade: #005586;\r\n$light-blue-30-shade: #004f7d;\r\n$light-blue-35-shade: #004a74;\r\n$light-blue-40-shade: #00446b;\r\n$light-blue-45-shade: #003e62;\r\n$light-blue-50-shade: #003959;\r\n$light-blue-55-shade: #003351;\r\n$light-blue-60-shade: #002d48;\r\n$light-blue-65-shade: #00283f;\r\n$light-blue-70-shade: #002236;\r\n$light-blue-75-shade: #001c2e;\r\n$light-blue-80-shade: #001625;\r\n$light-blue-85-shade: #00101d;\r\n$light-blue-90-shade: #000a14;\r\n$light-blue-95-shade: #000509;\r\n\r\n\r\n$red-primary: #ea1a13;\r\n$red-st-andrews: #ee312a;\r\n$red-25-tint: #ef534e;\r\n$red-50-tint: #f58d89;\r\n$red-25-shade: #b0140e;\r\n$dark-grey-1: #202024;\r\n$dark-grey-2: #0f0f11;\r\n$grey: #6a6a6b;\r\n$mid-grey-1: #949494;\r\n$mid-grey-2: #dedede;\r\n$light-grey-1: #f0f0f0;\r\n$light-grey-2: #fafafa;\r\n$dark-grey-3: #4f4f4f;\r\n$white: #ffffff;\r\n$orange-primary: #ffb400;\r\n$dark-orange: #bf5909;\r\n$dark-orange-25-shade: #98490c;\r\n$yellow:  #ffdf00;\r\n// Additional Colors\r\n$green-primary: #00853f;\r\n$green-light-bg: #d2f9e3;\r\n$green-5-tint: #0d8b49;\r\n$green-10-tint: #1a9152;\r\n$green-15-tint: #26985c;\r\n$green-20-tint: #339e65;\r\n$green-25-tint: #40a46f;\r\n$green-30-tint: #4daa79;\r\n$green-35-tint: #5ab082;\r\n$green-40-tint: #66b68c;\r\n$green-45-tint: #73bc95;\r\n$green-50-tint: #80c29f;\r\n$green-55-tint: #8dc8a9;\r\n$green-60-tint: #99ceb2;\r\n$green-65-tint: #a6d4bc;\r\n$green-70-tint: #b3dac5;\r\n$green-75-tint: #c0e0cf;\r\n$green-80-tint: #cce7d9;\r\n$green-85-tint: #d9ede2;\r\n$green-90-tint: #e6f3ec;\r\n$green-95-tint: #f2f9f5;\r\n$green-5-shade: #007e3c;\r\n$green-10-shade: #007839;\r\n$green-15-shade: #007135;\r\n$green-20-shade: #006a32;\r\n$green-25-shade: #00642f;\r\n$green-30-shade: #005d2c;\r\n$green-35-shade: #005729;\r\n$green-40-shade: #005026;\r\n$green-45-shade: #004a23;\r\n$green-50-shade: #004320;\r\n$green-55-shade: #003d1d;\r\n$green-60-shade: #00361a;\r\n$green-65-shade: #003017;\r\n$green-70-shade: #002914;\r\n$green-75-shade: #002311;\r\n$green-80-shade: #001c0e;\r\n$green-85-shade: #00160b;\r\n$green-90-shade: #000f08;\r\n$green-95-shade: #000904;\r\n\r\n\r\n\r\n\r\n$purple-primary: #7b439a;\r\n$purple-light-bg: #f4e3ff;\r\n$purple-5-tint: #824c9f;\r\n$purple-10-tint: #8856a4;\r\n$purple-15-tint: #8f5fa9;\r\n$purple-20-tint: #9569ae;\r\n$purple-25-tint: #9c72b3;\r\n$purple-30-tint: #a37bb8;\r\n$purple-35-tint: #a985bd;\r\n$purple-40-tint: #b08ec3;\r\n$purple-45-tint: #b698c8;\r\n$purple-50-tint: #bda1cd;\r\n$purple-55-tint: #c4aad2;\r\n$purple-60-tint: #cab4d7;\r\n$purple-65-tint: #d1bddc;\r\n$purple-70-tint: #d7c7e1;\r\n$purple-75-tint: #ded0e6;\r\n$purple-80-tint: #e5d9eb;\r\n$purple-85-tint: #ebe3f0;\r\n$purple-90-tint: #f2ecf5;\r\n$purple-95-tint: #f8f6fa;\r\n$purple-5-shade: #754092;\r\n$purple-10-shade: #6f3c8b;\r\n$purple-15-shade: #693983;\r\n$purple-20-shade: #633680;\r\n$purple-25-shade: #5c3274;\r\n$purple-30-shade: #562f6c;\r\n$purple-35-shade: #502c64;\r\n$purple-40-shade: #4a285c;\r\n$purple-45-shade: #442555;\r\n$purple-50-shade: #3e224d;\r\n$purple-55-shade: #371e45;\r\n$purple-60-shade: #311b3e;\r\n$purple-65-shade: #2b1836;\r\n$purple-70-shade: #25142e;\r\n$purple-75-shade: #1f1127;\r\n$purple-80-shade: #190d1f;\r\n$purple-85-shade: #120a17;\r\n$purple-90-shade: #0c070f;\r\n$purple-95-shade: #060308;\r\n\r\n\r\n\r\n\r\n$burgundy-primary: #c60c46;\r\n$burgundy-light-bg: #ffd3e1;\r\n$burgundy-5-tint: #c9184f;\r\n$burgundy-10-tint: #cc2458;\r\n$burgundy-15-tint: #ce3162;\r\n$burgundy-20-tint: #d13d6b;\r\n$burgundy-25-tint: #d44974;\r\n$burgundy-30-tint: #d7557d;\r\n$burgundy-35-tint: #da6187;\r\n$burgundy-40-tint: #dd6e90;\r\n$burgundy-45-tint: #e07a9a;\r\n$burgundy-50-tint: #e386a3;\r\n$burgundy-55-tint: #e692ac;\r\n$burgundy-60-tint: #e99eb5;\r\n$burgundy-65-tint: #ebaabf;\r\n$burgundy-70-tint: #eeb6c8;\r\n$burgundy-75-tint: #f1c2d1;\r\n$burgundy-80-tint: #f4cfda;\r\n$burgundy-85-tint: #f7dbe3;\r\n$burgundy-90-tint: #f9e7ed;\r\n$burgundy-95-tint: #fcf3f6;\r\n$burgundy-5-shade: #bc0b43;\r\n$burgundy-10-shade: #b20b3f;\r\n$burgundy-15-shade: #a80a3c;\r\n$burgundy-20-shade: #9e0a38;\r\n$burgundy-25-shade: #950935;\r\n$burgundy-30-shade: #8b0831;\r\n$burgundy-35-shade: #81082e;\r\n$burgundy-40-shade: #77072a;\r\n$burgundy-45-shade: #6d0727;\r\n$burgundy-50-shade: #630623;\r\n$burgundy-55-shade: #59051f;\r\n$burgundy-60-shade: #4f051c;\r\n$burgundy-65-shade: #450418;\r\n$burgundy-70-shade: #3b0415;\r\n$burgundy-75-shade: #310311;\r\n$burgundy-80-shade: #27020e;\r\n$burgundy-85-shade: #1d020a;\r\n$burgundy-90-shade: #130107;\r\n$burgundy-95-shade: #090004;\r\n\r\n\r\n\r\n// Contextual Colors\r\n$success: #00853f;\r\n$information: #00539b;\r\n$warning: #bf5909;\r\n$danger: #ea1a13;\r\n"]}