{"version":3,"file":"../exhibition.min.css","sources":["exhibition.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.exhibition {\n\n  .cmn_subheading {\n    margin: 74px 0 71px;\n    font-family: $mon;\n  }\n  &__list {\n    font-size: 0;\n    margin: 0 -15px 60px;\n\n    li {\n      display: inline-block;\n      vertical-align: top;\n      width: 20%;\n      padding: 0 15px;\n      margin-bottom: 58px;\n\n      a {\n        display: block;\n        opacity: 1;\n\n        @include PC {\n\n          &:hover .img span.lazy {\n            @include transform_c(scale(1.1));\n          }\n        }\n      }\n      .img {\n        position: relative;\n        margin-bottom: 15px;\n        overflow: hidden;\n        -webkit-backface-visibility: hidden;\n        -moz-backface-visibility: hidden;\n        backface-visibility: hidden;\n        @include transform_c(translate3D(0,0,0));\n\n        span.lazy {\n          display: block;\n          width: 100%;\n          height: 100%;\n          background-position: center center;\n          background-size: cover;\n          background-repeat: no-repeat;\n          -webkit-backface-visibility: hidden;\n          -moz-backface-visibility: hidden;\n          backface-visibility: hidden;\n          @include transition_c(ease .3s);\n        }\n        &.vid {\n\n          &::before {\n            content: \"\";\n            width: 50px;\n            height: 50px;\n            background: url(../../img/exhibition/ico_vid.svg) no-repeat top left;\n            background-size: 100% 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            margin: auto;\n            z-index: 3;\n          }\n        }\n        &.gal {\n\n          span.count {\n            display: inline-block;\n            vertical-align: top;\n            height: 19px;\n            background-color: rgba(0,0,0,.6);\n            background-image: url(../../img/exhibition/ico_gal.svg);\n            background-repeat: no-repeat;\n            background-position: center left 6px;\n            background-size: 13px 11px;\n            color: #fff;\n            padding: 0 6px 0 22px;\n            font-size: 12px;\n            font-weight: 500;\n            @include border-radius(2px);\n            position: absolute;\n            bottom: 8px;\n            left: 8px;\n            line-height: 19px;\n            z-index: 3;\n            font-family: $mon;\n          }\n        }\n      }\n      .title {\n        font-weight: bold;\n        font-size: 16px;\n        line-height: 1.4;\n        font-family: $mon;\n      }\n    }\n  }\n  &__member {\n    height: 188px;\n    background: url(../../img/exhibition/bg_access.jpg) no-repeat top center;\n    background-size: cover;\n    padding-top: 70px;\n\n    a {\n      margin: auto;\n      max-width: 320px;\n      height: 48px;\n      line-height: 48px;\n      text-transform: uppercase;\n      font-size: 14px;\n      font-weight: 600;\n      letter-spacing: 0.7px;\n      font-family: $mon;\n      padding-top: 0;\n    }\n  }\n  &__login {\n    margin-top: 208px;\n    margin-bottom: 100px;\n\n    .cmn_subheading {\n      margin: 0 0 57px;\n    }\n    &--form {\n      max-width: 360px;\n      margin: auto;\n\n      input[type=\"password\"],button {\n        font-family: $mon;\n        box-shadow: none;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        width: 100%;\n        outline: none;\n        @include border-radius(0);\n      }\n      input[type=\"password\"] {\n        background: #fff;\n        font-size: 14px;\n        border: 1px solid #E5E5E5;\n        height: 60px;\n        padding: 0 19px;\n        letter-spacing: 0.7px;\n        margin-bottom: 25px;\n        @include transition_c(all .3s);\n\n        &::placeholder {\n          color: #A8A8A8;\n          opacity: 1;\n        }\n        &:-ms-input-placeholder {\n          color: #A8A8A8;\n        }\n        &::-ms-input-placeholder {\n          color: #A8A8A8;\n        }\n        &.active {\n          border-color: #323232;\n        }\n      }\n      label {\n        display: block;\n        position: relative;\n        margin-bottom: 51px;\n\n        span {\n          position: relative;\n          display: block;\n          font-size: 14px;\n          padding: 0 0 0 40px;\n          letter-spacing: 0.7px;\n\n          &::before, &::after {\n            content: \"\";\n            position: absolute;\n            top: 50%;\n          }\n          &::before {\n            width: 24px;\n            height: 24px;\n            border: 1px solid #E5E5E5;\n            margin-top: -12px;\n            left: 0;\n          }\n          &::after {\n            width: 16px;\n            height: 12px;\n            background: url(../../img/common/icon/ico_checked.svg) no-repeat top left;\n            background-size: 100% 100%;\n            left: 4px;\n            margin-top: -6px;\n            @include transition_c(all .3s);\n            @include transform_c(scale(0));\n          }\n        }\n        input {\n          opacity: 0;\n          top: 0;\n          left: 0;\n          position: absolute;\n        }\n        input {\n\n          &:checked + span {\n\n            &::before {\n              border-color: #18A931;\n            }\n            &::after {\n              @include transform_c(scale(1));\n            }\n          }\n        }\n      }\n      button {\n        font-size: 16px;\n        color: #fff;\n        height: 64px;\n        line-height: 64px;\n        text-transform: uppercase;\n        padding: 0;\n        border: 0;\n        font-weight: 600;\n        letter-spacing: 0.8px;\n        @include transition_c(all .3s);\n      }\n      .err {\n        color: #ff0000;\n        font-size: 14px;\n        margin: -15px 0 25px;\n        font-style: italic;\n      }\n    }\n  }\n  @include screen(768px,999px) {\n\n    &__list {\n\n      li {\n        width: 50%;\n      }\n    }\n  }\n  @include max-screen(767px) {\n\n    .cmn_subheading {\n      margin: 44px 0 37px;\n      letter-spacing: 1.1px;\n    }\n    &__list {\n      margin-bottom: 80px;\n\n      li {\n        width: 100%;\n        margin-bottom: 38px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n        .img {\n\n          &.vid::before {\n            width: 60px;\n            height: 60px;\n          }\n        }\n      }\n    }\n    &__member {\n      height: 173px;\n      padding-top: 50px;\n\n      a {\n        max-width: 343px;\n      }\n    }\n  }\n}\n\n// For JP\n.jp-page {\n\n  .exhibition__member a {\n    font-family: $hiragino;\n  }\n  .exhibition__login--form {\n    input[type=\"password\"],button {\n      font-family: $hiragino;\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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"}