{"version":3,"file":"../strength.min.css","sources":["strength.scss","../utility/_media-queries.scss","../utility/_mixin.scss"],"sourcesContent":["@charset 'UTF-8';\n@import \"/Users/alivevn/Website/vhost/sodick/src/scss/utility/_media-queries.scss\";\n@import \"/Users/alivevn/Website/vhost/sodick/src/scss/utility/_mixin.scss\";\n\n\n.strength {\n\n  &__intro {\n    font-weight: bold;\n    font-size: 16px;\n    text-align: center;\n    margin-top: 73px;\n    margin-bottom: 56px;\n    line-height: 1.65;\n    letter-spacing: 0.8px;\n  }\n  &__list {\n    font-size: 0;\n    max-width: 1440px;\n    margin: 0 auto 100px;\n\n    li {\n      @include clearfix();\n      margin-bottom: 120px;\n      position: relative;\n\n      .img {\n        width: 44.1%;\n        max-width: 635px;\n        float: left;\n        position: relative;\n\n        span {\n          position: relative;\n          width: 100%;\n          height: 100%;\n          display: block;\n          background-repeat: no-repeat;\n          background-position: center center;\n          background-size: cover;\n        }\n        &::before {\n          content: \"\";\n          width: 100vw;\n          height: 240px;\n          background: #F5F5F5;\n          position: absolute;\n          bottom: -160px;\n          z-index: -1;\n          right: -51.2%;\n        }\n      }\n      .content {\n        width: 55.9%;\n        padding-left: 70px;\n        max-width: 670px;\n        display: table;\n        float: left;\n        position: relative;\n\n        .txt {\n          width: 100%;\n          display: table-cell;\n          vertical-align: middle;\n          position: relative;\n\n          .title {\n            position: relative;\n            font-weight: bold;\n            font-size: 22px;\n            text-transform: uppercase;\n            letter-spacing: 0.6px;\n            margin-bottom: 27px;\n            line-height: 1.47;\n            padding-bottom: 18px;\n\n            &::before {\n              content: \"\";\n              width: 80px;\n              height: 2px;\n              background: #18A931;\n              position: absolute;\n              bottom: 0;\n              left: 0;\n            }\n          }\n          p {\n            font-size: 14px;\n            line-height: 1.75;\n            letter-spacing: 0.41px;\n          }\n        }\n      }\n      &:first-child {\n\n        .content .txt {\n          top: -35px;\n        }\n      }\n      &:nth-child(2) {\n\n        .img {\n          float: right;\n\n          &::before {\n            right: 0;\n            bottom: -200px;\n            left: -51.2%;\n          }\n        }\n        .content {\n          float: right;\n          padding-right: 70px;\n          padding-left: 0;\n\n          .txt {\n            top: 4px;\n          }\n        }\n      }\n      &:last-child {\n        margin-bottom: 0;\n\n        .img::before {\n          display: none;\n        }\n        .content {\n\n          .txt {\n            top: 42px;\n          }\n        }\n      }\n    }\n  }\n  @include screen(768px,1279px) {\n\n    &__list li {\n\n      .content {\n        padding-left: 30px;\n        padding-right: 15px;\n      }\n      &:nth-child(2) {\n\n        .content {\n          padding-left: 15px;\n          padding-right: 30px;\n        }\n      }\n    }\n  }\n  @include screen(768px,1023px) {\n\n    &__list li {\n      margin-bottom: 90px;\n\n      .img {\n\n        &::before {\n          height: 90%;\n          bottom: -80%;\n        }\n      }\n      .content {\n        height: auto !important;\n\n        .txt {\n          top: 0 !important;\n\n          .title {\n            font-size: 20px;\n          }\n        }\n      }\n      &:nth-child(2) .img::before {\n        height: 110%;\n        bottom: -100%;\n      }\n    }\n  }\n  @include max-screen(767px) {\n\n    &__intro {\n      margin-top: 43px;\n      letter-spacing: 0.8px;\n      padding: 0 20px;\n    }\n    &__list {\n      margin-bottom: 112px;\n\n      li {\n        margin-bottom: 107px;\n\n        .img,.content {\n          float: none !important;\n          width: 100%;\n        }\n        .img {\n          margin-bottom: 29px;\n          max-width: 100%;\n\n          &::before {\n            width: calc(100% - 115px);\n            height: 50px;\n            top: -50px;\n            bottom: auto !important;\n          }\n        }\n        .content {\n          padding: 0 16px !important;\n          height: auto !important;\n\n          .txt {\n            position: static;\n\n            .title {\n              text-align: center;\n\n              &::before {\n                right: 0;\n                margin: auto;\n              }\n            }\n          }\n        }\n        &:first-child .img::before {\n          display: none;\n        }\n        &:nth-child(2) {\n\n          .img {\n            margin-bottom: 32px;\n\n            &::before {\n              left: 0;\n            }\n          }\n        }\n        &:last-child {\n\n          .img::before {\n            display: block;\n            right: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n// For JP\n.jp-page {\n\n  .strength__list li {\n\n    &:first-child .content {\n\n      .txt {\n        top: -38px;\n\n        .title {\n          font-family: $mon;\n        }\n      }\n    }\n    &:nth-child(2) .content .txt {\n      top: 1px;\n    }\n    .content .txt {\n\n      .title {\n        margin-bottom: 23px;\n      }\n      p {\n        line-height: 2;\n      }\n    }\n  }\n  @include max-screen(768px) {\n\n    .strength__list li {\n      margin-bottom: 105px;\n\n      .content .txt {\n\n        .title {\n          margin-bottom: 25px;\n        }\n        p {\n          line-height: 1.75;\n        }\n      }\n      &:nth-child(2) .img {\n        margin-bottom: 27px;\n      }\n      &:last-child .img {\n        margin-bottom: 25px;\n      }\n    }\n  }\n  @include max-screen(374px) {\n\n    .strength__intro {\n      font-size: 15px;\n      margin-left: -10px;\n      margin-right: -10px;\n    }\n  }\n}\n","// --- generator ---------------------------------------------------------------\n\n@mixin mq($args...) {\n  $media-type: 'only screen';\n  $media-type-key: 'media-type';\n  $args: keywords($args);\n  $expr: '';\n\n  @if map-has-key($args, $media-type-key) {\n    $media-type: map-get($args, $media-type-key);\n    $args: map-remove($args, $media-type-key);\n  }\n\n  @each $key, $value in $args {\n    @if $value {\n      $expr: \"#{$expr} and (#{$key}: #{$value})\";\n    }\n  }\n\n  @media #{$media-type} #{$expr} {\n    @content;\n  }\n}\n\n// --- screen ------------------------------------------------------------------\n\n@mixin screen($min, $max, $orientation: false) {\n  @include mq($min-width: $min, $max-width: $max, $orientation: $orientation) {\n    @content;\n  }\n}\n\n@mixin max-screen($max) {\n  @include mq($max-width: $max) {\n    @content;\n  }\n}\n\n@mixin min-screen($min) {\n  @include mq($min-width: $min) {\n    @content;\n  }\n}\n\n@mixin screen-height($min, $max, $orientation: false) {\n  @include mq($min-height: $min, $max-height: $max, $orientation: $orientation) {\n    @content;\n  }\n}\n\n@mixin max-screen-height($max) {\n  @include mq($max-height: $max) {\n    @content;\n  }\n}\n\n@mixin min-screen-height($min) {\n  @include mq($min-height: $min) {\n    @content;\n  }\n}\n\n// --- hdpi --------------------------------------------------------------------\n\n@mixin hdpi($ratio: 1.3) {\n  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),\n  only screen and (min-resolution: #{round($ratio*96)}dpi) {\n    @content;\n  }\n}\n\n// --- hdtv --------------------------------------------------------------------\n\n@mixin hdtv($standard: '1080') {\n  $min-width: false;\n  $min-height: false;\n\n  $standards: ('720p', 1280px, 720px)\n              ('1080', 1920px, 1080px)\n              ('2K', 2048px, 1080px)\n              ('4K', 4096px, 2160px);\n\n  @each $s in $standards {\n    @if $standard == nth($s, 1) {\n      $min-width: nth($s, 2);\n      $min-height: nth($s, 3);\n    }\n  }\n\n  @include mq(\n    $min-device-width: $min-width,\n    $min-device-height: $min-height,\n    $min-width: $min-width,\n    $min-height: $min-height\n  ) {\n    @content;\n  }\n}\n\n// --- iphone4 -----------------------------------------------------------------\n\n@mixin iphone4($orientation: false) {\n  $min: 320px;\n  $max: 480px;\n  $pixel-ratio: 2;\n  $aspect-ratio: '2/3';\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $device-aspect-ratio: $aspect-ratio,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone5 -----------------------------------------------------------------\n\n@mixin iphone5($orientation: false) {\n  $min: 320px;\n  $max: 568px;\n  $pixel-ratio: 2;\n  $aspect-ratio: '40/71';\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $device-aspect-ratio: $aspect-ratio,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone6 -----------------------------------------------------------------\n\n@mixin iphone6($orientation: false) {\n  $min: 375px;\n  $max: 667px;\n  $pixel-ratio: 2;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphone6 plus ------------------------------------------------------------\n\n@mixin iphone6-plus($orientation: false) {\n  $min: 414px;\n  $max: 736px;\n  $pixel-ratio: 3;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- iphoneX ------------------------------------------------------------\n\n@mixin iphoneX($orientation: false) {\n  $min: 375px;\n  $max: 812px;\n  $pixel-ratio: 3;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- ipad (all) --------------------------------------------------------------\n\n@mixin ipad($orientation: false) {\n  $min: 768px;\n  $max: 1024px;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation\n  ) {\n    @content;\n  }\n}\n\n// --- ipad-retina -------------------------------------------------------------\n\n@mixin ipad-retina($orientation: false) {\n  $min: 768px;\n  $max: 1024px;\n  $pixel-ratio: 2;\n\n  @include mq(\n    $min-device-width: $min,\n    $max-device-width: $max,\n    $orientation: $orientation,\n    $-webkit-device-pixel-ratio: $pixel-ratio\n  ) {\n    @content;\n  }\n}\n\n// --- orientation -------------------------------------------------------------\n\n@mixin landscape() {\n  @include mq($orientation: landscape) {\n    @content;\n  }\n}\n\n@mixin portrait() {\n  @include mq($orientation: portrait) {\n    @content;\n  }\n}\n","/* argument */\n$widthcm: 1202px;\n\n$hiragino: \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\", \"ヒラギノ角ゴ Pro W3\", \"ヒラギノ角ゴ W3\", \"メイリオ\", \"Osaka\", \"ＭＳ Ｐゴシック\", \"MS PGothic\", sans-serif;\n$mon: \"Montserrat\", sans-serif;\n$jos: \"Josefin Sans\", sans-serif;\n\n$white: #fff;\n$black: #000;\n\n$paleGrey: #f6f6f6;\n$lightGrey: #e5e5e5;\n$grey: #a8a8a8;\n$mediumGrey: #808080;\n$darkGrey: #323232;\n\n$lightGreen: #03dd28;\n$green: #18a931;\n\n$greenGradient: linear-gradient(to right, #19d83b, $green);\n\n$browser_prefix: (\"-webkit-\", \"-moz-\", \"-ms-\", \"-o-\", \"\");\n@mixin add_prefix($key, $value) {\n  @each $prefix in $browser_prefix {\n    #{$prefix}$key: $value;\n  }\n}\n\n/* font style */\n@mixin ffN {\n  font-family: \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\", \"ヒラギノ角ゴ Pro W3\", \"ヒラギノ角ゴ W3\", \"メイリオ\",\n    \"Osaka\", \"ＭＳ Ｐゴシック\", \"MS PGothic\", sans-serif;\n}\n@mixin ffM {\n  font-family: \"ヒラギノ明朝 Pro\", \"Hiragino Mincho Pro\", \"HGS明朝E\", \"ＭＳ Ｐ明朝\", serif;\n}\n@mixin ffYG {\n  font-family: \"游ゴシック体\", \"Yu Gothic\", YuGothic, \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\", \"メイリオ\", Meiryo,\n    \"MS Pゴシック\", \"MS PGothic\", sans-serif;\n}\n@mixin ffYM {\n  font-family: \"游明朝体\", \"Yu Mincho\", YuMincho, \"ヒラギノ明朝 Pro\", \"Hiragino Mincho Pro\", \"MS P明朝\", \"MS PMincho\",\n    serif;\n}\n\n/* site style */\n@mixin text-hide {\n  overflow: hidden;\n  text-indent: -9999px;\n}\n\n/* [ opacity ]\n-------------------------------------------------*/\n@mixin opacity($num) {\n  -ms-filter: alpha(opacity=$num); /* IE8 */\n  opacity: $num/100;\n  //display: inline-block\\9;\n}\n\n/* [ display style ]\n-------------------------------------------------*/\n@mixin display-table {\n  display: table;\n  > * {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n@mixin height-match {\n  display: block;\n  text-align: center;\n  > * {\n    vertical-align: middle;\n    display: inline-block;\n  }\n  &:before {\n    content: \"\";\n    height: 100%;\n    vertical-align: middle;\n    width: 0;\n    display: inline-block;\n  }\n}\n\n/* [ background-image ]\n-------------------------------------------------*/\n@mixin bgimg($url, $rep: repeat, $pos: left top, $color: none, $size: auto) {\n  background-image: url($url);\n  background-repeat: $rep;\n  background-position: $pos;\n  background-color: $color;\n  background-size: $size;\n}\n\n/* [ writing-mode ]\n-------------------------------------------------*/\n@mixin writing-mode($orientation: \"h\", $direction: \"rl\") {\n  @if $orientation == \"v\" {\n    // Vertical with direction, rl by default\n    -ms-writing-mode: tb- + $direction; // IE\n    @each $prefix in $browser_prefix {\n      #{$prefix}writing-mode: vertical- + $direction;\n    }\n  } @else {\n    // Default...\n    -ms-writing-mode: lr-tb; // IE\n    @each $prefix in $browser_prefix {\n      #{prefix}writing-mode: horizontal-tb;\n    }\n  }\n}\n\n/* [ illustrator & photoshop letter spacing ]\n-------------------------------------------------*/\n@function letter-spacing($letter-spacing) {\n  @return ($letter-spacing/ 1000) * 1em;\n}\n@mixin letter-spacing($target) {\n  letter-spacing: letter-spacing($target);\n}\n\n/* [ easy breakpoint ]\n-------------------------------------------------*/\n@mixin PC {\n  @media (min-width: 768px) {\n    @content;\n  }\n}\n\n@mixin SP {\n  @media (max-width: 767px) {\n    @content;\n  }\n}\n\n/* [ easy transform ]\n-------------------------------------------------*/\n@mixin transform($transforms) {\n  @include add_prefix(transform, $transforms);\n}\n\n// Author: Kyohei Maeda\n\n//aspect-ratio fixed box\n//==================================================\n@mixin aspect-ratio($width, $height) {\n  position: relative;\n  &:before {\n    display: block;\n    content: \" \";\n    width: 100%;\n    padding-top: ($height / $width) * 100%;\n  }\n  > .content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n}\n\n//font-size with rem\n//==================================================\n@mixin font-size($size: 14) {\n  font-size: $size + px;\n  font-size: ($size / 10) + rem;\n}\n\n@mixin my_menu_effect($items, $delay, $direct) {\n  @each $item in $items {\n    &:nth-child(#{$item}) {\n      @include transition_c(#{$delay}ms, \"delay\");\n    }\n    @if ($direct == \"open\") {\n      $delay: $delay + 50;\n    } @else {\n      $delay: $delay - 50;\n    }\n  }\n}\n\n@mixin transition_c($content, $opt: \"\") {\n  @each $prefix in $browser_prefix {\n    @if ($opt == \"\") {\n      #{$prefix}transition: $content;\n    } @else {\n      #{$prefix}transition-#{$opt}: $content;\n    }\n  }\n}\n\n@mixin transform_c($content) {\n  @each $prefix in $browser_prefix {\n    #{$prefix}transform: $content;\n  }\n}\n\n@mixin calc-css($prefix, $content) {\n  #{$prefix}: -webkit-calc($content);\n  #{$prefix}: -moz-calc($content);\n  #{$prefix}: calc($content);\n}\n\n@mixin border($content, $side: \"\") {\n  @if ($side == \"\") {\n    border: #{$content};\n  } @else {\n    border-#{$side}: #{$content};\n  }\n}\n\n@mixin border-radius($radius, $side: \"\") {\n  @if ($side == \"\") {\n    @each $prefix in $browser_prefix {\n      #{$prefix}border-radius: $radius;\n    }\n  } @else {\n    @each $prefix in $browser_prefix {\n      #{$prefix}border-#{$side}-radius: $radius;\n    }\n  }\n}\n\n@mixin clearfix() {\n  &:before,\n  &:after {\n    content: \" \";\n    display: table;\n  }\n  &:after {\n    clear: both;\n  }\n}\n\n//==================================================\n// Black and White Opacity Functions\n// Call | .css { background: black(0.5); }\n//==================================================\n@function black($opacity) {\n  @return rgba(black, $opacity);\n}\n@function white($opacity) {\n  @return rgba(white, $opacity);\n}\n\n//==================================================\n// Centering\n// Call | .css { @include centerer; }\n//==================================================\n\n@mixin centerer {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n// If you want to be able to center in only one direction...\n\n@mixin centerer($horizontal: true, $vertical: true) {\n  position: absolute;\n  @if ($horizontal and $vertical) {\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  } @else if ($horizontal) {\n    left: 50%;\n    transform: translate(-50%, 0);\n  } @else if ($vertical) {\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n}\n\n//==================================================\n// Triangle helper mixin\n// @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`\n// @param {Color} $color [currentcolor] - Triangle color\n// @param {Length} $size [1em] - Triangle size\n// Call | .css::before { @include triangle(bottom, #000, 5px); }\n//==================================================\n\n@mixin triangle($direction, $color: currentcolor, $size: 1em, $distance: 5px) {\n  @if not index(top right bottom left, $direction) {\n    @error \"Direction must be either `top`, `right`, `bottom` or `left`.\";\n  }\n\n  width: 0;\n  height: 0;\n  content: \"\";\n  z-index: 2;\n  margin: $distance;\n  border-#{opposite-position($direction)}: ($size * 1.5) solid $color;\n\n  $perpendicular-borders: $size solid transparent;\n\n  @if $direction == top or $direction == bottom {\n    border-left: $perpendicular-borders;\n    border-right: $perpendicular-borders;\n  } @else if $direction == right or $direction == left {\n    border-bottom: $perpendicular-borders;\n    border-top: $perpendicular-borders;\n  }\n}\n\n// miltiple lines ellipsis\n//==================================================\n@mixin multiLineEllipsis($lineCount: 1) {\n  overflow: hidden;\n  width: 100%;\n  -webkit-line-clamp: $lineCount;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n  white-space: normal;\n}\n\n// miltiple lines ellipsis for FF & IE\n//==================================================\n@mixin multiLineEllipsisForFF($lineHeight: 1.2em, $lineCount: 1, $bgColor: white) {\n  overflow: hidden;\n  position: relative;\n  line-height: $lineHeight;\n  max-height: $lineHeight * $lineCount;\n  text-align: justify;\n  margin-right: -1.15em;\n  padding-right: 1.15em;\n  &:before {\n    content: \"…\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n  }\n  &:after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    width: 1.15em;\n    height: 1em;\n    margin-top: 0.2em;\n    background: $bgColor;\n  }\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n    text-justify: inter-cluster;\n  }\n}\n\n// FONT SMOOTH\n//==================================================\n@mixin font-smooth() {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// FLEXBOX\n//==================================================\n@mixin flexbox() {\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox;\n  display: -webkit-flex;\n  display: flex;\n}\n\n@mixin flex($values: 1) {\n  -webkit-box-flex: $values;\n  -moz-box-flex: $values;\n  -webkit-flex: $values;\n  -ms-flex: $values;\n  flex: $values;\n}\n\n@mixin flex-wrap($wrap: wrap) {\n  -webkit-flex-wrap: $wrap;\n  -moz-flex-wrap: $wrap;\n  -ms-flex-wrap: $wrap;\n  flex-wrap: $wrap;\n}\n\n@mixin align-items($align: center) {\n  -webkit-align-items: $align;\n  -moz-align-items: $align;\n  -ms-align-items: $align;\n  align-items: $align;\n}\n\n@mixin justify-content($direction: center) {\n  -webkit-justify-content: $direction;\n  -moz-justify-content: $direction;\n  -ms-justify-content: $direction;\n  justify-content: $direction;\n}\n\n@mixin flex-direction($direction: column) {\n  -webkit-flex-direction: $direction;\n  -moz-flex-direction: $direction;\n  -ms-flex-direction: $direction;\n  flex-direction: $direction;\n}\n\n// FONT\n//==================================================\n@mixin font($size: \"\", $lh: \"\", $letter: \"\", $fw: \"\") {\n  @if ($size != \"\") {\n    font-size: $size + px;\n    font-size: ($size / 10) + rem;\n  }\n  @if ($lh != \"\") {\n    line-height: $lh + px;\n  }\n  @if ($letter != \"\") {\n    letter-spacing: $letter + em;\n  }\n  @if ($fw != \"\") {\n    font-weight: $fw;\n  }\n}\n\n// ABSOLUTE\n//==================================================\n@mixin absolute($width: \"\", $height: \"\", $top: \"\", $bottom: \"\", $right: \"\", $left: \"\") {\n  position: absolute;\n  @if ($width!= \"\") {\n    width: $width;\n  }\n  @if ($height!= \"\") {\n    height: $height;\n  }\n  @if ($top!= \"\") {\n    top: $top;\n  }\n  @if ($bottom!= \"\") {\n    bottom: $bottom;\n  }\n  @if ($right!= \"\") {\n    right: $right;\n  }\n  @if ($left!= \"\") {\n    left: $left;\n  }\n}\n\n// DETECT\n//==================================================\n@mixin IE {\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n    @content;\n  }\n}\n\n@mixin IPAD {\n  @include screen(768px, 1024px) {\n    @content;\n  }\n}\n\n@mixin HOVER {\n  @include min-screen(1025px) {\n    @content;\n  }\n}\n\n@mixin IP5 {\n  @include max-screen(350px) {\n    @content;\n  }\n}\n\n@mixin ANDR {\n  @include max-screen(370px) {\n    @content;\n  }\n}\n"],"names":[],"mappings":"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"}