@import url(https://fonts.googleapis.com/css?family=Archivo);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
/* FRETTE: Start Variables
-------------------------- */
@font-face {
  font-family: 'Didot';
  src: url("../fonts/Didot/DidoteTextPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  src: url("../fonts/Didot/DidoteTextPro-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-Italic.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-BoldItalic.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Roman.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeueMd';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Md.otf") format("opentype"); }

/*Replace old fonts with new fonts by default*/
body {
  margin: 0; }

/* FRETTE: End Variables
------------------------ */
/*------------------------------------*\
  #FORMS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
@-webkit-keyframes flipdown
  0% {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg); }
@keyframes flipdown
  0% {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg); }

5% {
  opacity: 1; }

80% {
  -webkit-transform: rotateX(8deg);
          transform: rotateX(8deg); }

83% {
  -webkit-transform: rotateX(6deg);
          transform: rotateX(6deg); }

92% {
  -webkit-transform: rotateX(-3deg);
          transform: rotateX(-3deg); }

100% {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg); }

/**
 * [Strip the pesky units from values]
 * @param  {[Number]} $value
 */
/**
 * [Fluid Type]
 */
.aspect-ratio-1-1 {
  aspect-ratio: 1; }

.aspect-ratio-2-3 {
  aspect-ratio: 0.6667; }

.aspect-ratio-3-2 {
  aspect-ratio: 1.5; }

.aspect-ratio-3-4 {
  aspect-ratio: 0.75; }

.aspect-ratio-4-3 {
  aspect-ratio: 1.3333; }

.aspect-ratio-4-5 {
  aspect-ratio: 0.8; }

.aspect-ratio-5-4 {
  aspect-ratio: 1.25; }

.aspect-ratio-16-9 {
  aspect-ratio: 1.7778; }

.aspect-ratio-21-9 {
  aspect-ratio: 2.3333; }

.aspect-ratio-25-9 {
  aspect-ratio: 2.7777; }

@media (min-width: 768px) {
  .aspect-ratio-md-1-1 {
    aspect-ratio: 1; }
  .aspect-ratio-md-2-3 {
    aspect-ratio: 0.6667; }
  .aspect-ratio-md-3-2 {
    aspect-ratio: 1.5; }
  .aspect-ratio-md-3-4 {
    aspect-ratio: 0.75; }
  .aspect-ratio-md-4-3 {
    aspect-ratio: 1.3333; }
  .aspect-ratio-md-4-5 {
    aspect-ratio: 0.8; }
  .aspect-ratio-md-5-4 {
    aspect-ratio: 1.25; }
  .aspect-ratio-md-16-9 {
    aspect-ratio: 1.7778; }
  .aspect-ratio-md-21-9 {
    aspect-ratio: 2.3333; }
  .aspect-ratio-md-25-9 {
    aspect-ratio: 2.7777; } }

@media (min-width: 1280px) {
  .aspect-ratio-lg-1-1 {
    aspect-ratio: 1; }
  .aspect-ratio-lg-2-3 {
    aspect-ratio: 0.6667; }
  .aspect-ratio-lg-3-2 {
    aspect-ratio: 1.5; }
  .aspect-ratio-lg-3-4 {
    aspect-ratio: 0.75; }
  .aspect-ratio-lg-4-3 {
    aspect-ratio: 1.3333; }
  .aspect-ratio-lg-4-5 {
    aspect-ratio: 0.8; }
  .aspect-ratio-lg-5-4 {
    aspect-ratio: 1.25; }
  .aspect-ratio-lg-16-9 {
    aspect-ratio: 1.7778; }
  .aspect-ratio-lg-21-9 {
    aspect-ratio: 2.3333; }
  .aspect-ratio-lg-25-9 {
    aspect-ratio: 2.7777; } }

@media (min-width: 1920px) {
  .aspect-ratio-xl-1-1 {
    aspect-ratio: 1; }
  .aspect-ratio-xl-2-3 {
    aspect-ratio: 0.6667; }
  .aspect-ratio-xl-3-2 {
    aspect-ratio: 1.5; }
  .aspect-ratio-xl-3-4 {
    aspect-ratio: 0.75; }
  .aspect-ratio-xl-4-3 {
    aspect-ratio: 1.3333; }
  .aspect-ratio-xl-4-5 {
    aspect-ratio: 0.8; }
  .aspect-ratio-xl-5-4 {
    aspect-ratio: 1.25; }
  .aspect-ratio-xl-16-9 {
    aspect-ratio: 1.7778; }
  .aspect-ratio-xl-21-9 {
    aspect-ratio: 2.3333; }
  .aspect-ratio-xl-25-9 {
    aspect-ratio: 2.7777; } }

.slot__container:has(.scrollable-list) {
  background: #efede9;
  padding: 40px 0 32px;
  margin-top: 0; }
  .slot__container:has(.scrollable-list) .slot__info {
    background: transparent; }

.scrollable-list__items {
  padding: 0 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 4px;
  overflow: auto; }
  .scrollable-list__items::-webkit-scrollbar {
    height: 9px;
    background: transparent; }
  .scrollable-list__items::-webkit-scrollbar-track {
    background: -webkit-linear-gradient(bottom, transparent 0px, transparent 3px, #bcbcbc 3px, #bcbcbc 6px, transparent 6px, transparent 9px);
    background: linear-gradient(to top, transparent 0px, transparent 3px, #bcbcbc 3px, #bcbcbc 6px, transparent 6px, transparent 9px);
    background-repeat: repeat-x;
    background-size: 100% 9px;
    border-radius: 9px; }
  .scrollable-list__items::-webkit-scrollbar-thumb {
    background: #71767c;
    border-radius: 9px; }
  @supports not (scrollbar-width: thin) {
    .scrollable-list__items {
      scrollbar-color: #71767c; } }
  .scrollable-list__items::-webkit-scrollbar-track {
    margin: 9px 16px 9px 16px; }

.scrollable-list {
  position: relative; }
  .scrollable-list .scrollable-nav {
    display: none;
    background: #efede9;
    padding: 0 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(calc(50% - 9px/2));
        -ms-transform: translateY(calc(50% - 9px/2));
            transform: translateY(calc(50% - 9px/2)); }
  .scrollable-list .scrollable-nav__prev,
  .scrollable-list .scrollable-nav__next {
    font-size: 0px; }
    .scrollable-list .scrollable-nav__prev[disabled],
    .scrollable-list .scrollable-nav__next[disabled] {
      opacity: .25; }
    .scrollable-list .scrollable-nav__prev::before,
    .scrollable-list .scrollable-nav__next::before {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><mask id="mask0_1145_16217" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"><rect width="20" height="20" fill="%23212529"/></mask><g mask="url(%23mask0_1145_16217)"><path d="M13 17.711L5.28857 9.99955L13 2.28809L14.1202 3.40829L7.52878 9.99955L14.1202 16.5908L13 17.711Z" fill="%23212529"/></g></svg>');
      display: block;
      height: 24px;
      width: 24px; }
  .scrollable-list .scrollable-nav__next::before {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1); }

.scrollable-list-item__media-wrapper {
  aspect-ratio: 1;
  margin-bottom: 12px;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  background-color: #ffffff; }

.scrollable-list-item__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.scrollable-list-item {
  width: 284px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: flex-start; }
  @media (max-width: 768.98px) {
    .scrollable-list-item .tile-body {
      padding: 0 10px; } }

.scrollable-list-item__title {
  font-family: "Archivo";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.03em;
  text-align: center;
  color: #212529; }
  .scrollable-list-item:hover .scrollable-list-item__title,
  .scrollable-list-item:active .scrollable-list-item__title {
    text-decoration: underline; }

@media (min-width: 1200px) {
  .slot__container:has(.scrollable-list) {
    margin-top: 0; }
  .scrollable-list-item {
    width: 318px; }
  .scrollable-list:not(:has(.scrollable-nav__prev:disabled):has(.scrollable-nav__next:disabled)) {
    --show-scroll-nav: 1; }
    .scrollable-list:not(:has(.scrollable-nav__prev:disabled):has(.scrollable-nav__next:disabled)) .scrollable-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .scrollable-list:not(:has(.scrollable-nav__prev:disabled):has(.scrollable-nav__next:disabled)) .scrollable-list__items::-webkit-scrollbar-track {
      margin-right: 92px; } }


/*# sourceMappingURL=iconsLP.css.map*/