/**
* Copyright since 2007 PrestaShop SA and Contributors
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
* that is bundled with this package in the file LICENSE.md.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to https://devdocs.prestashop.com/ for more information.
*
* @author    PrestaShop SA and Contributors <contact@prestashop.com>
* @copyright Since 2007 PrestaShop SA and Contributors
* @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
*/
.fade-pattern {
  pointer-events: none;
  user-select: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -3rem;
  margin-bottom: -3rem;
  mask-image: radial-gradient(#000000 0%, rgba(0, 0, 0, 0.01) 85%);
}

@media (min-width: 768px) {
  .fade-pattern {
    margin-top: -5rem;
    margin-bottom: -5rem;
    mask-image: radial-gradient(#000000 0%, rgba(0, 0, 0, 0.01) 65%);
  }
}

.fade-pattern__list {
  overflow: hidden;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: .5rem;
  margin-bottom: 0;
}

.fade-pattern__item {
  font-style: italic;
  font-weight: bold;
  font-size: 3.875rem;
  text-transform: uppercase;
  line-height: .8;
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: #CCCCCC;
  stroke: #CCCCCC;
  color: transparent;
}

@media (min-width: 768px) {
  .fade-pattern__item {
    font-size: 8.75rem;
  }
}