.base-collection{display:grid;grid-template-rows:auto 1fr auto;gap:1rem;border-radius:var(--border-radius-base);padding:1rem;background-color:white;max-width:400px;width:auto;min-width:260px;aspect-ratio:306/448}.base-collection__title{font-weight:var(--font-semibold);font-size:20px;line-height:28px}.base-collection__items{display:grid;grid-row-gap:.5rem;grid-column-gap:1rem}.base-collection__items--1{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr)}.base-collection__items--2{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}.base-collection__items--3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.base-collection__items--3 :nth-child(3){grid-column:span 2}.base-collection__items--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.base-collection__item{display:flex;flex-direction:column;gap:2px}.base-collection__item__image-container{display:grid;place-items:center;height:100%;border-radius:var(--border-radius-base)}.base-collection__item__image-container--unique{padding:2rem .5rem}.base-collection__item__image{aspect-ratio:1/1;width:90px;height:90px;object-fit:cover}.base-collection__item__image--unique{width:100%;height:100%}.base-collection__item__label{font-weight:var(--font-semibold);font-size:14px;line-height:22px;text-align:center;height:43px}.base-collection__see-more{display:flex;gap:14px;align-items:center}.base-collection__see-more span{font-weight:var(--font-medium);font-size:14px;line-height:20px}.base-collection__see-more:hover img{transform:scaleX(-1)}.base-collection-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media (min-width:1280px){.base-collection-container{justify-content:space-evenly;gap:2rem}}.base-collection-container>*{flex:1 1 0}.section-collection--gradient .base-section__content{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 14fr}@media (min-width:768px){.section-collection--gradient .base-section__content{grid-template-rows:1fr 4.2fr}}@media (min-width:1024px){.section-collection--gradient .base-section__content{grid-template-rows:min(calc(100vw / 6),260px) auto}}.base-gradient-banner{position:relative;padding-top:30%}.base-gradient-banner__image{position:absolute;top:0;left:-1rem;right:1rem;z-index:-1;width:calc(100% + 32px);max-height:1700px;border-radius:var(--border-radius-xl);background-size:contain;background-repeat:no-repeat;background-position:top;transition:opacity .3s ease-in-out}@media (min-width:1024px){.base-gradient-banner__image{width:calc(100% + 2rem);left:-1rem;right:1rem;height:auto}}.base-gradient-banner__carousel__container{position:absolute;top:0;left:-1rem;right:1rem;z-index:-1;width:calc(100% + 32px);max-height:1700px;overflow:hidden;border-radius:var(--border-radius-xl)}@media (min-width:1024px){.base-gradient-banner__carousel__container{width:calc(100% + 2rem);left:-1rem;right:1rem}}.base-gradient-banner__carousel__track{display:flex;width:100%;height:100%}.base-gradient-banner__carousel__slide{min-width:100%;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:top;display:block}.base-gradient-banner__carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;padding:6px;border:1px solid var(--gray-300);background-color:white;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width:1024px){.base-gradient-banner__carousel__arrow{top:30%}}.base-gradient-banner__carousel__arrow__icon{width:13.5px;height:13.5px}@media (min-width:1024px){.base-gradient-banner__carousel__arrow__icon{width:24px;height:24px}}.base-gradient-banner__carousel__arrow--left{left:1rem}@media (min-width:1024px){.base-gradient-banner__carousel__arrow--left{left:2rem}}.base-gradient-banner__carousel__arrow--right{right:1rem}@media (min-width:1024px){.base-gradient-banner__carousel__arrow--right{right:2rem}}