/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
.snk-textMediaFullWidth .snk-sh {
  color: #454545;
}
.snk-textMediaFullWidth_inside .snk-textMediaFullWidth-container {
  padding-top: var(--snk-section-y);
  padding-bottom: var(--snk-section-y);
  background-position: center center;
  background-size: cover;
  aspect-ratio: 16/5;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .snk-textMediaFullWidth_inside .snk-textMediaFullWidth-container {
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .snk-textMediaFullWidth_inside .snk-textMediaFullWidth-container {
    aspect-ratio: 16/5.4;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_inside .snk-textMediaFullWidth-container {
    padding-top: 20.875rem;
    padding-bottom: 5rem;
  }
}
.snk-textMediaFullWidth_inside .snk-textMediaFullWidth-text {
  padding: var(--snk-wrapper-y-padding) var(--snk-wrapper-x-padding);
}
.snk-textMediaFullWidth_inside .snk-textMediaFullWidth-text > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_right, .snk-textMediaFullWidth_left {
    --snk-btn-primary-font-color: #c00;
    --snk-btn-primary-color: #fff;
    --snk-btn-primary-hover-color: #c00;
    --snk-btn-primary-hover-font-color: #fff;
    --snk-btn-primary-circle-color: #fff;
    --snk-btn-primary-circle-border-color: #c00;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container {
    background-position: center center;
    background-size: cover;
    position: relative;
    display: grid;
    aspect-ratio: 16/5;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container {
    aspect-ratio: 16/5.4;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container::before, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container::before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: rgba(246, 245, 245, 0.7);
    backdrop-filter: blur(27px);
    z-index: 0;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container .container, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container .container {
    height: 100%;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container .container .row, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container .container .row {
    align-items: center;
    height: 100%;
    overflow: hidden;
    margin-top: 0;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container .container .row .col-12, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container .container .row .col-12 {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-text, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-text {
    z-index: 1;
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-media, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-media {
    display: none;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_right .snk-btn-primary:hover .snk-btn-circle, .snk-textMediaFullWidth_left .snk-btn-primary:hover .snk-btn-circle {
    border-color: #fff;
    background-color: #c00;
  }
  .snk-textMediaFullWidth_right .snk-btn-primary:hover .snk-btn-circle .snk-btn-arrows::before, .snk-textMediaFullWidth_right .snk-btn-primary:hover .snk-btn-circle .snk-btn-arrows::after, .snk-textMediaFullWidth_left .snk-btn-primary:hover .snk-btn-circle .snk-btn-arrows::before, .snk-textMediaFullWidth_left .snk-btn-primary:hover .snk-btn-circle .snk-btn-arrows::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none"%3e%3cg%3e%3cpath d="M22.4037 17H6.23438V15H22.4037L14.8087 7.405L16.2344 6L26.2344 16L16.2344 26L14.8087 24.595L22.4037 17Z" fill="%23fff"/%3e%3c/g%3e%3c/svg%3e');
  }
  .snk-textMediaFullWidth_right .snk-btn-primary .snk-btn-circle .snk-btn-arrows::before, .snk-textMediaFullWidth_right .snk-btn-primary .snk-btn-circle .snk-btn-arrows::after, .snk-textMediaFullWidth_left .snk-btn-primary .snk-btn-circle .snk-btn-arrows::before, .snk-textMediaFullWidth_left .snk-btn-primary .snk-btn-circle .snk-btn-arrows::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none"%3e%3cg%3e%3cpath d="M22.4037 17H6.23438V15H22.4037L14.8087 7.405L16.2344 6L26.2344 16L16.2344 26L14.8087 24.595L22.4037 17Z" fill="%23c00"/%3e%3c/g%3e%3c/svg%3e');
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-text, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-text {
    padding-left: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container {
    background-image: none !important;
    background-color: #f0f4f5;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container .row, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container .row {
    margin-top: 0;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-container::before, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container::before {
    content: none;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-text, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-text {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .snk-textMediaFullWidth_right .snk-textMediaFullWidth-media, .snk-textMediaFullWidth_left .snk-textMediaFullWidth-media {
    aspect-ratio: 16/9;
  }
}
@media (min-width: 768px) {
  .snk-textMediaFullWidth_left .snk-textMediaFullWidth-container::before {
    left: 0;
  }
}
@media (min-width: 1200px) {
  .snk-textMediaFullWidth_right .container .row .col-12 {
    padding-left: 2rem;
  }
}