{"version":3,"sources":["webpack:///./srads/assets/scss/user/_avail-listings.scss","webpack:///./node_modules/decanter/core/src/scss/utilities/mixins/modular-scale/_responsive-spacing.scss","webpack:///./node_modules/decanter/core/src/scss/utilities/variables/core/_responsive-spacing.scss","webpack:///./node_modules/decanter/core/src/scss/utilities/variables/core/_typography.scss","webpack:///./node_modules/decanter/core/src/scss/utilities/mixins/breakpoint/_grid-media-device.scss","webpack:///<no source>","webpack:///./node_modules/decanter/core/src/scss/utilities/variables/core/_colors.scss","webpack:///./srads/assets/scss/user/_ad-requests.scss","webpack:///user.scss","webpack:///./node_modules/decanter/core/src/scss/utilities/mixins/modular-scale/_modular-typography.scss","webpack:///./node_modules/bourbon/core/bourbon/library/_modular-scale.scss","webpack:///./node_modules/decanter/core/src/scss/utilities/mixins/breakpoint/_grid-media.scss","webpack:///./srads/assets/scss/user/_example-ads.scss"],"names":[],"mappings":"AAKA;EACE,UAAU;EADZ;IC4CU,mBCrCQ;IFFd,qBAAqB;IACrB,iBAAa;IAAb,aAAa;IACb,gBGkHmB;IHjHnB,0BAEa;QAFb,4CAEa;IACb,+BAA8B;IAA9B,+BAA8B;IAC9B,WAAW;IIFX;MJVJ;QC4CU,qBCrCwB,IF0C/B;IIvCC;MJVJ;QC4CU,qBCrCyC,IF0ChD;IAjDH;MKLA;MAAA;MAAA;MLqBM,yBMgSqB;MN/RrB,+CAAyD;MACzD,2BAA2B;MAC3B,4BAA4B;MAC5B,qBAAqB;MACrB,oBAAoB;MACpB,eAAe;MACf,WAAW;MACX,YAAY;IAxBlB;MA8BQ,yBMwGsB;MNvGtB,+CAAqD;IA/B7D;MKLA;MAAA;MLyCM,gBGqFiB;MHpFjB,eAAe;MArCrB;QAyCQ,qBAAqB;IAzC7B;MKLA;MAAA;MLmDM,gBGmEe;MHlEf,eAAe;EA/CrB;IAqDI,UAAU;IArDd;MA0DQ,yBMsGuB;MNrGvB,qBAAqB;MACrB,WAAW;MACX,YAAY;IA7DpB;MAiEQ,gBGgEU;IHjIlB;MAqEQ,aAAa;MArErB;QA2EU,yBM2DoB;;ACxI9B;EN8CU,mBCrCQ;EDaV,eCdY;EKLlB,yBD6CsB;EFpCpB;IGZJ;MN8CU,qBCrCwB,IKLjC;EHQG;IGZJ;MN8CU,qBCrCyC,IKLlD;EHQG;IGZJ;MNsBQ,eCd4B,IKJnC;EHQG;IGZJ;MNsBQ,eCd6C,IKJpD;;AAGD;EFVA;EAAA;EJyBQ,eCfa;EKEnB,iBAAiB;EACjB,0BAA0B;EAC1B,gBJgHqB;EC/GnB;IGLJ;MNeQ,eCf6B,IK4DpC;EHvDG;IGLJ;MNeQ,eCf8C,IK4DrD;EA5DD;IAOI,gBJqHc;IIpHd,kCAAkC;IAClC,iBAAiB;IACjB,cAAc;IACd,kBAAkB;ECgEpB;ID5DE,yBDoRwB;IEtNxB;MD1DE,gBAAgB;EC4DpB;IDvDE,yBDyG0B;ICxG1B,cDQoB;IEiDpB;MDrDE,gBAAgB;ECuDpB;IDlDE,yBDiUoB;IE7QpB;MDhDE,gBAAgB;ECkDpB;ID7CE,yBDlC2B;ICmC3B,cDXoB;IE0DpB;MD3CE,gBAAgB;EC6CpB;IDxCE,yBD8WgC;IEpUhC;MDtCE,gBAAgB;;AAOtB;EEzDE,gBC+FyB;EHpCzB,iBAAa;EAAb,aAAa;MACb,iDAEkB;EAClB,+BAAoC;EAApC,oCAAoC;EACpC,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,gCD/BsB;EKxCtB;IJ+DF;UAWI,0CAA0C;IA3E9C;IFVA;IAAA,oBF8HuB,EICtB;EIpHC;IJ+DF;UAeI,iDAEkB;IAjFtB;IFVA;IAAA,oBF8HuB,EICtB;EIpHC;IJ+DF;UAqBI,0CAA0C;IArF9C;IFVA;IAAA,oBF8HuB,EICtB;EArDD;IF1EA;IAAA;IAAA;IJyBQ,qBCfa;IK0FjB,eAAe;IACf,gBAAgB;IHtFhB;MG2DJ;QNjDQ,qBCf6B,IK2GlC;IHtGC;MG2DJ;QNjDQ,qBCf8C,IK2GnD;II1GD;MJ+DF;QA8BM,gBAAgB;QAChB,kBAAkB,IAYrB;II1GD;MJ+DF;QNjDQ,qBCfa;QKoGf,gBAAgB,IAOnB;EHtGC;IG2DJ;MNjDQ,qBCf6B,IK2GlC;EHtGC;IG2DJ;MNjDQ,qBCf8C,IK2GnD;II1GD;MJ+DF;QAwCM,gBAAgB;QAChB,kBAAkB,IAErB;EA3CH;IF1EA;IAAA;IEwHI,kBAAkB;IAClB,iBAAiB;EFzHrB;IE0EA;IF1EA;IAAA;IAAA,yBEqGoB;IA3BpB;IF1EA;IAAA,oBEyHqB,GFzHrB;EAAA;IE0EA;IF1EA;IAAA;IAAA,yBEqGoB;IA3BpB;IF1EA;IAAA,oBEyHqB,GFzHrB;EAAA;IE0EA;IF1EA;IAAA;IAAA,yBEqGoB;IA3BpB;IF1EA;IAAA,oBEyHqB,GFzHrB;IMWE;MJ+DF;QAkDM,gBAAgB,IAEnB;;AAKH;ENlFU,qBCvCW;EDeb,eCfa;EK4HnB,yBAAyB;EHvHvB;IGoHJ;MNlFU,qBCvC2B,IK6LpC;EHxLG;IGoHJ;MNlFU,qBCvC4C,IK6LrD;EHxLG;IGoHJ;MN1GQ,eCf6B,IK6LpC;EHxLG;IGoHJ;MN1GQ,eCf8C,IK6LrD;EApED;IAMI,iBAAa;IAAb,aAAa;IACb,yBAAmB;QAAnB,sBAAmB;YAAnB,mBAAmB;IACnB,WAAW;IACX,cAAc;IACd,gBAAgB;IIlIlB;MJwHF;QAaM,WAAW;QACX,2BAAgC;QAAhC,gCAAgC,IAYnC;IIlJD;MJwHF;QAkBM,WAAW;QACX,sBAA2B;QAA3B,2BAA2B,IAO9B;IIlJD;MJwHF;QAuBM,WAAW;QACX,2BAAgC;QAAhC,gCAAgC,IAEnC;EA1BH;IA6BI,6BAAoB;QAApB,oBAAoB;IIrJtB;MJwHF;QAgCM,wBAAwB,IAyB3B;IIjLD;MJwHF;QAoCM,6BAAoB;YAApB,oBAAoB,IAqBvB;IIjLD;MJwHF;QAwCM,wBAAwB,IAiB3B;IAzDH;MA4CM,gBAAgB;MAChB,gBAAgB;MA7CtB;QAgDQ,oBAAa;QAAb,oBAAa;QAAb,aAAa;QACb,yBAAmB;YAAnB,sBAAmB;gBAAnB,mBAAmB;QACnB,yBD1CsB;QC2CtB,cD3IgB;QC4IhB,kBAAkB;QAClB,YAAY;QACZ,aAAa;EAtDrB;IA4DI,eAAe;IACf,kBAAkB;EA7DtB;IAiEI,iBAAiB;IACjB,gBAAgB;;AAMpB;EE1LE,gBC+FyB;EH6FzB,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;EAHjB;IN1JU,qBCvCW;IKwMjB,mBAAc;QAAd,kBAAc;YAAd,cAAc;IACd,qBAAqB;IHpMrB;MG4LJ;QN1JU,qBCvC2B,IK0MlC;IHrMC;MG4LJ;QN1JU,qBCvC4C,IK0MnD;EATH;;IAaI,mBACF;QADE,iBACF;YADE,aACF;EAdF;IAiBI,iBAAiB;;AKvNrB;EACC,iBAAiB","file":"../css/user.css","sourcesContent":["// Styles for the ad availability widgets.\n// Month listings are dispayed in a sidebar widget,\n// daily listings are displayed in the main content\n// area of /available-ad/... pages.\n\n.avail {\n  padding: 0;\n\n  li {\n    @include responsive-spacing(\"margin\", null null 1);\n    list-style-type: none;\n    display: grid;\n    font-weight: $su-font-semi-bold;\n    grid-template-areas:\n      'icon link'\n      'icon opps';\n    grid-template-columns:auto 1fr;\n    gap: 0 1rem;\n\n    // Place the calendar with check icon.\n    .avail__icon {\n      background-color: $su-color-bay-dark;\n      background-image: url('../img/calendar-check--white.svg');\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: 12px;\n      border-radius: 100px;\n      grid-area: icon;\n      width: 24px;\n      height: 24px;\n    }\n\n    &[data-avail=\"0\"] {\n      // Days and months with no availability show the calendar with X icon.\n      .avail__icon {\n        background-color: $su-color-digital-red;\n        background-image: url('../img/calendar-x--white.svg');\n      }\n    }\n\n    a {\n      font-weight: $su-font-semi-bold;\n      grid-area: link;\n\n      &:focus,\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    .avail__opps {\n      font-weight: $su-font-regular;\n      grid-area: opps;\n    }\n  }\n\n  // Styles specifically for the listing of days with availability.\n  &.avail--days {\n    padding: 0;\n\n    li {\n\n      .avail__icon {\n        background-color: $su-color-digital-blue;\n        background-size: 16px;\n        width: 32px;\n        height: 32px;\n      }\n\n      a {\n        font-weight: $su-font-bold;\n      }\n\n      &[data-avail=\"0\"] {\n        display: none;\n\n        // Eventhough we're not displaying items with 0 availability,\n        // we'll make the icon background red just in case they do\n        // display somehow.\n        .avail__icon {\n          background-color: $su-color-digital-red;\n        }\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n\n///\n/// Responsive Spacing\n/// A mixin for adding spacing (margin or padding) between elements or between an\n/// element and the edge of its container. The amount of spacing is returned\n/// based on curated values that are finetuned for 3 breakpoint ranges\n/// (Mobile: XS-SM, Tablet(and small desktop): MD-XL, Desktop: 2XL).\n/// Please see core/scss/utilities/variables/core/_responsive-spacing.scss for the variable map.\n///\n/// @name responsive-spacing\n///\n/// @example scss\n///   @include responsive-spacing('padding', 2 null);\n///   @include responsive-spacing('margin', 0 -4 1 2);\n///\n/// @param {string} $type  Spacing type, either 'padding' or 'margin'.\n/// @param {list} $steps - List (1 to 4 values): Either integer (from -2 to 10 including 0) or null. Follows the shorthand notation of padding/margin. Use null to skip a side.\n/// @param {map} $grid - Breakpoint device sass map. Defaults to $su-grid-device.\n///\n/// @group mixin\n@mixin responsive-spacing($type: 'padding', $steps: 0, $grid: $su-grid-device) {\n  @each $key, $breakpoint in $grid {\n    @include grid-media-device($key) {\n      @if length($steps) == 1 {\n        #{$type}: get-responsive-spacing-value($steps, $key);\n      }\n      @else if length($steps) == 2 {\n        @if nth($steps, 1) != null {\n          #{$type}-top: get-responsive-spacing-value(nth($steps, 1), $key);\n          #{$type}-bottom: get-responsive-spacing-value(nth($steps, 1), $key);\n        }\n\n        @if nth($steps, 2) != null {\n          #{$type}-left: get-responsive-spacing-value(nth($steps, 2), $key);\n          #{$type}-right: get-responsive-spacing-value(nth($steps, 2), $key);\n        }\n      }\n      @else if length($steps) == 3 {\n        @if nth($steps, 1) != null {\n          #{$type}-top: get-responsive-spacing-value(nth($steps, 1), $key);\n        }\n\n        @if nth($steps, 2) != null {\n          #{$type}-right: get-responsive-spacing-value(nth($steps, 2), $key);\n          #{$type}-left: get-responsive-spacing-value(nth($steps, 2), $key);\n        }\n\n        @if nth($steps, 3) != null {\n          #{$type}-bottom: get-responsive-spacing-value(nth($steps, 3), $key);\n        }\n      }\n      @else if length($steps) == 4 {\n        @if nth($steps, 1) != null {\n          #{$type}-top: get-responsive-spacing-value(nth($steps, 1), $key);\n        }\n\n        @if nth($steps, 2) != null {\n          #{$type}-right: get-responsive-spacing-value(nth($steps, 2), $key);\n        }\n\n        @if nth($steps, 3) != null {\n          #{$type}-bottom: get-responsive-spacing-value(nth($steps, 3), $key);\n        }\n\n        @if nth($steps, 4) != null {\n          #{$type}-left: get-responsive-spacing-value(nth($steps, 4), $key);\n        }\n      }\n      @else if length($steps) > 4 or length($steps) == 0 {\n        @error '$steps should have 1 to 4 values';\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n\n///\n/// The responsive spacing values from step -2 to 10 at 3 device width ranges.\n///\n/// @name su-responsive-spacing-map\n///\n/// @group variable\n$su-responsive-spacing-map: (\n  -2: (mobile: 0.8rem, tablet: 0.9rem, desktop: 1rem),\n  -1: (mobile: 1.1rem, tablet: 1.2rem, desktop: 1.3rem),\n  0: (mobile: 1.5rem, tablet: 1.8rem, desktop: 1.9rem),\n  1: (mobile: 2rem, tablet: 2.6rem, desktop: 2.7rem),\n  2: (mobile: 3rem, tablet: 3.6rem, desktop: 3.8rem),\n  3: (mobile: 3.2rem, tablet: 4.5rem, desktop: 4.8rem),\n  4: (mobile: 3.4rem, tablet: 5.8rem, desktop: 6.1rem),\n  5: (mobile: 3.8rem, tablet: 7.2rem, desktop: 7.6rem),\n  6: (mobile: 4.5rem, tablet: 9rem, desktop: 9.5rem),\n  7: (mobile: 5rem, tablet: 10.8rem, desktop: 11.4rem),\n  8: (mobile: 6rem, tablet: 12.6rem, desktop: 13.3rem),\n  9: (mobile: 7rem, tablet: 16.2rem, desktop: 17.1rem),\n  10: (mobile: 8rem, tablet: 21.6rem, desktop: 22.8rem)\n) !default;\n","@charset \"UTF-8\";\n\n//\n/// Typography\n//\n/// Style guide: Variables.Core.Typography\n//\n\n///\n/// HTML root font size (10px assuming browser default is 16px)\n///\n/// @name $su-root-font-size\n///\n/// @group variable\n$su-root-font-size: 62.5%;\n\n///\n/// Font size.\n///\n/// @name $su-base-font-size\n///\n/// @group variable\n$su-base-font-size: 2rem !default;\n\n///\n/// A multiplier to scale down some of the larger display font sizes at XS and SM break points.\n///\n/// @name $su-displays-mobile-factor\n///\n/// @group variable\n$su-displays-mobile-factor: 0.85 !default;\n\n///\n/// Default line height.\n///\n/// @name $su-base-line-height\n///\n/// @group variable\n$su-base-line-height: 1.4 !default;\n\n///\n/// Default line height.\n///\n/// @name $su-displays-line-height\n///\n/// @group variable\n$su-displays-line-height: 1.2 !default;\n\n///\n/// Default line height.\n///\n/// @name $su-intro-line-height\n///\n/// @group variable\n$su-intro-line-height: 1.5 !default;\n\n///\n/// font-sans font family.\n///\n/// @name $su-font-sans\n///\n/// @group variable\n$su-font-sans: 'Source Sans Pro', $font-stack-helvetica !default;\n\n///\n/// font-serif font family.\n///\n/// @name $su-font-serif\n///\n/// @group variable\n$su-font-serif: 'Source Serif Pro', $font-stack-georgia !default;\n\n///\n/// font-slab font family.\n///\n/// @name $su-font-slab\n///\n/// @group variable\n$su-font-slab: 'Roboto Slab', $font-stack-georgia !default;\n\n///\n/// font-script font family.\n///\n/// @name $su-font-handwriting\n///\n/// @group variable\n$su-font-handwriting: 'Kalam', $font-stack-helvetica !default;\n\n///\n/// font-sanskrit font family.\n///\n/// @name $su-font-sanskrit\n///\n/// @group variable\n$su-font-sanskrit: 'Noto Sans', $font-stack-helvetica !default;\n\n///\n/// font-x-light font weight.\n///\n/// @name $su-font-x-light\n///\n/// @group variable\n$su-font-x-light: 100 !default;\n\n///\n/// font-light font weight.\n///\n/// @name $su-font-light\n///\n/// @group variable\n$su-font-light: 200 !default;\n\n///\n/// font-regular font weight.\n///\n/// @name $su-font-regular\n///\n/// @group variable\n$su-font-regular: 400 !default;\n\n///\n/// font-semi-bold font weight.\n///\n/// @name $su-font-semi-bold\n///\n/// @group variable\n$su-font-semi-bold: 600 !default;\n\n///\n/// font-bold font weight.\n///\n/// @name $su-font-bold\n///\n/// @group variable\n$su-font-bold: 700 !default;\n\n///\n/// font-black font weight.\n///\n/// @name $su-font-black\n///\n/// @group variable\n$su-font-black: 900 !default;\n","@charset \"UTF-8\";\n\n///\n/// A helper to quickly generate a media query\n///\n/// @name su-grid-media-device\n///\n/// @param {key code} $breakpoint - The breakpoint shortcode - 'mobile', 'tablet' or 'desktop'\n///\n/// @group mixin\n@mixin grid-media-device($breakpoint: 'tablet') {\n  @if $breakpoint == 'mobile' {\n    @content;\n  }\n  @else {\n    @media #{map-get($su-grid-device, $breakpoint)} {\n      @content;\n    }\n  }\n}\n",null,"@charset \"UTF-8\";\n\n////\n/// Colors\n///\n/// Default Stanford University color palette. Primary colors include Cardinal Red, White, Cool Grey,\n/// and Black. Also include accent colors and colors for digital use only.\n/// See complete color palette at\n/// https://identity.stanford.edu/design-elements/color/\n///\n/// @group variable\n////\n\n///\n/// @name su-color-cardinal-red\n///\n/// @group variable\n///\n/// @type Color\n$su-color-cardinal-red: #8c1515 !default;\n\n///\n/// @name su-color-cardinal-red-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-cardinal-red-light: #b83a4b !default;\n\n///\n/// @name su-color-cardinal-red-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-cardinal-red-dark: #820000 !default;\n\n//\n/// @name su-color-white\n///\n/// @group variable\n///\n/// @type Color\n$su-color-white: #ffffff !default;\n\n///\n/// @name su-color-black\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black: #2e2d29 !default;\n\n///\n/// @name su-color-black-true\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-true: #000 !default;\n\n///\n/// @name su-color-black-90\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-90: #43423e !default;\n\n///\n/// @name su-color-black-80\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-80: #585754 !default;\n\n///\n/// @name su-color-black-70\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-70: #6d6c69 !default;\n\n///\n/// @name su-color-black-60\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-60: #767674 !default;\n\n///\n/// @name su-color-black-50\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-50: #979694 !default;\n\n///\n/// @name su-color-black-40\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-40: #ababa9 !default;\n\n///\n/// @name su-color-black-30\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-30: #c0c0bf !default;\n\n///\n/// @name su-color-black-20\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-20: #d5d5d4 !default;\n\n///\n/// @name su-color-black-10\n///\n/// @group variable\n///\n/// @type Color\n$su-color-black-10: #eaeaea !default;\n\n///\n/// @name su-color-digital-red\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-red: #b1040e !default;\n\n///\n/// @name su-color-digital-red-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-red-light: #e50808 !default;\n\n///\n/// @name su-color-digital-red-dark\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @alias su-color-cardinal-red-dark\n$su-color-digital-red-dark: $su-color-cardinal-red-dark !default;\n\n///\n/// @name su-color-digital-blue\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-blue: #006cb8 !default;\n\n///\n/// @name su-color-digital-blue-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-blue-light: #6fc3ff !default;\n\n///\n/// @name su-color-digital-blue-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-blue-dark: #00548f !default;\n\n///\n/// @name su-color-digital-green\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-green: #008566 !default;\n\n///\n/// @name su-color-digital-green-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-green-light: #1aecba !default;\n\n///\n/// @name su-color-digital-green-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-digital-green-dark: #006f54 !default;\n\n///\n/// @name su-color-cool-grey\n///\n/// @group variable\n///\n/// @type Color\n$su-color-cool-grey: #53565a !default;\n\n///\n/// @name su-color-palo-alto\n///\n/// @group variable\n///\n/// @type Color\n$su-color-palo-alto: #175e54 !default;\n\n///\n/// @name su-color-palo-alto-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-palo-alto-light: #2d716f !default;\n\n///\n/// @name su-color-palo-alto-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-palo-alto-dark: #014240 !default;\n\n///\n/// @name su-color-palo-verde\n///\n/// @group variable\n///\n/// @type Color\n$su-color-palo-verde: #279989 !default;\n\n///\n/// @name su-color-palo-verde-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-palo-verde-light: #59b3a9 !default;\n\n///\n/// @name su-color-palo-verde-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-palo-verde-dark: #017e7c !default;\n\n///\n/// @name su-color-olive\n///\n/// @group variable\n///\n/// @type Color\n$su-color-olive: #8f993e !default;\n\n///\n/// @name su-color-olive-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-olive-light: #a6b168 !default;\n\n///\n/// @name su-color-olive-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-olive-dark: #7a863b !default;\n\n///\n/// @name su-color-bay\n///\n/// @group variable\n///\n/// @type Color\n$su-color-bay: #6fa287 !default;\n\n///\n/// @name su-color-bay-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-bay-light: #8ab8a7 !default;\n\n///\n/// @name su-color-bay-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-bay-dark: #417865 !default;\n\n///\n/// @name su-color-sky\n///\n/// @group variable\n///\n/// @type Color\n$su-color-sky: #4298b5 !default;\n\n///\n/// @name su-color-sky-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-sky-light: #67afd2 !default;\n\n///\n/// @name su-color-sky-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-sky-dark: #016895 !default;\n\n///\n/// @name su-color-lagunita\n///\n/// @group variable\n///\n/// @type Color\n$su-color-lagunita: #007c92 !default;\n\n///\n/// @name su-color-lagunita-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-lagunita-light: #009ab4 !default;\n\n///\n/// @name su-color-lagunita-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-lagunita-dark: #006b81 !default;\n\n///\n/// @name su-color-poppy\n///\n/// @group variable\n///\n/// @type Color\n$su-color-poppy: #e98300 !default;\n\n///\n/// @name su-color-poppy-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-poppy-light: #f9a44a !default;\n\n///\n/// @name su-color-poppy-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-poppy-dark: #d1660f !default;\n\n///\n/// @name su-color-spirited\n///\n/// @group variable\n///\n/// @type Color\n$su-color-spirited: #e04f39 !default;\n\n///\n/// @name su-color-spirited-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-spirited-light: #f4795b !default;\n\n///\n/// @name su-color-spirited-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-spirited-dark: #c74632 !default;\n\n///\n/// @name su-color-illuminating\n///\n/// @group variable\n///\n/// @type Color\n$su-color-illuminating: #fedd5c !default;\n\n///\n/// @name su-color-illuminating-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-illuminating-light: #ffe781 !default;\n\n///\n/// @name su-color-illuminating-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-illuminating-dark: #fec51d !default;\n\n///\n/// @name su-color-plum\n///\n/// @group variable\n///\n/// @type Color\n$su-color-plum: #620059 !default;\n\n///\n/// @name su-color-plum-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-plum-light: #734675 !default;\n\n///\n/// @name su-color-plum-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-plum-dark: #350d36 !default;\n\n///\n/// @name su-color-brick\n///\n/// @group variable\n///\n/// @type Color\n$su-color-brick: #651c32 !default;\n\n///\n/// @name su-color-brick-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-brick-light: #7f2d48 !default;\n\n///\n/// @name su-color-brick-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-brick-dark: #42081b !default;\n\n///\n/// @name su-color-archway\n///\n/// @group variable\n///\n/// @type Color\n$su-color-archway: #5d4b3c !default;\n\n///\n/// @name su-color-archway-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-archway-light: #766253 !default;\n\n///\n/// @name su-color-archway-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-archway-dark: #2f2424 !default;\n\n///\n/// @name su-color-stone\n///\n/// @group variable\n///\n/// @type Color\n$su-color-stone: #7f7776 !default;\n\n///\n/// @name su-color-stone-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-stone-light: #d4d1d1 !default;\n\n///\n/// @name su-color-stone-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-stone-dark: #544948 !default;\n\n///\n/// @name su-color-foggy\n///\n/// @group variable\n///\n/// @type Color\n$su-color-foggy: #dad7cb !default;\n\n///\n/// @name su-color-foggy-light\n///\n/// @group variable\n///\n/// @type Color\n$su-color-foggy-light: #f4f4f4 !default;\n\n///\n/// @name su-color-foggy-dark\n///\n/// @group variable\n///\n/// @type Color\n$su-color-foggy-dark: #b6b1a9 !default;\n\n///\n/// @name su-color-blue\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-digital-blue-dark replaces $su-color-blue as the new variable\n$su-color-blue: $su-color-digital-blue-dark !default;\n\n///\n/// @name su-color-bright-blue\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-digital-blue replaces $su-color-bright-blue as the new variable\n$su-color-bright-blue: $su-color-digital-blue !default;\n\n///\n/// @name su-color-bright-red\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-digital-red replaces $su-color-bright-red as the new variable\n$su-color-bright-red: $su-color-digital-red !default;\n\n///\n/// @name su-color-chocolate\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-archway-dark replaces $su-color-chocolate as the new variable\n$su-color-chocolate: $su-color-archway-dark !default;\n\n///\n/// @name su-color-cloud\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-foggy replaces $su-color-cloud as the new variable\n$su-color-cloud: $su-color-foggy !default;\n\n///\n/// @name su-color-dark-red\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-cardinal-red-dark replaces $su-color-dark-red as the new variable\n$su-color-dark-red: $su-color-cardinal-red-dark !default;\n\n///\n/// @name su-color-vivid-red\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-digital-red-light replaces $su-color-vivid-red as the new variable\n$su-color-vivid-red: $su-color-digital-red-light !default;\n\n///\n/// @name su-color-driftwood\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-foggy-dark replaces $su-color-driftwood as the new variable\n$su-color-driftwood: $su-color-foggy-dark !default;\n\n///\n/// @name su-color-fog\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-foggy-light replaces $su-color-fog as the new variable\n$su-color-fog: $su-color-foggy-light !default;\n\n///\n/// @name su-color-brown\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-brown will be removed in Decanter v7\n$su-color-brown: #5e3032 !default;\n\n///\n/// @name su-color-clay\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-clay will be removed in Decanter v7\n$su-color-clay: #5f574f !default;\n\n///\n/// @name su-color-gold\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-gold will be removed in Decanter v7\n$su-color-gold: #b26f16 !default;\n\n///\n/// @name su-color-light-sage\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-light-sage will be removed in Decanter v7\n$su-color-light-sage: #c7d1c5 !default;\n\n///\n/// @name su-color-mint\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-mint will be removed in Decanter v7\n$su-color-mint: #009b76 !default;\n\n///\n/// @name su-color-purple\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-purple will be removed in Decanter v7\n$su-color-purple: #53284f !default;\n\n///\n/// @name su-color-redwood\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-redwood will be removed in Decanter v7\n$su-color-redwood: #8d3c1e !default;\n\n///\n/// @name su-color-sandhill\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-sandhill will be removed in Decanter v7\n$su-color-sandhill: #b3995d !default;\n\n///\n/// @name su-color-sandstone\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-sandstone will be removed in Decanter v7\n$su-color-sandstone: #d2c295 !default;\n\n///\n/// @name su-color-light-sandstone\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-light-sandstone will be removed in Decanter v7\n$su-color-light-sandstone: #f9f6ef !default;\n\n///\n/// @name su-color-sun\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-sun will be removed in Decanter v7\n$su-color-sun: #eaab00 !default;\n\n///\n/// @name su-color-teal\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-teal will be removed in Decanter v7\n$su-color-teal: #00505c !default;\n\n///\n/// @name su-color-warm-grey\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-warm-grey will be removed in Decanter v7\n$su-color-warm-grey: #3f3c30 !default;\n\n///\n/// @name su-color-cool-grey-75\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-cool-grey-75 will be removed in Decanter v7\n$su-color-cool-grey-75: #7a7b7e !default;\n\n///\n/// @name su-color-cool-grey-50\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-cool-grey-50 will be removed in Decanter v7\n$su-color-cool-grey-50: #a6a7a9 !default;\n\n///\n/// @name su-color-cool-grey-25\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-cool-grey-25 will be removed in Decanter v7\n$su-color-cool-grey-25: #d2d3d4 !default;\n\n///\n/// @name su-color-cool-grey-15\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-cool-grey-15 will be removed in Decanter v7\n$su-color-cool-grey-15: #e5e5e5 !default;\n\n//\n/// @name su-color-beige\n///\n/// @group variable\n///\n/// @type Color\n///\n/// @deprecated $su-color-beige will be removed in Decanter v7\n$su-color-beige: #9d9573 !default;\n","// Styles for future and past ad request listing pages.\n\n// General container styles.\n.ad {\n  @include responsive-spacing(\"margin\", null null 1);\n  @include responsive-spacing(\"padding\", 0);\n  border: 1px solid $su-color-black;\n}\n\n// Various status indicator tabs.\n.ad__status {\n  @include responsive-spacing(\"padding\", -1);\n  grid-area: status;\n  border-radius: 3px 3px 0 0;\n  font-weight: $su-font-semi-bold;\n\n  &::before {\n    font-weight: $su-font-bold;\n    font-family: 'Font Awesome 5 Free';\n    font-size: 1.9rem;\n    line-height: 0;\n    margin-right: 1rem;\n  }\n\n  [data-status^=\"approved\"] & {\n    background-color: $su-color-bay-light;\n\n    // Thumbs up icon.\n    &::before {\n      content: '\\f164';\n    }\n  }\n\n  [data-status^=\"canceled\"] & {\n    background-color: $su-color-digital-red;\n    color: $su-color-white;\n\n    // X in circle icon.\n    &::before {\n      content: '\\f057';\n    }\n  }\n\n  [data-status^=\"pending\"] & {\n    background-color: $su-color-poppy;\n\n    // Question mark in circle icon.\n    &::before {\n      content: '\\f059';\n    }\n  }\n\n  [data-status^=\"rejected\"] & {\n    background-color: $su-color-cardinal-red;\n    color: $su-color-white;\n\n    // Ban (circle with slash) icon.\n    &::before {\n      content: '\\f05e';\n    }\n  }\n\n  [data-status^=\"waiting\"] & {\n    background-color: $su-color-illuminating-dark;\n\n    // Exclamation point in circle icon.\n    &::before {\n      content: '\\f06a';\n    }\n  }\n}\n\n// Header includes status indicator tab, scheduled date,\n// and action links to edit/cancel.\n.ad__header {\n  @include modular-typography(-1);\n  display: grid;\n  grid-template-areas:\n    'date date'\n    'status actions';\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  border-bottom: 1px solid $su-color-black;\n\n  @include grid-media(\"sm\") {\n    grid-template-areas: 'status date actions';\n  }\n\n  @include grid-media(\"md\") {\n    grid-template-areas:\n      'date date'\n      'status actions';\n  }\n\n  @include grid-media(\"lg\") {\n    grid-template-areas: 'status date actions';\n  }\n\n  .ad__date {\n    @include responsive-spacing(\"margin-bottom\", -1);\n    grid-area: date;\n    text-align: left;\n\n    @include grid-media(\"sm\") {\n      margin-bottom: 0;\n      text-align: center;\n    }\n\n    @include grid-media(\"md\") {\n      @include responsive-spacing(\"margin-bottom\", -1);\n      text-align: left;\n    }\n\n    @include grid-media(\"lg\") {\n      margin-bottom: 0;\n      text-align: center;\n    }\n  }\n\n  .ad__actions {\n    grid-area: actions;\n    text-align: right;\n\n    @include grid-media(\"lg\") {\n      text-align: left;\n    }\n  }\n}\n\n\n// Ad preview display.\n.ad__content {\n  @include responsive-spacing(\"margin\", null null -1);\n  @include responsive-spacing(\"padding\", -1);\n  background-color: #EFEFEF;\n\n  .ad__content-inner {\n    display: grid;\n    align-items: center;\n    gap: 20px 0;\n    margin: 0 auto;\n    max-width: 660px;\n\n    @include grid-media(\"sm\") {\n      gap: 0 20px;\n      grid-template-columns: 100px 1fr;\n    }\n\n    @include grid-media(\"md\") {\n      gap: 20px 0;\n      grid-template-columns: none;\n    }\n\n    @include grid-media(\"lg\") {\n      gap: 0 20px;\n      grid-template-columns: 100px 1fr;\n    }\n  }\n\n  .ad__content-left {\n    justify-self: center;\n\n    @include grid-media(\"sm\") {\n      justify-self: flex-start;\n    }\n\n    @include grid-media(\"md\") {\n      justify-self: center;\n    }\n\n    @include grid-media(\"lg\") {\n      justify-self: flex-start;\n    }\n\n    .ad__image {\n      margin-bottom: 0;\n      max-width: 100px;\n\n      &.ad__image--no-image {\n        display: flex;\n        align-items: center;\n        background-color: $su-color-digital-red;\n        color: $su-color-white;\n        text-align: center;\n        width: 100px;\n        height: 100px;\n      }\n    }\n  }\n\n  h3 {\n    font-size: 20px;\n    margin-bottom: 5px;\n  }\n\n  p {\n    font-size: 1.6rem;\n    margin-bottom: 0;\n  }\n}\n\n// Footer includes URL used in the ad along with the\n// user's organization and PTA.\n.ad__footer {\n  @include modular-typography(-1);\n  display: flex;\n  flex-wrap: wrap;\n\n  .ad__url {\n    @include responsive-spacing(\"margin\", null null -1);\n    flex: 1 0 100%;\n    word-break: break-all;\n  }\n\n  .ad__organization,\n  .ad__pta {\n    flex: 1 0 50%\n  }\n\n  .ad__pta {\n    text-align: right;\n  }\n}\n",".avail {\n  padding: 0; }\n  .avail li {\n    margin-bottom: 2rem;\n    list-style-type: none;\n    display: grid;\n    font-weight: 600;\n    grid-template-areas: 'icon link' 'icon opps';\n    grid-template-columns: auto 1fr;\n    gap: 0 1rem; }\n    @media only screen and (min-width: 768px) {\n      .avail li {\n        margin-bottom: 2.6rem; } }\n    @media only screen and (min-width: 1500px) {\n      .avail li {\n        margin-bottom: 2.7rem; } }\n    .avail li .avail__icon {\n      background-color: #417865;\n      background-image: url(\"../img/calendar-check--white.svg\");\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: 12px;\n      border-radius: 100px;\n      grid-area: icon;\n      width: 24px;\n      height: 24px; }\n    .avail li[data-avail=\"0\"] .avail__icon {\n      background-color: #b1040e;\n      background-image: url(\"../img/calendar-x--white.svg\"); }\n    .avail li a {\n      font-weight: 600;\n      grid-area: link; }\n      .avail li a:focus, .avail li a:hover {\n        text-decoration: none; }\n    .avail li .avail__opps {\n      font-weight: 400;\n      grid-area: opps; }\n  .avail.avail--days {\n    padding: 0; }\n    .avail.avail--days li .avail__icon {\n      background-color: #006cb8;\n      background-size: 16px;\n      width: 32px;\n      height: 32px; }\n    .avail.avail--days li a {\n      font-weight: 700; }\n    .avail.avail--days li[data-avail=\"0\"] {\n      display: none; }\n      .avail.avail--days li[data-avail=\"0\"] .avail__icon {\n        background-color: #b1040e; }\n\n.ad {\n  margin-bottom: 2rem;\n  padding: 1.5rem;\n  border: 1px solid #2e2d29; }\n  @media only screen and (min-width: 768px) {\n    .ad {\n      margin-bottom: 2.6rem; } }\n  @media only screen and (min-width: 1500px) {\n    .ad {\n      margin-bottom: 2.7rem; } }\n  @media only screen and (min-width: 768px) {\n    .ad {\n      padding: 1.8rem; } }\n  @media only screen and (min-width: 1500px) {\n    .ad {\n      padding: 1.9rem; } }\n\n.ad__status {\n  padding: 1.1rem;\n  grid-area: status;\n  border-radius: 3px 3px 0 0;\n  font-weight: 600; }\n  @media only screen and (min-width: 768px) {\n    .ad__status {\n      padding: 1.2rem; } }\n  @media only screen and (min-width: 1500px) {\n    .ad__status {\n      padding: 1.3rem; } }\n  .ad__status::before {\n    font-weight: 700;\n    font-family: 'Font Awesome 5 Free';\n    font-size: 1.9rem;\n    line-height: 0;\n    margin-right: 1rem; }\n  [data-status^=\"approved\"] .ad__status {\n    background-color: #8ab8a7; }\n    [data-status^=\"approved\"] .ad__status::before {\n      content: '\\f164'; }\n  [data-status^=\"canceled\"] .ad__status {\n    background-color: #b1040e;\n    color: #ffffff; }\n    [data-status^=\"canceled\"] .ad__status::before {\n      content: '\\f057'; }\n  [data-status^=\"pending\"] .ad__status {\n    background-color: #e98300; }\n    [data-status^=\"pending\"] .ad__status::before {\n      content: '\\f059'; }\n  [data-status^=\"rejected\"] .ad__status {\n    background-color: #8c1515;\n    color: #ffffff; }\n    [data-status^=\"rejected\"] .ad__status::before {\n      content: '\\f05e'; }\n  [data-status^=\"waiting\"] .ad__status {\n    background-color: #fec51d; }\n    [data-status^=\"waiting\"] .ad__status::before {\n      content: '\\f06a'; }\n\n.ad__header {\n  font-size: 0.8em;\n  display: grid;\n  grid-template-areas: 'date date' 'status actions';\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  border-bottom: 1px solid #2e2d29; }\n  @media only screen and (min-width: 576px) {\n    .ad__header {\n      grid-template-areas: 'status date actions'; } }\n  @media only screen and (min-width: 768px) {\n    .ad__header {\n      grid-template-areas: 'date date' 'status actions'; } }\n  @media only screen and (min-width: 992px) {\n    .ad__header {\n      grid-template-areas: 'status date actions'; } }\n  .ad__header .ad__date {\n    margin-bottom: 1.1rem;\n    grid-area: date;\n    text-align: left; }\n    @media only screen and (min-width: 768px) {\n      .ad__header .ad__date {\n        margin-bottom: 1.2rem; } }\n    @media only screen and (min-width: 1500px) {\n      .ad__header .ad__date {\n        margin-bottom: 1.3rem; } }\n    @media only screen and (min-width: 576px) {\n      .ad__header .ad__date {\n        margin-bottom: 0;\n        text-align: center; } }\n    @media only screen and (min-width: 768px) {\n      .ad__header .ad__date {\n        margin-bottom: 1.1rem;\n        text-align: left; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .ad__header .ad__date {\n      margin-bottom: 1.2rem; } }\n  @media only screen and (min-width: 768px) and (min-width: 1500px) {\n    .ad__header .ad__date {\n      margin-bottom: 1.3rem; } }\n    @media only screen and (min-width: 992px) {\n      .ad__header .ad__date {\n        margin-bottom: 0;\n        text-align: center; } }\n  .ad__header .ad__actions {\n    grid-area: actions;\n    text-align: right; }\n    @media only screen and (min-width: 992px) {\n      .ad__header .ad__actions {\n        text-align: left; } }\n\n.ad__content {\n  margin-bottom: 1.1rem;\n  padding: 1.1rem;\n  background-color: #EFEFEF; }\n  @media only screen and (min-width: 768px) {\n    .ad__content {\n      margin-bottom: 1.2rem; } }\n  @media only screen and (min-width: 1500px) {\n    .ad__content {\n      margin-bottom: 1.3rem; } }\n  @media only screen and (min-width: 768px) {\n    .ad__content {\n      padding: 1.2rem; } }\n  @media only screen and (min-width: 1500px) {\n    .ad__content {\n      padding: 1.3rem; } }\n  .ad__content .ad__content-inner {\n    display: grid;\n    align-items: center;\n    gap: 20px 0;\n    margin: 0 auto;\n    max-width: 660px; }\n    @media only screen and (min-width: 576px) {\n      .ad__content .ad__content-inner {\n        gap: 0 20px;\n        grid-template-columns: 100px 1fr; } }\n    @media only screen and (min-width: 768px) {\n      .ad__content .ad__content-inner {\n        gap: 20px 0;\n        grid-template-columns: none; } }\n    @media only screen and (min-width: 992px) {\n      .ad__content .ad__content-inner {\n        gap: 0 20px;\n        grid-template-columns: 100px 1fr; } }\n  .ad__content .ad__content-left {\n    justify-self: center; }\n    @media only screen and (min-width: 576px) {\n      .ad__content .ad__content-left {\n        justify-self: flex-start; } }\n    @media only screen and (min-width: 768px) {\n      .ad__content .ad__content-left {\n        justify-self: center; } }\n    @media only screen and (min-width: 992px) {\n      .ad__content .ad__content-left {\n        justify-self: flex-start; } }\n    .ad__content .ad__content-left .ad__image {\n      margin-bottom: 0;\n      max-width: 100px; }\n      .ad__content .ad__content-left .ad__image.ad__image--no-image {\n        display: flex;\n        align-items: center;\n        background-color: #b1040e;\n        color: #ffffff;\n        text-align: center;\n        width: 100px;\n        height: 100px; }\n  .ad__content h3 {\n    font-size: 20px;\n    margin-bottom: 5px; }\n  .ad__content p {\n    font-size: 1.6rem;\n    margin-bottom: 0; }\n\n.ad__footer {\n  font-size: 0.8em;\n  display: flex;\n  flex-wrap: wrap; }\n  .ad__footer .ad__url {\n    margin-bottom: 1.1rem;\n    flex: 1 0 100%;\n    word-break: break-all; }\n    @media only screen and (min-width: 768px) {\n      .ad__footer .ad__url {\n        margin-bottom: 1.2rem; } }\n    @media only screen and (min-width: 1500px) {\n      .ad__footer .ad__url {\n        margin-bottom: 1.3rem; } }\n  .ad__footer .ad__organization,\n  .ad__footer .ad__pta {\n    flex: 1 0 50%; }\n  .ad__footer .ad__pta {\n    text-align: right; }\n\n.ad__content div.wp-block-group__inner-container {\n  display: contents; }\n","@charset \"UTF-8\";\n\n///\n/// Specify font size using modular-scale, relative to the base font size (which varies by breakpoint).\n/// `@include modular-typography(0)` returns the base font size for that breakpoint.\n///\n/// @name modular-typography\n///\n/// @example scss\n///   @include modular-typography(2);\n///   @include modular-typography(0);\n///   @include modular-typography(-1);\n///\n/// @param {number (unitless)} $scale [1] - number (unitless) indicating how many steps to adjust font-size up or down the scale. e.g. entering '1' would create 1 step larger relative to base font size\n///\n/// @group mixin\n@mixin modular-typography($scale: 1) {\n  font-size: modular-scale($scale);\n}\n","@charset \"UTF-8\";\n\n/// Increments up or down a defined scale and returns an adjusted value. This\n/// helps establish consistent measurements and spacial relationships throughout\n/// your project. We provide a list of commonly used scales as\n/// [pre-defined variables][scales].\n///\n/// [scales]: https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/helpers/_scales.scss\n///\n/// @argument {number (unitless)} $increment\n///   How many steps to increment up or down the scale.\n///\n/// @argument {number (with unit) | list} $value [1em]\n///   The base value the scale starts at. Can also be set globally using the\n///   `modular-scale-base` key in the Bourbon settings.\n///\n/// @argument {number (unitless)} $ratio [1.25]\n///   The ratio the scale is built on. Can also be set globally using the\n///   `modular-scale-ratio` key in the Bourbon settings.\n///\n/// @return {number (with unit)}\n///\n/// @example scss\n///   .element {\n///     font-size: modular-scale(2);\n///   }\n///\n///   // CSS Output\n///   .element {\n///     font-size: 1.5625em;\n///   }\n///\n/// @example scss\n///   .element {\n///     margin-right: modular-scale(3, 2em);\n///   }\n///\n///   // CSS Output\n///   .element {\n///     margin-right: 3.90625em;\n///   }\n///\n/// @example scss\n///   .element {\n///     font-size: modular-scale(3, 1em 1.6em, $major-seventh);\n///   }\n///\n///   // CSS Output\n///   .element {\n///     font-size: 3em;\n///   }\n///\n/// @example scss\n///   // Globally change the base ratio\n///   $bourbon: (\n///     \"modular-scale-ratio\": 1.2,\n///   );\n///\n///   .element {\n///     font-size: modular-scale(3);\n///   }\n///\n///   // CSS Output\n///   .element {\n///     font-size: 1.728em;\n///   }\n///\n/// @require {function} _fetch-bourbon-setting\n\n@function modular-scale(\n  $increment,\n  $value: _fetch-bourbon-setting(\"modular-scale-base\"),\n  $ratio: _fetch-bourbon-setting(\"modular-scale-ratio\")\n) {\n  $v1: nth($value, 1);\n  $v2: nth($value, length($value));\n  $value: $v1;\n\n  // scale $v2 to just above $v1\n  @while $v2 > $v1 {\n    $v2: ($v2 / $ratio); // will be off-by-1\n  }\n  @while $v2 < $v1 {\n    $v2: ($v2 * $ratio); // will fix off-by-1\n  }\n\n  // check AFTER scaling $v2 to prevent double-counting corner-case\n  $double-stranded: $v2 > $v1;\n\n  @if $increment > 0 {\n    @for $i from 1 through $increment {\n      @if $double-stranded and ($v1 * $ratio) > $v2 {\n        $value: $v2;\n        $v2: ($v2 * $ratio);\n      } @else {\n        $v1: ($v1 * $ratio);\n        $value: $v1;\n      }\n    }\n  }\n\n  @if $increment < 0 {\n    // adjust $v2 to just below $v1\n    @if $double-stranded {\n      $v2: ($v2 / $ratio);\n    }\n\n    @for $i from $increment through -1 {\n      @if $double-stranded and ($v1 / $ratio) < $v2 {\n        $value: $v2;\n        $v2: ($v2 / $ratio);\n      } @else {\n        $v1: ($v1 / $ratio);\n        $value: $v1;\n      }\n    }\n  }\n\n  @return $value;\n}\n","@charset \"UTF-8\";\n\n///\n/// A helper to quickly generate a media query\n///\n/// @name su-grid-media\n///\n/// @param {key code} $breakpoint - The breakpoint shortcode. Eg: xs\n///\n/// @group mixin\n@mixin grid-media($breakpoint: 'xs') {\n  @media #{map-get($su-grid-media, $breakpoint)} {\n    @content;\n  }\n}\n","// Example ads are displayed at /requirements-best-practices\n// This is a fix for WordPress adding containers to Gutenberg blocks.\n// The actual ad display uses a .twig template that does not include\n// these unnecessary containers.\n\n.ad__content div.wp-block-group__inner-container {\n\tdisplay: contents;\n}\n"],"sourceRoot":""}