Generated by SassMeister.com.

input.scss

// image path
$assetPath: "../resources/img";
$spriteImgPath: '/content/dam/fp-dam/shared-assets/Sprite_Sheet_Extras_Desktop.svg';

$letsBeGlyphs: "Lets Be Glyphs Cyrillic","Georgia Bold", serif;
$maax: "Maax", Verdana, sans-serif; //regular
$maaxItalic: "Maax Italic", Verdana, sans-serif;
$maaxLight: "Maax Light", Verdana, sans-serif;
$maaxMedium: "Maax Medium", Verdana, sans-serif;
$maaxMediumItalic: "Maax Medium Italic", Verdana, sans-serif;
$maaxSemiBoldItalic: "Maax Semi-Bold Italic", Verdana, sans-serif;
$maaxBold: "Maax Bold", Verdana, sans-serif;
$maaxBoldItalic: "Maax Bold Italic", Verdana, sans-serif;
$maaxExtra-Bold: "Maax Extra Bold", Verdana, sans-serif;

// font path
$fontPath: "../css/fonts";

// Default font size 
$font-size-base: 14; //14px

// Media Queries
// Media Queries
// UP
$xsmall-up: "(min-width: 544px)";
$small-up: "(min-width: 768px)";
$medium-up: "(min-width: 992px)";
$large-up: "(min-width: 1200px)";
$xlarge-up: "(min-width: 1366px)";
// DOWN
$xsmall-down: "(max-width: 543px)";
$small-down: "(max-width: 767px)";
$medium-down: "(max-width: 991px)";
$large-down: "(max-width: 1199px)";
// BETWEEN
$medium-only: "(min-width: 768px) and (max-width: 991px)";
$large-only: "(min-width: 992px) and (max-width: 1199px)";
$lg-only: "(min-width: 1024px) and (max-width: 1199px)";
$md-only: "(min-width: 768px) and (max-width: 1023px)";
$sm-only: "(min-width:320px) and (max-width: 767px)";
$xs-only: "(max-width: 479px)";
// variable clone
$xlarge-only: $large-up;
$mobile-down-only: $small-down;
$mobile-up-only: $small-up;
$xsmall-only: $xsmall-down;
$small-only: $small-down;
// Landscape
$AndLandscape: "(orientation: landscape)";

// Color Variables
$white: #ffffff;
$black: #000000;
$grey: #878787;
$athens-grey: #dcdddf;
$dark-grey : #767676;
$medium-grey: #979797;
$light-grey: #dddddd;
$very-light-grey: #cacaca;
$color-extra-dark-grey : #949494;
$dim-gray: #707070; //666666, 676767
$very-dark-gray : #B1B1B1;
$very-dim-light: #d8d8d8;
$very-dim-light-grey: #9b9b9b;
$silver-grey: #bbbbbb;
$white-smoke: #F1F1F1; //EAEAEA, eeeeee
$night-rider: #333333;
$white-smoke: #eeeeee;
$light-white: #f7f7f7;
$light-pink: #c70a4c;
$mortar: #555555;
$navy-blue : #0b80ca; //0078C8
$pelorous-blue: #2E81C3;
$dark-turquoise : #00C1D5;
$light-red : #ed4322; //ef4123, ed4122
$red : #eb3845;
$dark-red: #dc2c20;
$pure-red: #FF0707;
$light-blue : #0a8ee1;
$outline-blue : #66afe9;
$link-blue: #23527c;
$light-green : #869791;
$pink: #EC4399;
$dark-pink: #D70080;
$light-rose: #f15e79;
$rose : #f15e79;
$rose1: #FF534D;
$cyan : #00eeee;
$light-violet: #ffe8fd;
$violet: #de1c85;
$purple-heart: #5F259F;
$purple: #723D97;
$dark-purple: #771B65;
$turquoise: #49c3d0;
$orange: #f36621;
$very-light-pink: #e284a5;
$dim-light-pink: #ae0842;
$yellow: #fbd635;
$sky-blue: #f0f0f0;
$gray-white : #EAEAEA;
$light-purple: #5E3769;
$charcoal: #4A4A4A;
$light-black: #222222;
$classic-fb-bg : #3b5998;
$classic-pinterest-bg : #cb2027;
$border-pink : #c91f4f;
$arrow-purple :#809CDD;
$arrow-tony-pink:#EC8FB2;
$arrow-pink:#EC4E82;
$arrow-polo-blue:#8A8AC3;
$arrow-sea-green:#67C8C9;
$arrow-pastel-green :#7F2A90;
$purple1: #771B65;
$green1 : #82AD42;
$dark-light-pink:#BE317A;
$slick-dots-active-btn-bg: #f75baa;
//spacing variables
$spaceamounts: (0, 10, 15, 20, 30);
$sides: (
  "": "all",
  "t": "top",
  "b": "bottom",
  "l": "left",
  "r": "right",
);

// font weights
$fontLight : 300;
$fontRegular : 400;
$fontMedium : 500;
$fontSemiBold : 600;
$fontBold : 700;
$fontExtraBold : 800;
@mixin box-shadow($top, $left:null, $blur:null, $color:null, $inset: false) {
  @if ($left !=null){
      @if $inset {
        -webkit-box-shadow: inset $top $left $blur $color;
        -moz-box-shadow: inset $top $left $blur $color;
        box-shadow: inset $top $left $blur $color;
      }
    
      @else {
        -webkit-box-shadow: $top $left $blur $color;
        -moz-box-shadow: $top $left $blur $color;
        box-shadow: $top $left $blur $color;
      }
  } @else{
      -webkit-box-shadow: $top;
      -moz-box-shadow: $top;
      box-shadow: $top;
  }
}

@mixin border-radius($radius) {
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
  -ms-border-radius: $radius;
  border-radius: $radius;
}
@function mapping($mapName, $elementName, $property:null) {

  // form variant is optional
  @if ($property !=null and map-get($mapName, $elementName)) {
    // map inception
    @return map-get(map-get($mapName, $elementName), $property);
  }

  @else {
    @return null;
  }
}
$btn-font-size: 15px;
@if not variable-exists(btn-font-size) {
  $btn-font-size:40px !global;
  //CTA Button Container Override Starts
  $btn-padding-x:58px;
  $btn-padding-y:18px;
  $btn-line-height:1.25;
  $btn-font-weight:normal;
  $cursor-disabled:default;
  $btn-border-width: 2px;
  $primary-btn-hoverborder-width:3px;
  $hover-btn-border-width: 3px;
  $primarytext-btn-width: 2px;
  $secondarytext-btn-width: 1px;
  $text-btn-width: 2px;
  $arrow-btn-width:2px;
  $btn-border-radius: 0px;
  
}
@mixin print-css($declarations) {
  @each $property, $value in $declarations {
     @if (type-of(map-get($declarations,$property))==map){
        #{$property}: map-get(map-get($declarations,$property),defaultVal) or null;
        @media #{$xsmall-up} {
          #{$property}: map-get(map-get($declarations,$property),xSmallUp) or null;
        }
        @media #{$small-up} {   
          #{$property}: map-get(map-get($declarations,$property),smallUp) or null;
        }
        @media #{$medium-up} {
          #{$property}: map-get(map-get($declarations,$property),mediumUp) or null;
        }
        @media #{$xlarge-up} {
          #{$property}: map-get(map-get($declarations,$property),xLargeUp) or null;
        }
        @media #{$xsmall-down} {
          #{$property}: map-get(map-get($declarations,$property),xSmallDown) or null;
        }
        @media #{$small-down} {
          #{$property}: map-get(map-get($declarations,$property),smallDown) or null;
        }
        @media #{$medium-down} {
          #{$property}: map-get(map-get($declarations,$property),mediumDown) or null;
        }
        @media #{$large-down} {
          #{$property}: map-get(map-get($declarations,$property),largeDown) or null;
        }
        @media #{$xs-only} {
          #{$property}: map-get(map-get($declarations,$property),xsOnly) or null;
        }
        @media #{$sm-only} {
          #{$property}: map-get(map-get($declarations,$property),smOnly) or null;
        }
        @media #{$medium-only} {
          #{$property}: map-get(map-get($declarations,$property),xMediumOnly) or null;
        }
        @media #{$md-only} {
          #{$property}: map-get(map-get($declarations,$property),mediumOnly) or null;
        }
        @media #{$large-only} {
          #{$property}: map-get(map-get($declarations,$property),xLargeOnly) or null;
        }
        @media #{$lg-only} {
          #{$property}: map-get(map-get($declarations,$property),largeOnly) or null;
        }
        @media #{$large-up} {
          #{$property}: map-get(map-get($declarations,$property),largeUp) or null;
        }
      }
      @else{
        #{$property}: $value
      }
  }
}

body{
 @include print-css(
        map-merge((
            padding: 0,
            margin: 0,
            width: 8px,
            height: 8px !important,
            opacity: .2,
            border-radius: 50%
        ), 
        if(variable-exists(list) and map-has-key($list, dotsBtn), 
            map-get($list,dotsBtn), ()
        )
    ));
}

output.css

body {
  padding: 0;
  margin: 0;
  width: 8px;
  height: 8px !important;
  opacity: 0.2;
  border-radius: 50%;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}