{"version":3,"sources":["bullframe.css","miscellaneous/_misc-layout.scss","typography/_typography-html-body.scss","variables/_variables-texts.scss","typography/_typography-headings.scss","typography/_typography-blockquotes.scss","variables/_variables-spacing.scss","variables/_variables-colors.scss","typography/_typography-monospaced-elements.scss","typography/_typography-misc.scss","miscellaneous/_misc-anchors.scss","miscellaneous/_misc-focus.scss","miscellaneous/_misc-lists.scss","miscellaneous/_misc-embedded-content.scss","forms/_forms-normalization.scss","forms/_forms-styling.scss","forms/_forms-styling-ie-hacks.scss","forms/_forms-styling-select.scss","forms/_forms-styling-select-ie-hacks.scss","forms/_forms-styling-radio-checkbox.scss","forms/_forms-styling-range.scss","miscellaneous/_misc-tables.scss","utilities/_utility-grid-system.scss","utilities/_utility-layout.scss","utilities/_utility-filters.scss","utilities/_utility-z-index.scss","utilities/_utility-spacing.scss","utilities/_utility-texts.scss","utilities/_utility-buttons.scss","utilities/_utility-form-states.scss","utilities/_utility-lists.scss","utilities/_utility-embeds.scss","utilities/_utility-tables.scss","utilities/_utility-print.scss","utilities/_utility-reduced-motion.scss","miscellaneous/_misc-accessibility.scss"],"names":[],"mappings":"AAAA,qFAAqF,CCErF,UAEE,WDAF,CCGA,KACE,eDAF,CCOA,iBAGE,qBDJF,CCOA,0FAaE,aDJF,CCOA,SACE,YDJF,CCQA,6DASE,6BDLF,CAEA,SCSE,sBDPF,CCYA,cACE,kBDTF,CEtDA,KACE,6BAAsB,CAAtB,0BAAsB,CAAtB,qBAAsB,CAItB,eAAgB,CAEhB,UAAW,CAGX,sBAAuB,CACvB,gBAAiB,CAOjB,yCF6CF,CE1CA,KACE,QAAS,CACT,cCdyB,CDezB,gBCd4B,CDe5B,eCduB,CDiBvB,eAAgB,CAChB,eAAgB,CAOhB,iMAyByD,CAGzD,iCAAkC,CAIlC,oBAAqB,CAErB,qBFMF,CI5EA,kBAME,YAAa,CAEb,eAAgB,CAChB,eAAgB,CAChB,mBAAoB,CACpB,aAAc,CACd,gBAAiB,CAEjB,kBJ8EF,CIzEA,GACE,cAAe,CACf,gBJ4EF,CIzEA,GACE,cAAe,CACf,cJ4EF,CIzEA,GACE,cAAe,CACf,gBJ4EF,CIzEA,GACE,cAAe,CACf,cJ4EF,CIzEA,MAEE,cAAe,CACf,gBJ4EF,CKtHA,WAEE,eCkBsB,CDjBtB,cAAe,CACf,iBLyHF,CKtHA,aACE,eLyHF,CKtHA,iBACE,UECY,CFAZ,aLyHF,CKtHA,wBACE,qBLyHF,CKtHA,EACE,sBLyHF,CQ9IA,IAEE,eAAgC,CAKhC,aAAc,CACd,oBAAqB,CACrB,oBAAqB,CACrB,eAAgB,CAChB,oBAAa,CAAb,gBAAa,CAAb,YAAa,CAOb,uBAAwB,CAExB,aR+HF,CQ5HA,kBAIE,2KASoB,CAIpB,gBR8HF,CQ3HA,KACE,oBR8HF,CQ3HA,OACE,aR8HF,CQ3HA,SACE,iBAAkB,CAClB,aAAc,CACd,iBR8HF,CSpLA,EAEE,eTuLF,CS/KA,sCAGE,yBAA0B,CAC1B,wCAAiC,CAAjC,gCAAiC,CACjC,WAAY,CACZ,eTkLF,CS/KA,KACE,qBTmLF,CS/KA,SAHE,UTwLF,CSrLA,IACE,qBFJoB,CEMpB,oBTkLF,CS7KA,SAEE,mBAAoB,CAMpB,kBT0KF,CSvKA,IACE,iBT+KF,CS5KA,QAEE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBT+KF,CS5KA,IACE,QAAS,CACT,UT+KF,CS5KA,IACE,WAAY,CACZ,aT+KF,CS5KA,MACE,aT+KF,CS5KA,GACE,sBAAuB,CACvB,aAAc,CACd,QAAS,CACT,kBAAmB,CACnB,oBAAqB,CACrB,aAAc,CAEd,aAA4B,CAC5B,SAAU,CACV,gBT+KF,CS5KA,QACE,iBAAkB,CAElB,kBHlEsB,CGmEtB,mBT+KF,CS5KA,QACE,iBAAkB,CAClB,cT+KF,CU1QA,EACE,aHwBe,CGvBf,oBAAqB,CAGrB,8BV2QF,CUhRA,gBASI,yBAA0B,CAC1B,aV2QJ,CUlQA,8BACE,aAAc,CACd,oBVqQF,CUlQA,oIAIE,aAAc,CACd,oBVqQF,CUlQA,oCACE,SVqQF,CWtRA,2BACE,YXyRF,CAEA,0CWnQE,mBXqQF,CW3PA,oBAEE,wBX8PF,CW1PA,eACE,wBX6PF,CW/OA,yYAuBI,SXiPJ,CYhVA,cAKE,eAAgC,CAChC,SZmVF,CYhVA,2CAOE,eZmVF,CYhVA,MAGE,gBZmVF,CYhVA,cAEE,eAAgB,CAChB,qBAAsB,CACtB,aZmVF,CY5UA,GACE,aZmVF,CY3UA,cACE,eAAgB,CAChB,iBZ8UF,Ca7XA,4BAIE,oBbgYF,Ca7XA,2CAOE,cbgYF,Ca7XA,2BAKE,qBbgYF,Ca7XA,IACE,WAAY,CACZ,iBbgYF,CatXA,OACE,QbyXF,CatXA,kBAEE,abyXF,CatXA,WACE,iBAAkB,CAClB,abyXF,CatXA,MACE,WbyXF,CatXA,MACE,UbyXF,CatXA,sBACE,YAAa,CACb,QbyXF,CatXA,eACE,ebyXF,CatXA,gBACE,iBbyXF,CatXA,eAEE,oBAAqB,CACrB,uBAAwB,CACxB,UAAW,CACX,cbyXF,CanXA,gBACE,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAChB,WAAY,CAEZ,WAAY,CACZ,WAAY,CAGZ,eN/EkB,CMkFlB,abiXF,Ca1WA,sCACE,eb6WF,Ca3WA,wCACE,kBb8WF,Ca9VA,OACE,iBbiWF,CczdA,2CAKE,aAAc,CACd,mBAAoB,CACpB,iBAAkB,CAClB,mBd4dF,CczdA,wEAOE,Qd4dF,CczdA,kCAIE,Ud4dF,CcxdA,0GAQE,Ud2dF,CctdA,6FASE,oBdydF,CAEA,YcvdE,aAAc,CACd,8BdydF,CctdA,kCAIE,qBdydF,CctdA,sBAGE,uBdydF,CctdA,KACE,QdydF,CcpdA,SAGE,QAAS,CACT,WdudF,CcpdA,gBANE,QAAS,CACT,SdueF,CcleA,OACE,aAAc,CACd,cAAe,CACf,kBAAmB,CAMnB,iBAAkB,CAElB,adudF,CcpdA,aARE,eAAgB,CAEhB,mBR7EuB,CQ+EvB,iBdgeF,Cc5dA,MAEE,ad0dF,CcpdA,wCAGE,cdudF,CAEA,kFcpdE,WdudF,CcpdA,+OAOE,SdudF,CcpdA,+BACE,SdudF,CAEA,ccrdE,qBR5HsB,CQ6HtB,sBdudF,CcpdA,OACE,qBdudF,CcpdA,cAEE,mBdudF,CcpdA,OACE,gBdudF,CAEA,0CcrdE,YdudF,CcpdA,SACE,mBAAoB,CACpB,iBAAkB,CAClB,kBAAmB,CACnB,eAAgB,CAChB,edudF,CcndA,kUAsBE,uBdodF,CcjdA,6BACE,yBAA0B,CAC1B,YdodF,Cc/cA,6BAIE,mBR9LsB,CQ+LtB,oBdkdF,CAEA,ac9cE,iBdgdF,CAEA,gBc9cE,iBRxMoB,CQyMpB,mBdgdF,CAEA,6Bc7cE,SAAU,CACV,qBdgdF,CAEA,ac9cE,8BdgdF,Cc7cA,8BAEE,WdgdF,Cc7cA,iBACE,qBdgdF,Cc7cA,SACE,WAAY,CACZ,eAAgB,CAChB,eAAgB,CAChB,aAAc,CACd,kBAAmB,CACnB,edgdF,Cc5cA,mBACE,SAAU,CACV,iBd+cF,Cc5cA,gDAIE,kBAAmB,CACnB,iBAAkB,CAClB,QAAS,CACT,2BAA4B,CAC5B,uBAAwB,CACxB,gBAAiB,CACjB,yCAA6C,CAC7C,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,QAAS,CACT,qBd+cF,CcrcA,4GAQE,cdsdF,Cc/cA,qEAEE,UdkdF,CcpdA,mDAEE,UdkdF,CcpdA,2DAEE,UdkdF,CcpdA,yCAEE,UdkdF,CczcA,iBACE,ed4cF,CAEA,8Le1uBE,qBRPa,CQQb,qBRJY,CQMZ,oBf2vBF,CAEA,mpBenuBI,yDAA4D,CAC5D,oBRrBa,CQsBb,uCfuwBJ,CenwBA,gDAIE,URvCY,CQyCZ,4BAAgE,CAChE,eR9CkB,CQ+ClB,kDfswBF,Ce9wBA,4NAaI,oBAAqB,CACrB,URjDU,CQkDV,kBf8wBJ,Ce7xBA,oJAoBI,oCfmxBJ,Ce9wBA,wvBAsCE,wBAA0B,CAC1B,4BAA8B,CAC9B,6BAA+B,CAC/B,kCAA4B,CAA5B,+BAA4B,CAA5B,8BAA4B,CAA5B,0BAA4B,CAC5B,yBAA2B,CAC3B,oBf2wBF,CgB53BA,gBhB+3BE,2LgB/2BE,aAAc,CACd,gBAAiB,CACjB,WAA8B,CAC9B,gBhB+3BF,CACF,CgBp3BA,kIhBu3BE,2LgBv2BE,ehBu3BF,CACF,CiBx5BA,mCACE,uBAAgB,CAAhB,oBAAgB,CAAhB,ejB25BF,CiBn5BA,mBACE,YjBs5BF,CiBn5BA,mCACE,iOAEwC,CAGxC,kBjBm5BF,CiBz4BA,yFAGE,uCAAwC,CAIxC,oBAAyC,CAIzC,iBjBu4BF,CkB17BA,iEAEE,mCACE,mBlB47BF,CkBz7BA,yFAEE,kBlB27BF,CkBv7BA,4HAIE,qBAAsB,CACtB,wBlBw7BF,CACF,CmBz8B4B,qFnB48B1B,6BmBz8BE,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAEhB,aAAc,CACd,YAAa,CAEb,kBAAmB,CACnB,iBAAkB,CAElB,qBnBy8BF,CACA,yCmBv8BI,kBAAmB,CACnB,kBAAmB,CAEnB,iBnB08BJ,CmBn8BE,wHAEE,aAAc,CAEd,kBnBu8BJ,CACA,yCmBp8BI,UAAW,CACX,aAAc,CACd,iBnBu8BJ,CACA,6CmBp8BI,wBZxBW,CYyBX,iBnBu8BJ,CACA,mBmBl8BI,YAAa,CACb,aAAc,CAEd,YAAa,CACb,WAAY,CAEZ,iBAAkB,CAClB,eZtDS,CYwDT,4BAAqB,CAArB,oBnBi8BJ,CACA,sBmB57BI,WAAY,CACZ,YAAa,CAEb,qBZjES,CYkET,YAAa,CACb,aAAc,CAEd,QAAS,CACT,OAAQ,CAER,+BAAwB,CAAxB,uBnB27BJ,CACF,CoBxgC4B,qFpB2gC1B,aoBzgCE,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAChB,UAAW,CACX,apB2gCF,CACA,mCoBxgCE,QAAS,CACT,uBAAgB,CAAhB,eAAgB,CAEhB,YAAa,CACb,aAAc,CACd,kBAAmB,CACnB,wBbMa,CaLb,oBAAqB,CACrB,8GAAA,CpB0gCF,sGAoCA,CAjCA,0CACA,wBAmCA,CACA,+BACE,QoBviCA,CACA,oBAAQ,CACR,eAAA,CACA,YAAA,CACA,aAAA,CAMD,wBAAA,CAAA,oBAAA,CpBigCD,2GACA,CoBhgCA,sGpBmgCA,CAoCA,sCoBliCE,wBpBoiCF,CACA,4CoBliCC,mBAAA,CAED,0BAAc,CpBggCd,UAAA,CACA,aAAA,CoB7/BE,cAAA,CACA,wBpBkiCF,CACA,+BoBhiCC,mBAAA,CAED,0BAAqB,CpB8/BrB,UAAA,CACA,aAAA,CoB//BA,cAAc,CpBigCd,wBACA,CAoCA,mBAlCA,YACA,CAuCA,sCAlCA,2DACA,CAoCA,+BAlCA,QACA,CAoCA,yCAlCA,2DACA,CAoCA,qCAlCA,2DACA,CAoCA,sBAlCA,mBACA,CAoCA,4CAlCA,qBqB1lCF,CrB+nCE,yCAlCF,qBqB1lCC,CrB+nCD,CAEA,MqB7nCA,cAAA,CrB+nCE,wBACF,CAEA,2BA3BE,cAAA,CAiCA,oBqB3nCF,CrB6lCA,SAoCE,qBACF,CAEA,MqB5nCC,kBrB+nCD,CAEA,GAlCA,kBAAA,CqB1lCE,erB+nCF,CAEA,QqB5nCE,iBAAa,CAEd,oBAAA,CrB4lCC,UAAA,CsBpoCF,eAAA,CtByqCE,mBAAoB,CAlCtB,iBAAA,CAoCE,aACF,CAEA,mCsBxpCE,sBhBE0B,CgBD1B,aAAA,CAYD,iBAAA,CtB6mCC,gBAAA,CAqCA,mBAAoB,CAEpB,oBACF,CAEA,gGAhCA,aAAA,CAoCE,WACF,CAEA,+CsBzpCC,UtB4pCD,CAEA,cAlCA,gBAAA,CsBtnCE,gBtB2pCF,CAEA,QAlCE,aAAA,CAqCA,mBAAoB,CsBvpCnB,oBtB0pCH,CAEA,6BAlCA,WAAA,CACE,aACF,CAEA,csBjnCE,UtBspCF,CAEA,iBsBnpCE,UAAA,CACD,iBAAA,CtBknCC,cAAA,CAqCA,mBAAoB,CsBlpCrB,oBtBqpCD,CAEA,eAlCA,cAAA,CsBhnCC,atBqpCD,CAEA,+BAlCA,eAAA,CACE,csBhnCF,CtBmnCA,WACE,UsBhnCF,CtBmnCA,WACE,wBsBhnCF,CtBmnCA,WACE,wBsBhnCF,CtBmnCA,UACE,SsBhnCF,CtBmnCA,UACE,wBsBhnCF,CtBmnCA,UACE,yBsBhnCF,CtBmnCA,UACE,SsBhnCF,CtBmnCA,UACE,wBsBhnCF,CtBmnCA,UACE,wBsBhnCF,CtBmnCA,UACE,SsBhnCF,CtBmnCA,UACE,yBsBxmCF,CtB2mCA,UACE,aAoCF,CAEA,yBAlCE,gCsBvmCE,aAAW,CACX,ctB4oCF,CACA,wCAlCE,UAAA,CACF,UAAA,CsBvmCF,aAAA,CtB4oCI,cAAe,CAlCnB,eACE,CAoCF,CAEA,yBAlCE,gCsBtmCE,aAAW,CACX,ctB2oCF,CACA,wCAlCE,UAAA,CACF,UAAA,CsBtmCF,aAAA,CtB2oCI,cAAe,CAlCnB,eACE,CAoCF,CAEA,yBAlCE,gCsBrmCE,aAAW,CACX,ctB0oCF,CACA,wCAlCE,UAAA,CACF,UAAA,CsBnmCF,aAAA,CtBwoCI,cAAe,CAlCnB,eAoCE,CACF,CAEA,gDAEE,eACF,CuBr0CA,uCvBsyCA,WAAA,CACE,auBnyCF,CvBsyCA,mBACE,UuBlyCF,CvB40CA,oBuBz0CC,sBvB40CD,CAHA,WuBp0CE,2BvBu0CF,CAEA,cuBr0CE,oBAAS,CACV,6BAAA,CvBoyCC,0BAAqB,CuBlyCvB,wCAAA,CvBqyCA,kBAqCA,CAYA,0BAfE,kBAAoB,CAEpB,mBAuBF,CAVA,YuBp0CE,4BAAa,CACb,oBAAA,CACD,qBAAA,CvBoyCC,yBAAqB,CAqCrB,2BAA6B,CAlC/B,4BAAA,CAoCE,mBACF,CASA,yDuBp0CE,mBAAA,CACD,qBAAA,CvBoyCC,kBAAA,CuBlyCF,0BAAA,CvBu0CE,yBAA2B,CAlC7B,6BAAA,CACE,oBuBlyCF,CvBqyCA,cACE,2BuBlyCF,CvBqyCA,YACE,4BuBlyCF,CvBqyCA,kBuBlyCE,uBvBu0CF,CAEA,yBuBr0CA,uBAAA,CvBu0CE,0BAA4B,CAlC9B,2BAAA,CACE,2BuBlyCF,CvBqyCA,mBACE,wBuB9xCF,CvBiyCA,yBACE,8BAoCF,CAEA,iBAnCA,8BAAA,CACE,sBAqCF,CAEA,wBApCA,qCAAA,CACE,6BAsCF,CAEA,gCArCA,4CAAA,CACE,oCAuCF,CAEA,8BAtCA,0CAAA,CACE,kCAwCF,CAEA,iCAvCA,wCAAA,CACE,gCAyCF,CAEA,uBAxCA,gCAAA,CACE,wBA0CF,CAEA,yBAzCA,kCAAA,CACE,0BuB9xCF,CvBiyCA,eACE,oBuB3xCF,CvB8xCA,gBACE,qBuB3xCF,CvB8xCA,mBuB3xCC,wBvBu0CD,CuBl0CA,oBvBq0CE,iCAAmC,CA1CrC,yBAAA,CACE,euBxxCF,CvB2xCA,yBuBxxCE,2BvBq0CF,CAEA,+BACE,2BA5CA,CuBtxCF,iBAAA,CvBo0CE,kBAAoB,CA3CtB,gDAAA,CuBtxCE,wCvBo0CF,CAEA,sBA7CE,oBAAA,CA+CA,YA/CA,CuBtxCF,0BAAA,CvBu0CU,kBAAmB,CA9C7B,8BAAA,CACE,sBuBtxCF,CvByxCA,aACE,mBuBtxCF,CvByxCA,aACE,kCuBtxCF,CvByxCA,aACE,mBuBtxCF,CvByxCA,aACE,mBuBtxCF,CvByxCA,cACE,oBwBv9CF,CxB09CA,eACE,oBAgDF,CAEA,kBA/CA,qCAAA,CACE,6BAiDF,CAEA,sBAhDA,2CAAA,CACE,mCAkDF,CAEA,qBAjDA,qCAAA,CACE,6BAmDF,CAEA,gBAlDA,oCAAA,CACE,4BAoDF,CAEA,gBAnDA,6BAAA,CACE,qByB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,cACE,SyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,eACE,UyB/+CF,CzBk/CA,gBACE,WyB/+CF,CzBs/CA,gCACE,W0B9jDF,C1BikDA,QACE,kB0B9jDF,C1BikDA,UACE,sB0B9jDF,C1BikDA,UACE,yB0B9jDF,C1BikDA,UACE,uB0B9jDF,C1BikDA,U0B9jDC,wB1BonDD,CAEA,Q0BjnDC,6B1BonDD,CAEA,Q0BjnDC,4B1BonDD,CAEA,Q0BjnDC,4B1BonDD,CAEA,Q0BjnDC,4B1BonDD,CAEA,U0BjnDC,6B1BonDD,CAEA,U0BjnDC,4B1BonDD,CAEA,U0BjnDC,4B1BonDD,CAEA,UAlDE,4B0B5jDF,C1B+jDA,QACE,mB0B5jDF,C1B+jDA,UACE,uB0B5jDF,C1B+jDA,UACE,0B0B5jDF,C1B+jDA,UACE,wB0B5jDF,C1B+jDA,U0B5jDC,yB1BknDD,CAEA,Q0B/mDC,8B1BknDD,CAEA,Q0B/mDC,6B1BknDD,CAEA,Q0B/mDC,6B1BknDD,CAEA,Q0B/mDC,6B1BknDD,CAEA,U0B/mDC,2B1BknDD,CAEA,U0B/mDC,0B1BknDD,CAEA,U0B/mDC,0B1BknDD,CAEA,U0B/mDC,0B1BknDD,CAEA,U0B/mDC,8B1BknDD,CAEA,U0B/mDC,6B1BknDD,CAEA,U0B/mDC,6B1BknDD,CAEA,UAlDE,6B2B/sDF,C3BktDA,0BACE,kC2B/sDF,C3BktDA,qBACE,6B2B/sDF,C3BktDA,WACE,yB2B/sDF,C3BktDA,aACE,2B2B/sDF,C3BktDA,Y2B/sDC,0B3BqwDD,CAEA,aAnDA,kCAAA,CACE,oC2B9sDF,C3BitDA,aACE,2B2B7sDF,C3BgtDA,mBACE,2B2B7sDF,C3BgtDA,iBACE,yB2B7sDF,C3BgtDA,iBACE,yB2B7sDF,C3BgtDA,iBACE,yB2B7sDF,C3BgtDA,iBACE,yB2B7sDF,C3BgtDA,iBACE,yB2B7sDF,C3BgtDA,iBACE,yB2B7sDF,C3BgtDA,e2B7sDE,8B3BmwDF,CAEA,eAnDE,wBAAA,C2B7sDF,yBAAA,C3BmwDE,gCAAkC,CAnDpC,4BAAA,C2B7sDE,0B3BmwDF,CAEA,4BAhDA,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","file":"bullframe.min.css","sourcesContent":["/*! bullframe.css v3.7.0 | MIT License | https://github.com/marcop135/bullframe.css */\nhtml,\nbody {\n height: 100%;\n}\n\nbody {\n min-height: 100%;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n -ms-touch-action: manipulation;\n}\n\n[hidden] {\n display: none !important;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\nhtml {\n text-size-adjust: 100%;\n font-size: 62.5%;\n color: #222;\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n margin: 0;\n font-size: 16px;\n font-size: 1.6rem;\n line-height: 1.5;\n font-weight: 400;\n text-align: left;\n font-family: BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n text-rendering: optimizeLegibility;\n word-wrap: break-word;\n background-color: #fff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n font-weight: 700;\n font-weight: 600;\n font-family: inherit;\n color: inherit;\n line-height: 1.25;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n}\n\nh1 {\n font-size: 36px;\n font-size: 3.6rem;\n}\n\nh2 {\n font-size: 30px;\n font-size: 3rem;\n}\n\nh3 {\n font-size: 24px;\n font-size: 2.4rem;\n}\n\nh4 {\n font-size: 20px;\n font-size: 2rem;\n}\n\nh5,\nh6 {\n font-size: 16px;\n font-size: 1.6rem;\n}\n\nblockquote {\n margin: 0 0 20px 0;\n margin-bottom: 2rem;\n padding-left: 0;\n font-style: italic;\n}\n\nblockquote p {\n margin-bottom: 0;\n}\n\nblockquote small {\n color: #999;\n display: block;\n}\n\nblockquote small:before {\n content: '\\2014 \\00A0';\n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n}\n\npre {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n}\n\npre {\n display: block;\n overflow: auto;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n hyphens: none;\n -ms-overflow-style: auto;\n display: block;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: .875em;\n}\n\ncode {\n word-wrap: break-word;\n}\n\na > code {\n color: inherit;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\np {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: 20px 0;\n margin: 2rem 0;\n padding: 0;\n overflow: visible;\n}\n\naddress {\n font-style: normal;\n margin-bottom: 10px;\n margin-bottom: 1rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover, a:focus {\n text-decoration: underline;\n color: #0056b3;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n[tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\na:focus,\ninput:focus {\n outline: 2px solid orange;\n}\n\n:focus-visible {\n outline: 2px solid orange;\n}\n\nbutton:focus,\n[type='button']:focus,\n[type='reset']:focus,\n[type='submit']:focus,\n[type='email']:focus,\n[type='number']:focus,\n[type='password']:focus,\n[type='tel']:focus,\n[type='search']:focus,\n[type='text']:focus,\n[type='date']:focus,\n[type='datetime-local']:focus,\n[type='month']:focus,\n[type='time']:focus,\n[type='week']:focus,\n[type='time']:focus,\n[type='url']:focus,\n[type='radio']:focus,\n[type='checkbox']:focus,\ninput[list]:focus,\nselect:focus,\ntextarea:focus {\n outline: 0;\n}\n\nmenu,\nol,\nul,\ndl {\n margin: 0 0 20px 0;\n margin: 0 0 2rem 0;\n padding: 0;\n}\n\nmenu ul,\nmenu ol,\nul ul,\nul ol,\nol ol,\nol ul,\ndd {\n margin-bottom: 0;\n}\n\nul,\nol {\n margin-left: 20px;\n margin-left: 2rem;\n}\n\nnav ol,\nnav ul {\n list-style: none;\n list-style-image: none;\n margin-left: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-left: 0;\n}\n\nnav li:before {\n content: '\\200B';\n position: absolute;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\nimg,\ncanvas,\naudio,\nvideo,\niframe,\nobject,\nembed {\n max-width: 100%;\n}\n\naudio,\nvideo,\ncanvas,\nimg,\nsvg {\n vertical-align: middle;\n}\n\nimg {\n height: auto;\n border-style: none;\n}\n\nfigure {\n margin: 0;\n}\n\nfigure,\nfigcaption {\n display: block;\n}\n\nfigcaption {\n line-height: 1.375;\n font-size: 90%;\n}\n\nvideo {\n height: auto;\n}\n\naudio {\n width: 100%;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nprogress,\nmeter {\n display: inline-block;\n vertical-align: baseline;\n width: 100%;\n max-width: 100%;\n}\n\nprogress[value] {\n appearance: none;\n border: none;\n height: 20px;\n height: 2rem;\n background: #ccc;\n color: #007bff;\n}\n\nprogress[value]::-webkit-progress-bar {\n background: #ccc;\n}\n\nprogress[value]::-webkit-progress-value {\n background: #007bff;\n}\n\niframe {\n border-style: none;\n}\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n width: auto;\n}\n\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none;\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0;\n}\n\nlegend {\n display: table;\n max-width: 100%;\n white-space: normal;\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type='search'] {\n outline-offset: -2.5px;\n outline-offset: -0.25rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n display: none;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700;\n font-weight: 600;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: 2.5px;\n border-radius: 0.25rem;\n}\n\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: 5px;\n border-radius: 0.5rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: #fff;\n}\n\n[type='range'] {\n background-color: transparent;\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none;\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none;\n}\n\nbutton:hover, button:active, button:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus {\n text-decoration: none;\n color: #222;\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n color: #666;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n[type='email'],\n[type='number'],\n[type='password'],\n[type='tel'],\n[type='search'],\n[type='text'],\n[type='date'],\n[type='datetime-local'],\n[type='month'],\n[type='time'],\n[type='week'],\n[type='time'],\n[type='url'],\ninput[list],\nselect,\ntextarea {\n background-color: #fff;\n border: 1px solid #999;\n padding: 5px 7.5px;\n padding: 0.5rem 0.75rem;\n}\n\n[type='email']:active, [type='email']:focus,\n[type='number']:active,\n[type='number']:focus,\n[type='password']:active,\n[type='password']:focus,\n[type='tel']:active,\n[type='tel']:focus,\n[type='search']:active,\n[type='search']:focus,\n[type='text']:active,\n[type='text']:focus,\n[type='date']:active,\n[type='date']:focus,\n[type='datetime-local']:active,\n[type='datetime-local']:focus,\n[type='month']:active,\n[type='month']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='week']:active,\n[type='week']:focus,\n[type='time']:active,\n[type='time']:focus,\n[type='url']:active,\n[type='url']:focus,\ninput[list]:active,\ninput[list]:focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus,\n[type='radio']:active,\n[type='radio']:focus,\n[type='checkbox']:active,\n[type='checkbox']:focus {\n transition: border .2s, background-color .2s, box-shadow .2s;\n border-color: #007bff;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n color: #222;\n padding: 6.66667px 13.33333px;\n padding: 0.66667rem 1.33333rem;\n background: #ccc;\n transition: color .2s, background .2s, box-shadow .2s;\n}\n\nbutton:hover, button:active, button:focus,\n[type='button']:hover,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:hover,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:hover,\n[type='submit']:active,\n[type='submit']:focus {\n text-decoration: none;\n color: #222;\n background: #b3b3b3;\n}\n\nbutton:active, button:focus,\n[type='button']:active,\n[type='button']:focus,\n[type='reset']:active,\n[type='reset']:focus,\n[type='submit']:active,\n[type='submit']:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\nfieldset[disabled] button,\nfieldset[disabled] input,\nfieldset[disabled] input:after,\nfieldset[disabled] input:before,\nfieldset[disabled] input:checked,\nfieldset[disabled] select,\nfieldset[disabled] textarea,\nfieldset[disabled] label,\nbutton[disabled],\ninput[disabled],\ninput[disabled]:after,\ninput[disabled]:before,\ninput[disabled]:checked,\nselect[disabled],\ntextarea[disabled],\nlabel[disabled],\nbutton:disabled,\ninput:disabled,\ninput:disabled:after,\ninput:disabled:before,\ninput:disabled:checked,\nselect:disabled,\ntextarea:disabled,\nlabel:disabled,\nbutton[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"],\ninput[aria-disabled=\"true\"]:after,\ninput[aria-disabled=\"true\"]:before,\ninput[aria-disabled=\"true\"]:checked,\nselect[aria-disabled=\"true\"],\ntextarea[aria-disabled=\"true\"],\nlabel[aria-disabled=\"true\"] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: .5 !important;\n}\n\n@media \\0screen {\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='time'],\n [type='week'],\n [type='time'],\n [type='url'],\n [type='range'],\n input[list] {\n padding-top: 0;\n padding-bottom: 0;\n height: 32px;\n line-height: 32px;\n }\n}\n\n@media screen and (min-width: 0\\0) and (min-resolution: 72dpi) {\n [type='email'],\n [type='number'],\n [type='password'],\n [type='tel'],\n [type='search'],\n [type='text'],\n [type='date'],\n [type='datetime-local'],\n [type='month'],\n [type='time'],\n [type='week'],\n [type='time'],\n [type='url'],\n [type='range'],\n input[list] {\n line-height: 1.2;\n }\n}\n\nselect:not([size]):not([multiple]) {\n appearance: none;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect:not([size]):not([multiple]) {\n background: #fff url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\") no-repeat right 0.85rem center/8px 10px;\n padding-right: 20px;\n padding-right: 2rem;\n}\n\n*[dir='rtl'] select:not([size]):not([multiple]),\nselect[dir='rtl']:not([size]):not([multiple]) {\n background-position: left .85rem top 50%;\n padding-right: 7.5px;\n padding-right: 0.75rem;\n padding-left: 20px;\n padding-left: 2rem;\n}\n\n@media screen and (min-width: 0\\0) and (min-resolution: 0.001dpcm) {\n select:not([size]):not([multiple]) {\n padding-right: 7.5px;\n }\n *[dir='rtl'] select:not([size]):not([multiple]),\n select[dir='rtl']:not([size]):not([multiple]) {\n padding-left: 7.5px;\n }\n select:not([size]):not([multiple]),\n *[dir=\"rtl\"] select:not([size]):not([multiple]),\n select[dir=\"rtl\"]:not([size]):not([multiple]) {\n background-image: none;\n background-repeat: repeat;\n }\n}\n\n@supports (appearance: none) {\n [type='checkbox'],\n [type='radio'] {\n appearance: none;\n height: 1.8rem;\n width: 1.8rem;\n vertical-align: top;\n position: relative;\n border: 1px solid #999;\n }\n [type='checkbox'] + label,\n [type='radio'] + label {\n line-height: 1.8rem;\n vertical-align: top;\n margin-left: 5px;\n margin-left: 0.5rem;\n }\n *[dir='rtl'] [type='checkbox'] + label,\n [type='checkbox'][dir='rtl'] + label, *[dir='rtl']\n [type='radio'] + label,\n [type='radio'][dir='rtl'] + label {\n margin-left: 0;\n margin-right: 5px;\n margin-right: 0.5rem;\n }\n [type='checkbox']:after,\n [type='radio']:after {\n content: '';\n display: block;\n position: absolute;\n }\n [type='checkbox']:checked,\n [type='radio']:checked {\n background-color: #007bff;\n border-color: #000;\n }\n [type='radio']:after {\n width: 1.8rem;\n height: 1.8rem;\n left: -.05rem;\n top: -.05rem;\n border-radius: 50%;\n background: #fff;\n transform: scale(0.35);\n }\n [type='checkbox']:after {\n width: .6rem;\n height: .8rem;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n left: 35%;\n top: 20%;\n transform: rotate(43deg);\n }\n}\n\n@supports (appearance: none) {\n [type='range'] {\n appearance: none;\n width: 100%;\n height: 1.4rem;\n }\n [type='range']::-webkit-slider-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n margin-top: -.25rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color .15s ease-in-out,\r border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n }\n [type='range']::-webkit-slider-thumb:active {\n background-color: #007bff;\n }\n [type='range']::-moz-range-thumb {\n border: 0;\n appearance: none;\n width: 1.5rem;\n height: 1.5rem;\n background-color: #007bff;\n border-radius: 1.5rem;\n transition: background-color .15s ease-in-out,\r border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n }\n [type='range']::-moz-range-thumb:active {\n background-color: #007bff;\n }\n [type='range']::-webkit-slider-runnable-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: .65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type='range']::-moz-range-track {\n color: transparent;\n border-color: transparent;\n width: 100%;\n height: .65rem;\n cursor: pointer;\n background-color: #e9e9e9;\n }\n [type='range']:focus {\n outline: none;\n }\n [type='range']:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']:focus::-moz-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']::-moz-focus-outer {\n border: 0;\n }\n [type='range']:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']:focus::-moz-range-thumb {\n box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n [type='range']:disabled {\n pointer-events: none;\n }\n [type='range']:disabled::-webkit-slider-thumb {\n background-color: #ccc;\n }\n [type='range']:disabled::-moz-slider-thumb {\n background-color: #ccc;\n }\n}\n\ntable {\n max-width: 100%;\n border-collapse: collapse;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nthead th {\n vertical-align: bottom;\n}\n\nth,\ntd {\n vertical-align: top;\n}\n\nth {\n text-align: inherit;\n font-weight: 700;\n}\n\ncaption {\n padding-top: 5px;\n padding-top: 0.5rem;\n padding-bottom: 5px;\n padding-bottom: 0.5rem;\n color: #999;\n text-align: left;\n caption-side: bottom;\n line-height: 1.375;\n font-size: 90%;\n}\n\n.bf-container,\n.bf-container--fluid {\n box-sizing: content-box;\n display: block;\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n\n.bf-container:before, .bf-container:after,\n.bf-container--fluid:before,\n.bf-container--fluid:after {\n display: table;\n content: ' ';\n}\n\n.bf-container:after,\n.bf-container--fluid:after {\n clear: both;\n}\n\n.bf-container {\n max-width: 1140px;\n max-width: 114rem;\n}\n\n.bf-row {\n display: block;\n margin-left: -15px;\n margin-left: -1.5rem;\n margin-right: -15px;\n margin-right: -1.5rem;\n}\n\n.bf-row:before, .bf-row:after {\n content: ' ';\n display: table;\n}\n\n.bf-row:after {\n clear: both;\n}\n\n[class^='bf-col-'] {\n float: left;\n position: relative;\n min-height: 1px;\n padding-left: 15px;\n padding-left: 1.5rem;\n padding-right: 15px;\n padding-right: 1.5rem;\n}\n\n.bf-no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.bf-no-gutters > [class^='bf-col'] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.bf-col-12 {\n width: 100%;\n}\n\n.bf-col-11 {\n width: 91.66666666666666%;\n}\n\n.bf-col-10 {\n width: 83.33333333333334%;\n}\n\n.bf-col-9 {\n width: 75%;\n}\n\n.bf-col-8 {\n width: 66.66666666666666%;\n}\n\n.bf-col-7 {\n width: 58.333333333333336%;\n}\n\n.bf-col-6 {\n width: 50%;\n}\n\n.bf-col-5 {\n width: 41.66666666666667%;\n}\n\n.bf-col-4 {\n width: 33.33333333333333%;\n}\n\n.bf-col-3 {\n width: 25%;\n}\n\n.bf-col-2 {\n width: 16.666666666666664%;\n}\n\n.bf-col-1 {\n width: 8.3333%;\n}\n\n@media (max-width: 575px) {\n .bf-container--break-xs .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-xs [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media (max-width: 767px) {\n .bf-container--break-md .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-md [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n@media (max-width: 991px) {\n .bf-container--break-lg .bf-row {\n margin-left: 0;\n margin-right: 0;\n }\n .bf-container--break-lg [class^='bf-col'] {\n width: 100%;\n float: none;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n }\n}\n\ntable td[class^='bf-col'],\ntable th[class^='bf-col'] {\n position: static;\n}\n\n.bf-clearfix:before,\n.bf-clearfix:after {\n content: ' ';\n display: table;\n}\n\n.bf-clearfix:after {\n clear: both;\n}\n\n.bf-hide {\n display: none !important;\n}\n\n.bf-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n.bf-text-hide {\n font: 0/0 a !important;\n color: transparent !important;\n text-shadow: none !important;\n background-color: transparent !important;\n border: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Hide only visually, but have it available for screen readers:\r\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n*\r\n* 1. For long content, line feeds are not interpreted as spaces and small width\r\n* causes content to wrap 1 word per line:\r\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\r\n*/\n.bf-sr-only {\n border: 0 !important;\n clip: rect(0, 0, 0, 0) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n}\n\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Extends the .sr-only class to allow the element\r\n* to be focusable when navigated to via the keyboard:\r\n* https://www.drupal.org/node/897638\r\n*/\n.bf-sr-only.focusable:active,\n.bf-sr-only.focusable:focus {\n clip: auto !important;\n height: auto !important;\n margin: 0 !important;\n overflow: visible !important;\n position: static !important;\n white-space: inherit !important;\n width: auto !important;\n}\n\n.bf-invisible {\n visibility: hidden !important;\n}\n\n.bf-visible {\n visibility: visible !important;\n}\n\n.bf-display-block {\n display: block !important;\n}\n\n.bf-display-block-center {\n display: block !important;\n margin-left: auto !important;\n margin-right: auto !important;\n text-align: center !important;\n}\n\n.bf-display-inline {\n display: inline !important;\n}\n\n.bf-display-inline-block {\n display: inline-block !important;\n}\n\n.bf-display-flex {\n display: flex !important;\n}\n\n.bf-display-inline-flex {\n display: inline-flex !important;\n}\n\n.bf-display-flex--justify-start {\n justify-content: flex-start !important;\n}\n\n.bf-display-flex--justify-end {\n justify-content: flex-end !important;\n}\n\n.bf-display-flex--justify-center {\n justify-content: center !important;\n}\n\n.bf-display-flex--wrap {\n flex-wrap: wrap !important;\n}\n\n.bf-display-flex--nowrap {\n flex-wrap: nowrap !important;\n}\n\n.bf-float-left {\n float: left !important;\n}\n\n.bf-float-right {\n float: right !important;\n}\n\n.bf-position-fixed {\n position: fixed !important;\n}\n\n.bf-position-sticky {\n position: sticky !important;\n top: 0 !important;\n}\n\n.bf-align-center-unknown {\n position: relative !important;\n}\n\n.bf-align-center-unknown--item {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n\n.bf-align-center-flex {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bf-width-25 {\n width: 25% !important;\n}\n\n.bf-width-33 {\n width: 33.33333333333333% !important;\n}\n\n.bf-width-50 {\n width: 50% !important;\n}\n\n.bf-width-75 {\n width: 75% !important;\n}\n\n.bf-width-100 {\n width: 100% !important;\n}\n\n.bf-width-auto {\n width: auto !important;\n}\n\n.bf-filter-invert {\n filter: invert(100%) !important;\n}\n\n.bf-filter-dim-images {\n filter: brightness(0.8) contrast(1.2);\n}\n\n.bf-filter-grayscale {\n filter: grayscale(1) !important;\n}\n\n.bf-filter-blur {\n filter: blur(0.3rem) !important;\n}\n\n.bf-filter-none {\n filter: none !important;\n}\n\n.bf-z-index-1 {\n z-index: 1;\n}\n\n.bf-z-index-2 {\n z-index: 2;\n}\n\n.bf-z-index-3 {\n z-index: 3;\n}\n\n.bf-z-index-4 {\n z-index: 4;\n}\n\n.bf-z-index-5 {\n z-index: 5;\n}\n\n.bf-z-index-6 {\n z-index: 6;\n}\n\n.bf-z-index-7 {\n z-index: 7;\n}\n\n.bf-z-index-8 {\n z-index: 8;\n}\n\n.bf-z-index-9 {\n z-index: 9;\n}\n\n.bf-z-index-10 {\n z-index: 10;\n}\n\n.bf-z-index-20 {\n z-index: 20;\n}\n\n.bf-z-index-30 {\n z-index: 30;\n}\n\n.bf-z-index-40 {\n z-index: 40;\n}\n\n.bf-z-index-50 {\n z-index: 50;\n}\n\n.bf-z-index-60 {\n z-index: 60;\n}\n\n.bf-z-index-70 {\n z-index: 70;\n}\n\n.bf-z-index-80 {\n z-index: 80;\n}\n\n.bf-z-index-90 {\n z-index: 90;\n}\n\n.bf-z-index-100 {\n z-index: 100;\n}\n\n.bf-z-index-200 {\n z-index: 200;\n}\n\n.bf-z-index-300 {\n z-index: 200;\n}\n\n.bf-m-0 {\n margin: 0 !important;\n}\n\n.bf-m-t-0 {\n margin-top: 0 !important;\n}\n\n.bf-m-b-0 {\n margin-bottom: 0 !important;\n}\n\n.bf-m-l-0 {\n margin-left: 0 !important;\n}\n\n.bf-m-r-0 {\n margin-right: 0 !important;\n}\n\n.bf-m-1 {\n margin-bottom: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-4 {\n margin-bottom: 30px !important;\n margin-bottom: 3rem !important;\n}\n\n.bf-m-b-1 {\n margin-bottom: 5px !important;\n margin-bottom: 0.5rem !important;\n}\n\n.bf-m-b-2 {\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-m-b-3 {\n margin-bottom: 20px !important;\n margin-bottom: 2rem !important;\n}\n\n.bf-m-b-4 {\n margin-bottom: 30px !important;\n margin-bottom: 3rem !important;\n}\n\n.bf-p-0 {\n padding: 0 !important;\n}\n\n.bf-p-t-0 {\n padding-top: 0 !important;\n}\n\n.bf-p-b-0 {\n padding-bottom: 0 !important;\n}\n\n.bf-p-l-0 {\n padding-left: 0 !important;\n}\n\n.bf-p-r-0 {\n padding-right: 0 !important;\n}\n\n.bf-p-1 {\n padding-bottom: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-4 {\n padding-bottom: 30px !important;\n padding-bottom: 3rem !important;\n}\n\n.bf-p-t-1 {\n padding-top: 5px !important;\n padding-top: 0.5rem !important;\n}\n\n.bf-p-t-2 {\n padding-top: 10px !important;\n padding-top: 1rem !important;\n}\n\n.bf-p-t-3 {\n padding-top: 20px !important;\n padding-top: 2rem !important;\n}\n\n.bf-p-t-4 {\n padding-top: 30px !important;\n padding-top: 3rem !important;\n}\n\n.bf-p-b-1 {\n padding-bottom: 5px !important;\n padding-bottom: 0.5rem !important;\n}\n\n.bf-p-b-2 {\n padding-bottom: 10px !important;\n padding-bottom: 1rem !important;\n}\n\n.bf-p-b-3 {\n padding-bottom: 20px !important;\n padding-bottom: 2rem !important;\n}\n\n.bf-p-b-4 {\n padding-bottom: 30px !important;\n padding-bottom: 3rem !important;\n}\n\n.bf-t-transform-uppercase {\n text-transform: uppercase !important;\n}\n\n.bf-t-transform-none {\n text-transform: none !important;\n}\n\n.bf-t-left {\n text-align: left !important;\n}\n\n.bf-t-center {\n text-align: center !important;\n}\n\n.bf-t-right {\n text-align: right !important;\n}\n\n.bf-t-shadow {\n text-shadow: 0 0 2px #222 !important;\n text-shadow: 0 0 0.2rem #222 !important;\n}\n\n.bf-t-italic {\n font-style: italic !important;\n}\n\n.bf-t-style-normal {\n font-style: normal !important;\n}\n\n.bf-t-weight-300 {\n font-weight: 300 !important;\n}\n\n.bf-t-weight-400 {\n font-weight: 400 !important;\n}\n\n.bf-t-weight-500 {\n font-weight: 500 !important;\n}\n\n.bf-t-weight-600 {\n font-weight: 600 !important;\n}\n\n.bf-t-weight-700 {\n font-weight: 700 !important;\n}\n\n.bf-t-weight-800 {\n font-weight: 800 !important;\n}\n\n.bf-text-break {\n word-wrap: break-word !important;\n}\n\n.bf-t-truncate {\n max-width: 100% !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n word-wrap: normal !important;\n}\n\n.bf-t-truncate--multiline-2 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 2 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-t-truncate--multiline-3 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\n\n.bf-no-select {\n user-select: none !important;\n -webkit-touch-callout: none !important;\n}\n\n.bf-font-sans-serif {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-serif {\n font-family: Georgia, Times, \"Times New Roman\", serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-font-monospace {\n font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\", \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n.bf-h1,\n.bf-h2,\n.bf-h3,\n.bf-h4,\n.bf-h5,\n.bf-h6 {\n font-weight: 700 !important;\n font-weight: 600 !important;\n margin-top: 0 !important;\n line-height: 1.2 !important;\n margin-bottom: 10px !important;\n margin-bottom: 1rem !important;\n}\n\n.bf-h1 {\n font-size: 36px !important;\n font-size: 3.6rem !important;\n}\n\n.bf-h2 {\n font-size: 30px !important;\n font-size: 3rem !important;\n}\n\n.bf-h3 {\n font-size: 24px !important;\n font-size: 2.4rem !important;\n}\n\n.bf-h4 {\n font-size: 20px !important;\n font-size: 2rem !important;\n}\n\n.bf-h5,\n.bf-h6 {\n font-size: 16px !important;\n font-size: 1.6rem !important;\n}\n\np.bf-lead {\n font-size: 120% !important;\n}\n\nbody.bf-responsive-typography {\n --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));\n --body-rt-font-size-max: 1.9rem;\n}\n\n@media (min-width: 320px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-flex);\n }\n}\n\n@media (min-width: 1000px) {\n body.bf-responsive-typography {\n font-size: var(--body-rt-font-size-max);\n }\n}\n\n.bf-btn {\n display: inline-block;\n cursor: pointer;\n color: #222;\n padding: 6.66667px 13.33333px;\n padding: 0.66667rem 1.33333rem;\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border-radius: 2.5px;\n border-radius: 0.25rem;\n border: 0;\n background-image: none;\n background: #ccc;\n transition: all .2s;\n}\n\n.bf-btn:hover, .bf-btn:active, .bf-btn:focus {\n text-decoration: none;\n color: #222;\n background: #b3b3b3;\n}\n\n.bf-btn:active, .bf-btn:focus {\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);\n}\n\n.bf-btn:focus {\n outline: 0;\n}\n\n.bf-btn.bf-btn--primary {\n color: #fff;\n background: #007bff;\n}\n\n.bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n color: #fff;\n background: #0062cc;\n}\n\n.bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);\n}\n\nfieldset[disabled] .bf-btn,\n.bf-btn[disabled],\n.bf-btn:disabled,\n.bf-btn[aria-disabled='true'] {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: .5 !important;\n}\n\n.bf-focused {\n transition: border .2s, background-color .2s, box-shadow .2s !important;\n border-color: #007bff !important;\n box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;\n}\n\n.bf-disabled,\n.bf-disabled:hover,\n.bf-disabled:active,\n.bf-disabled:focus,\n.bf-disabled:after,\n.bf-disabled:before,\n.bf-disabled:invalid,\n.bf-disabled:checked {\n cursor: default !important;\n cursor: not-allowed !important;\n pointer-events: none !important;\n user-select: none !important;\n box-shadow: none !important;\n opacity: .5 !important;\n background-color: #fff;\n border-color: #999;\n}\n\nlabel.bf-disabled {\n background-color: transparent;\n border-color: transparent;\n}\n\nbutton.bf-disabled,\n[type='button'].bf-disabled,\n[type='reset'].bf-disabled,\n[type='submit'].bf-disabled,\n.bf-btn.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: .5;\n color: #222;\n background: #ccc;\n}\n\nbutton.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,\n[type='button'].bf-disabled:hover,\n[type='button'].bf-disabled:active,\n[type='button'].bf-disabled:focus,\n[type='reset'].bf-disabled:hover,\n[type='reset'].bf-disabled:active,\n[type='reset'].bf-disabled:focus,\n[type='submit'].bf-disabled:hover,\n[type='submit'].bf-disabled:active,\n[type='submit'].bf-disabled:focus,\n.bf-btn.bf-disabled:hover,\n.bf-btn.bf-disabled:active,\n.bf-btn.bf-disabled:focus {\n box-shadow: none;\n color: #222;\n background: #ccc;\n}\n\n.bf-btn--primary.bf-disabled {\n cursor: default;\n cursor: not-allowed;\n pointer-events: none;\n user-select: none;\n box-shadow: none;\n opacity: .5;\n color: #fff;\n background: #007bff;\n}\n\n.bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {\n box-shadow: none;\n color: #fff;\n background: #007bff;\n}\n\n.bf-invalid,\n.bf-invalid:focus {\n color: #ff0000 !important;\n border-color: #ff0000 !important;\n box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;\n}\n\n.bf-list-unstyled,\nmenu ul.bf-list-unstyled,\nmenu ol.bf-list-unstyled,\nul.bf-list-unstyled ul,\nul.bf-list-unstyled ol,\nol.bf-list-unstyled ol,\nol.bf-list-unstyled ul,\ndd.bf-list-unstyled {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\ndt {\n font-weight: 700;\n}\n\n.bf-embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n}\n\n.bf-embed-responsive::before {\n display: block;\n content: '';\n padding-top: 56.25%;\n}\n\n.bf-embed-responsive .bf-embed-responsive--4-3::before {\n padding-top: 75%;\n}\n\n.bf-embed-responsive .bf-embed-responsive--item,\n.bf-embed-responsive iframe,\n.bf-embed-responsive embed,\n.bf-embed-responsive object,\n.bf-embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.bf-table th,\n.bf-table td {\n padding: 10px;\n padding: 1rem;\n border-bottom: 1px solid #999;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive {\n overflow-x: auto;\n overflow-y: hidden;\n -ms-overflow-style: scrollbar;\n}\n\n.bf-table-responsive table {\n width: 100%;\n margin-bottom: 5px;\n margin-bottom: 0.5rem;\n}\n\n.bf-table-responsive.scrollbar {\n -webkit-overflow-scrolling: auto;\n}\n\n.bf-table--zebra tbody tr:nth-child(odd),\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\n background-color: #e9e9e9;\n}\n\n/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */\n/* ==========================================================================\r\n Print styles.\r\n Inlined to avoid the additional HTTP request:\r\n https://www.phpied.com/delay-loading-your-print-css/\r\n ========================================================================== */\n@media print {\n *,\n *::before,\n *::after {\n background: #fff !important;\n color: #000 !important;\n /* Black prints faster */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]::after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n /*\r\n * Don't show links that are fragment identifiers,\r\n * or use the `javascript:` pseudo protocol\r\n */\n a[href^='#']::after,\n a[href^='javascript:']::after {\n content: '';\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n /*\r\n * Printing Tables:\r\n * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n\n@media print {\n body,\n .bf-container {\n min-width: 992px !important;\n }\n .bf-table-responsive {\n overflow: auto;\n }\n .bf-table-responsive table {\n width: auto;\n }\n .bf-table-responsive table,\n .bf-table {\n border-collapse: collapse !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bf-reduced-motion,\n .bf-reduced-motion::before,\n .bf-reduced-motion::after,\n .bf-reduced-motion *,\n .bf-reduced-motion *::before,\n .bf-reduced-motion *::after {\n animation-delay: -1ms !important;\n animation-duration: 1ms !important;\n animation-iteration-count: 1 !important;\n background-attachment: initial !important;\n scroll-behavior: auto !important;\n transition-delay: 0s !important;\n transition-duration: 0s !important;\n }\n}\n\n/**\r\n * Change the cursor on busy elements in all browsers (opinionated).\r\n */\n[aria-busy=\"true\"] {\n cursor: progress;\n}\n\n/*\r\n * Change the cursor on control elements in all browsers (opinionated).\r\n */\n[aria-controls] {\n cursor: pointer;\n}\n\n/*\r\n * Change the cursor on disabled, not-editable, or otherwise\r\n * inoperable elements in all browsers (opinionated).\r\n */\n[aria-disabled=\"true\"],\n[disabled] {\n cursor: not-allowed;\n}\n\n/*\r\n * Change the display on visually hidden accessible elements\r\n * in all browsers (opinionated).\r\n */\n[aria-hidden=\"false\"][hidden] {\n display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n","// stretch the body background and help with centering elements\n\nhtml,\nbody {\n height: 100%;\n}\n\nbody {\n min-height: 100%;\n}\n\n\n// known issues in IE8 and IE9 with box-sizing\n// https://css-tricks.com/box-sizing/#article-header-id-5\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\ndetails {\n display: block;\n}\n\ntemplate {\n display: none;\n}\n\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n -ms-touch-action: manipulation;\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-. */\n[hidden] {\n display: none !important;\n}\n\n// Fix IE 10 on Windows Phone 8 Viewport only\n// https://getbootstrap.com/docs/3.3/getting-started/#support-ie10-width\n@-ms-viewport {\n width: device-width;\n}\n","html {\r\n text-size-adjust: 100%;\r\n\r\n // resize the base font-size and get an easy math for rem units\r\n // https://snook.ca/archives/html_and_css/font-size-with-rem\r\n font-size: 62.5%;\r\n\r\n color: #222;\r\n\r\n // set a default font-family and line-height\r\n font-family: sans-serif;\r\n line-height: 1.15;\r\n\r\n // ! this is not a standard feature, is webkit only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color\r\n\r\n // remove a tap background when a link or interactive element is focused\r\n // if is touch\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-size: $bf-body-font-size-px; // '16px' by default\r\n font-size: $bf-body-font-size-rem; // '1.6rem' by default\r\n line-height: $bf-body-line-height; // '1.5' by default\r\n\r\n // this is useful to inherit values for some elements (e.g. forms)\r\n font-weight: 400;\r\n text-align: left;\r\n\r\n // native font stack for optimum text rendering on every device and OS\r\n // this stack mimics the system font UI\r\n // a web apps looks like a native app (e.g. Android = Roboto font)\r\n // Read more:\r\n // https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/\r\n font-family: \r\n\r\n\t\t// Safari for OS X and iOS (San Francisco) -apple-system,\r\n // Chrome < 56 for OS X (San Francisco)\r\n BlinkMacSystemFont,\r\n // Windows\r\n 'Segoe UI',\r\n // Android\r\n Roboto,\r\n // Linux with KDE\r\n Oxygen-Sans,\r\n // Ubuntu (all variants)\r\n Ubuntu,\r\n // Linux with GNOME Shell\r\n Cantarell,\r\n // macOS 1.10 and below\r\n 'Helvetica Neue',\r\n Helvetica,\r\n\r\n // Basic web fallback\r\n Arial,\r\n 'Noto Sans', sans-serif,\r\n\r\n // emoji fonts\r\n 'Apple Color Emoji',\r\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n\r\n // this enable font ligatures\r\n text-rendering: optimizeLegibility;\r\n\r\n // break very long texts by default, especially on old browsers\r\n // e.g. big

or

headlines\r\n word-wrap: break-word;\r\n\r\n background-color: $bf-white;\r\n}\r\n","$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\r\n Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,\r\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\r\n\r\n$bf-font-serif: Georgia, Times, 'Times New Roman', serif;\r\n\r\n$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\r\n 'Courier New', monospace;\r\n\r\n$bf-body-font-size-px: 16px;\r\n$bf-body-font-size-rem: 1.6rem;\r\n$bf-body-line-height: 1.5;\r\n","h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n\r\n font-weight: 700; // fallback\r\n font-weight: 600;\r\n font-family: inherit;\r\n color: inherit;\r\n line-height: 1.25;\r\n margin-bottom: $bf-spacing-lg-px;\r\n margin-bottom: $bf-spacing-lg-rem;\r\n\r\n\r\n}\r\n\r\nh1 {\r\n font-size: 36px;\r\n font-size: 3.6rem;\r\n}\r\n\r\nh2 {\r\n font-size: 30px;\r\n font-size: 3rem;\r\n}\r\n\r\nh3 {\r\n font-size: 24px;\r\n font-size: 2.4rem;\r\n}\r\n\r\nh4 {\r\n font-size: 20px;\r\n font-size: 2rem;\r\n}\r\n\r\nh5,\r\nh6 {\r\n font-size: 16px;\r\n font-size: 1.6rem;\r\n}","blockquote {\r\n margin: 0 0 $bf-spacing-xl-px 0;\r\n margin-bottom: $bf-spacing-xl-rem;\r\n padding-left: 0;\r\n font-style: italic;\r\n}\r\n\r\nblockquote p {\r\n margin-bottom: 0;\r\n}\r\n\r\nblockquote small {\r\n color: $bf-gray;\r\n display: block;\r\n}\r\n\r\nblockquote small:before {\r\n content: '\\2014 \\00A0';\r\n}\r\n\r\nq {\r\n quotes: '\\201C''\\201D''\\2018''\\2019';\r\n}\r\n","// customise this spacing selection as needed\r\n\r\n// the REM unit is the default,\r\n// preceded by the PX unit as fallback for old browsers (IE)\r\n// https://caniuse.com/#search=rem\r\n//\r\n// e.g.\r\n// html { font-size: 62.5%; }\r\n// body { font-size: 16px; }\r\n// h1 { font-size: 30px; font-size: 3rem; }\r\n\r\n$bf-spacing-sm-px: 2.5px;\r\n$bf-spacing-md-px: 5px;\r\n$bf-spacing-lg-px: 10px;\r\n$bf-spacing-xl-px: 20px;\r\n$bf-spacing-xxl-px: 30px;\r\n\r\n$bf-spacing-sm-rem: .25rem;\r\n$bf-spacing-md-rem: .5rem;\r\n$bf-spacing-lg-rem: 1rem;\r\n$bf-spacing-xl-rem: 2rem;\r\n$bf-spacing-xxl-rem: 3rem;\r\n\r\n// ! grid system only\r\n$bf-spacing-grid-gutter-px: 15px;\r\n$bf-spacing-grid-gutter-rem: 1.5rem;","// ! CSS Variables (Custom Properties) are not IE-friendly\r\n// https://caniuse.com/#feat=css-variables\r\n// let's Sass do the job instead\r\n\r\n// customise/enlarge this small selection as needed\r\n\r\n// hex to rgba online converter http://www.hex2rgba.devoth.com/\r\n\r\n// backgrounds, texts and borders\r\n$bf-white: #fff; // rgba(255,255,255,1)\r\n$bf-light: #f0f0f0; // rgba(240,240,240,1)\r\n$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)\r\n$bf-gray-light: #ccc; // rgba(204,204,204,1)\r\n$bf-gray: #999; // rgba(153,153,153,1)\r\n$bf-gray-dark: #666; // rgba(102,102,102,1)\r\n$bf-gray-dark-extra: #333; // rgba(51,51,51,1)\r\n$bf-dark: #222; // rgba(34,34,34,1)\r\n$bf-dark-extra: #111; // rgba(17,17,17,1)\r\n$bf-black: #000; // rgba(0,0,0,1)\r\n\r\n// and \r\n$bf-yellow-light: #ff9; // rgba(255,255,153,1)\r\n$bf-yellow: #ff0; // rgba(255,255,0,1)\r\n\r\n// anchors and accent\r\n$bf-blue: #007bff; // rgba(0,123,255,1)\r\n$bf-blue-light: #0056b3; // rgba(0,86,179,1)\r\n$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)\r\n\r\n// invalid forms\r\n$bf-red: #ff0000; // rgba(255,0,0,1)\r\n","pre {\r\n margin: 0 0 $bf-spacing-xl-px 0;\r\n margin: 0 0 $bf-spacing-xl-rem 0;\r\n}\r\n\r\npre {\r\n display: block;\r\n overflow: auto;\r\n word-break: break-all; // webkit\r\n word-wrap: break-word;\r\n white-space: pre;\r\n hyphens: none;\r\n\r\n // this is a not standard CSS property, so it's for IE only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\r\n //\r\n // Disable auto-hiding scrollbar in legacy Edge\r\n // https://github.com/twbs/bootstrap/pull/30685\r\n -ms-overflow-style: auto;\r\n\r\n display: block;\r\n}\r\n\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n font-family: \r\n\r\n /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\r\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\r\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\r\n /* Linux/OpenOffice fallback */ 'Liberation Mono', \r\n \r\n /* fallback */ monospace,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji';\r\n\r\n // a monospaced text font should looks bigger, so a smaller font-size\r\n // is preferred\r\n font-size: .875em;\r\n}\r\n\r\ncode {\r\n word-wrap: break-word;\r\n}\r\n\r\na > code {\r\n color: inherit;\r\n}\r\n\r\npre code {\r\n font-size: inherit;\r\n color: inherit;\r\n word-break: normal;\r\n}\r\n","p {\n margin: 0 0 $bf-spacing-xl-px 0;\n margin: 0 0 $bf-spacing-xl-rem 0;\n}\n\n// Abbreviations (taken from Bootstrap 4)\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\nabbr[title],\nabbr[data-original-title] {\n cursor: help;\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 2\n border-bottom: 0; // 2\n}\n\nmark {\n background-color: $bf-yellow;\n color: $bf-black;\n}\n\nins {\n background-color: $bf-yellow-light;\n color: $bf-black;\n text-decoration: none;\n}\n\n// Prevent the duplicate application of `bolder` by the next rule\n// in Safari 6\nb,\nstrong {\n font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -8px;\n top: -.8rem;\n}\n\nsub {\n bottom: -4px;\n bottom: -.4rem;\n}\n\nsmall {\n font-size: 80%;\n}\n\nhr {\n box-sizing: content-box;\n display: block;\n height: 0;\n border-style: solid;\n border-width: 1px 0 0;\n color: inherit;\n margin: $bf-spacing-xl-px 0;\n margin: $bf-spacing-xl-rem 0;\n padding: 0;\n overflow: visible; // Show the overflow in Edge and IE\n}\n\naddress {\n font-style: normal;\n margin-bottom: $bf-spacing-lg-px;\n margin-bottom: $bf-spacing-lg-rem;\n line-height: inherit;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n","a {\n color: $bf-blue; // bootstrap blue\n text-decoration: none;\n\n // IE10+: Remove grey background on active links\n background-color: transparent;\n \n &:hover,\n &:focus {\n text-decoration: underline;\n color: $bf-blue-light;\n }\n}\n\n// this is taken from Bootstrap's reboot\n// https://getbootstrap.com/docs/4.4/content/reboot/\n//\n// ':not' is IE9+\n// https://caniuse.com/#feat=mdn-css_selectors_not\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover,\na:not([href]):not([tabindex]):focus,\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n","// ! ':not' is IE9+\r\n// https://caniuse.com/#feat=mdn-css_selectors_not\r\n//\r\n// ! and ':focus-visible'\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\r\n//\r\n// don't have some much browser support now (May 2020)\r\n// https://caniuse.com/#feat=css-focus-visible\r\n//\r\n// but is good in a progressive enhancement future view\r\n//\r\n// and you could polyfill it for a wide cross-browser support right now\r\n// https://github.com/WICG/focus-visible\r\n//\r\n// remove focus if is not keyboard\r\n// and if these elements are not focused globally\r\n:focus:not(:focus-visible) {\r\n outline: none;\r\n}\r\n\r\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\r\n// This prevents an unwanted focus outline from appearing around elements that\r\n// might still respond to pointer events.\r\n//\r\n// Taken from SuitCSS https://github.com/suitcss/base\r\n//\r\n// Copyright 2020 Harry Roberts\r\n\r\n// Licensed under the Apache License, Version 2.0 (the \"License\");\r\n// you may not use this file except in compliance with the License.\r\n// You may obtain a copy of the License at\r\n\r\n// http://www.apache.org/licenses/LICENSE-2.0\r\n\r\n// Unless required by applicable law or agreed to in writing, software\r\n// distributed under the License is distributed on an \"AS IS\" BASIS,\r\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n// See the License for the specific language governing permissions and\r\n// limitations under the License.\r\n\r\n[tabindex='-1']:focus:not(:focus-visible) {\r\n outline: 0 !important;\r\n}\r\n\r\n// style the ':focus' outline on anchors and inputs\r\n// this is for consistency\r\n// e.g.\r\n// in webkit (Chrome, Safari) the outline is blue with a subtle box-shadow\r\n// in trident (IE) is just pointed black\r\n// in gecko (FF) is pointed black, but it's a thiner\r\n// ...\r\na:focus,\r\ninput:focus {\r\n outline: 2px solid orange;\r\n}\r\n\r\n// style it again (must be separated)\r\n:focus-visible {\r\n outline: 2px solid orange;\r\n}\r\n\r\n// these form elements get some ':focus' styles that enhance and improve the focus\r\n// see '_form-elements.scss'\r\n// so, we can remove it safely\r\n//\r\n// ! but do not touch\r\n// [type=\"color\"]\r\n// [type=\"range\"]\r\n// [type=\"file\"]\r\n// because usually are replaced with a custom verion\r\n// with JS or extra
s\r\n// https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input\r\nbutton,\r\n[type='button'],\r\n[type='reset'],\r\n[type='submit'],\r\n[type='email'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\n[type='radio'],\r\n[type='checkbox'],\r\ninput[list],\r\nselect,\r\ntextarea {\r\n &:focus {\r\n outline: 0;\r\n }\r\n}\r\n\r\n// More resources to read on this matter\r\n// https://gist.github.com/chrisdemars/a74c5bd210dc739fa63e9b985c937bcb\r\n","menu,\r\nol,\r\nul,\r\ndl {\r\n margin: 0 0 $bf-spacing-xl-px 0;\r\n margin: 0 0 $bf-spacing-xl-rem 0;\r\n padding: 0;\r\n}\r\n\r\nmenu ul,\r\nmenu ol,\r\nul ul,\r\nul ol,\r\nol ol,\r\nol ul,\r\ndd {\r\n margin-bottom: 0;\r\n}\r\n\r\nul,\r\nol {\r\n margin-left: $bf-spacing-xl-px;\r\n margin-left: $bf-spacing-xl-rem;\r\n}\r\n\r\nnav ol,\r\nnav ul {\r\n list-style: none;\r\n list-style-image: none;\r\n margin-left: 0;\r\n}\r\n\r\ndt {\r\n font-weight: 700;\r\n}\r\n\r\ndd {\r\n margin-left: 0;\r\n}\r\n\r\n// taken from https://github.com/jensimmons/cssremedy\r\n//\r\n// 1. Add zero-width-space to prevent VoiceOver disable\r\n// 2. Absolute position ensures no extra space\r\n// See: https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/\r\nnav li:before {\r\n content: '\\200B';\r\n position: absolute;\r\n}\r\n","audio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block;\r\n}\r\n\r\nimg,\r\ncanvas,\r\naudio,\r\nvideo,\r\niframe,\r\nobject,\r\nembed {\r\n max-width: 100%;\r\n}\r\n\r\naudio,\r\nvideo,\r\ncanvas,\r\nimg,\r\nsvg {\r\n vertical-align: middle;\r\n}\r\n\r\nimg {\r\n height: auto;\r\n border-style: none;\r\n}\r\n\r\n// useful for CMS generated images\r\n// but causes layout breaking\r\n// img[width],\r\n// img[height] {\r\n// \tmax-width: none;\r\n// }\r\n\r\nfigure {\r\n margin: 0;\r\n}\r\n\r\nfigure,\r\nfigcaption {\r\n display: block;\r\n}\r\n\r\nfigcaption {\r\n line-height: 1.375;\r\n font-size: 90%;\r\n}\r\n\r\nvideo {\r\n height: auto;\r\n}\r\n\r\naudio {\r\n width: 100%;\r\n}\r\n\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\nsvg:not([fill]) {\r\n fill: currentColor;\r\n}\r\n\r\nprogress,\r\nmeter {\r\n display: inline-block;\r\n vertical-align: baseline;\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n\r\n// normalization\r\n//\r\n// https://css-tricks.com/html5-progress-element/\r\nprogress[value] {\r\n appearance: none; // reset the default appearance\r\n border: none; // Get rid of default border in Firefox\r\n\r\n height: 20px;\r\n height: 2rem;\r\n\r\n // progress bar background color\r\n background: $bf-gray-light;\r\n\r\n // progress value background color in IE10+\r\n color: $bf-blue;\r\n}\r\n\r\n// ! this is not a standard feature, is webkit only\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/%3A%3A-webkit-progress-bar\r\n//\r\n// progress value background color in webkit\r\nprogress[value]::-webkit-progress-bar {\r\n background: $bf-gray-light;\r\n}\r\nprogress[value]::-webkit-progress-value {\r\n background: $bf-blue;\r\n}\r\n\r\n// remove default border in old browsers\r\n// and for embeds (e.g. youtube) that don't remove the border with the attribute\r\n// frameborder=\"0\"\r\n//\r\n// e.g.\r\n// \r\n// \r\niframe {\r\n border-style: none;\r\n}\r\n","// normalization, enhancement and responsiveness\n\nhtml input,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nhtml input,\nbutton,\n[type='radio'],\n[type='checkbox'],\nselect,\noptgroup,\ntextarea {\n margin: 0;\n}\n\nhtml input,\nselect,\ntextarea,\nlegend {\n width: 100%;\n}\n\n// re-set width auto where needed\nhtml label,\nbutton,\n[type='image'],\n[type='submit'],\n[type='reset'],\nhtml [type='button'],\n[type='radio'],\n[type='checkbox'] {\n width: auto;\n}\n\n// inline-block display gives the best cross-browser combination\n// and allow several properties\nhtml input,\nlabel,\nselect,\ntextarea,\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'],\noutput {\n display: inline-block;\n}\n\n[type='file'] {\n display: block;\n background-color: transparent;\n}\n\nbutton,\nhtml input,\nselect,\ntextarea {\n background-image: none; // FF mobile\n}\n\ninput,\nselect,\ntextarea {\n vertical-align: baseline;\n}\n\nform {\n margin: 0;\n}\n\n// 1. Remove intrinsic min-width of fieldset\n// https://github.com/necolas/normalize.css/pull/269\nfieldset {\n border: 0;\n padding: 0;\n margin: 0;\n min-width: 0; // 1.\n}\n\nlegend {\n display: table; // Correct the text wrapping in Edge and IE.\n max-width: 100%;\n white-space: normal; // enable line-wrapping in FF4/5\n border: 0;\n padding: 0;\n font-weight: 400;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n font-size: inherit;\n line-height: 1.375;\n color: inherit;\n}\n\nlabel {\n font-weight: 400;\n font-size: 90%;\n line-height: 1.375;\n margin-bottom: $bf-spacing-md-px;\n margin-bottom: $bf-spacing-md-rem;\n}\n\nlabel input,\nlabel select,\nlabel textarea {\n font-size: 110%;\n}\n\n[type='number']::-webkit-outer-spin-button,\n[type='number']::-webkit-inner-spin-button {\n height: auto;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n[type='search'] {\n outline-offset: -$bf-spacing-sm-px;\n outline-offset: -$bf-spacing-sm-rem;\n}\n\noutput {\n vertical-align: middle;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n display: none;\n}\n\noptgroup {\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: 700; // fallback for font families without 600 */\n font-weight: 600;\n}\n\n// remove -webkit-appearance listing every single elements that needed it\nbutton,\n// avoid destroying native android audio/video players\nhtml [type=\"button\"], \n[type=\"reset\"],\n[type=\"submit\"],\n\n[type=\"email\"],\n[type=\"number\"],\n[type=\"text\"],\n[type=\"tel\"],\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"week\"],\n[type=\"url\"],\n[type=\"image\"],\n[type=\"password\"],\n[type=\"search\"],\n[type=\"search\"]::-webkit-search-decoration,\n[type=\"search\"]::-webkit-search-cancel-button,\ninput[list],\ntextarea {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // iOS and Safari\n font: inherit; // Safari\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\nbutton,\ninput,\nselect,\ntextarea {\n border-radius: $bf-spacing-sm-px;\n border-radius: $bf-spacing-sm-rem;\n}\n\n// ! IE9+\n// https://caniuse.com/#feat=border-radius\n[type='radio'] {\n border-radius: 50%;\n}\n\n[type='checkbox'] {\n border-radius: $bf-spacing-md-px;\n border-radius: $bf-spacing-md-rem;\n}\n\n[type='radio'],\n[type='checkbox'] {\n padding: 0;\n background-color: $bf-white;\n}\n\n[type='range'] {\n background-color: transparent; // FF and Chrome mobile\n}\n\nselect[size],\nselect[multiple] {\n height: auto;\n}\n\nselect[multiple] {\n background-image: none; // FF mobile\n}\n\ntextarea {\n height: auto;\n min-height: 60px;\n min-height: 6rem;\n overflow: auto;\n vertical-align: top;\n resize: vertical;\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n line-height: normal;\n text-align: center;\n margin: 0;\n background-clip: padding-box;\n vertical-align: baseline;\n overflow: visible;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n user-select: none;\n border: 0;\n background-image: none; // FF mobile\n\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: $bf-dark;\n }\n}\n\nbutton,\nselect,\ninput[type='submit'],\ninput[type='button'],\n[type='checkbox'],\n[type='range'],\n[type='radio'],\n[role='button'] {\n cursor: pointer;\n}\n\n// FF placeholder bug\n// Issue: If one change the text color of input fields, FF will change\n// the default color of placeholders too!\n// Fix: Use '!important' https://github.com/necolas/normalize.css/issues/150\ninput::placeholder,\ntextarea::placeholder {\n color: $bf-gray-dark;\n}\n\n// remove ':invalid' styles in FF\n// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n//\n// for form validation in JavaScript\n// use '.bf-invalid' class in /utilities/_utility-form-states.scss' instead\n// documentation https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid\n:-moz-ui-invalid {\n box-shadow: none;\n}\n","[type='email'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\ninput[list],\r\nselect,\r\ntextarea {\r\n background-color: $bf-white;\r\n border: 1px solid $bf-gray;\r\n padding: $bf-spacing-md-px ($bf-spacing-lg-px * .75);\r\n padding: $bf-spacing-md-rem ($bf-spacing-lg-rem * .75);\r\n}\r\n\r\n// Old browsers and Opera Mini don't fully support all type of inputs\r\n// e.g. [type=\"range\"]\r\n// so, let's try to add styles carefully and selective\r\n[type='email'],\r\n[type='number'],\r\n[type='password'],\r\n[type='tel'],\r\n[type='search'],\r\n[type='text'],\r\n[type='date'],\r\n[type='datetime-local'],\r\n[type='month'],\r\n[type='time'],\r\n[type='week'],\r\n[type='time'],\r\n[type='url'],\r\ninput[list],\r\nselect,\r\ntextarea,\r\n[type='radio'],\r\n[type='checkbox'] {\r\n &:active,\r\n &:focus {\r\n transition: border .2s, background-color .2s, box-shadow .2s;\r\n border-color: $bf-blue;\r\n box-shadow: 0 0 0 3px rgba(0, 86, 179, .25);\r\n }\r\n}\r\n\r\nbutton,\r\n[type='button'],\r\n[type='reset'],\r\n[type='submit'] {\r\n color: $bf-dark;\r\n padding: ($bf-spacing-xl-px / 3) (($bf-spacing-xl-px / 3) * 2); // 8px 16px\r\n padding: ($bf-spacing-xl-rem / 3) (($bf-spacing-xl-rem / 3) * 2);\r\n background: $bf-gray-light;\r\n transition: color .2s, background .2s, box-shadow .2s;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n color: $bf-dark;\r\n background: darken($bf-gray-light, 10%);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n box-shadow: 0 0 0 3px rgba(0, 0, 0, .15);\r\n }\r\n}\r\n\r\n// disabled groups\r\nfieldset[disabled] button,\r\nfieldset[disabled] input,\r\nfieldset[disabled] input:after,\r\nfieldset[disabled] input:before,\r\nfieldset[disabled] input:checked,\r\nfieldset[disabled] select,\r\nfieldset[disabled] textarea,\r\nfieldset[disabled] label,\r\n\r\n// disabled singles\r\nbutton[disabled],\r\ninput[disabled],\r\ninput[disabled]:after,\r\ninput[disabled]:before,\r\ninput[disabled]:checked,\r\nselect[disabled],\r\ntextarea[disabled],\r\nlabel[disabled],\r\n\r\n// pseudo class\r\nbutton:disabled,\r\ninput:disabled,\r\ninput:disabled:after,\r\ninput:disabled:before,\r\ninput:disabled:checked,\r\nselect:disabled,\r\ntextarea:disabled,\r\nlabel:disabled,\r\n\r\n// aria \r\nbutton[aria-disabled=\"true\"],\r\ninput[aria-disabled=\"true\"],\r\ninput[aria-disabled=\"true\"]:after,\r\ninput[aria-disabled=\"true\"]:before,\r\ninput[aria-disabled=\"true\"]:checked,\r\nselect[aria-disabled=\"true\"],\r\ntextarea[aria-disabled=\"true\"],\r\nlabel[aria-disabled=\"true\"] {\r\n cursor: default !important; // fallback\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n box-shadow: none !important;\r\n opacity: .5 !important;\r\n}\r\n","// this is an hack for IE8\r\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-8\r\n\r\n// some inputs don't get the padding well\r\n// https://stackoverflow.com/questions/607198/padding-a-text-input-in-ie-possible\r\n\r\n@media \\0screen {\r\n [type='email'],\r\n [type='number'],\r\n [type='password'],\r\n [type='tel'],\r\n [type='search'],\r\n [type='text'],\r\n [type='date'],\r\n [type='datetime-local'],\r\n [type='month'],\r\n [type='time'],\r\n [type='week'],\r\n [type='time'],\r\n [type='url'],\r\n [type='range'],\r\n input[list] {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n height: $bf-spacing-xxl-px + 2;\r\n line-height: $bf-spacing-xxl-px + 2;\r\n }\r\n}\r\n\r\n// this is an hack for IE9+\r\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea\r\n//\r\n// fix input 'line-height' without declaring 'height' adding an extra HTML class\r\n// as Bootstrap does\r\n// https://github.com/twbs/bootstrap/blob/v4.5.0/dist/css/bootstrap.css#L2039\r\n//\r\n// philosophy: flexibility is better than overkill control\r\n@media screen and (min-width: 0\\0) and (min-resolution: +72dpi) {\r\n [type='email'],\r\n [type='number'],\r\n [type='password'],\r\n [type='tel'],\r\n [type='search'],\r\n [type='text'],\r\n [type='date'],\r\n [type='datetime-local'],\r\n [type='month'],\r\n [type='time'],\r\n [type='week'],\r\n [type='time'],\r\n [type='url'],\r\n [type='range'],\r\n input[list] {\r\n line-height: 1.2;\r\n }\r\n}\r\n","// custom \r\n//\r\n// remove the arrow and the appearance, especially on Webkit\r\nselect:not([size]):not([multiple]) {\r\n appearance: none;\r\n}\r\n\r\n// IE10+\r\n// The '::-ms-expand' CSS pseudo-element is a Microsoft extension that represents\r\n// the button of a arrow\r\n//\r\n\r\n// IE9 only hack\r\n// https://gist.github.com/marcop135/cf5163ab23d1cb208248b955c990b2ea#ie-9-only\r\n@media screen and (min-width: 0\\0) and (min-resolution: .001dpcm) {\r\n // re-set the defaul padding\r\n select:not([size]):not([multiple]) {\r\n padding-right: ($bf-spacing-lg-px * .75);\r\n }\r\n // RTL\r\n *[dir='rtl'] select:not([size]):not([multiple]),\r\n select[dir='rtl']:not([size]):not([multiple]) {\r\n padding-left: ($bf-spacing-lg-px * .75);\r\n }\r\n\r\n // re-set the default properties\r\n select:not([size]):not([multiple]),\r\n // RTL\r\n *[dir=\"rtl\"] select:not([size]):not([multiple]),\r\n select[dir=\"rtl\"]:not([size]):not([multiple]) {\r\n background-image: none;\r\n background-repeat: repeat;\r\n }\r\n}\r\n","// heavily inspired by '2020 toggles' by Aaron Iker\r\n// https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/\r\n// https://codepen.io/aaroniker/pen/ZEYoxEY?editors=0100\r\n//\r\n// currently (June 2020), a few modern browsers support the \"@supports\" media rules\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\r\n// https://caniuse.com/#feat=mdn-css_at-rules_supports_selector\r\n//\r\n// Anyway are safe and future-friendly because more browser compatibility\r\n// will come\r\n\r\n@supports (appearance: none) {\r\n [type='checkbox'],\r\n [type='radio'] {\r\n appearance: none;\r\n\r\n height: 1.8rem;\r\n width: 1.8rem;\r\n\r\n vertical-align: top;\r\n position: relative;\r\n\r\n border: 1px solid $bf-gray;\r\n\r\n + label {\r\n line-height: 1.8rem;\r\n vertical-align: top;\r\n margin-left: $bf-spacing-md-px;\r\n margin-left: $bf-spacing-md-rem;\r\n }\r\n\r\n // add support for RTL languages\r\n // Read more\r\n // 1. http://bootstrap.rtlcss.com\r\n // 2. https://rtlstyling.com/\r\n *[dir='rtl'] & + label,\r\n &[dir='rtl'] + label {\r\n margin-left: 0;\r\n margin-right: $bf-spacing-md-px;\r\n margin-right: $bf-spacing-md-rem;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n }\r\n\r\n &:checked {\r\n background-color: $bf-blue;\r\n border-color: $bf-black;\r\n }\r\n }\r\n\r\n [type='radio'] {\r\n &:after {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n\r\n left: -.05rem;\r\n top: -.05rem;\r\n\r\n border-radius: 50%;\r\n background: $bf-white;\r\n\r\n transform: scale(.35);\r\n }\r\n }\r\n\r\n [type='checkbox'] {\r\n &:after {\r\n width: .6rem;\r\n height: .8rem;\r\n\r\n border: 2px solid $bf-white;\r\n border-top: 0;\r\n border-left: 0;\r\n\r\n left: 35%;\r\n top: 20%;\r\n\r\n transform: rotate(43deg);\r\n }\r\n }\r\n}\r\n","// styling input range in modern browsers safely using the @supports CSS-at-rule\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@supports\r\n//\r\n// standalone CodePen demo https://codepen.io/marcop135/pen/JjGrNMx\r\n\r\n@supports (appearance: none) {\r\n [type='range'] {\r\n appearance: none;\r\n width: 100%;\r\n height: 1.4rem;\r\n }\r\n\r\n [type='range']::-webkit-slider-thumb {\r\n border: 0;\r\n appearance: none;\r\n\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n margin-top: -.25rem;\r\n background-color: $bf-blue;\r\n border-radius: 1.5rem;\r\n transition: background-color .15s ease-in-out,\r\n border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n &:active {\r\n background-color: $bf-blue;\r\n }\r\n }\r\n\r\n [type='range']::-moz-range-thumb {\r\n border: 0;\r\n appearance: none;\r\n\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n background-color: $bf-blue;\r\n border-radius: 1.5rem;\r\n transition: background-color .15s ease-in-out,\r\n border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n\r\n &:active {\r\n background-color: $bf-blue;\r\n }\r\n }\r\n\r\n [type='range']::-webkit-slider-runnable-track {\r\n color: transparent;\r\n border-color: transparent;\r\n\r\n width: 100%;\r\n height: .65rem;\r\n cursor: pointer;\r\n background-color: $bf-gray-light-extra;\r\n }\r\n\r\n [type='range']::-moz-range-track {\r\n color: transparent;\r\n border-color: transparent;\r\n\r\n width: 100%;\r\n height: .65rem;\r\n cursor: pointer;\r\n background-color: $bf-gray-light-extra;\r\n }\r\n\r\n [type='range']:focus {\r\n outline: none;\r\n\r\n &::-webkit-slider-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n\r\n &::-moz-slider-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n }\r\n\r\n [type='range']::-moz-focus-outer {\r\n border: 0;\r\n }\r\n\r\n [type='range']:focus::-webkit-slider-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n\r\n [type='range']:focus::-moz-range-thumb {\r\n box-shadow: 0 0 0 .1rem $bf-white, 0 0 0 .2rem rgba(0, 123, 255, .25);\r\n }\r\n\r\n // disabled\r\n\r\n [type='range']:disabled {\r\n pointer-events: none;\r\n\r\n &::-webkit-slider-thumb {\r\n background-color: $bf-gray-light;\r\n }\r\n\r\n &::-moz-slider-thumb {\r\n background-color: $bf-gray-light;\r\n }\r\n }\r\n}\r\n","table {\r\n max-width: 100%;\r\n border-collapse: collapse;\r\n}\r\n\r\nthead,\r\ntbody,\r\ntfoot,\r\ntr,\r\ntd,\r\nth {\r\n border-color: inherit;\r\n border-style: solid;\r\n border-width: 0;\r\n}\r\n\r\nthead th {\r\n vertical-align: bottom;\r\n}\r\n\r\nth,\r\ntd {\r\n vertical-align: top;\r\n}\r\n\r\nth {\r\n text-align: inherit;\r\n font-weight: 700;\r\n}\r\n\r\ncaption {\r\n padding-top: $bf-spacing-md-px;\r\n padding-top: $bf-spacing-md-rem;\r\n padding-bottom: $bf-spacing-md-px;\r\n padding-bottom: $bf-spacing-md-rem;\r\n color: $bf-gray;\r\n text-align: left;\r\n caption-side: bottom;\r\n line-height: 1.375;\r\n font-size: 90%;\r\n}\r\n",".bf-container,\r\n.bf-container--fluid {\r\n // avoid IE8 issue with 'box-sizing: border-box' in combination\r\n // with max/min-width and max/min-height\r\n // https://github.com/twbs/bootstrap/issues/10014\r\n //\r\n box-sizing: content-box;\r\n\r\n // you could add these classes to an inline/inline-block element\r\n // but it's not recommended\r\n display: block;\r\n\r\n // centering\r\n margin-right: auto;\r\n margin-left: auto;\r\n\r\n // spacing\r\n //\r\n // match the default Bootstrap Grid gutter width\r\n // https://getbootstrap.com/docs/3.4/css/#grid-options\r\n padding-left: $bf-spacing-grid-gutter-px;\r\n padding-left: $bf-spacing-grid-gutter-rem;\r\n padding-right: $bf-spacing-grid-gutter-px;\r\n padding-right: $bf-spacing-grid-gutter-rem;\r\n\r\n // clearfix\r\n &:before,\r\n &:after {\r\n display: table;\r\n content: ' ';\r\n }\r\n\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n.bf-container {\r\n max-width: 1140px; // 1140 + 15 + 15 = 1170\r\n max-width: 114rem;\r\n}\r\n\r\n.bf-row {\r\n display: block;\r\n\r\n margin-left: -$bf-spacing-grid-gutter-px;\r\n margin-left: -$bf-spacing-grid-gutter-rem;\r\n margin-right: -$bf-spacing-grid-gutter-px;\r\n margin-right: -$bf-spacing-grid-gutter-rem;\r\n\r\n // clearfix\r\n &:before,\r\n &:after {\r\n content: ' ';\r\n display: table;\r\n }\r\n\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n[class^='bf-col-'] {\r\n // the block display is triggered by 'float: left'\r\n // display: block;\r\n\r\n float: left;\r\n position: relative;\r\n min-height: 1px;\r\n\r\n padding-left: $bf-spacing-grid-gutter-px;\r\n padding-left: $bf-spacing-grid-gutter-rem;\r\n padding-right: $bf-spacing-grid-gutter-px;\r\n padding-right: $bf-spacing-grid-gutter-rem;\r\n}\r\n\r\n.bf-no-gutters {\r\n margin-right: 0;\r\n margin-left: 0;\r\n}\r\n\r\n.bf-no-gutters > [class^='bf-col'] {\r\n padding-right: 0;\r\n padding-left: 0;\r\n}\r\n\r\n.bf-col-12 {\r\n width: 100%;\r\n}\r\n\r\n.bf-col-11 {\r\n width: 91.66666666666666%;\r\n}\r\n\r\n.bf-col-10 {\r\n width: 83.33333333333334%;\r\n}\r\n\r\n.bf-col-9 {\r\n width: 75%;\r\n}\r\n\r\n.bf-col-8 {\r\n width: 66.66666666666666%;\r\n}\r\n\r\n.bf-col-7 {\r\n width: 58.333333333333336%;\r\n}\r\n\r\n.bf-col-6 {\r\n width: 50%;\r\n}\r\n\r\n.bf-col-5 {\r\n width: 41.66666666666667%;\r\n}\r\n\r\n.bf-col-4 {\r\n width: 33.33333333333333%;\r\n}\r\n\r\n.bf-col-3 {\r\n width: 25%;\r\n}\r\n\r\n.bf-col-2 {\r\n width: 16.666666666666664%;\r\n}\r\n\r\n.bf-col-1 {\r\n width: 8.3333%;\r\n}\r\n\r\n// ! this is IE9+\r\n// if you need CSS3 Media Queries support in IE8\r\n// you could use the respond.js polyfll https://github.com/scottjehl/Respond\r\n//\r\n// ! but there are some important caveats\r\n// https://github.com/scottjehl/Respond#support--caveats\r\n\r\n// 'break' the grid and make the columns full-width\r\n@media (max-width: 575px) {\r\n .bf-container--break-xs .bf-row {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .bf-container--break-xs [class^='bf-col'] {\r\n width: 100%;\r\n float: none;\r\n margin-left: 0;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .bf-container--break-md .bf-row {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .bf-container--break-md [class^='bf-col'] {\r\n width: 100%;\r\n float: none;\r\n margin-left: 0;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .bf-container--break-lg .bf-row {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .bf-container--break-lg [class^='bf-col'] {\r\n width: 100%;\r\n float: none;\r\n margin-left: 0;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n// fix missing table cell borders when using 'bf-col-' classes for column sizing\r\n// https://github.com/twbs/bootstrap/issues/11623\r\ntable td[class^='bf-col'],\r\ntable th[class^='bf-col'] {\r\n position: static;\r\n}\r\n\r\n// Need more?\r\n//\r\n// IE8+\r\n// Pure CSS grids (ex YUI library) https://purecss.io/grids/\r\n//\r\n// IE8+ (with JS polyfill)\r\n// Bootstrap v3 grid system https://getbootstrap.com/docs/3.4/css/#grid\r\n//\r\n// moder browsers only (partial IE11 support)\r\n// Bulma Flexbox grid system https://bulma.io/documentation/columns/\r\n","// micro-clearfix\r\n// http://nicolasgallagher.com/micro-clearfix-hack/\r\n.bf-clearfix:before,\r\n.bf-clearfix:after {\r\n content: ' ';\r\n display: table;\r\n}\r\n\r\n.bf-clearfix:after {\r\n clear: both;\r\n}\r\n\r\n.bf-hide {\r\n display: none !important;\r\n}\r\n\r\n// assistive text for screen reader only (e.g. form labels)\r\n.bf-hidden {\r\n display: none !important;\r\n visibility: hidden !important;\r\n}\r\n\r\n.bf-text-hide {\r\n font: 0/0 a !important;\r\n color: transparent !important;\r\n text-shadow: none !important;\r\n background-color: transparent !important;\r\n border: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Hide only visually, but have it available for screen readers:\r\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\r\n*\r\n* 1. For long content, line feeds are not interpreted as spaces and small width\r\n* causes content to wrap 1 word per line:\r\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\r\n*/\r\n.bf-sr-only {\r\n border: 0 !important;\r\n clip: rect(0, 0, 0, 0) !important;\r\n height: 1px !important;\r\n margin: -1px !important;\r\n overflow: hidden !important;\r\n padding: 0 !important;\r\n position: absolute !important;\r\n white-space: nowrap !important;\r\n width: 1px !important;\r\n}\r\n\r\n/*\r\n// taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css\r\n// \r\n* Extends the .sr-only class to allow the element\r\n* to be focusable when navigated to via the keyboard:\r\n* https://www.drupal.org/node/897638\r\n*/\r\n.bf-sr-only.focusable:active,\r\n.bf-sr-only.focusable:focus {\r\n clip: auto !important;\r\n height: auto !important;\r\n margin: 0 !important;\r\n overflow: visible !important;\r\n position: static !important;\r\n white-space: inherit !important;\r\n width: auto !important;\r\n}\r\n\r\n.bf-invisible {\r\n visibility: hidden !important;\r\n}\r\n\r\n.bf-visible {\r\n visibility: visible !important;\r\n}\r\n\r\n.bf-display-block {\r\n display: block !important;\r\n}\r\n\r\n.bf-display-block-center {\r\n display: block !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n text-align: center !important;\r\n}\r\n\r\n.bf-display-inline {\r\n display: inline !important;\r\n}\r\n\r\n.bf-display-inline-block {\r\n display: inline-block !important;\r\n}\r\n\r\n\r\n// IE10+\r\n// https://caniuse.com/#feat=flexbox\r\n\r\n.bf-display-flex {\r\n display: flex !important;\r\n}\r\n\r\n.bf-display-inline-flex {\r\n display: inline-flex !important;\r\n}\r\n\r\n.bf-display-flex--justify-start {\r\n justify-content: flex-start !important;\r\n}\r\n\r\n.bf-display-flex--justify-end {\r\n justify-content: flex-end !important;\r\n}\r\n\r\n.bf-display-flex--justify-center {\r\n justify-content: center !important;\r\n}\r\n\r\n.bf-display-flex--wrap {\r\n flex-wrap: wrap !important;\r\n}\r\n\r\n.bf-display-flex--nowrap {\r\n flex-wrap: nowrap !important;\r\n}\r\n\r\n.bf-float-left {\r\n float: left !important;\r\n}\r\n\r\n.bf-float-right {\r\n float: right !important;\r\n}\r\n\r\n\r\n// ≠ IE\r\n// https://caniuse.com/css-sticky\r\n.bf-position-fixed {\r\n position: fixed !important;\r\n}\r\n\r\n.bf-position-sticky {\r\n position: sticky !important;\r\n top: 0 !important;\r\n}\r\n\r\n// https://css-tricks.com/centering-css-complete-guide\r\n// Is the element of unknown width and height?\r\n// ! 'transform' is IE10 + https://caniuse.com/#feat=transforms2d\r\n.bf-align-center-unknown {\r\n position: relative !important;\r\n}\r\n\r\n.bf-align-center-unknown--item {\r\n position: absolute !important;\r\n top: 50% !important;\r\n left: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n}\r\n\r\n// align items horizontally and vertically\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container\r\n.bf-align-center-flex {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.bf-width-25 {\r\n width: 25% !important;\r\n}\r\n\r\n.bf-width-33 {\r\n width: 33.33333333333333% !important;\r\n}\r\n\r\n.bf-width-50 {\r\n width: 50% !important;\r\n}\r\n\r\n.bf-width-75 {\r\n width: 75% !important;\r\n}\r\n\r\n.bf-width-100 {\r\n width: 100% !important;\r\n}\r\n\r\n.bf-width-auto {\r\n width: auto !important;\r\n}\r\n","// No IE and Opera Mini support\r\n// https://caniuse.com/css-filters\r\n\r\n// useful if dark mode\r\n.bf-filter-invert {\r\n filter: invert(100%) !important;\r\n}\r\n\r\n// useful to dim bright images if dark mode\r\n.bf-filter-dim-images {\r\n filter: brightness(0.8) contrast(1.2);\r\n}\r\n\r\n.bf-filter-grayscale {\r\n filter: grayscale(1) !important;\r\n}\r\n\r\n.bf-filter-blur {\r\n filter: blur(.3rem) !important;\r\n}\r\n\r\n.bf-filter-none {\r\n filter: none !important;\r\n}",".bf-z-index-1 {\r\n z-index: 1;\r\n}\r\n\r\n.bf-z-index-2 {\r\n z-index: 2;\r\n}\r\n\r\n.bf-z-index-3 {\r\n z-index: 3;\r\n}\r\n\r\n.bf-z-index-4 {\r\n z-index: 4;\r\n}\r\n\r\n.bf-z-index-5 {\r\n z-index: 5;\r\n}\r\n\r\n.bf-z-index-6 {\r\n z-index: 6;\r\n}\r\n\r\n.bf-z-index-7 {\r\n z-index: 7;\r\n}\r\n\r\n.bf-z-index-8 {\r\n z-index: 8;\r\n}\r\n\r\n.bf-z-index-9 {\r\n z-index: 9;\r\n}\r\n\r\n.bf-z-index-10 {\r\n z-index: 10;\r\n}\r\n\r\n.bf-z-index-20 {\r\n z-index: 20;\r\n}\r\n\r\n.bf-z-index-30 {\r\n z-index: 30;\r\n}\r\n\r\n.bf-z-index-40 {\r\n z-index: 40;\r\n}\r\n\r\n.bf-z-index-50 {\r\n z-index: 50;\r\n}\r\n\r\n.bf-z-index-60 {\r\n z-index: 60;\r\n}\r\n\r\n.bf-z-index-70 {\r\n z-index: 70;\r\n}\r\n\r\n.bf-z-index-80 {\r\n z-index: 80;\r\n}\r\n\r\n.bf-z-index-90 {\r\n z-index: 90;\r\n}\r\n\r\n.bf-z-index-100 {\r\n z-index: 100;\r\n}\r\n\r\n.bf-z-index-200 {\r\n z-index: 200;\r\n}\r\n\r\n.bf-z-index-300 {\r\n z-index: 200;\r\n}","// this is something similar to Bootstrap's spacing utility\r\n// https://getbootstrap.com/docs/4.4/utilities/spacing/\r\n\r\n// margins and paddings classes\r\n\r\n.bf-m-0 {\r\n margin: 0 !important;\r\n}\r\n\r\n.bf-m-t-0 {\r\n margin-top: 0 !important;\r\n}\r\n\r\n.bf-m-b-0 {\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n.bf-m-l-0 {\r\n margin-left: 0 !important;\r\n}\r\n\r\n.bf-m-r-0 {\r\n margin-right: 0 !important;\r\n}\r\n\r\n.bf-m-1 {\r\n margin-bottom: $bf-spacing-md-px !important;\r\n margin-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-m-2 {\r\n margin-bottom: $bf-spacing-lg-px !important;\r\n margin-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-m-3 {\r\n margin-bottom: $bf-spacing-xl-px !important;\r\n margin-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-m-4 {\r\n margin-bottom: $bf-spacing-xxl-px !important;\r\n margin-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n.bf-m-b-1 {\r\n margin-bottom: $bf-spacing-md-px !important;\r\n margin-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-m-b-2 {\r\n margin-bottom: $bf-spacing-lg-px !important;\r\n margin-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-m-b-3 {\r\n margin-bottom: $bf-spacing-xl-px !important;\r\n margin-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-m-b-4 {\r\n margin-bottom: $bf-spacing-xxl-px !important;\r\n margin-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n// paddings\r\n\r\n.bf-p-0 {\r\n padding: 0 !important;\r\n}\r\n\r\n.bf-p-t-0 {\r\n padding-top: 0 !important;\r\n}\r\n\r\n.bf-p-b-0 {\r\n padding-bottom: 0 !important;\r\n}\r\n\r\n.bf-p-l-0 {\r\n padding-left: 0 !important;\r\n}\r\n\r\n.bf-p-r-0 {\r\n padding-right: 0 !important;\r\n}\r\n\r\n.bf-p-1 {\r\n padding-bottom: $bf-spacing-md-px !important;\r\n padding-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-p-2 {\r\n padding-bottom: $bf-spacing-lg-px !important;\r\n padding-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-p-3 {\r\n padding-bottom: $bf-spacing-xl-px !important;\r\n padding-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-p-4 {\r\n padding-bottom: $bf-spacing-xxl-px !important;\r\n padding-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n.bf-p-t-1 {\r\n padding-top: $bf-spacing-md-px !important;\r\n padding-top: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-p-t-2 {\r\n padding-top: $bf-spacing-lg-px !important;\r\n padding-top: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-p-t-3 {\r\n padding-top: $bf-spacing-xl-px !important;\r\n padding-top: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-p-t-4 {\r\n padding-top: $bf-spacing-xxl-px !important;\r\n padding-top: $bf-spacing-xxl-rem !important;\r\n}\r\n\r\n.bf-p-b-1 {\r\n padding-bottom: $bf-spacing-md-px !important;\r\n padding-bottom: $bf-spacing-md-rem !important;\r\n}\r\n\r\n.bf-p-b-2 {\r\n padding-bottom: $bf-spacing-lg-px !important;\r\n padding-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-p-b-3 {\r\n padding-bottom: $bf-spacing-xl-px !important;\r\n padding-bottom: $bf-spacing-xl-rem !important;\r\n}\r\n\r\n.bf-p-b-4 {\r\n padding-bottom: $bf-spacing-xxl-px !important;\r\n padding-bottom: $bf-spacing-xxl-rem !important;\r\n}\r\n",".bf-t-transform-uppercase {\r\n text-transform: uppercase !important;\r\n}\r\n\r\n.bf-t-transform-none {\r\n text-transform: none !important;\r\n}\r\n\r\n.bf-t-left {\r\n text-align: left !important;\r\n}\r\n\r\n.bf-t-center {\r\n text-align: center !important;\r\n}\r\n\r\n.bf-t-right {\r\n text-align: right !important;\r\n}\r\n\r\n.bf-t-shadow {\r\n text-shadow: 0 0 2px $bf-dark !important;\r\n text-shadow: 0 0 .2rem $bf-dark !important;\r\n}\r\n\r\n.bf-t-italic {\r\n font-style: italic !important;\r\n}\r\n\r\n// useful to 'reset' inherited style\r\n.bf-t-style-normal {\r\n font-style: normal !important;\r\n}\r\n\r\n// useful to 'reset' inherited style\r\n.bf-t-weight-300 {\r\n font-weight: 300 !important;\r\n}\r\n\r\n.bf-t-weight-400 {\r\n font-weight: 400 !important;\r\n}\r\n\r\n.bf-t-weight-500 {\r\n font-weight: 500 !important;\r\n}\r\n\r\n.bf-t-weight-600 {\r\n font-weight: 600 !important;\r\n}\r\n\r\n.bf-t-weight-700 {\r\n font-weight: 700 !important;\r\n}\r\n\r\n.bf-t-weight-800 {\r\n font-weight: 800 !important;\r\n}\r\n\r\n.bf-text-break {\r\n word-wrap: break-word !important;\r\n}\r\n\r\n.bf-t-truncate {\r\n max-width: 100% !important;\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n white-space: nowrap !important;\r\n word-wrap: normal !important;\r\n}\r\n\r\n.bf-t-truncate--multiline-2 {\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n display: -webkit-box !important;\r\n -webkit-line-clamp: 2 !important;\r\n -webkit-box-orient: vertical !important;\r\n}\r\n\r\n.bf-t-truncate--multiline-3 {\r\n overflow: hidden !important;\r\n text-overflow: ellipsis !important;\r\n display: -webkit-box !important;\r\n -webkit-line-clamp: 3 !important;\r\n -webkit-box-orient: vertical !important;\r\n}\r\n\r\n\r\n.bf-no-select {\r\n user-select: none !important;\r\n\r\n // this is a not standard CSS property, so it's for webkit only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout\r\n // useful on iOS\r\n // https://css-tricks.com/force-selection-text-block/#article-header-id-7\r\n // https://ishadeed.com/article/selection-in-css scroll down to\r\n // 'selection on mobile' section\r\n -webkit-touch-callout: none !important;\r\n}\r\n\r\n.bf-font-sans-serif {\r\n font-family:\r\n /* Safari for OS X and iOS (San Francisco) */ -apple-system,\r\n /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,\r\n /* Windows */ 'Segoe UI', /* Android */ Roboto,\r\n /* Linux with KDE */ Oxygen-Sans, /* Ubuntu (all variants) */ Ubuntu,\r\n /* Linux with GNOME Shell */ Cantarell,\r\n /* macOS 1.10 and below */ 'Helvetica Neue', Helvetica,\r\n /* Basic web fallback */ Arial, sans-serif,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji' !important;\r\n}\r\n\r\n.bf-font-serif {\r\n font-family: Georgia, Times, 'Times New Roman', serif,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji' !important;\r\n}\r\n\r\n.bf-font-monospace {\r\n font-family:\r\n /* macOS 1.10+ */ 'Menlo', /* Windows 6+ */ 'Consolas',\r\n /* Android 4+ */ 'Roboto Mono', /* Ubuntu 1.10+ */ 'Ubuntu Monospace',\r\n /* KDE Plasma 5+ */ 'Noto Mono', /* KDE Plasma 4+ */ 'Oxygen Mono',\r\n /* Linux/OpenOffice fallback */ 'Liberation Mono', /* fallback */ monospace,\r\n /* emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\r\n 'Noto Color Emoji' !important;\r\n}\r\n\r\n.bf-h1,\r\n.bf-h2,\r\n.bf-h3,\r\n.bf-h4,\r\n.bf-h5,\r\n.bf-h6 {\r\n font-weight: 700 !important; // fallback\r\n font-weight: 600 !important;\r\n margin-top: 0 !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: $bf-spacing-lg-px !important;\r\n margin-bottom: $bf-spacing-lg-rem !important;\r\n}\r\n\r\n.bf-h1 {\r\n font-size: 36px !important;\r\n font-size: 3.6rem !important;\r\n}\r\n\r\n.bf-h2 {\r\n font-size: 30px !important;\r\n font-size: 3rem !important;\r\n}\r\n\r\n.bf-h3 {\r\n font-size: 24px !important;\r\n font-size: 2.4rem !important;\r\n}\r\n\r\n.bf-h4 {\r\n font-size: 20px !important;\r\n font-size: 2rem !important;\r\n}\r\n\r\n.bf-h5,\r\n.bf-h6 {\r\n font-size: 16px !important;\r\n font-size: 1.6rem !important;\r\n}\r\n\r\np.bf-lead {\r\n font-size: 120% !important;\r\n}\r\n\r\n// responsive typography\r\n// https://codepen.io/marcop135/pen/eYmPmJm\r\n// https://css-tricks.com/snippets/css/fluid-typography/\r\n//\r\n// old browsers that don't support CSS variables ignore what follows\r\n// (mostly IE and Opera Mini)\r\n// in this way, old browsers will ignore 'calc' property too, avoiding issues\r\n// https://caniuse.com/#feat=calc\r\n// https://caniuse.com/#feat=css-variables\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties\r\nbody.bf-responsive-typography {\r\n --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));\r\n --body-rt-font-size-max: 1.9rem;\r\n}\r\n\r\n@media (min-width: 320px) {\r\n body.bf-responsive-typography {\r\n font-size: var(--body-rt-font-size-flex);\r\n }\r\n}\r\n\r\n@media (min-width: 1000px) {\r\n body.bf-responsive-typography {\r\n font-size: var(--body-rt-font-size-max);\r\n }\r\n}\r\n",".bf-btn {\r\n display: inline-block;\r\n cursor: pointer;\r\n color: $bf-dark;\r\n padding: ($bf-spacing-xl-px / 3) (($bf-spacing-xl-px / 3) * 2); // 8px 16px\r\n padding: ($bf-spacing-xl-rem / 3) (($bf-spacing-xl-rem / 3) * 2);\r\n line-height: normal;\r\n text-align: center;\r\n margin: 0;\r\n background-clip: padding-box;\r\n vertical-align: baseline;\r\n overflow: visible;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n user-select: none;\r\n\r\n // ! IE9+\r\n // https://caniuse.com/#feat=border-radius\r\n border-radius: $bf-spacing-sm-px;\r\n border-radius: $bf-spacing-sm-rem;\r\n\r\n border: 0;\r\n background-image: none; // FF mobile\r\n background: $bf-gray-light;\r\n transition: all .2s;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n color: $bf-dark;\r\n background: darken($bf-gray-light, 10%);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n box-shadow: 0 0 0 3px rgba(0, 0, 0, .15);\r\n }\r\n\r\n &:focus {\r\n outline: 0;\r\n }\r\n\r\n &.bf-btn--primary {\r\n color: $bf-white;\r\n background: $bf-blue;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n color: $bf-white;\r\n background: darken($bf-blue, 10%);\r\n }\r\n\r\n &:active,\r\n &:focus {\r\n box-shadow: 0 0 0 3px rgba(0, 86, 179, .25);\r\n }\r\n }\r\n}\r\n\r\nfieldset[disabled] .bf-btn,\r\n.bf-btn[disabled],\r\n.bf-btn:disabled,\r\n.bf-btn[aria-disabled='true'] {\r\n cursor: default !important; // fallback\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n box-shadow: none !important;\r\n opacity: .5 !important;\r\n}\r\n",".bf-focused {\r\n transition: border .2s, background-color .2s, box-shadow .2s !important;\r\n border-color: $bf-blue !important;\r\n box-shadow: 0 0 0 3px rgba(0, 86, 179, .25) !important;\r\n}\r\n\r\n.bf-disabled,\r\n.bf-disabled:hover,\r\n.bf-disabled:active,\r\n.bf-disabled:focus,\r\n.bf-disabled:after,\r\n.bf-disabled:before,\r\n.bf-disabled:invalid,\r\n.bf-disabled:checked {\r\n cursor: default !important; // IE8-10 fallback\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n user-select: none !important;\r\n box-shadow: none !important;\r\n opacity: .5 !important;\r\n\r\n background-color: $bf-white;\r\n border-color: $bf-gray;\r\n}\r\n\r\nlabel.bf-disabled {\r\n background-color: transparent;\r\n border-color: transparent;\r\n}\r\n\r\nbutton.bf-disabled,\r\n[type='button'].bf-disabled,\r\n[type='reset'].bf-disabled,\r\n[type='submit'].bf-disabled,\r\n.bf-btn.bf-disabled {\r\n cursor: default;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n user-select: none;\r\n box-shadow: none;\r\n opacity: .5;\r\n\r\n color: $bf-dark;\r\n background: $bf-gray-light;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n box-shadow: none;\r\n color: $bf-dark;\r\n background: $bf-gray-light;\r\n }\r\n}\r\n\r\n.bf-btn--primary.bf-disabled {\r\n cursor: default;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n user-select: none;\r\n box-shadow: none;\r\n opacity: .5;\r\n\r\n color: $bf-white;\r\n background: $bf-blue;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n box-shadow: none;\r\n color: $bf-white;\r\n background: $bf-blue;\r\n }\r\n}\r\n\r\n.bf-invalid,\r\n.bf-invalid:focus {\r\n color: $bf-red !important;\r\n border-color: $bf-red !important;\r\n box-shadow: 0 0 0 3px rgba(255, 0, 0, .25) !important;\r\n}\r\n","// this is useful for navbars\r\n.bf-list-unstyled,\r\nmenu ul.bf-list-unstyled,\r\nmenu ol.bf-list-unstyled,\r\nul.bf-list-unstyled ul,\r\nul.bf-list-unstyled ol,\r\nol.bf-list-unstyled ol,\r\nol.bf-list-unstyled ul,\r\ndd.bf-list-unstyled {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\ndt {\r\n font-weight: 700;\r\n}\r\n","// taken from https://getbootstrap.com/docs/4.4/utilities/embed/\r\n// but lightened a bit\r\n\r\n.bf-embed-responsive {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n padding: 0;\r\n overflow: hidden;\r\n\r\n &::before {\r\n display: block;\r\n content: '';\r\n padding-top: 56.25%; // 16:9 by default\r\n }\r\n\r\n .bf-embed-responsive--4-3::before {\r\n padding-top: 75%;\r\n }\r\n\r\n & .bf-embed-responsive--item,\r\n & iframe,\r\n & embed,\r\n & object,\r\n & video {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n }\r\n}\r\n",".bf-table th,\r\n.bf-table td {\r\n padding: $bf-spacing-lg-px;\r\n padding: $bf-spacing-lg-rem;\r\n border-bottom: 1px solid $bf-gray;\r\n margin-bottom: $bf-spacing-md-px;\r\n margin-bottom: $bf-spacing-md-rem;\r\n}\r\n\r\n// responsive tables\r\n// ! issues on Opera 10-11, Opera Mobile Presto and Opera Mini\r\n// Read more about Opera: http://barrow.io/overflow-scrolling\r\n\r\n.bf-table-responsive {\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n\r\n // this is a not standard CSS property, so it's for IE only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style\r\n -ms-overflow-style: scrollbar;\r\n}\r\n\r\n.bf-table-responsive table {\r\n width: 100%;\r\n margin-bottom: $bf-spacing-md-px;\r\n margin-bottom: $bf-spacing-md-rem;\r\n}\r\n\r\n// force webkit scrollbars appearance\r\n.bf-table-responsive.scrollbar {\r\n // this is a not standard CSS property, so it's for webkit only\r\n // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling\r\n -webkit-overflow-scrolling: auto;\r\n}\r\n\r\n// zebra striping\r\n.bf-table--zebra tbody tr:nth-child(odd),\r\n.bf-table-responsive--zebra tbody tr:nth-child(odd) {\r\n background-color: $bf-gray-light-extra;\r\n}\r\n","// taken from https://github.com/h5bp/main.css/blob/v2.1.0/dist/_print.css\r\n\r\n/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */\r\n/* ==========================================================================\r\n Print styles.\r\n Inlined to avoid the additional HTTP request:\r\n https://www.phpied.com/delay-loading-your-print-css/\r\n ========================================================================== */\r\n\r\n@media print {\r\n *,\r\n *::before,\r\n *::after {\r\n background: #fff !important;\r\n color: #000 !important;\r\n /* Black prints faster */\r\n box-shadow: none !important;\r\n text-shadow: none !important;\r\n }\r\n\r\n a,\r\n a:visited {\r\n text-decoration: underline;\r\n }\r\n\r\n a[href]::after {\r\n content: ' (' attr(href) ')';\r\n }\r\n\r\n abbr[title]::after {\r\n content: ' (' attr(title) ')';\r\n }\r\n\r\n /*\r\n * Don't show links that are fragment identifiers,\r\n * or use the `javascript:` pseudo protocol\r\n */\r\n a[href^='#']::after,\r\n a[href^='javascript:']::after {\r\n content: '';\r\n }\r\n\r\n pre {\r\n white-space: pre-wrap !important;\r\n }\r\n\r\n pre,\r\n blockquote {\r\n border: 1px solid #999;\r\n page-break-inside: avoid;\r\n }\r\n\r\n /*\r\n * Printing Tables:\r\n * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\r\n */\r\n thead {\r\n display: table-header-group;\r\n }\r\n\r\n tr,\r\n img {\r\n page-break-inside: avoid;\r\n }\r\n\r\n p,\r\n h2,\r\n h3 {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h2,\r\n h3 {\r\n page-break-after: avoid;\r\n }\r\n}\r\n\r\n// the rulesets below target bullframe.css\r\n\r\n@media print {\r\n // adjust the grid system making the layout always fixed\r\n body,\r\n .bf-container {\r\n min-width: 992px !important;\r\n }\r\n\r\n // a few fixes for '_utility_tables.scss'\r\n //\r\n // a with a responsive container (.table-responsive) is cut\r\n // horizontally because there an overflow-x is applied\r\n // let's re-set the overflow of that container on 'auto'\r\n // and let the
element flows without a fixed/flexible with\r\n\r\n .bf-table-responsive {\r\n overflow: auto;\r\n }\r\n\r\n .bf-table-responsive table {\r\n width: auto;\r\n }\r\n\r\n .bf-table-responsive table,\r\n .bf-table {\r\n border-collapse: collapse !important;\r\n }\r\n}\r\n\r\n// Need more?\r\n//\r\n// This project looks promising https://github.com/BafS/Gutenberg\r\n","// prefers-reduced-motion media feature query\r\n// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion\r\n//\r\n// @media (prefers-reduced-motion: reduce) { ... }\r\n// Indicates that user has notified the system that they prefer an\r\n// interface that minimizes the amount of movement or animation,\r\n// preferably to the point where all non-essential movement is removed.\r\n\r\n// taken from https://github.com/jensimmons/cssremedy\r\n//\r\n// 1. Immediately jump any animation to the end point\r\n// 2. Remove transitions & fixed background attachment\r\n// See: https://github.com/mozdevs/cssremedy/issues/11\r\n@media (prefers-reduced-motion: reduce) {\r\n .bf-reduced-motion,\r\n .bf-reduced-motion::before,\r\n .bf-reduced-motion::after,\r\n .bf-reduced-motion *,\r\n .bf-reduced-motion *::before,\r\n .bf-reduced-motion *::after {\r\n animation-delay: -1ms !important;\r\n animation-duration: 1ms !important;\r\n animation-iteration-count: 1 !important;\r\n background-attachment: initial !important;\r\n scroll-behavior: auto !important;\r\n transition-delay: 0s !important;\r\n transition-duration: 0s !important;\r\n }\r\n}\r\n","// taken from sanitize.css\r\n// https://github.com/csstools/sanitize.css/blob/12.0.1/sanitize.css\r\n\r\n/**\r\n * Change the cursor on busy elements in all browsers (opinionated).\r\n */\r\n\r\n [aria-busy=\"true\"] {\r\n cursor: progress;\r\n}\r\n\r\n/*\r\n * Change the cursor on control elements in all browsers (opinionated).\r\n */\r\n\r\n[aria-controls] {\r\n cursor: pointer;\r\n}\r\n\r\n/*\r\n * Change the cursor on disabled, not-editable, or otherwise\r\n * inoperable elements in all browsers (opinionated).\r\n */\r\n\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\n/*\r\n * Change the display on visually hidden accessible elements\r\n * in all browsers (opinionated).\r\n */\r\n\r\n[aria-hidden=\"false\"][hidden] {\r\n display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n clip: rect(0, 0, 0, 0);\r\n position: absolute;\r\n}"]}