setto.basspistol.com/assets/css/main-20210410.css.map

{
	"version": 3,
	"file": "main-20210410.css",
	"sources": [
		"main-20210410.scss",
		"_sass/libs/_vars.scss",
		"_sass/libs/_reset.scss",
		"_sass/libs/_animations.scss",
		"_sass/_layout.scss",
		"_sass/_elements.scss",
		"_sass/_forms.scss",
		"_sass/_navigation.scss",
		"_sass/_videos.scss",
		"_sass/_player.scss",
		"_sass/trackplayer.scss",
		"_sass/_cookies.scss",
		"_sass/_set.scss",
		"_sass/svg.scss",
		"_sass/staff.scss"
	],
	"sourcesContent": [
		"@import 'libs/vars';\n\n@import 'libs/reset';\n\n// sethy stuff\n@import 'libs/animations';\n@import 'layout';\n@import 'elements';\n@import 'forms';\n@import 'navigation';\n@import 'videos';\n@import 'player';\n@import 'trackplayer';\n@import 'cookies';\n@import 'set';\n@import 'svg';\n@import 'staff';\n",
		"/// Removes a specific item from a list.\r\n/// @author Hugo Giraudel\r\n/// @param {list} $list List.\r\n/// @param {integer} $index Index.\r\n/// @return {list} Updated list.\r\n@function remove-nth($list, $index) {\r\n\r\n\t$result: null;\r\n\r\n\t@if type-of($index) != number {\r\n\t\t@warn \"$index: #{quote($index)} is not a number for `remove-nth`.\";\r\n\t}\r\n\t@else if $index == 0 {\r\n\t\t@warn \"List index 0 must be a non-zero integer for `remove-nth`.\";\r\n\t}\r\n\t@else if abs($index) > length($list) {\r\n\t\t@warn \"List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.\";\r\n\t}\r\n\t@else {\r\n\r\n\t\t$result: ();\r\n\t\t$index: if($index < 0, length($list) + $index + 1, $index);\r\n\r\n\t\t@for $i from 1 through length($list) {\r\n\r\n\t\t\t@if $i != $index {\r\n\t\t\t\t$result: append($result, nth($list, $i));\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@return $result;\r\n\r\n}\r\n\r\n/// Gets a value from a map.\r\n/// @author Hugo Giraudel\r\n/// @param {map} $map Map.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function val($map, $keys...) {\r\n\r\n\t@if nth($keys, 1) == null {\r\n\t\t$keys: remove-nth($keys, 1);\r\n\t}\r\n\r\n\t@each $key in $keys {\r\n\t\t$map: map-get($map, $key);\r\n\t}\r\n\r\n\t@return $map;\r\n\r\n}\r\n\r\n/// Gets a font value.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function _font($keys...) {\r\n\t@return val($font, $keys...);\r\n}\r\n\r\n// /// Gets a palette value.\r\n// /// @param {string} $keys Key(s).\r\n// /// @return {string} Value.\r\n// @function _palette($keys...) {\r\n// \t@return val($palette, $keys...);\r\n// }\r\n\r\n\r\n\r\n@font-face {\r\n  font-family: 'Terminus';\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  src: local('Terminus Regular'), local('Terminus-Regular'), url(/assets/fonts/terminus/TerminusTTF.ttf) format('truetype');\r\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'Terminus';\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  src: local('Terminus Bold'), local('Terminus-Vold'), url(/assets/fonts/terminus/TerminusTTF-Bold.ttf) format('truetype');\r\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n$font: (\r\n  title:         ('Terminus', 'Lucida Console', Monaco, monospace),\r\n  family:        ('Terminus', 'Poppins', 'Arial', 'Helvetica', sans-serif),\r\n  family-fixed:  ('Terminus', 'Lucida Console', Monaco, monospace),\r\n  weight:       400,\r\n  weight-bold:  700,\r\n  kerning:      0em,\r\n  kerning-alt:  0.125em\r\n);\r\n:root {\r\n  --border-radius: 3px;\r\n  --max-width: 1000px;\r\n  --anim-speed: 200ms;\r\n\r\n}\r\n\r\n// // Palette.\r\n// $palette: (\r\n\r\n//   bg:         #0C0F0A, \r\n//   bg-alt:     rgba(12, 15, 10, 0.5), \r\n//   fg:         #FFFFFF,\r\n//   fg-alt:     rgba(255, 255, 255, 0.5),\r\n//   border:     #000000,\r\n//   border-alt: rgba(0, 0, 0, 0.75),\r\n//   accent1:    #41EAD4,\r\n//   accent1-alt:rgba(65, 234, 212, 0.75),\r\n//   accent2:    #FF206E,\r\n//   accent2-alt:rgba(255, 32, 110, 0.75),\r\n\r\n// );",
		"///\n/// Story by HTML5 UP\n/// html5up.net | @ajlkn\n/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\n///\n\n// Reset.\n// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)\n\nhtml, body, div, span, applet, object,\niframe, h1, h2, h3, h4, h5, h6, p, blockquote,\npre, a, abbr, acronym, address, big, cite,\ncode, del, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var, b,\nu, i, center, dl, dt, dd, ol, ul, li, fieldset,\nform, label, legend, table, caption, tbody,\ntfoot, thead, tr, th, td, article, aside,\ncanvas, details, embed, figure, figcaption,\nfooter, header, hgroup, menu, nav, output, ruby,\nsection, summary, time, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\nhtml {\n  scroll-behavior: smooth;\n}\nbody {\n  line-height: 1.75;\n}\n\nol, ul {\n  list-style:none;\n}\n\nblockquote,\tq {\n  quotes: none;\n\n  &:before,\n  &:after {\n    content: '';\n    content: none;\n  }\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nbody {\n  -webkit-text-size-adjust: none;\n}\n\nmark {\n  background-color: transparent;\n  color: inherit;\n}\n\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\ninput, select, textarea {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  -ms-appearance: none;\n  appearance: none;\n}\n",
		"// Animation \n@-webkit-keyframes infiniteRotate {  \n  0% { -webkit-transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); }\n}\n@-moz-keyframes infiniteRotate {  \n  0% { -webkit-transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); }\n}\n@keyframes infiniteRotate {  \n  0% { -webkit-transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); }\n}\n\n\n@-webkit-keyframes backgroundBlink {\n  0%{background-position:73% 0%}\n  50%{background-position:28% 100%}\n  100%{background-position:73% 0%}\n}\n@-moz-keyframes backgroundBlink {\n  0%{background-position:73% 0%}\n  50%{background-position:28% 100%}\n  100%{background-position:73% 0%}\n}\n@keyframes backgroundBlink {\n  0%{background-position:73% 0%}\n  50%{background-position:28% 100%}\n  100%{background-position:73% 0%}\n}\n\n@-webkit-keyframes backgroundSize {\n  0%{background-size:100% 150%}\n  50%{background-size:150% 100%}\n  100%{background-size:100% 150%}\n}\n@-moz-keyframes backgroundSize {\n  0%{background-size:100% 150%}\n  50%{background-size:150% 100%}\n  100%{background-size:100% 150%}\n}\n@keyframes backgroundSize {\n  0%{background-size:100% 150%}\n  50%{background-size:150% 100%}\n  100%{background-size:100% 150%}\n}",
		"html,\nbody {\n  margin: 0;\n  padding: 0;\n  background-color: var(--bg);\n}\nbody {\n  height: 100vh;\n  width: 100%;\n  font-family: _font(family);\n  font-weight: 300;\n  font-size: 1em;\n  color: var(--fg);\n  letter-spacing: _font(kerning);\n  background-color: var(--bg);\n}\n#main-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  -webkit-transition: filter var(--anim-speed) ease-in;\n  -moz-transition: filter var(--anim-speed) ease-in;\n  -ms-transition: filter var(--anim-speed) ease-in-out;\n  transition: filter var(--anim-speed) ease-in;\n  z-index: 1;\n}\n.content-wrapper {\n  max-width: var(--max-width);\n  margin: auto;\n}\n.wrapper {\n  margin: 20px 40px;\n}\n\n.hero {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  align-content: center;\n  background-color: transparent;\n  justify-content: center;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  padding: 0;\n  position: relative;\n  min-height: 100vh;\n  width: 100vw;\n\n  .textcontainer {\n    background: var(--bg-alt);\n    background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);\n    border-radius: var(--border-radius);\n    max-width: var(--max-width);\n    padding: 0px 40px 40px 40px;\n    \n  }\n\n  div {\n    z-index: 10;\n    h1,\n    p {\n      flex: 1 0 100%;\n\n      z-index: 10;\n      color: var(--fg);\n      max-width: var(--max-width);\n      margin-top: 40px;\n    }\n\n    h1 {\n      font-size: 1.8em;\n    }\n  }\n  .imagecontainer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url(\"../img/vignette.svg\");\n    background-size: 960px;\n    background-repeat: repeat-x;\n    background-position: bottom;\n    z-index: 1;\n    h4 {\n      width: 90vw;\n      /* height: auto; */\n      /* min-height: 100px; */\n      line-height: 1.011em;\n      letter-spacing: -0em;\n      color: var(--bg);\n      font-size: 15vw;\n      display: inline;\n      opacity: 1;\n      border-radius: var(--border-radius);\n      position: absolute;\n      bottom: 0;\n      transform: rotate(-3deg);\n      overflow: hidden;\n      background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      filter: blur(2px);\n    }\n  }\n  .splash {\n    background-color: transparent;\n    display: flex;\n    flex-wrap: wrap;\n    padding: 40px;\n    align-items: flex-start;\n    max-width: var(--max-width);\n    margin: auto;\n      .description {\n        border-radius: var(--border-radius);\n        background: var(--bg-alt);\n        box-shadow: 15px 15px 28px 24px var(--bg-alt);\n        -webkit-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n        -moz-box-shadow: 15px 15px 28px 24px var(--bg-alt);\n        > * {\n          margin: 40px !important;\n        }\n        > ul {\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            \n            .button {\n              background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n              background-size: 400% 400%;\n              -webkit-animation: backgroundBlink 7s ease infinite;\n              -moz-animation: backgroundBlink 7s ease infinite;\n              animation: backgroundBlink 7s ease infinite;\n              width: 100px;\n              height: 100px;\n              line-height: 100px;\n              margin: 0 0 10px 0;\n              padding:0;\n              font-size: 65px;\n            }\n        }\n      }\n    h1, h2 {\n      font-size: 2em;\n    }\n    p, h1, h2, h3, h4 {\n      text-align: left;\n      margin-top: 20px;\n  \n    }\n    h1:first-child {\n      margin-top: 0;\n    }\n    div {\n      max-width: unset;\n      margin: 0;\n      flex: 1 1 300px;\n\n  \n    }\n    .splash-logo {\n      padding: 0;\n      margin: 0;\n    }\n    @media only screen and (max-width: 759px) {\n      text-align: center;\n      div {\n        min-width: 10
		"\n// Basic Elements\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: _font(title);\n  font-weight: 700;\n\n}\nh1 {\n  font-size: 2.5em;\n}\nh2 {\n  font-size: 1.75em;\n}\nh3 {\n  font-size: 1.5em;\n}\nstrong {\n  font-weight: 500;\n}\na {\n  text-decoration-style: wavy;\n  text-decoration-color: transparent;\n  color: var(--accent1);\n  -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n  -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n  -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n  transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n}\na:hover {\n  color: var(--accent2);\n  text-decoration-style: wavy;\n  text-decoration-color: unset;\n}\n.center {\n  text-align: center;\n}\n\n// Buttons\n\n.button {\n  background-color: var(--accent2);\n  padding: 1em;\n  margin-bottom: 20px;\n  display: inline-block;\n  border-radius: var(--border-radius);\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  font-weight: 500;\n  color: var(--bg);\n  -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n  -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n  box-shadow: 0px 0px 0px -3px var(--border-alt);\n  -webkit-transition: all var(--anim-speed) ease-in-out;\n  -moz-transition: all var(--anim-speed) ease-in-out;\n  -ms-transition: all var(--anim-speed) ease-in-out;\n  transition: all var(--anim-speed) ease-in-out;\n  background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n  background-size: 400% 400%;\n  -webkit-animation: backgroundBlink 2s ease infinite;\n  -moz-animation: backgroundBlink 2s ease infinite;\n  animation: backgroundBlink 2s ease infinite;\n\n  \n}\n.button:hover {\n  background-color: var(--accent1);\n  color: var(--bg);\n  -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt);\n  -moz-box-shadow: 0px 11px 10px -3px var(--border-alt);\n  box-shadow: 0px 11px 10px -3px var(--border-alt);\n  -webkit-transition: all var(--anim-speed) ease-in-out;\n  -moz-transition: all var(--anim-speed) ease-in-out;\n  -ms-transition: all var(--anim-speed) ease-in-out;\n  transition: all var(--anim-speed) ease-in-out;\n}\n.button:active {\n  -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n  -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n  box-shadow: 0px 0px 0px -3px var(--border-alt);\n}\n@media only screen and (max-width: 480px) {\n  .button {\n    font-size: 0.75em;\n    padding: 0.75em;\n  }\n}\n\n.normal-section {\n  display:flex; \n  flex-wrap: wrap;\n  justify-content: space-around;\n  padding: 20px;\n  -webkit-box-shadow: unset;\n  -moz-box-shadow: unset;\n  box-shadow: unset;\n  h2 {\n    flex: 0 0 100%;\n    margin: 20px;\n  }\n\n    p {\n      margin-top: 20px;\n    }\n    ul{\n      width: 100%;\n\n    }\n\n    .icon {\n      flex: 0 0 100px;\n      margin: 0 0 20px 0;\n      display: inline-block;\n      width: 100px;\n      height: 100px;\n      border-radius: 200px;\n      font-size: 40px;\n\n      line-height: 100px;\n      text-align: center;\n\n    }\n\n\n  \n  img {\n    width:100%;\n    height: 100%; \n    object-fit: cover;\n    border-radius: var(--border-radius);\n  }\n}\n\n// icon\n\n.label {\n  display: none;\n}\n.icon {\n  flex: 0 0 45px;\n  margin:20px; \n  font-size: 45px;\n  border-radius: 100px;\n  width: 100px;\n  height: 100px;\n  line-height: 100px;\n  border: 1px solid var(--accent1);\n  color: var(--accent1);\n  text-align: center;\n  text-decoration: none;\n  -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n  -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n  -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n  transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n\n}\n.icon:hover {\n  border: 1px solid var(--accent2);\n  color: var(--accent2);\n\n}\n.small {\n  border-radius: 80px;\n  width: 70px;
		".textspace {\n  height: 100px;\n\n} \n\ninput, textarea, select {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: var(--border-radius);\n  box-sizing: border-box;\n  font-family: _font(family);\n  font-size: 1em;\n}\n\n\ninput[type=submit] {\n  width: 200px;\n  background-image: linear-gradient(223deg, var(--accent1), var(--accent2));\n  background-size: 800% 800%;\n  -webkit-animation: backgroundBlink 2s ease infinite;\n  -moz-animation: backgroundBlink 2s ease infinite;\n  animation: backgroundBlink 2s ease infinite;\n\n\n  color: var(--bg);\n  padding: 14px 20px;\n  margin: 8px 0;\n  border: none;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n}\n\ninput[type=submit]:hover {\n  background-image: linear-gradient(223deg, var(--accent2),var(--accent1));\n  background-size: 800% 800%;\n  -webkit-animation: backgroundBlink 2s ease infinite;\n  -moz-animation: backgroundBlink 2s ease infinite;\n  animation: backgroundBlink 2s ease infinite;\n\n}\n\n.contact-info {\n  display: flex; \n  flex-wrap: wrap;\n  justify-content: space-between;\n  label {\n    display: none;\n\n  }\n  input {\n    flex: 1 1 330px;\n    min-width: 240px;\n\n  }\n}\n\n/*specific classes related to Checkbox skins*/\n/* CSS Created by CSS CHECKBOX */\n/**********************************/\n/**** www.CSScheckbox.com *********/\n\n/*general styles for all CSS Checkboxes*/\nlabel {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  display: none;\n  }\n  \n  input[type=checkbox].css-checkbox {\n      position: absolute; \n      overflow: hidden; \n      clip: rect(0 0 0 0); \n      height:1px; \n      width:1px; \n      margin:-1px; \n      padding:0;\n      border:0;\n  }\n  \n  input[type=checkbox].css-checkbox + label.css-label {\n    padding-left:20px;\n    height:15px; \n    display:inline-block;\n    background-repeat:no-repeat;\n    background-position: 0 0;\n    font-size:1em;\n    vertical-align:middle;\n    cursor:pointer;\n  }\n  \n  input[type=checkbox].css-checkbox:checked + label.css-label {\n    background-position: 0 -15px;\n  }\n  \n  .css-label{\n    background-image:url(/assets/img/check.png);\n  }\n\n\n  \n\n  input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {\n    padding-left:22px;\n    height:20px; \n    display:inline-block;\n    line-height:20px;\n    background-repeat:no-repeat;\n    background-position: 0 0;\n    font-size:1em;\n    vertical-align:middle;\n      cursor:pointer;\n  }\n  \n  input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{\n  \n      background-position: 0 -20px;\n  }\n\n",
		"/* NAVIGATION */\n\n#navbar {\n  z-index: 10000;\n  display: block;\n}\n.logo {\n  filter: blur(20px);\n  opacity: 0;\n  text-decoration: none;\n  position: fixed;\n  top:0;\n  width: 100%;\n  height: 60px;\n  z-index: 100;\n  -webkit-transition: all var(--anim-speed) ease-in;\n  -moz-transition: all var(--anim-speed) ease-in;\n  -ms-transition: all var(--anim-speed) ease-in;\n  transition: all var(--anim-speed) ease-in;\n  background-color: transparent;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 95% 95%;\n  -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt);\n  -moz-box-shadow: 0px 12px 32px -25px var(--border-alt);\n  box-shadow: 0px 12px 32px -25px var(--border-alt);\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  > a {\n    height: 40px;\n\n  }\n\n}\n.logo:hover {\n  filter: blur(0px);\n  opacity: 1;\n  -webkit-transition: all var(--anim-speed) ease-in;\n  -moz-transition: all var(--anim-speed) ease-in;\n  -ms-transition: all var(--anim-speed) ease-in;\n  transition: all var(--anim-speed) ease-in;\n  background-color: var(--bg);\n\n}\n.sticky {\n  filter: blur(0px);\n  opacity: 1;\n  background-color: var(--bg);\n  -webkit-transition: all var(--anim-speed) ease-in;\n  -moz-transition: all var(--anim-speed) ease-in;\n  -ms-transition: all var(--anim-speed) ease-in;\n  transition: all var(--anim-speed) ease-in;\n\n }\n.navmenu {\n  margin: 0 40px 0 20px;\n  font-size: 34px;\n  color:var(--accent1);\n}\n \n \nnav {\n  position: absolute;\n  width: 300px;\n  max-height: 90vh;\n  max-width: 90vw;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--bg);\n  border-radius: var(--border-radius);\n  display: flex;\n  flex-wrap: wrap;\n  ul {\n    padding: 20px;\n    width: 100%\n  }\n  li {\n    list-style-type: none;\n    margin: 20px;\n    padding: 0;\n    a {\n      display: block;\n      font-size: 14px\n    }\n    .button {\n      display: block;\n    }\n  }\n }\n //.blurredout {\n  // filter: blur(5px);\n  // -webkit-transition: filter var(--anim-speed) ease-in;\n  // -moz-transition: filter var(--anim-speed) ease-in;\n  // transition: filter var(--anim-speed) ease-in;\n // }\n\n.modalDialog {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: var(--bg-alt);\n  z-index: 10;\n  opacity:0;\n  -webkit-transition: opacity var(--anim-speed) ease-in;\n  -moz-transition: opacity var(--anim-speed) ease-in;\n  -ms-transition: opacity var(--anim-speed) ease-in;\n  transition: opacity var(--anim-speed) ease-in;\n  pointer-events: none;\n  \n}\n\n.modalDialog:target {\n  opacity:1;\n  pointer-events: auto;\n}\n\n.modalDialog > div {\n\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 100px auto;\n  padding: 20px;\n  border-radius: var(--border-radius);\n\n}\n\n.close-button {\n  background-color: var(--accent2);\n  color: var(--accent1);\n  margin: 0 auto;\n  line-height: 48px;\n  position: absolute;\n  right: -12px;\n  text-align: center;\n  top: -10px;\n  width: 48px;\n  height: 48px;\n  text-decoration: none;\n  font-weight: bold;\n  border-radius: 48px;\n  -webkit-transition: all var(--anim-speed) ease-in;\n  -moz-transition: all var(--anim-speed) ease-in;\n  -ms-transition: all var(--anim-speed) ease-in;\n  transition: all var(--anim-speed) ease-in;\n}\n\n.close-button:hover {   \n  background-color: var(--accent1); \n  color: var(--accent2);\n\n}\n\n#closearea {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n\n}\n",
		"/* Background Video */\n.fullscreen-bg {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  z-index: 0;\n  background: var(--bg);\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 0;\n\n}\n\n.fullscreen-bg__video {\n  object-fit: cover;\n  width: 100vw;\n  height: 100vh;\n  position: absolute;\n  top: 0;\n  left: 0;\n  \n\n}\n#myVideo {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  min-width: 100%;\n  min-height: 100%;\n  \n}",
		"/* Audio Player Styles\n================================================== */\n\n/* Default / Desktop / Firefox */\n.album-player {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: column-reverse;\n  padding: 0px 40px;\n  justify-content: space-around;\n  flex-direction: row-reverse;\n  align-items: center;\n  max-width: var(--max-width);\n  margin: auto;\n  flex: 1 1 auto;\n  > div {\n    margin: 20px 0;\n    flex: 1 0 300px;\n  }\n  .description {\n\n  }\n}\n\naudio {\n  margin: 0;\n  width: 100%;\n}\n\n.player-wrap {\n  flex: 1 1 400px;\n  max-width: 700px;\n  border-radius: 5px;\n  width: 100%;\n  .shadow {\n    text-shadow: 0px 0px 15px var(--bg),0px 0px 15px var(--bg),0px 0px 30px var(--bg),0px 0px 45px var(--bg);\n  }\n}\n#plwrap {\n\n  ul {\n    list-style: none;\n    padding: 0;\n    li {\n      border-top: solid 1px var(--bg);\n\n    }\n    li:first-child {\n      border-radius: 5px 5px 0 0 ;\n    }\n    li:last-child {\n      border-radius: 0 0 5px 5px;\n      border-bottom: solid 1px var(--bg);\n    }\n  }\n}\n\n#audiowrap {\n  background-color: var(--bg);\n  margin: 0 auto 0 auto;\n}\n\n#plwrap {\n  margin: 0 auto;\n}\n\n#tracks {\n  flex: 1 0 200px;\n  min-height: 65px;\n  position: relative;\n  text-align: center;\n  text-decoration: none;\n  padding-top: 20px;\n}\n\n\n#nowPlay {\n  display: flex;\n  width: 100%;\n  height: 80px;\n  flex-wrap: unset;\n  justify-content: flex-start;\n  align-items: center;\n  background-color: var(--bg);\n\n}\n\n#npTitle {\n  flex: 1 1 100%;\n  margin: 0;\n  padding: 21px;\n\n}\n\n#npAction {\n  display: none;\n  margin: 0;\n  padding: 21px;\n  font-size: 12px;\n}\n\n#plList {\n  margin: 0;\n}\n\n#plList li {\n  background-color: var(--bg-alt);\n  cursor: pointer;\n  margin: 0;\n  padding: 21px 0;\n  border-left: 1px solid var(--bg);\n  border-right: 1px solid var(--bg);\n  border-top: 0;\n  transition: all 400ms ease-in-out;\n}\n\n#plList li:hover {\n  background-color: var(--accent2-alt);\n  color: var(--bg);\n  transition: all 400ms ease-in-out;\n}\n\n.plItem {\n  position: relative;\n}\n\n.plTitle {\n  left: 40px;\n  overflow: hidden;\n  position: absolute;\n  right: 65px;\n  text-overflow: ellipsis;\n  top: 0;\n  white-space: nowrap;\n  font-weight: bold;\n  padding-right: 10px;\n}\n\n.plNum {\n  padding-left: 20px;\n  width: 20px;\n}\n\n.plLength {\n  padding-left: 21px;\n  position: absolute;\n  right: 21px;\n  top: 0;\n}\n\n.plSel {\n  background-color: var(--accent1-alt)!important;\n  cursor: pointer!important;\n  color: var(--bg);\n}\n.plSel:hover {\n  background-color: var(--accent2-alt)!important;\n}\n\n\na[id^=\"btn\"] {\n  font-size: 1.5em;\n  color: var(--fg);\n  cursor: pointer;\n  margin: 0;\n  padding: 0 27px 0 21px;\n  text-decoration: none;\n}\n\n\na[id^=\"btn\"]::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n.coverart {\n  flex: 1 1 400px;\n  justify-content: center;\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 700px;\n  #author {\n    margin: 40px 0 0 0;\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n.coverartwrapper {\n\n  width: 70%;\n  padding-top: 70%; /* 1:1 Aspect Ratio */\n  position: relative; /* If you want text inside of it */\n}\n .coverartwrapped {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  border-radius: 100%;\n  padding-bottom: 0;\n  background-size: cover;\n  \n}\n.spinnit {\n\n  -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */\n  -moz-animation: infiniteRotate 2s linear infinite;\n  animation: infiniteRotate 2s linear infinite;\n}\n\n.paused {\n  animation-play-state: paused;\n}\n\n.track-picker {\n  display: flex;\n  flex-wrap: wrap;\n  margin:0;\n  padding:0;\n  background-color: var(--accent1);\n  margin: 0;\n  padding: 0;\n  min-height: 50vh;\n  text-align: left;\n  .button {\n    background-color: var(--accent1);\n    color: var(--bg);\n  }\n  .button:hover {\n    background-color: var(--accent2);\n    \n  }\n  > div {\n    flex: 1 1 auto;\n    width: 50%;\n    min-width: 280px;\n    margin: 0;\n    padding: 0;\n    background-color: var(--bg);\n   
		"\n#trackArt {\n  z-index: 5;\n  overflow-x: hidden;\n  flex: 1 1 50%;\n  min-width: 512px;\n  height: 100vh;\n  padding: 0;\n  margin: 0;\n  background-size: 100%;\n  background: var(--bg-alt);\n  background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%);\n\n  > section {\n    position: absolute;\n    height: 100vh;\n    width: 50%;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    text-align: center;\n    > * {\n      margin: 40px;\n    }\n\n  }\n  .coverartwrapper {\n\n    margin-top: 120px;\n    margin-left: 50%;\n    transform: translateX(-50%);\n\n    width: 50%;\n    padding-top: 50%; /* 1:1 Aspect Ratio */\n    position: relative; /* If you want text inside of it */\n  }\n   .coverartwrapped {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    border-radius: 100%;\n    padding-bottom: 0;\n    background-size: cover;\n  }\n  .playbutton {\n    cursor: pointer;\n    justify-self: center;\n  }\n\n }\n #trackInfo {\n  flex: 1 1 50%;\n  z-index: 5;\n  height:100vh;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  margin: 0;\n  padding: 0;\n  section {\n    padding: 20px;\n    background-color: var(--bg);\n    > * {\n      margin: 20px;\n    }\n    .info {\n      margin: 20px;\n      padding: 0;\n    }\n    p:first-child {\n      margin-top:80px;\n    }\n  }\n\n  .post-nav-next {\n    text-align: right;\n  }\n  .post-nav {\n    text-align: left;\n  }\n\n }\n .playerlogo {\n\n }\n\n@media only screen and (max-width: 1023px) {\n  #trackArt {\n    z-index: 5;\n    min-width: 100%;\n    section {\n      position: absolute;\n      top: 0;\n      margin: 0;\n      width: 100%;\n      height: 80vh;\n    }\n  }\n #trackInfo {\n  z-index: 5;\n    height: unset;\n    overflow-y: unset;\n    section {\n      p:first-child {\n        margin-top:20px;\n      }\n    }\n  }\n}\n\n.bouncer {\n  -webkit-animation: backgroundSize 10s ease infinite;\n  -moz-animation: backgroundSize 10s ease infinite;\n  animation: backgroundSize 10s ease infinite;\n}",
		"/* cookies */\n\n#cookie-notice {\n\n  display: none;\n  text-align: right;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  background-color: var(--bg);\n  flex-wrap: wrap;\n  justify-content: space-evenly;\n  align-content: center;\n  align-items: center;\n  z-index: 10000000;\n  -webkit-box-shadow: 0px -12px 32px -25px var(--border-alt);\n  -moz-box-shadow: 0px -12px 32px -25px var(--border-alt);\n  box-shadow: 0px -12px 32px -25px var(--border-alt);\n  p {\n    flex: 1 0 250px;\n    margin: 40px 20px 40px 40px;\n    font-size: 0.8em;\n    font-family: _font(family);\n    font-weight: 300;\n  }\n  @media only screen and (max-width: 651px) {\n    p {\n      text-align: center;\n      margin: 40px 40px 20px 40px;\n    }\n    .yes {\n      margin: 20px 40px 40px 40px;\n    }\n  }\n  button {\n    border: none;\n    font-size: inherit;\n    font-family: inherit;\n  }\n}\n\n.yes {\n  flex: 0 0 250px;\n  -moz-transition: all var(--anim-speed) ease-in-out;\n  -webkit-transition: all var(--anim-speed) ease-in-out;\n  -ms-transition: all var(--anim-speed) ease-in-out;\n  transition: all var(--anim-speed) ease-in-out;\n  text-align: center;\n  background-position-x: 0%;\n  background-position-y: 0%;\n  background-repeat: repeat;\n  background-attachment: scroll;\n  background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n  background-origin: padding-box;\n  background-clip: border-box;\n  background-size: 400% 400%;\n  -webkit-animation: backgroundBlink 2s ease infinite;\n  -moz-animation: backgroundBlink 2s ease infinite;\n  animation: backgroundBlink 2s ease infinite;\n  margin: 40px 40px 40px 20px;\n}\n.yes:hover {\n  // color: #000 !important;\n  -moz-transition: all var(--anim-speed) ease-in-out;\n  -webkit-transition: all var(--anim-speed) ease-in-out;\n  -ms-transition: all var(--anim-speed) ease-in-out;\n  transition: all var(--anim-speed) ease-in-out;\n}\n",
		"//* Cloudcannon *//\n\n.editor-link {\n  display: none;\n  margin-top: 0;\n  padding-top: 30px;\n .btn {\n   border: 0;\n   border-radius: var(--border-radius);\n   width: 100%;\n   max-width: 500px;\n   box-sizing: border-box;\n   text-decoration: none;\n   padding: 10px 15px;\n   margin: 0;\n   font-size: 18px;\n   cursor: pointer;\n   background-color: #f7e064;\n   color: #333;\n   box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n   &:hover {\n     background-color: #f4d525;\n     color: #333;\n   }\n }\n}\n\n.cms-editor-active .editor-link {\n  display: block;\n}\n\n.noJSalbum {\n  display: none;\n}",
		"#linearGradient2060 {\n  stop { \n    stop-color: var(--accent2);\n  }\n  stop:nth-child(even){\n    stop-color: var(--fg);\n  }\n\n}",
		".staff {\n  max-width: var(--max-width);\n\tpadding: 0;\n\tmargin: auto;\n\tlist-style: none;\n\n  display: flex;\n  flex-wrap: wrap;\n\tli {\n    flex: 1 1 300px;\n    display: flex;\n    flex-direction: column;\n\t\tpadding: 30px 20px;\n\t\tbox-sizing: border-box;\n    width: 100%;\n    text-align: center;\n\n    .square-image {\n      background-size: cover;\n      background-position: center;\n      width: 100px;\n      height: 100px;\n      border-radius: 200px;\n      margin: 0 auto;\n\n    }\n\t}\n\n\t.name {\n    margin-top: 20px;\n    font-weight: 700;\n\t}\n\n\t.position {\n\t\tcolor: var(--fg);\n\t\tfont-size: 1em;\n  }\n  @media only screen and (max-width: 769px) {\n    li {\n      .square-image {\n        width: 70px;\n        height: 70px;\n\n\n      }\n    }\n  }\n}\n"
	],
	"names": [],
	"mappings": "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
}