.facets-layout-toggle-container-mob{display:flex;align-items:center;justify-content:flex-end}.facets-layout-grid-toggle{display:flex;flex-grow:0;justify-content:center;flex-wrap:wrap;width:auto;grid-column:2;grid-row:1;margin-top:0}@media screen and (min-width: 750px){.facets-layout-grid-toggle{display:none}}.facets-layout-grid-toggle-vertical{justify-content:flex-start}.facets-layout-grid-toggle div{display:flex;flex-direction:row;gap:var(--layout-space-4);align-items:center;justify-content:center;padding:0;margin-top:auto;margin-bottom:auto;background:transparent;border:none;cursor:default;-webkit-appearance:none;appearance:none;color:rgb(var(--color-dark-grey))}.facets-layout-grid-toggle div .grid-layout-option{align-items:center;border:.1rem solid transparent;border-radius:.2786rem;display:flex;justify-content:center;width:var(--layout-space-12);height:var(--layout-space-12);cursor:pointer;color:rgb(var(--color-dark-grey))}.facets-layout-grid-toggle div .grid-layout-option.active{background-color:var(--color-background);border-color:rgb(var(--color-base-brand-secondary))}@media screen and (max-width: 749px){.facets-layout-grid-toggle div .grid-layout-option#smallGridViewButton{display:none}}.product-grid-container .product-grid.grid{display:grid}.product-grid-container .product-grid.grid .grid__item{width:unset;max-width:unset}.product-grid-container.grid-large-view .product-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.product-grid-container.grid-regular-view .product-grid,.product-grid-container.grid-small-view .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (max-width: 749px){.product-grid-container.grid-regular-view .card .button{font-size:var(--text-size-xxs);line-height:var(--leading-loose);padding:var(--layout-space-2) var(--layout-space-5);min-height:var(--layout-space-15);width:unset}.product-grid-container.grid-regular-view .card .button .icon{height:var(--layout-space-10);min-width:var(--layout-space-10);width:var(--layout-space-10)}.product-grid-container.grid-regular-view .card .quick-add .quick-add__submit{width:var(--layout-space-15)}.product-grid-container.grid-regular-view .card .quick-add__submit span{display:none}.product-grid-container.grid-regular-view .card .quick-add__submit .icon{margin:0}}@media screen and (max-width: 749px){.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature{grid-column:span 1;grid-row:span 1;width:100%}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature{grid-column:span 1;grid-row:span 1}.product-grid-container .product-grid .grid__item.grid__item--feature .card-wrapper .media.media--hover-effect>img{opacity:1}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature .card.card--collection{display:none}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature .card.card--feature{display:flex}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature .card.card--collection{display:none}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature .card.card--feature{display:flex}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.double-col-mobile,.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.single-col-mobile{grid-column:span 1;grid-row:var(--mobile-position);height:var(--in-grid-mobile-fixed)}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.single-col-mobile{grid-column:span 1;height:var(--in-grid-mobile-full);grid-row:var(--mobile-position)}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.double-col-mobile{grid-column:span 2;grid-row:var(--mobile-position);height:var(--in-grid-mobile-fixed)}.product-grid-container.grid-large-view,.product-grid-container.grid-regular-view{overflow-x:hidden}.product-grid-container.grid-regular-view .card .card__information-top{flex-wrap:wrap;gap:var(--layout-space-3)}}@media screen and (min-width: 750px){.product-grid-container.grid-large-view .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid-container.grid-regular-view .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid-container.grid-small-view .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature{grid-column:span 2;grid-row:span 1}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature,.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.single-col,.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.single-col{grid-column:span 1;grid-row:span 1}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.full-col{grid-column:span 3;grid-row:span 1}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.full-col{grid-column:span 4;grid-row:span 1}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.full-col .card-wrapper,.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.full-col .card-wrapper{height:var(--hero-banner)}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature .card.card--collection{display:none}.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature .card.card--feature,.product-grid-container.grid-small-view .product-grid .grid__item.grid__item--feature .card.card--collection,.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature .card.card--collection{display:flex}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature .card.card--feature{display:none}}@media screen and (min-width: 990px){.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.double-col .card__information,.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.double-col .card__information{padding:var(--layout-space-offset-4)}.product-grid-container.grid-large-view .product-grid .grid__item.grid__item--feature.full-col .card__information,.product-grid-container.grid-regular-view .product-grid .grid__item.grid__item--feature.full-col .card__information{padding:var(--layout-space-offset-16)}}
/*# sourceMappingURL=/cdn/shop/t/552/assets/ua_collection-layout-grid-toggle.css.map */
