/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/ds_block-universal/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-box,
.wp-block-box2 {
  box-sizing: border-box;
}
.wp-block-box p,
.wp-block-box2 p {
  margin: 0;
}

.ds-block {
  box-sizing: border-box;
  width: 100%;
}
.ds-block:not(.normmarg) p {
  margin: inherit;
}
.ds-block .block-editor-inner-blocks {
  width: 100%;
}

.dsIcon {
  -o-object-fit: contain;
     object-fit: contain;
}

@property --dsImage-scale-factor {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --dsImage-scale-offset {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.dsImage {
  background-size: cover;
  width: 100%;
  --dsImage-scale-base: 1;
}
.dsImage > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
  transform: scale(calc(var(--dsImage-scale-factor) * var(--dsImage-scale-base) + var(--dsImage-scale-offset))); /* początkowy stan */
  transition: transform 1s ease; /* płynny start */
  animation-delay: 0.1s;
}
.dsImage._cnt > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.dsImage._fit-cover > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.dsImage._fit-contain > img {
  -o-object-fit: contain;
     object-fit: contain;
}
.dsImage._fit-fill > img {
  -o-object-fit: fill;
     object-fit: fill;
}
.dsImage._fit-scale-down > img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.dsImage._sz-natural > img {
  height: auto !important;
  aspect-ratio: auto !important;
}
.dsImage._sz-ratio > img {
  height: auto !important;
  aspect-ratio: var(--size-rt-h)/var(--size-rt-v) !important;
}

a.ds-block:hover .dsImage._hov-scaleUp {
  --dsImage-scale-offset:0.1;
}

.dsText[data-rows]:not([data-rows="0"]) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: var(--lines);
  -webkit-line-clamp: var(--lines);
  text-overflow: ellipsis;
  white-space: normal;
}
.dsText[data-rows]:not([data-rows="0"])[data-rows="1"] {
  --lines:1;
}
.dsText[data-rows]:not([data-rows="0"])[data-rows="2"] {
  --lines:2;
}
.dsText[data-rows]:not([data-rows="0"])[data-rows="3"] {
  --lines:3;
}
.dsText[data-rows]:not([data-rows="0"])[data-rows="4"] {
  --lines:4;
}
.dsText[data-rows]:not([data-rows="0"])[data-rows="5"] {
  --lines:5;
}
.dsText[data-rows]:not([data-rows="0"]) {
  clip-path: inset(0 0 -0.1em 0);
  min-height: calc(var(--lines) * 1lh);
}
.dsText a {
  color: inherit;
  font-weight: bolder;
}
.dsText a:hover {
  color: var(--wp--preset--color--brand-violet);
}

figcaption a {
  color: inherit;
  font-weight: bolder;
}
figcaption a:hover {
  color: var(--wp--preset--color--brand-violet);
}

.BB_organizator .dsImage:not(.BB_organizator .ds-block .dsImage) {
  --dsImage-scale-base: 1.25;
}
.BB_organizator .dsImage:not(.BB_organizator .ds-block .dsImage) > img {
  transform-origin: 0% 50%;
}
@media (max-width: 768px) {
  .BB_organizator .dsImage:not(.BB_organizator .ds-block .dsImage) {
    --dsImage-scale-base: 1.75;
  }
  .BB_organizator .dsImage:not(.BB_organizator .ds-block .dsImage) > img {
    transform-origin: 35% 50%;
  }
}

/*# sourceMappingURL=style-index.css.map*/