-{"version":3,"sources":["webpack:///./app/javascript/styles/mailer.scss","webpack:///./app/javascript/styles/mastodon/variables.scss"],"names":[],"mappings":"AAEA,aAGE,sBAGF,UAEE,oCACA,SACA,UACA,8BACA,yBACA,CAIA,8DAIE,oBAKF,mBAGE,kCCbsB,CDiBxB,WACE,UAIJ,IACE,sBACA,qBACA,+BACA,WACA,gBACA,CAGF,MACE,oCACA,kBACA,CAGF,GACE,mBAGF,mDAIE,yBACA,CAGF,YACE,uCACA,kBACA,kBACA,kBACA,CAGF,aACE,iBAGF,WACE,oBAGF,sBAGE,yBAGF,6EASE,iCACA,WACA,eACA,sBACA,kBACA,CAGF,cACE,0BACA,qBACA,CAGF,aACE,qCACA,kBACA,CAEA,yBACE,cAIJ,iBACE,gBAKF,4BAJE,+BACA,CAGF,WACE,wCACA,UAGA,CAGF,OACE,eAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,OACE,gBAGF,+BAGE,uCAEA,mBALF,+BAMI,4DALD,CASH,wCAGE,gCACA,cAEA,8DACA,CAGF,EACE,2BACA,kBACA,CAEA,QACE,eAGF,OACE,+BACA,CAIJ,kBAME,cAIA,4BACA,eACA,CAGF,GACE,+BACA,CAGF,GACE,+BACA,CAGF,GACE,+BACA,CAGF,GACE,gCACA,gBACA,aACA,CAIA,eACE,eAKF,UACE,gCAEA,iBACA,6BACA,kBACA,kBACA,gBACA,cACA,CAIJ,0BAEE,uBACA,kBACA,mBACA,kBACA,kBACA,CAGF,cACE,yBAEA,qBACE,yBAIJ,MACE,yBACA,iBAGF,kBASE,oBARA,qBACE,kBAGF,yBACE,mBAMJ,QACE,kDACA,CAEA,qBACE,mCACA,kBACA,CAIJ,eACE,iBAGF,aACE,0CACA,CAIA,+BAEE,cAGF,UAEE,eAEA,0BAHA,gBAQF,UACE,uCACA,CAGF,YACE,WAIJ,MACE,2BACA,CAGF,QACE,+BACA,iBACA,CAEA,WACE,8CACA,kBACA,kBACA,gBACA,eACA,mBACA,CAEA,+BAEE,WACA,oDACA,6BACA,6BACA,CAGF,aACE,uDACA,yBACA,CAKF,wBACE,iCACA,gBACA,CAEA,0BACE,qDACA,CAMR,gBACE,yBAGF,gBACE,yBAGF,aACE,kBAGF,YACE,iBAGF,QACE,oCACA,CAGF,eACE,oBAGF,eACE,mBAGF,WACE,WAEA,cACE,wCACA,iBACA,6BACA,aACA,mBACA,kBCpaY,CDwad,yBACE,kBCxaQ,CD2aV,eACE,0BACA,YACA,cACA,gBACA,CAIJ,IACE,WAEA,OACE,4BACA,6BACA,eACA,gBACA,WACA,uCACA,4BACA,CAIJ,QACE,oBAGE,0BACE,kCACA,CAGF,2BACE,WACA,6BACA,eACA,CAGF,sCACE,mBAGF,2BACE,uBACA,iBACA,CAIJ,UACE,iCACA,CAEA,wBACE,6BACA,eACA,CAEA,0BACE,cAMR,YACE,6BAGF,GACE,+BACA,gBACA,gBACA,CAEA,MACE,gCACA,CAEA,WACE,aCjfkB,CDsfxB,0GACE,KACE,4BA3CD,CA+CH,yBACE,2DAOE,6CACA,CAGF,aACE,2BAGF,WACE,8BAGF,QACE,kDACA,CA5CD,C","file":"core/mailer.css","sourcesContent":["@import 'mastodon/variables';\n\ntable,\ntd,\ndiv {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n width: 100% !important;\n min-width: 100%;\n margin: 0;\n padding: 0;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n.email-body {\n td,\n div,\n a,\n span {\n line-height: inherit;\n }\n}\n\na {\n &,\n &:visited,\n span {\n text-decoration: none;\n color: $ui-highlight-color;\n }\n\n #outlook & {\n padding: 0;\n }\n}\n\nimg {\n outline: none;\n border: 0;\n text-decoration: none;\n -ms-interpolation-mode: bicubic;\n clear: both;\n line-height: 100%;\n}\n\ntable {\n border-spacing: 0;\n mso-table-lspace: 0;\n mso-table-rspace: 0;\n}\n\ntd {\n vertical-align: top;\n}\n\n.email-table,\n.content-section,\n.column,\n.column-cell {\n width: 100%;\n min-width: 100%;\n}\n\n.email-body {\n font-size: 0 !important;\n line-height: 100%;\n text-align: center;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.email-start {\n padding-top: 32px;\n}\n\n.email-end {\n padding-bottom: 32px;\n}\n\n.email-body,\nhtml,\nbody {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.email-container,\n.email-row,\n.col-0,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6, {\n font-size: 0;\n display: inline-block;\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n vertical-align: top;\n}\n\n.content-cell {\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n}\n\n.column-cell {\n padding-top: 16px;\n padding-bottom: 16px;\n vertical-align: top;\n\n &.button-cell {\n padding-top: 0;\n }\n}\n\n.email-container {\n max-width: 632px;\n margin: 0 auto;\n text-align: center;\n}\n\n.email-row {\n display: block;\n max-width: 600px !important;\n margin: 0 auto;\n text-align: center;\n clear: both;\n}\n\n.col-0 {\n max-width: 50px;\n}\n\n.col-1 {\n max-width: 100px;\n}\n\n.col-2 {\n max-width: 200px;\n}\n\n.col-3 {\n max-width: 300px;\n}\n\n.col-4 {\n max-width: 400px;\n}\n\n.col-5 {\n max-width: 500px;\n}\n\n.col-6 {\n max-width: 600px;\n}\n\n.column-cell,\n.column-cell td,\np {\n font-family: Helvetica, Arial, sans-serif;\n\n @media only screen {\n font-family: $font-sans-serif, sans-serif !important;\n }\n}\n\n.email-body .column-cell,\n.column-cell,\np {\n font-size: 15px;\n line-height: 23px;\n color: $ui-primary-color;\n mso-line-height-rule: exactly;\n text-rendering: optimizelegibility;\n}\n\np {\n display: block;\n margin-top: 0;\n margin-bottom: 16px;\n\n &.small {\n font-size: 13px;\n }\n\n &.lead {\n font-size: 19px;\n line-height: 27px;\n }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: $ui-secondary-color;\n margin-left: 0;\n margin-right: 0;\n margin-top: 20px;\n margin-bottom: 8px;\n padding: 0;\n font-weight: 500;\n}\n\nh1 {\n font-size: 26px;\n line-height: 36px;\n}\n\nh2 {\n font-size: 23px;\n line-height: 30px;\n}\n\nh3 {\n font-size: 19px;\n line-height: 25px;\n}\n\nh5 {\n font-size: 16px;\n line-height: 21px;\n font-weight: 700;\n color: lighten($ui-base-color, 34%);\n}\n\n.input-cell {\n h5 {\n margin-top: 4px;\n }\n}\n\n.input {\n td {\n background: darken($ui-base-color, 8%);\n border-radius: 4px;\n padding: 16px;\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n }\n}\n\n.content-cell,\n.blank-cell {\n width: 100%;\n font-size: 0;\n text-align: center;\n vertical-align: top;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.content-cell {\n background-color: darken($ui-base-color, 4%);\n\n &.darker {\n background-color: darken($ui-base-color, 8%);\n }\n}\n\n.hero {\n background-color: $ui-base-color;\n padding-top: 20px;\n}\n\n.hero-with-button {\n h1 {\n margin-bottom: 4px;\n }\n\n p.lead {\n margin-bottom: 32px;\n }\n\n padding-bottom: 16px;\n}\n\n.header {\n border-radius: 5px 5px 0 0;\n background-color: darken($ui-base-color, 8%);\n\n .column-cell {\n text-align: center;\n padding-top: 20px;\n padding-bottom: 8px;\n }\n}\n\n.content-start {\n padding-top: 32px;\n}\n\n.content-end {\n border-radius: 0 0 5px 5px;\n padding-top: 16px;\n}\n\n.footer {\n .column-cell,\n p {\n color: lighten($ui-base-color, 34%);\n }\n\n p {\n margin-bottom: 0;\n font-size: 13px;\n\n &.small {\n margin-bottom: 0;\n }\n }\n\n a {\n color: lighten($ui-base-color, 34%);\n text-decoration: underline;\n }\n\n img {\n opacity: 0.3;\n }\n}\n\n.logo {\n position: relative;\n left: -4px;\n}\n\n.button {\n display: table;\n margin-left: auto;\n margin-right: auto;\n\n td {\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n padding: 0 !important;\n\n a,\n a span {\n color: $primary-text-color;\n display: block !important;\n text-align: center !important;\n vertical-align: top !important;\n line-height: inherit !important;\n }\n\n a {\n padding: 10px 22px !important;\n line-height: 26px !important;\n font-weight: 500 !important;\n }\n }\n\n &.button-small {\n td {\n border-radius: 4px;\n font-size: 14px;\n padding: 8px 16px;\n\n a {\n padding: 5px 16px !important;\n line-height: 26px !important;\n }\n }\n }\n}\n\n.button-default {\n background-color: darken($ui-base-color, 8%);\n}\n\n.button-primary {\n background-color: darken($ui-highlight-color, 3%);\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.padded {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.padded-bottom {\n padding-bottom: 32px;\n}\n\n.margin-bottom {\n margin-bottom: 20px;\n}\n\n.hero-icon {\n width: 64px;\n\n td {\n text-align: center;\n vertical-align: middle;\n line-height: 100%;\n mso-line-height-rule: exactly;\n padding: 16px;\n border-radius: 80px;\n background: $success-green;\n }\n\n &.alert-icon td {\n background: $error-red;\n }\n\n img {\n max-width: 32px;\n width: 32px;\n height: 32px;\n display: block;\n line-height: 100%;\n }\n}\n\n.hr {\n width: 100%;\n\n td {\n font-size: 0;\n line-height: 1px;\n mso-line-height-rule: exactly;\n min-height: 1px;\n overflow: hidden;\n height: 2px;\n background-color: transparent !important;\n border-top: 1px solid lighten($ui-base-color, 8%);\n }\n}\n\n.status {\n padding-bottom: 32px;\n\n .status-header {\n td {\n font-size: 14px;\n padding-bottom: 15px;\n }\n\n bdi {\n color: $white;\n font-size: 16px;\n display: block;\n font-weight: 500;\n }\n\n td:first-child {\n padding-right: 10px;\n }\n\n img {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n }\n }\n\n p {\n font-size: 19px;\n margin-bottom: 20px;\n\n &.status-footer {\n color: lighten($ui-base-color, 26%);\n font-size: 14px;\n margin-bottom: 0;\n\n a {\n color: lighten($ui-base-color, 26%);\n }\n }\n }\n}\n\n.border-top {\n border-top: 1px solid lighten($ui-base-color, 8%);\n}\n\nul {\n padding-left: 15px;\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 16px;\n\n li {\n margin-bottom: 16px;\n color: lighten($ui-base-color, 26%);\n\n span {\n color: $ui-primary-color;\n }\n }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {\n body {\n min-height: 1024px !important;\n }\n}\n\n@media (max-width: 697px) {\n .email-container,\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6 {\n width: 100% !important;\n max-width: none !important;\n }\n\n .email-start {\n padding-top: 16px !important;\n }\n\n .email-end {\n padding-bottom: 16px !important;\n }\n\n .padded {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n}\n","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a !default; // Padua\n$error-red: #df405a !default; // Cerise\n$warning-red: #ff5050 !default; // Sunset Orange\n$gold-star: #ca8f04 !default; // Dark Goldenrod\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///./app/javascript/styles/mailer.scss","webpack:///mailer.scss","webpack:///./app/javascript/styles/mastodon/variables.scss"],"names":[],"mappings":"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","file":"core/mailer.css","sourcesContent":["@import 'mastodon/variables';\n\ntable,\ntd,\ndiv {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n width: 100% !important;\n min-width: 100%;\n margin: 0;\n padding: 0;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n.email-body {\n td,\n div,\n a,\n span {\n line-height: inherit;\n }\n}\n\na {\n &,\n &:visited,\n span {\n text-decoration: none;\n color: $ui-highlight-color;\n }\n\n #outlook & {\n padding: 0;\n }\n}\n\nimg {\n outline: none;\n border: 0;\n text-decoration: none;\n -ms-interpolation-mode: bicubic;\n clear: both;\n line-height: 100%;\n}\n\ntable {\n border-spacing: 0;\n mso-table-lspace: 0;\n mso-table-rspace: 0;\n}\n\ntd {\n vertical-align: top;\n}\n\n.email-table,\n.content-section,\n.column,\n.column-cell {\n width: 100%;\n min-width: 100%;\n}\n\n.email-body {\n font-size: 0 !important;\n line-height: 100%;\n text-align: center;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.email-start {\n padding-top: 32px;\n}\n\n.email-end {\n padding-bottom: 32px;\n}\n\n.email-body,\nhtml,\nbody {\n background-color: lighten($ui-base-color, 4%);\n}\n\n.email-container,\n.email-row,\n.col-0,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6, {\n font-size: 0;\n display: inline-block;\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n vertical-align: top;\n}\n\n.content-cell {\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n}\n\n.column-cell {\n padding-top: 16px;\n padding-bottom: 16px;\n vertical-align: top;\n\n &.button-cell {\n padding-top: 0;\n }\n}\n\n.email-container {\n max-width: 632px;\n margin: 0 auto;\n text-align: center;\n}\n\n.email-row {\n display: block;\n max-width: 600px !important;\n margin: 0 auto;\n text-align: center;\n clear: both;\n}\n\n.col-0 {\n max-width: 50px;\n}\n\n.col-1 {\n max-width: 100px;\n}\n\n.col-2 {\n max-width: 200px;\n}\n\n.col-3 {\n max-width: 300px;\n}\n\n.col-4 {\n max-width: 400px;\n}\n\n.col-5 {\n max-width: 500px;\n}\n\n.col-6 {\n max-width: 600px;\n}\n\n.column-cell,\n.column-cell td,\np {\n font-family: Helvetica, Arial, sans-serif;\n\n @media only screen {\n font-family: $font-sans-serif, sans-serif !important;\n }\n}\n\n.email-body .column-cell,\n.column-cell,\np {\n font-size: 15px;\n line-height: 23px;\n color: $ui-primary-color;\n mso-line-height-rule: exactly;\n text-rendering: optimizelegibility;\n}\n\np {\n display: block;\n margin-top: 0;\n margin-bottom: 16px;\n\n &.small {\n font-size: 13px;\n }\n\n &.lead {\n font-size: 19px;\n line-height: 27px;\n }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: $ui-secondary-color;\n margin-left: 0;\n margin-right: 0;\n margin-top: 20px;\n margin-bottom: 8px;\n padding: 0;\n font-weight: 500;\n}\n\nh1 {\n font-size: 26px;\n line-height: 36px;\n}\n\nh2 {\n font-size: 23px;\n line-height: 30px;\n}\n\nh3 {\n font-size: 19px;\n line-height: 25px;\n}\n\nh5 {\n font-size: 16px;\n line-height: 21px;\n font-weight: 700;\n color: lighten($ui-base-color, 34%);\n}\n\n.input-cell {\n h5 {\n margin-top: 4px;\n }\n}\n\n.input {\n td {\n background: darken($ui-base-color, 8%);\n border-radius: 4px;\n padding: 16px;\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n }\n}\n\n.content-cell,\n.blank-cell {\n width: 100%;\n font-size: 0;\n text-align: center;\n vertical-align: top;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.content-cell {\n background-color: darken($ui-base-color, 4%);\n\n &.darker {\n background-color: darken($ui-base-color, 8%);\n }\n}\n\n.hero {\n background-color: $ui-base-color;\n padding-top: 20px;\n}\n\n.hero-with-button {\n padding-bottom: 16px;\n\n h1 {\n margin-bottom: 4px;\n }\n\n p.lead {\n margin-bottom: 32px;\n }\n}\n\n.header {\n border-radius: 5px 5px 0 0;\n background-color: darken($ui-base-color, 8%);\n\n .column-cell {\n text-align: center;\n padding-top: 20px;\n padding-bottom: 8px;\n }\n}\n\n.content-start {\n padding-top: 32px;\n}\n\n.content-end {\n border-radius: 0 0 5px 5px;\n padding-top: 16px;\n}\n\n.footer {\n .column-cell,\n p {\n color: lighten($ui-base-color, 34%);\n }\n\n p {\n margin-bottom: 0;\n font-size: 13px;\n\n &.small {\n margin-bottom: 0;\n }\n }\n\n a {\n color: lighten($ui-base-color, 34%);\n text-decoration: underline;\n }\n\n img {\n opacity: 0.3;\n }\n}\n\n.logo {\n position: relative;\n left: -4px;\n}\n\n.button {\n display: table;\n margin-left: auto;\n margin-right: auto;\n\n td {\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n padding: 0 !important;\n\n a,\n a span {\n color: $primary-text-color;\n display: block !important;\n text-align: center !important;\n vertical-align: top !important;\n line-height: inherit !important;\n }\n\n a {\n padding: 10px 22px !important;\n line-height: 26px !important;\n font-weight: 500 !important;\n }\n }\n\n &.button-small {\n td {\n border-radius: 4px;\n font-size: 14px;\n padding: 8px 16px;\n\n a {\n padding: 5px 16px !important;\n line-height: 26px !important;\n }\n }\n }\n}\n\n.button-default {\n background-color: darken($ui-base-color, 8%);\n}\n\n.button-primary {\n background-color: darken($ui-highlight-color, 3%);\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.padded {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.padded-bottom {\n padding-bottom: 32px;\n}\n\n.margin-bottom {\n margin-bottom: 20px;\n}\n\n.hero-icon {\n width: 64px;\n\n td {\n text-align: center;\n vertical-align: middle;\n line-height: 100%;\n mso-line-height-rule: exactly;\n padding: 16px;\n border-radius: 80px;\n background: $success-green;\n }\n\n &.alert-icon td {\n background: $error-red;\n }\n\n img {\n max-width: 32px;\n width: 32px;\n height: 32px;\n display: block;\n line-height: 100%;\n }\n}\n\n.hr {\n width: 100%;\n\n td {\n font-size: 0;\n line-height: 1px;\n mso-line-height-rule: exactly;\n min-height: 1px;\n overflow: hidden;\n height: 2px;\n background-color: transparent !important;\n border-top: 1px solid lighten($ui-base-color, 8%);\n }\n}\n\n.status {\n padding-bottom: 32px;\n\n &--highlighted {\n border: 1px solid lighten($ui-base-color, 8%);\n border-radius: 4px;\n padding-bottom: 16px;\n margin-bottom: 16px;\n }\n\n .status-header {\n td {\n font-size: 14px;\n padding-bottom: 15px;\n }\n\n bdi {\n color: $white;\n font-size: 16px;\n display: block;\n font-weight: 500;\n }\n\n td:first-child {\n padding-right: 10px;\n }\n\n img {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n }\n }\n\n p {\n font-size: 19px;\n margin-bottom: 20px;\n\n &.status-footer {\n color: lighten($ui-base-color, 26%);\n font-size: 14px;\n margin-bottom: 0;\n\n a {\n color: lighten($ui-base-color, 26%);\n }\n }\n }\n}\n\n.border-top {\n border-top: 1px solid lighten($ui-base-color, 8%);\n}\n\nul {\n padding-left: 15px;\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 16px;\n\n li {\n margin-bottom: 16px;\n color: lighten($ui-base-color, 26%);\n\n span {\n color: $ui-primary-color;\n }\n }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {\n body {\n min-height: 1024px !important;\n }\n}\n\n@media (max-width: 697px) {\n .email-container,\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6 {\n width: 100% !important;\n max-width: none !important;\n }\n\n .email-start {\n padding-top: 16px !important;\n }\n\n .email-end {\n padding-bottom: 16px !important;\n }\n\n .padded {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n}\n","table,\ntd,\ndiv {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n width: 100% !important;\n min-width: 100%;\n margin: 0;\n padding: 0;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n.email-body td,\n.email-body div,\n.email-body a,\n.email-body span {\n line-height: inherit;\n}\n\na, a:visited,\na span {\n text-decoration: none;\n color: #d8a070;\n}\n#outlook a {\n padding: 0;\n}\n\nimg {\n outline: none;\n border: 0;\n text-decoration: none;\n -ms-interpolation-mode: bicubic;\n clear: both;\n line-height: 100%;\n}\n\ntable {\n border-spacing: 0;\n mso-table-lspace: 0;\n mso-table-rspace: 0;\n}\n\ntd {\n vertical-align: top;\n}\n\n.email-table,\n.content-section,\n.column,\n.column-cell {\n width: 100%;\n min-width: 100%;\n}\n\n.email-body {\n font-size: 0 !important;\n line-height: 100%;\n text-align: center;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.email-start {\n padding-top: 32px;\n}\n\n.email-end {\n padding-bottom: 32px;\n}\n\n.email-body,\nhtml,\nbody {\n background-color: #192432;\n}\n\n.email-container,\n.email-row,\n.col-0,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6 {\n font-size: 0;\n display: inline-block;\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n vertical-align: top;\n}\n\n.content-cell {\n width: 100%;\n min-width: 100%;\n min-width: 0 !important;\n}\n\n.column-cell {\n padding-top: 16px;\n padding-bottom: 16px;\n vertical-align: top;\n}\n.column-cell.button-cell {\n padding-top: 0;\n}\n\n.email-container {\n max-width: 632px;\n margin: 0 auto;\n text-align: center;\n}\n\n.email-row {\n display: block;\n max-width: 600px !important;\n margin: 0 auto;\n text-align: center;\n clear: both;\n}\n\n.col-0 {\n max-width: 50px;\n}\n\n.col-1 {\n max-width: 100px;\n}\n\n.col-2 {\n max-width: 200px;\n}\n\n.col-3 {\n max-width: 300px;\n}\n\n.col-4 {\n max-width: 400px;\n}\n\n.col-5 {\n max-width: 500px;\n}\n\n.col-6 {\n max-width: 600px;\n}\n\n.column-cell,\n.column-cell td,\np {\n font-family: Helvetica, Arial, sans-serif;\n}\n@media only screen {\n .column-cell,\n.column-cell td,\np {\n font-family: \"mastodon-font-sans-serif\", sans-serif !important;\n }\n}\n\n.email-body .column-cell,\n.column-cell,\np {\n font-size: 15px;\n line-height: 23px;\n color: #9baec8;\n mso-line-height-rule: exactly;\n text-rendering: optimizelegibility;\n}\n\np {\n display: block;\n margin-top: 0;\n margin-bottom: 16px;\n}\np.small {\n font-size: 13px;\n}\np.lead {\n font-size: 19px;\n line-height: 27px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: #d9e1e8;\n margin-left: 0;\n margin-right: 0;\n margin-top: 20px;\n margin-bottom: 8px;\n padding: 0;\n font-weight: 500;\n}\n\nh1 {\n font-size: 26px;\n line-height: 36px;\n}\n\nh2 {\n font-size: 23px;\n line-height: 30px;\n}\n\nh3 {\n font-size: 19px;\n line-height: 25px;\n}\n\nh5 {\n font-size: 16px;\n line-height: 21px;\n font-weight: 700;\n color: #4c6d98;\n}\n\n.input-cell h5 {\n margin-top: 4px;\n}\n\n.input td {\n background: #040609;\n border-radius: 4px;\n padding: 16px;\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n}\n\n.content-cell,\n.blank-cell {\n width: 100%;\n font-size: 0;\n text-align: center;\n vertical-align: top;\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.content-cell {\n background-color: #0b1016;\n}\n.content-cell.darker {\n background-color: #040609;\n}\n\n.hero {\n background-color: #121a24;\n padding-top: 20px;\n}\n\n.hero-with-button {\n padding-bottom: 16px;\n}\n.hero-with-button h1 {\n margin-bottom: 4px;\n}\n.hero-with-button p.lead {\n margin-bottom: 32px;\n}\n\n.header {\n border-radius: 5px 5px 0 0;\n background-color: #040609;\n}\n.header .column-cell {\n text-align: center;\n padding-top: 20px;\n padding-bottom: 8px;\n}\n\n.content-start {\n padding-top: 32px;\n}\n\n.content-end {\n border-radius: 0 0 5px 5px;\n padding-top: 16px;\n}\n\n.footer .column-cell,\n.footer p {\n color: #4c6d98;\n}\n.footer p {\n margin-bottom: 0;\n font-size: 13px;\n}\n.footer p.small {\n margin-bottom: 0;\n}\n.footer a {\n color: #4c6d98;\n text-decoration: underline;\n}\n.footer img {\n opacity: 0.3;\n}\n\n.logo {\n position: relative;\n left: -4px;\n}\n\n.button {\n display: table;\n margin-left: auto;\n margin-right: auto;\n}\n.button td {\n line-height: 20px;\n mso-line-height-rule: exactly;\n border-radius: 4px;\n text-align: center;\n font-weight: 500;\n font-size: 17px;\n padding: 0 !important;\n}\n.button td a,\n.button td a span {\n color: #ffffff;\n display: block !important;\n text-align: center !important;\n vertical-align: top !important;\n line-height: inherit !important;\n}\n.button td a {\n padding: 10px 22px !important;\n line-height: 26px !important;\n font-weight: 500 !important;\n}\n.button.button-small td {\n border-radius: 4px;\n font-size: 14px;\n padding: 8px 16px;\n}\n.button.button-small td a {\n padding: 5px 16px !important;\n line-height: 26px !important;\n}\n\n.button-default {\n background-color: #040609;\n}\n\n.button-primary {\n background-color: #d59864;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.padded {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n.padded-bottom {\n padding-bottom: 32px;\n}\n\n.margin-bottom {\n margin-bottom: 20px;\n}\n\n.hero-icon {\n width: 64px;\n}\n.hero-icon td {\n text-align: center;\n vertical-align: middle;\n line-height: 100%;\n mso-line-height-rule: exactly;\n padding: 16px;\n border-radius: 80px;\n background: #79bd9a;\n}\n.hero-icon.alert-icon td {\n background: #df405a;\n}\n.hero-icon img {\n max-width: 32px;\n width: 32px;\n height: 32px;\n display: block;\n line-height: 100%;\n}\n\n.hr {\n width: 100%;\n}\n.hr td {\n font-size: 0;\n line-height: 1px;\n mso-line-height-rule: exactly;\n min-height: 1px;\n overflow: hidden;\n height: 2px;\n background-color: transparent !important;\n border-top: 1px solid #202e3f;\n}\n\n.status {\n padding-bottom: 32px;\n}\n.status--highlighted {\n border: 1px solid #202e3f;\n border-radius: 4px;\n padding-bottom: 16px;\n margin-bottom: 16px;\n}\n.status .status-header td {\n font-size: 14px;\n padding-bottom: 15px;\n}\n.status .status-header bdi {\n color: #ffffff;\n font-size: 16px;\n display: block;\n font-weight: 500;\n}\n.status .status-header td:first-child {\n padding-right: 10px;\n}\n.status .status-header img {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n}\n.status p {\n font-size: 19px;\n margin-bottom: 20px;\n}\n.status p.status-footer {\n color: #3e5a7c;\n font-size: 14px;\n margin-bottom: 0;\n}\n.status p.status-footer a {\n color: #3e5a7c;\n}\n\n.border-top {\n border-top: 1px solid #202e3f;\n}\n\nul {\n padding-left: 15px;\n margin-top: 0;\n margin-bottom: 0;\n padding-top: 16px;\n}\nul li {\n margin-bottom: 16px;\n color: #3e5a7c;\n}\nul li span {\n color: #9baec8;\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {\n body {\n min-height: 1024px !important;\n }\n}\n@media (max-width: 697px) {\n .email-container,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6 {\n width: 100% !important;\n max-width: none !important;\n }\n\n .email-start {\n padding-top: 16px !important;\n }\n\n .email-end {\n padding-bottom: 16px !important;\n }\n\n .padded {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n}","// Commonly used web colors\n$black: #000000; // Black\n$white: #ffffff; // White\n$success-green: #79bd9a !default; // Padua\n$error-red: #df405a !default; // Cerise\n$warning-red: #ff5050 !default; // Sunset Orange\n$gold-star: #ca8f04 !default; // Dark Goldenrod\n\n// Pleroma-Dark colors\n$pleroma-bg: #121a24;\n$pleroma-fg: #182230;\n$pleroma-text: #b9b9ba;\n$pleroma-links: #d8a070;\n\n// Values from the classic Mastodon UI\n$classic-base-color: $pleroma-bg;\n$classic-primary-color: #9baec8;\n$classic-secondary-color: #d9e1e8;\n$classic-highlight-color: #d8a070;\n\n// Variables for defaults in UI\n$base-shadow-color: $black !default;\n$base-overlay-background: $black !default;\n$base-border-color: $white !default;\n$simple-background-color: $white !default;\n$valid-value-color: $success-green !default;\n$error-value-color: $error-red !default;\n\n// Tell UI to use selected colors\n$ui-base-color: $classic-base-color !default; // Darkest\n$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest\n$ui-primary-color: $classic-primary-color !default; // Lighter\n$ui-secondary-color: $classic-secondary-color !default; // Lightest\n$ui-highlight-color: $classic-highlight-color !default;\n\n// Variables for texts\n$primary-text-color: $white !default;\n$darker-text-color: $ui-primary-color !default;\n$dark-text-color: $ui-base-lighter-color !default;\n$secondary-text-color: $ui-secondary-color !default;\n$highlight-text-color: $ui-highlight-color !default;\n$action-button-color: $ui-base-lighter-color !default;\n// For texts on inverted backgrounds\n$inverted-text-color: $ui-base-color !default;\n$lighter-text-color: $ui-base-lighter-color !default;\n$light-text-color: $ui-primary-color !default;\n\n// Language codes that uses CJK fonts\n$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;\n\n// Variables for components\n$media-modal-media-max-width: 100%;\n// put margins on top and bottom of image to avoid the screen covered by image.\n$media-modal-media-max-height: 80%;\n\n$no-gap-breakpoint: 415px;\n\n$font-sans-serif: 'mastodon-font-sans-serif' !default;\n$font-display: 'mastodon-font-display' !default;\n$font-monospace: 'mastodon-font-monospace' !default;\n"],"sourceRoot":""}
\ No newline at end of file
projects / akkoma / blobdiff