@charset "UTF-8";
/*!
Theme Name: lesny
Theme URI: http://underscores.me/
Author: Wyszynski Wojciech
Author URI: http://wyszynski.art
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lesny
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lesny is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400..800&display=swap");
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--main);
  font-family: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-optical-sizing: auto;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 600;
}

h1 {
  font-weight: 700;
  letter-spacing: -0.1rem;
  font-size: 3rem;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #E3E0EA;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: var(--main);
  text-decoration: none;
  transition: all 300ms var(--transition);
}
a:visited {
  color: var(--main);
}
a:hover, a:focus, a:active {
  color: var(--accent);
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit],
a.button {
  border: none;
  background: var(--accent);
  color: #fff;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  border-radius: 999px;
  text-decoration: none;
  transition: all 300ms var(--transition);
}
button {
  cursor: pointer;
}

a.button {
  padding: 0.6rem 1rem;
}
a.button:hover {
  background-color: #131313;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: var(--main);
  border: 1px solid #E3E0EA;
  padding: 0.5rem 0.75rem;
  border-radius: 0;
  font-size: 0.9rem;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: var(--main);
  outline: 0;
}

select {
  border: 1px solid #E3E0EA;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.site-header {
  display: flex;
  align-items: center;
  padding: 1rem;
}
.site-header .site-branding {
  min-width: 60px;
}
.site-header .social-media-links {
  list-style: none;
  align-items: center;
  margin: 0 1rem 0 0;
  padding: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .site-header .social-media-links {
    display: flex;
  }
}
.site-header .social-media-links li a {
  width: 24px;
  height: 24px;
  margin: 0 8px;
  display: flex;
  align-items: center;
}

.main-navigation {
  display: block;
  width: 100%;
  padding-left: 2rem;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  gap: 1rem;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  color: var(--main);
  font-weight: 500;
}
.main-navigation a:hover {
  color: var(--accent);
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

@media screen and (min-width: 768px) {
  .main-navigation ul {
    display: flex;
  }
}
.burger-button {
  display: flex;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .burger-button {
    display: none;
  }
}

.mobile-menu {
  display: none;
  position: absolute;
  width: 50vw;
  right: 2rem;
  top: 90px;
  flex-direction: column;
  background: #f3edfe;
  border-radius: var(--radius);
  padding: 1.5rem;
  z-index: 999;
}
.mobile-menu .main-navigation {
  padding: 0;
}
.mobile-menu .main-navigation ul {
  display: flex;
  flex-direction: column;
}
.mobile-menu.active {
  display: flex;
}
.mobile-menu .main-navigation ul,
.mobile-menu .social-media-links {
  display: flex;
}
.mobile-menu .social-media-links {
  margin-top: 1rem;
}
.mobile-menu .social-media-links li a {
  margin: 0 1rem 0 0;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget select {
  max-width: 100%;
}

.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  border: none;
  background-color: transparent !important;
  width: 28px;
  top: 0;
  bottom: 0;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: var(--main);
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

:root {
  --light: #f7f7ff;
  --accent: #5106F1;
  --main: #131313;
  --transition: cubic-bezier(0.165, 0.84, 0.44, 1);
  --radius: 20px;
}

.os-theme-dark.os-scrollbar-vertical {
  --os-handle-bg: #4e3f6f6f;
  --os-size: 10px;
  --os-handle-bg-hover: #5006f1a1;
  --os-handle-bg-active: var(--accent);
}

body {
  background: linear-gradient(180deg, #F0E9FF 0%, #F3EBFF 0.01%, #D5DEFF 100%);
}

.site {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 80px;
}
.site__header {
  padding: 3rem 0 1.5rem;
}

.page-title {
  margin: 0;
  font-size: 3rem;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .page-title {
    font-size: 5rem;
  }
}

.home {
  background: #fff;
}
.home .intro {
  padding: 2rem 0;
}
.home .intro h1 {
  font-size: 3rem;
  line-height: 1.1;
  font-weight: 600;
  margin: 0 0 2rem;
}
@media screen and (min-width: 992px) {
  .home .intro h1 {
    font-size: 4.2rem;
  }
}
.home .intro h1 img {
  height: 3rem;
  transform: translateY(10px);
}
@media screen and (min-width: 992px) {
  .home .intro h1 img {
    font-size: 4.2rem;
  }
}
.home .intro h1 span {
  color: var(--accent);
}
.home .intro a.button {
  padding: 0.8rem 1.5rem;
  margin-right: 0.5rem;
  display: inline-flex;
  width: auto;
  margin-bottom: 0.5rem;
}
.home .intro a.button.empty {
  background-color: transparent;
  color: var(--main);
  box-shadow: inset 0 0 0 1px var(--main);
}
.home .intro a.button.empty:hover {
  background-color: var(--main);
  color: white;
  box-shadow: none;
}
.home .intro iframe {
  margin-top: 3rem;
}
@media screen and (min-width: 992px) {
  .home .intro iframe {
    margin-top: 0;
  }
}
.home .stats {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .home .stats {
    margin-top: 1rem;
  }
}
.home .stats__item {
  border-radius: 40px;
  box-shadow: inset 0 0 0 1px var(--main);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 10rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 992px) {
  .home .stats__item {
    height: 100%;
  }
}
.home .stats__item h3, .home .stats__item p {
  margin: 0;
}
.home .stats__item h3 {
  font-size: 2.2rem;
  letter-spacing: -0.1rem;
  line-height: 1;
  padding-bottom: 0.5rem;
}
.home .stats__item p {
  font-weight: 600;
  font-size: 1.1rem;
}
.home .home-content {
  margin-top: 1rem;
}
@media screen and (min-width: 992px) {
  .home .home-content {
    margin-top: 3rem;
  }
}
.home .home-content .playlist-wrapper {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 576px) {
  .home .home-content .playlist-wrapper {
    margin: 0;
  }
}
.home .home-content__category {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: var(--radius);
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  overflow: hidden;
  transition: all 5000ms var(--transition);
}
.home .home-content__category:last-of-type {
  margin-bottom: 0;
}
.home .home-content__category:hover {
  background-size: 110%;
}
.home .home-content__category h3 {
  margin: 0;
}
.home .home-content__category h3 a {
  color: #fff;
}
.home .home-content__produkcje {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--main);
  padding: 1rem;
  justify-content: space-between;
  height: 100%;
  margin: 1rem 0;
}
@media screen and (min-width: 576px) {
  .home .home-content__produkcje {
    margin: 0;
  }
}
.home .home-content__produkcje h2 {
  margin: 1rem 0 0;
}
.home .home-content__produkcje a.button {
  text-align: center;
  padding: 0.9rem 0;
}
.home .home-content__produkcje .produkcja {
  background-color: transparent;
}
.home .home-content__produkcje .produkcja:nth-child(even) {
  background-color: transparent;
}
.home .home-content__produkcje .produkcja__container {
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--main);
  padding: 0.9rem;
}
.home .home-content__produkcje .produkcja__container__entry-header {
  width: calc(100% - 80px);
}
.home .home-content__o-mnie {
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--main);
  padding: 3.3rem 2rem 3.3rem;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .home .home-content__o-mnie {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .home .home-content__o-mnie {
    margin-top: 0;
  }
}
.home .home-content__o-mnie h2 {
  margin: 0 0 0.6rem;
}
.home .home-content__o-mnie p {
  margin: 0;
}
.home .home-content__o-mnie a.button {
  display: inline-flex;
  margin-top: 1rem;
  padding: 0.7rem 1.5rem;
}
.home .home-content__o-mnie img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 65%;
  border-radius: 0 0 var(--radius) 0;
}
.home .home-content__wspolpraca {
  border-radius: var(--radius);
  padding: 2.5rem 2rem 2.5rem;
  display: flex;
  align-items: end;
  position: relative;
  margin-top: 1rem;
  min-height: 19rem;
  color: #fff;
  justify-content: space-between;
}
.home .home-content__wspolpraca .text {
  display: flex;
  flex-direction: column;
}
.home .home-content__wspolpraca .text h2 {
  margin: 0 0 0.2rem;
}
.home .home-content__wspolpraca .text p {
  margin: 0;
}
.home .home-content__wspolpraca a.button {
  display: inline-flex;
  margin-top: 1rem;
  padding: 0.7rem 1.5rem;
}
.home .home-content__wspolpraca img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 65%;
  border-radius: 0 0 var(--radius) 0;
}
.home .artists {
  overflow: hidden;
  width: 100%;
  margin-top: 5rem;
}
.home .artists h2 {
  font-size: 2rem;
  line-height: 1;
}
.home .artists a.button {
  padding: 1rem 2rem;
}
.home .artists a.button.desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .home .artists a.button.desktop {
    display: inline-flex;
  }
}
.home .artists a.button.mobile {
  display: flex;
  margin: 1rem;
  justify-content: center;
  width: auto;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .home .artists a.button.mobile {
    display: none;
  }
}
.home .artists__inner {
  display: inline-flex;
  position: relative;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.home .artists__item {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 1.5rem;
  width: 50vw;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .home .artists__item {
    width: 25vw;
  }
}
@media screen and (min-width: 992px) {
  .home .artists__item {
    width: 20vw;
  }
}
.home .artists__item img {
  border-radius: var(--radius);
}
.home .artists__item h4 {
  background-color: #fff;
  border-radius: 0 var(--radius) 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0.5rem 1rem;
}
.home .artists__item h4::before, .home .artists__item h4::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none"><path d="M1.12575 22.0207L0.351479 22.0207L0.35148 0.870977L1.12575 0.870978C1.12575 12.1182 10.254 21.2465 21.5012 21.2465L21.5012 22.0207L1.12575 22.0207Z" fill="white"/></svg>');
  width: 22px;
  height: 22px;
}
.home .artists__item h4::before {
  top: -21px;
  left: -1px;
}
.home .artists__item h4::after {
  bottom: -1px;
  right: -21px;
}
.home .artists__container {
  display: flex;
  position: relative;
}

.widget-area {
  background-color: #fff;
  padding: 1.2rem;
  /* Ukrycie domyślnych strzałek */
}
.widget-area .wpc-filter-layout-search-field .wpc-filter-header {
  display: none;
}
.widget-area .wpc-posts-found {
  display: none;
}
.widget-area .wpc-widget-top-inside {
  overflow: initial;
}
.widget-area .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {
  overflow-y: initial;
}
.widget-area .wpc-search-field-wrapper .wpc-search-field {
  padding: 0.8rem 0.8rem 0.8rem 2.2rem;
  font-weight: 100;
  line-height: normal;
  transition: all 200ms var(--transition);
}
.widget-area .wpc-search-field-wrapper .wpc-search-field:focus {
  outline: 0;
  border: 1px solid var(--accent);
}
.widget-area .wpc-search-field-wrapper .wpc-search-field::-moz-placeholder {
  /* Dodaj swoje stylowanie dla placeholdera tutaj */
  font-size: 0.9rem; /* Przykładowy styl czcionki */
  color: #c7c3cf;
  line-height: normal;
  /* Dodaj inne właściwości CSS według potrzeb */
}
.widget-area .wpc-search-field-wrapper .wpc-search-field::placeholder {
  /* Dodaj swoje stylowanie dla placeholdera tutaj */
  font-size: 0.9rem; /* Przykładowy styl czcionki */
  color: #c7c3cf;
  line-height: normal;
  /* Dodaj inne właściwości CSS według potrzeb */
}
.widget-area .wpc-search-field-wrapper .wpc-search-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  left: 10px;
  width: 20px;
  display: flex;
  align-items: center;
}
.widget-area .wpc-search-field-wrapper .wpc-search-icon:before {
  content: "";
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_96_231)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4998 2C9.14436 2.00012 7.80863 2.32436 6.60402 2.94569C5.39941 3.56702 4.36086 4.46742 3.575 5.57175C2.78914 6.67609 2.27878 7.95235 2.08647 9.29404C1.89417 10.6357 2.02551 12.004 2.46954 13.2846C2.91357 14.5652 3.65741 15.7211 4.639 16.6557C5.62059 17.5904 6.81147 18.2768 8.11228 18.6576C9.41309 19.0384 10.7861 19.1026 12.1168 18.8449C13.4475 18.5872 14.6972 18.015 15.7618 17.176L19.4138 20.828C19.6024 21.0102 19.855 21.111 20.1172 21.1087C20.3794 21.1064 20.6302 21.0012 20.8156 20.8158C21.001 20.6304 21.1062 20.3796 21.1084 20.1174C21.1107 19.8552 21.0099 19.6026 20.8278 19.414L17.1758 15.762C18.1638 14.5086 18.7789 13.0024 18.9509 11.4157C19.1228 9.82905 18.8446 8.22602 18.148 6.79009C17.4514 5.35417 16.3646 4.14336 15.0121 3.29623C13.6595 2.44911 12.0957 1.99989 10.4998 2ZM3.99977 10.5C3.99977 8.77609 4.68458 7.12279 5.90357 5.90381C7.12256 4.68482 8.77586 4 10.4998 4C12.2237 4 13.877 4.68482 15.096 5.90381C16.3149 7.12279 16.9998 8.77609 16.9998 10.5C16.9998 12.2239 16.3149 13.8772 15.096 15.0962C13.877 16.3152 12.2237 17 10.4998 17C8.77586 17 7.12256 16.3152 5.90357 15.0962C4.68458 13.8772 3.99977 12.2239 3.99977 10.5Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_96_231'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.widget-area .wpc-filters-range-min::-webkit-inner-spin-button,
.widget-area .wpc-filters-range-min::-webkit-outer-spin-button,
.widget-area .wpc-filters-range-max::-webkit-inner-spin-button,
.widget-area .wpc-filters-range-max::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.widget-area .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
  top: -9px;
  margin-left: -6px;
  border-radius: 50%;
  outline: 0;
  width: 20px;
  height: 20px;
  cursor: default;
  touch-action: none;
  box-shadow: inset 0 0 0 1px var(--accent);
  background: #fff;
  border: none;
}
.widget-area ul.wpc-filter-chips-list {
  list-style: none !important;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem;
}
.widget-area ul.wpc-filter-chips-list.wpc-empty-chips-container {
  margin: 0;
}
.widget-area ul.wpc-filter-chips-list li.wpc-filter-chip a {
  border: none;
  line-height: normal;
  padding: 0.25rem 0.6rem;
  transition: all 150ms var(--transition);
}
.widget-area ul.wpc-filter-chips-list li.wpc-filter-chip a:hover {
  transform: scale(1.03);
}
.widget-area ul.wpc-filter-chips-list li.wpc-filter-chip a:hover .wpc-chip-remove-icon {
  color: #fff;
}
.widget-area ul.wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
  background: var(--accent);
  color: #fff;
}
.widget-area ul.wpc-filter-chips-list li.wpc-filter-chip.wpc-chip-reset-all a {
  background: #F42C2C;
  color: #fff;
}
.widget-area ul.wpc-filter-chips-list li.wpc-filter-chip .wpc-chip-remove-icon {
  line-height: 0.3;
}
.widget-area .wpc-filters-range-min-column {
  margin: 0;
}
.widget-area .wpc-filters-range-max-column, .widget-area .wpc-filters-range-min-column {
  max-width: 100%;
}
.widget-area .wpc-filters-main-wrap input[type=checkbox],
.widget-area .wpc-filters-main-wrap input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #E3E0EA;
  border: 1px solid #E3E0EA;
  background: #ffffff;
  border-radius: 0;
  min-width: 20px;
  cursor: pointer;
}
.widget-area .wpc-filters-main-wrap input[type=checkbox]:after,
.widget-area .wpc-filters-main-wrap input[type=radio]:after {
  left: 6px;
  top: 3px;
}
.widget-area .wpc-filters-main-wrap li.wpc-term-item a {
  color: #131313;
}
.widget-area .wpc-filter-rezerwacja .wpc-filter-header {
  display: none;
}
.widget-area .wpc-filter-rezerwacja .wpc-term-count {
  display: none;
}
.widget-area .wpc-filter-klucz_key {
  width: calc(35% - 0.25rem);
  display: inline-flex;
  flex-direction: column;
  margin-right: 0.25rem;
}
.widget-area .wpc-filter-klucz_key .wpc-filter-klucz_key {
  width: 100%;
}
.widget-area .wpc-filter-everything-dropdown li.select2-results__option .wpc-term-count,
.widget-area .wpc-filter-everything-dropdown .select2-results__option .wpc-term-count {
  display: none;
}
.widget-area .wpc-filter-minor_major {
  width: 65%;
  display: inline-flex;
  flex-direction: column;
}
.widget-area .wpc-filter-minor_major .wpc-filter-minor_major {
  width: 100%;
}
.widget-area .wpc-filter-minor_major .wpc-term-count {
  display: none;
}
.widget-area .wpc-filter-minor_major ul.wpc-filters-ul-list {
  display: flex;
  margin: 0;
  padding: 0;
}
.widget-area .wpc-filter-minor_major ul.wpc-filters-ul-list li {
  width: 50%;
}
.widget-area .wpc-filter-minor_major ul.wpc-filters-ul-list li input {
  height: 36px;
  width: 100%;
}
.widget-area .wpc-filter-minor_major ul.wpc-filters-ul-list li input::after {
  display: none;
}
.widget-area .wpc-filter-minor_major ul.wpc-filters-ul-list li label {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}
.widget-area .wpc-filter-minor_major ul.wpc-filters-ul-list li label a {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 0.8rem;
  line-height: normal;
}
.widget-area .wpc-filter-minor_major .wpc-term-selected input[type=radio]:checked,
.widget-area .wpc-filter-minor_major .wpc-term-selected input[type=checkbox]:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}
.widget-area .wpc-filter-minor_major .wpc-term-selected input[type=radio]:checked:hover,
.widget-area .wpc-filter-minor_major .wpc-term-selected input[type=checkbox]:checked:hover {
  background-color: var(--accent);
  border-color: var(--accent);
}
.widget-area .wpc-filter-minor_major .wpc-term-selected .wpc-term-item-content-wrapper label a {
  color: #fff;
}
.widget-area .wpc-term-count {
  white-space: nowrap;
  margin: 0;
  display: inline-flex;
  opacity: 0.3;
  font-size: 0.75rem;
  font-weight: 600;
  align-items: center;
}
.widget-area .wpc-filters-range-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}
.widget-area .wpc-filter-has-brands li.wpc-term-item a,
.widget-area .wpc-filter-has-brands li.wpc-term-item label,
.widget-area .wpc-filter-has-swatches ul.wpc-filters-ul-list li.wpc-term-item a,
.widget-area span.wpc-dropdown-default, .widget-area span.wpc-item-has-brand,
.widget-area span.wpc-item-has-swatch {
  font-size: 0.9rem;
}
.widget-area .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,
.widget-area .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 7px 14px 6px;
  font-size: 0.9rem;
}
.widget-area .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered .wpc-term-count,
.widget-area .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__rendered .wpc-term-count {
  display: none;
}
.widget-area .select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown .select2-search {
  border: none;
  display: none;
}
.widget-area .select2.select2-container.select2-container--default {
  min-width: 80px !important;
}
.widget-area .wpc-filter-layout-dropdown .select2-container .select2-selection--single,
.widget-area .wpc-sorting-form .select2-container .select2-selection--single {
  border-radius: 0;
  outline: 0;
}
.widget-area .wpc-filter-layout-dropdown .select2-container .select2-selection--single:focus,
.widget-area .wpc-sorting-form .select2-container .select2-selection--single:focus {
  outline: 0;
}
.widget-area .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .widget-area .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 85%;
}

.playlist__sorting {
  margin: 1rem 0 0;
}

.playlist-wrapper {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .playlist-wrapper {
    margin-top: 0;
  }
}
.playlist-wrapper .produkcja {
  position: relative;
}
.playlist-wrapper .produkcja h3, .playlist-wrapper .produkcja h4, .playlist-wrapper .produkcja h5, .playlist-wrapper .produkcja h6 {
  font-weight: 500;
  margin: 0;
}
.playlist-wrapper .produkcja:nth-child(even) {
  background-color: var(--light);
}
.playlist-wrapper .produkcja:nth-child(odd) {
  background-color: #fff;
}
.playlist-wrapper .produkcja.rezerwacja .rezerwacja-badge {
  background-color: #F42C2C;
  border-radius: 50px;
  display: flex;
  width: 110px;
  align-items: center;
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 25px;
  margin: auto;
  z-index: 1;
  color: #fff;
  padding: 3px 6px 3px 6px;
  gap: 3px;
  font-size: 0.9rem;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja.rezerwacja .rezerwacja-badge {
    padding: 3px 8px 3px 6px;
    height: 27px;
    font-size: 1rem;
    width: 125px;
  }
}
.playlist-wrapper .produkcja.rezerwacja .produkcja__container {
  filter: blur(1px);
  opacity: 0.4;
}
.playlist-wrapper .produkcja__container {
  display: flex;
  padding: 1rem;
  position: relative;
  align-items: center;
  gap: 0;
  font-size: 0.8rem;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container {
    font-size: 1rem;
  }
}
.playlist-wrapper .produkcja__container__cover {
  width: 50px;
  position: relative;
  margin: 0;
  display: flex;
  align-items: center;
  margin-right: 20px;
  transition: all 300ms var(--transition);
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__cover {
    width: 60px;
  }
}
.playlist-wrapper .produkcja__container__cover img {
  max-width: 50px;
  border-radius: 6px;
  transition: all 300ms var(--transition);
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__cover img {
    max-width: 60px;
  }
}
.playlist-wrapper .produkcja__container__cover__progress {
  position: absolute;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5176470588), rgba(255, 255, 255, 0));
  opacity: 1;
  bottom: 0;
  left: 0;
  transition: all 600ms var(--transition);
  display: none;
}
.playlist-wrapper .produkcja__container__cover .preview-button {
  position: absolute;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 300ms var(--transition);
}
.playlist-wrapper .produkcja__container__cover .preview-button.play .play-icon {
  display: block;
}
.playlist-wrapper .produkcja__container__cover .preview-button.play .pause-icon {
  display: none;
}
.playlist-wrapper .produkcja__container__cover .preview-button.pause .play-icon {
  display: none;
}
.playlist-wrapper .produkcja__container__cover .preview-button.pause .pause-icon {
  display: block;
}
.playlist-wrapper .produkcja__container__cover:hover {
  transform: scale(1.05);
}
.playlist-wrapper .produkcja__container__cover:active {
  transform: scale(1);
}
.playlist-wrapper .produkcja__container__entry-header {
  width: calc(50% - 80px);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__entry-header {
    width: calc(45% - 80px);
  }
}
.playlist-wrapper .produkcja__container__entry-header h2.entry-title {
  margin: 0;
  font-size: 1em;
  line-height: normal;
  padding-right: 1rem;
}
@media screen and (min-width: 768px) {
  .playlist-wrapper .produkcja__container__entry-header h2.entry-title {
    padding-right: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__entry-header h2.entry-title {
    padding-right: 1rem;
  }
}
.playlist-wrapper .produkcja__container__entry-header__klucz {
  font-size: 0.8rem;
  color: #8F8F8F;
}
.playlist-wrapper .produkcja__container__entry-content {
  display: flex;
  align-items: center;
  width: 50%;
  gap: 0;
  justify-content: space-evenly;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__entry-content {
    width: 55%;
    justify-content: flex-start;
    justify-content: space-between;
  }
}
.playlist-wrapper .produkcja__container__entry-content__tempo {
  width: 50%;
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__entry-content__tempo {
    width: 35%;
  }
}
.playlist-wrapper .produkcja__container__entry-content__gatunek {
  width: 20%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .playlist-wrapper .produkcja__container__entry-content__gatunek {
    width: 35%;
  }
}
.playlist-wrapper .produkcja .progress-bar-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 4px;
}
.playlist-wrapper .produkcja .progress-bar-container .progress-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--accent) 0%, #5106F1 100%);
  transition: all 300ms var(--transition);
}
.playlist-wrapper .produkcja.active-audio .preview-button {
  position: absolute;
}
.playlist-wrapper .produkcja.active-audio .produkcja__container__cover__progress {
  display: block;
}
.playlist-wrapper .produkcja.active-audio .produkcja__container__cover__progress.loading-animation {
  width: 100%;
  height: 100px; /* Ustaw wysokość według potrzeb */
  animation: gradientFade 200ms linear alternate; /* Animacja trwa 1000ms, powtarza się nieskończoność razy, zmieniając kierunek co drugi cykl */
}
@keyframes gradientFade {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.player {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px;
  z-index: 9;
}
.player #waveform {
  width: 100%; /* Szerokość waveformatu */
  display: none;
}
@media screen and (min-width: 768px) {
  .player #waveform {
    display: block;
  }
}
.player .progress-slider-container {
  position: absolute;
  top: 50%; /* Wyśrodkowanie suwaka pionowo */
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: block;
}
@media screen and (min-width: 768px) {
  .player .progress-slider-container {
    display: none;
  }
}
.player .progress-slider {
  width: 100%;
  height: 10px; /* Zmień wysokość suwaka, aby dopasować do Twoich preferencji */
  -webkit-appearance: none; /* Wyłączenie domyślnego wyglądu suwaka */
  -moz-appearance: none;
       appearance: none;
  background-color: #ddd; /* Kolor tła suwaka */
  border-radius: 5px; /* Zaokrąglenie krawędzi suwaka */
  outline: none; /* Usunięcie obramowania suwaka */
}
.player .progress-slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Wyłączenie domyślnego wyglądu kciuka suwaka */
  appearance: none;
  width: 20px; /* Szerokość kciuka suwaka */
  height: 20px; /* Wysokość kciuka suwaka */
  background-color: #06c; /* Kolor kciuka suwaka */
  border-radius: 50%; /* Zaokrąglenie kciuka suwaka */
  cursor: pointer; /* Ustawienie kursora na wskaźnik */
}
.player .progress-slider::-moz-range-thumb {
  width: 20px; /* Szerokość kciuka suwaka dla przeglądarek opartych na silniku Gecko */
  height: 20px; /* Wysokość kciuka suwaka dla przeglądarek opartych na silniku Gecko */
  background-color: #06c; /* Kolor kciuka suwaka dla przeglądarek opartych na silniku Gecko */
  border-radius: 50%; /* Zaokrąglenie kciuka suwaka dla przeglądarek opartych na silniku Gecko */
  cursor: pointer; /* Ustawienie kursora na wskaźnik */
}
.player__buttons {
  display: flex;
  gap: 0.5rem;
}
.player__buttons .player__button {
  background: transparent;
  height: 42px;
  width: 42px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms var(--transition);
}
.player__buttons .player__button--next {
  transform: rotate(180deg);
}
.player__buttons .player__button:hover {
  transform: scale(1.05);
}
.player__buttons .player__button:hover svg path, .player__buttons .player__button:hover svg rect {
  fill: var(--accent);
}
.player__buttons .player__button:active {
  transform: scale(1);
}
.player__buttons .player__button--next:hover {
  transform: rotate(180deg) scale(1.05);
}
.player__buttons .player__button--next:active {
  transform: rotate(180deg) scale(1);
}
.player__buttons .player__button--play {
  background: var(--accent);
}
.player__buttons .player__button--play.play .play-icon {
  display: flex;
  transform: translateX(2px);
}
.player__buttons .player__button--play.play .pause-icon {
  display: none;
}
.player__buttons .player__button--play.pause .play-icon {
  display: none;
}
.player__buttons .player__button--play.pause .pause-icon {
  display: flex;
}
.player__buttons .player__button--play:hover svg path, .player__buttons .player__button--play:hover svg rect {
  fill: #fff;
}
.player__time {
  font-size: 0.8rem;
  padding: 0;
  width: 4rem; /* Ustawienie stałej szerokości */
  overflow: hidden; /* Ukrycie nadmiarowej zawartości */
  white-space: nowrap; /* Zapobieganie łamaniu tekstu */
  display: none;
}
@media screen and (min-width: 768px) {
  .player__time {
    display: flex;
  }
}
.player__time--left {
  text-align: right;
  justify-content: flex-end;
}
.player .right-panel {
  display: flex;
  align-items: center;
  /* Track: webkit browsers */
  /* Track: Mozilla Firefox */
  /* Thumb: webkit */
  /* Thumb: Firefox */
}
.player .right-panel .current-audio-container {
  display: flex;
  flex-direction: row;
  height: 60px;
  position: relative;
  align-items: center;
  width: 100%;
}
.player .right-panel .current-audio-container .loading-container {
  position: absolute;
}
.player .right-panel .current-audio-container .loading-container .loading-bar {
  background-color: #F42C2C;
}
.player .right-panel .current-audio-container__title {
  padding: 0 0.7rem;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: normal;
}
.player .right-panel .current-audio-container__cover {
  height: 48px;
  border-radius: 8px;
}
.player .right-panel .repeat-button {
  background: transparent;
  transition: all 300ms var(--transition);
  display: none;
}
@media screen and (min-width: 768px) {
  .player .right-panel .repeat-button {
    display: flex;
  }
}
.player .right-panel .repeat-button:hover {
  transform: scale(1.1);
}
.player .right-panel .repeat-button:active {
  transform: scale(1);
}
.player .right-panel .repeat-button svg path {
  transition: all 300ms var(--transition);
}
.player .right-panel .repeat-button.active svg path {
  stroke: var(--accent);
}
.player .right-panel input.volume-slider {
  display: none;
  align-items: center;
  max-width: 120px;
  height: 0.7rem;
  width: 80%;
  background: #fff;
  padding: 0px;
}
@media screen and (min-width: 768px) {
  .player .right-panel input.volume-slider {
    display: flex;
  }
}
.player .right-panel input.volume-slider {
  /* removing default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  /* creating a custom design */
  width: 100%;
  cursor: pointer;
  outline: none;
  /*  slider progress trick  */
  overflow: hidden;
  border-radius: 16px;
}
.player .right-panel input.volume-slider::-webkit-slider-runnable-track {
  height: 0.7rem;
  background: #ccc;
  border-radius: 16px;
}
.player .right-panel input.volume-slider::-moz-range-track {
  height: 0.7rem;
  background: #ccc;
  border-radius: 16px;
}
.player .right-panel input.volume-slider::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none;
  /* creating a custom design */
  height: 0.7rem;
  width: 0.7rem;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid var(--accent);
  /*  slider progress trick  */
  box-shadow: -407px 0 0 400px var(--accent);
}
.player .right-panel input.volume-slider::-moz-range-thumb {
  height: 0.7rem;
  width: 0.7rem;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid var(--accent);
  /*  slider progress trick  */
  box-shadow: -407px 0 0 400px var(--accent);
}

.wpc-filters-open-button-container {
  position: fixed;
  bottom: 100px;
  height: 36px;
  margin: 0 !important;
  background-color: var(--accent);
  z-index: 1;
  border-radius: 50px;
}
.wpc-filters-open-button-container a.wpc-filters-open-widget {
  color: #fff !important;
  border: none !important;
}
.wpc-filters-open-button-container a.wpc-filters-open-widget .wpc-icon-html-wrapper span {
  background: #fff !important;
  height: 2px !important;
}
.wpc-filters-open-button-container a.wpc-filters-open-widget .wpc-icon-html-wrapper span:after {
  width: 6px !important;
  height: 6px !important;
  border: none !important;
}
@media screen and (min-width: 992px) {
  .wpc-filters-open-button-container {
    display: none;
  }
}

.timeline[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 0px;
  background-color: #CFC8DE;
  background-size: 0% 100%;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  display: block;
}
@media screen and (min-width: 768px) {
  .timeline[type=range] {
    display: none;
  }
}

.timeline::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.timeline::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #a94672;
}

.timeline::-moz-range-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #a94672;
}

.timeline::-ms-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #a94672;
}

.single {
  overflow: hidden;
}
.single .produkcja {
  min-height: calc(100dvh - 320px);
}
.single .produkcja__container {
  display: flex;
  flex-direction: column;
}
.single .produkcja__cover {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
}
.single .produkcja__cover .cover-image {
  display: flex;
  z-index: 1;
  position: relative;
  height: 100%;
  margin: 0 0 1.5rem;
  width: 60%;
  border-radius: 30px;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 768px) {
  .single .produkcja__cover .cover-image {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .single .produkcja__cover .cover-image {
    width: 44%;
  }
}
@media (min-width: 1200px) {
  .single .produkcja__cover .cover-image {
    width: 35%;
  }
}
@media (min-width: 1400px) {
  .single .produkcja__cover .cover-image {
    width: 35%;
  }
}
@media (min-width: 1650px) {
  .single .produkcja__cover .cover-image {
    width: 30%;
  }
}
@media (min-width: 1920px) {
  .single .produkcja__cover .cover-image {
    width: 25%;
  }
}
.single .produkcja__cover .cover-image:hover .preview-button {
  transform: scale(1.05);
}
.single .produkcja__cover .cover-image:hover img {
  transform: scale(1.05) rotate(-1deg);
}
.single .produkcja__cover .cover-image:active .preview-button {
  transform: scale(1);
}
.single .produkcja__cover .cover-image img {
  width: 100%;
  transition: all 2300ms var(--transition);
}
.single .produkcja__cover .cover-image .preview-button {
  position: absolute;
  z-index: 50;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  transition: all 150ms var(--transition);
  left: calc(50% - 2.5rem);
  top: calc(50% - 2.5rem);
}
.single .produkcja__cover .cover-image .preview-button.pause .pause-icon {
  display: flex;
}
.single .produkcja__cover .cover-image .preview-button.pause .play-icon {
  display: none;
}
.single .produkcja__cover .cover-image .preview-button.play .pause-icon {
  display: none;
}
.single .produkcja__cover .cover-image .preview-button.play .play-icon {
  display: flex;
  transform: translate(2px, -1px);
}
.single .produkcja__cover .marquee {
  width: 100%;
  left: 0;
  align-items: center;
  position: absolute;
  bottom: 0;
  height: 100%;
  display: none;
}
@media (min-width: 768px) {
  .single .produkcja__cover .marquee {
    display: flex;
  }
}
.single .produkcja__cover .marquee .marquee-content {
  min-width: 50%;
  flex: none;
  justify-content: space-around;
  display: flex;
  animation: scroll 4s linear infinite;
}
.single .produkcja__cover .marquee .marquee-content p.text-large {
  font-weight: 700;
  margin: 0;
  text-align: center;
  line-height: 1;
  font-size: 13rem;
  height: 13rem;
  letter-spacing: -0.33rem;
}
@media (min-width: 1400px) {
  .single .produkcja__cover .marquee .marquee-content p.text-large {
    font-size: 15rem;
    height: 15rem;
  }
}
@media (min-width: 1650px) {
  .single .produkcja__cover .marquee .marquee-content p.text-large {
    font-size: 18rem;
    height: 18rem;
  }
}
@media (min-width: 1920px) {
  .single .produkcja__cover .marquee .marquee-content p.text-large {
    font-size: 20rem;
    height: 20rem;
  }
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.single .produkcja__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.single .produkcja__header h1, .single .produkcja__header h3 {
  margin: 0;
  line-height: normal;
}
.single .produkcja__header h1 {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .single .produkcja__header h1 {
    font-size: 4rem;
  }
}
.single .produkcja__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.single .produkcja__nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.single .produkcja__nav .nav-arrow {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
.single .produkcja__nav .nav-image {
  display: none;
  max-width: 3rem;
  margin: 0 0.5rem;
}
@media (min-width: 992px) {
  .single .produkcja__nav .nav-image {
    max-width: 4rem;
    display: flex;
  }
}
.single .produkcja__nav .nav-image img {
  border-radius: 15px;
}
.single .produkcja__nav .nav-meta .post-title {
  color: var(--main);
  font-weight: 700;
}
.single .produkcja__nav .nav-meta .nav-next-categories {
  line-height: 1;
}
.single .produkcja__nav .nav-meta .nav-next-categories a {
  font-size: 0.8rem;
}
.single .produkcja__nav--next {
  flex-direction: row-reverse;
  text-align: right;
}
.single .produkcja__nav--next .nav-arrow svg {
  transform: rotate(180deg);
}
.single .produkcja__tempo, .single .produkcja__klucz {
  display: flex;
  font-weight: 500;
}
.single .produkcja__tempo svg, .single .produkcja__klucz svg {
  transform: translateY(-1px);
}
.single .produkcja__button {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 1rem;
  justify-content: center;
}
.single .produkcja.rezerwacja .produkcja__button {
  opacity: 0.3;
}
.single .produkcja.rezerwacja .produkcja__button:hover {
  background-color: var(--accent);
  cursor: not-allowed;
}

.site-footer {
  font-size: 0.8rem;
  padding: 0.5rem 0;
  margin-top: 2rem;
}
.site-footer p {
  line-height: 1.2;
  margin: 0;
}
.site-footer .site-info {
  display: flex;
  flex-direction: column;
}
.site-footer .site-author {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-right: 1rem;
  margin: 0;
}
.site-footer .site-author span {
  text-align: right;
}
.site-footer .site-author a {
  text-align: right;
}

.page-template-page-contact {
  background: #F2EDFE;
}
.page-template-page-contact img.attachment-post-thumbnail {
  border-radius: var(--radius);
  display: flex;
}

.contact-form {
  padding-left: 1rem;
}
.contact-form h1 {
  margin: 2rem 0 0;
  font-size: 4rem;
}
@media (min-width: 992px) {
  .contact-form h1 {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .contact-form h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1400px) {
  .contact-form h1 {
    font-size: 4rem;
  }
}
.contact-form p {
  margin: 0 0 2rem;
}
.contact-form .wpcf7-form p {
  position: relative;
  margin: 0 0 1rem;
}
.contact-form .wpcf7-form p label {
  position: absolute;
  z-index: 1;
  font-size: 0.8rem;
  top: -0.5rem;
  left: 1rem;
  padding: 0 0.3rem;
  background: #F2EDFE;
  border-radius: 15px;
}
.contact-form .wpcf7-form p label span {
  color: red;
}
.contact-form .wpcf7-form p .wpcf7-not-valid-tip {
  font-size: 0.8rem;
}
.contact-form .wpcf7-form p input,
.contact-form .wpcf7-form p textarea {
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px var(--main);
  font-size: 1rem;
  padding: 1rem;
  background-color: transparent;
  width: 100%;
  max-width: 100%;
  transition: all 300ms var(--transition);
}
.contact-form .wpcf7-form p input:focus,
.contact-form .wpcf7-form p textarea:focus {
  background-color: #fff;
}
@media (min-width: 1200px) {
  .contact-form .wpcf7-form p textarea {
    max-height: 140px;
  }
}
@media (min-width: 1400px) {
  .contact-form .wpcf7-form p textarea {
    max-height: 220px;
  }
}
.contact-form .wpcf7-form p .wpcf7-submit {
  box-shadow: none;
  background-color: var(--accent);
  color: #fff;
  transition: all 150ms var(--transition);
  cursor: pointer;
  border-radius: 555px;
}
.contact-form .wpcf7-form p .wpcf7-submit:hover {
  background-color: var(--main);
}

#preloader {
  position: fixed;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#preloader .logo {
  margin-bottom: 100px;
}
#preloader .hidden {
  display: none;
}
#preloader .loader {
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-bottom: 20px;
}
#preloader #progressBarContainer {
  width: 300px;
  height: 4px;
  margin: auto;
  display: flex;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  opacity: 0;
  bottom: 0;
  background: var(--accent);
}
#preloader #progressBarContainer #progressBar {
  background: #e1dbee;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
#preloader #progress {
  position: absolute;
  color: var(--main);
  text-align: center;
  font-size: 1.2vh;
  font-weight: 500;
  margin-top: 8px;
  filter: blur(15px);
  margin-left: -20px;
  font-size: 0.75rem;
  transform: translateX(10px);
}
#preloader svg {
  transform: scale(0);
}

body #preloader {
  display: none;
}
body.home #preloader {
  display: flex;
}/*# sourceMappingURL=style.css.map */