realisations-listing,.realisations-listing{--pill-padding-y: .6rem;--pill-padding-x: 1.2rem;--pill-font-size: 1.2rem;--pill-border-radius: 9999px;--dropdown-min-width: 180px;--sidebar-width: 220px;--toolbar-height: 50px}.realisations-listing__toolbar{position:sticky;top:calc(var(--header-navigation-height, 80px) + 36px);z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:1.2rem 0;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-border),.3);margin-bottom:0}@media screen and (max-width:767px){.realisations-listing__toolbar{top:116px}}.realisations-listing__main,.realisations-listing__sidebar{padding-bottom:60px}.realisations-listing__count{font-size:1.4rem;color:rgb(var(--color-subtext))}.realisations-listing__count-desktop{display:inline}.realisations-listing__count-mobile{display:none}@media screen and (max-width:767px){.realisations-listing__count-desktop{display:none}.realisations-listing__count-mobile{display:inline}}.realisations-listing__filter-toggle{display:flex;align-items:center;gap:.6rem;padding:var(--pill-padding-y, .6rem) var(--pill-padding-x, 1.2rem);border:1px solid rgb(var(--color-border));border-radius:var(--pill-border-radius, 9999px);background:transparent;font-size:var(--pill-font-size, 1.2rem);cursor:pointer;transition:var(--animation-fast)}.realisations-listing__filter-toggle:hover{background:rgba(var(--color-foreground),.05)}.realisations-listing__filter-toggle .icon{width:1.4rem;height:1.4rem}@media screen and (min-width:768px){.realisations-listing__filter-toggle{display:none}}.realisations-listing__grid-toggle{display:none;gap:.2rem;margin-left:auto}@media screen and (min-width:768px){.realisations-listing__grid-toggle{display:flex}}.realisations-listing__grid-btn{display:flex;align-items:center;padding:0;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid rgb(var(--color-border));background:transparent;cursor:pointer;transition:var(--animation-fast)}.realisations-listing__grid-btn:first-child{border-radius:var(--inputs-radius) 0 0 var(--inputs-radius)}.realisations-listing__grid-btn:last-child{border-radius:0 var(--inputs-radius) var(--inputs-radius) 0;margin-left:-1px}.realisations-listing__grid-btn:hover{background:rgba(var(--color-foreground),.05)}.realisations-listing__grid-btn--active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.realisations-listing__grid-btn .icon{width:1.6rem;height:1.6rem}.realisations-listing__active-filters{position:sticky;top:calc(var(--header-height, 80px) + var(--toolbar-height));z-index:9;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem 0;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-border),.3)}.realisations-listing__active-filters[hidden]{display:none}.realisations-listing__active-pills{display:flex;flex-wrap:wrap;gap:.6rem}.realisations-listing__active-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:rgba(var(--color-foreground),.08);border-radius:var(--pill-border-radius, 9999px);font-size:1.2rem;animation:pill-appear .25s ease-out}@keyframes pill-appear{0%{opacity:0;transform:scale(.8) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.realisations-listing__active-pill-remove{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;cursor:pointer;opacity:.6;transition:opacity .2s;border-radius:50%;padding:0}.realisations-listing__active-pill-remove:hover{opacity:1;background:rgba(var(--color-foreground),.1)}.realisations-listing__clear-all{font-size:1.2rem;text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;color:inherit;text-underline-offset:2px;margin-left:auto}.realisations-listing__clear-all:hover{text-decoration-thickness:2px}.realisations-listing__clear-all-text{display:inline}.realisations-listing__clear-all-icon{display:none}@media screen and (max-width:767px){.realisations-listing__clear-all{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;text-decoration:none;background:rgba(var(--color-foreground),.08);border-radius:50%}.realisations-listing__clear-all-text{display:none}.realisations-listing__clear-all-icon{display:flex;width:1.6rem;height:1.6rem}}.realisations-listing__layout{display:flex;flex-direction:column;gap:2rem;padding-top:2rem}@media screen and (min-width:768px){.realisations-listing__layout{flex-direction:row;gap:3rem}}.realisations-listing__sidebar{display:none}@media screen and (min-width:768px){.realisations-listing__sidebar{display:block;flex-shrink:0;width:var(--sidebar-width)}.realisations-listing__sidebar-inner{position:sticky;top:calc(var(--header-height, 80px) + var(--toolbar-height) + 20px);max-height:calc(100vh - var(--header-height, 80px) - var(--toolbar-height) - 40px);overflow-y:auto;padding-right:1.6rem}}.realisations-listing__sidebar-title{font-size:1.4rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em}.realisations-listing__filter-group{margin-bottom:2.4rem}.realisations-listing__filter-label{font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-subtext));margin-bottom:1rem}.realisations-listing__pills{display:flex;flex-wrap:wrap;gap:.6rem}.realisations-listing__pill{display:inline-flex;align-items:center;gap:.4rem;padding:var(--pill-padding-y, .6rem) var(--pill-padding-x, 1.2rem);border:1px solid rgb(var(--color-border));border-radius:var(--pill-border-radius, 9999px);background:transparent;font-size:var(--pill-font-size, 1.2rem);cursor:pointer;transition:var(--animation-fast);white-space:nowrap}.realisations-listing__pill:hover{background:rgba(var(--color-foreground),.05);border-color:rgb(var(--color-foreground))}.realisations-listing__pill--active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.realisations-listing__dropdown{position:relative;width:100%}.realisations-listing__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.2rem;border:1px solid rgb(var(--color-border));border-radius:var(--inputs-radius);background:transparent;font-size:1.3rem;cursor:pointer;transition:var(--animation-fast);text-align:left}.realisations-listing__dropdown-trigger:hover{border-color:rgb(var(--color-foreground))}.realisations-listing__dropdown-trigger .icon{width:1.2rem;height:1.2rem;transition:transform .2s ease;flex-shrink:0}.realisations-listing__dropdown--open .realisations-listing__dropdown-trigger .icon{transform:rotate(180deg)}.realisations-listing__dropdown-content{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:var(--dropdown-min-width);max-height:280px;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:1rem;box-shadow:0 4px 16px #0000001a;padding:.8rem;z-index:20;display:none}.realisations-listing__dropdown--open .realisations-listing__dropdown-content{display:block}.realisations-listing__dropdown-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:4px;cursor:pointer;font-size:1.3rem;transition:background .15s ease}.realisations-listing__dropdown-item:hover{background:rgba(var(--color-foreground),.05)}.realisations-listing__dropdown-item input[type=checkbox]{width:1.6rem;height:1.6rem;accent-color:rgb(var(--color-primary));flex-shrink:0}.realisations-listing__main{flex:1;min-width:0}.realisations-listing__grid{display:grid;gap:2rem;grid-template-columns:1fr}.realisations-listing__grid--2-col{grid-template-columns:repeat(2,1fr);gap:1.6rem}@media screen and (max-width:767px){.realisations-listing__grid,.realisations-listing__grid--2-col{grid-template-columns:1fr;gap:1.6rem}}.realisations-listing__card{container-type:inline-size;transition:opacity .3s ease,transform .3s ease}.realisations-listing__card.is-hiding{opacity:0;transform:scale(.95)}.realisations-listing__card.is-showing{animation:card-appear .35s ease-out}@keyframes card-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.realisations-listing__card[hidden]{display:none}.realisations-listing__grid--2-col .card-media__inline-bar{height:64px;gap:12px;padding:0 22px}.realisations-listing__grid--2-col .card-media__inline-logo{width:44px;height:44px}.realisations-listing__grid--2-col .card-media__inline-heading{display:none}@media screen and (max-width:767px){.realisations-listing__grid--2-col .card-media__inline-bar{height:56px;gap:8px;padding:0 8px;flex-wrap:nowrap}.realisations-listing__grid--2-col .card-media__inline-logo{width:36px;height:36px}.realisations-listing__grid--2-col .card-media__inline-text{font-size:9px;max-width:50px;-webkit-line-clamp:2}.realisations-listing__grid--2-col .card-media__inline-button{display:none}}.realisations-listing__load-more{display:flex;justify-content:center;margin-top:3.2rem}.realisations-listing__load-more[hidden]{display:none}.realisations-listing__empty{text-align:center;padding:6rem 2rem}.realisations-listing__empty[hidden]{display:none}.realisations-listing__empty p{font-size:1.6rem;color:rgb(var(--color-subtext));margin-bottom:2rem}.realisations-listing__drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:none}.realisations-listing__drawer[open]{display:block}.realisations-listing__drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.realisations-listing__drawer-content{position:absolute;bottom:0;left:0;right:0;max-height:80vh;background:rgb(var(--color-background));border-radius:1.6rem 1.6rem 0 0;padding:2rem;overflow-y:auto;transform:translateY(100%);animation:slideUp .3s ease forwards}@keyframes slideUp{to{transform:translateY(0)}}.realisations-listing__drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.realisations-listing__drawer-title{font-size:1.6rem;font-weight:600}.realisations-listing__drawer-close{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:none;background:rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer;padding:0}.realisations-listing__drawer-close .icon{width:1.4rem;height:1.4rem}.realisations-listing__drawer-filters{display:flex;flex-direction:column;gap:2rem}.realisations-listing__drawer-footer{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(var(--color-border),.3)}.realisations-listing__drawer-footer .btn{flex:1}.realisations-listing__dropdown-content::-webkit-scrollbar,.realisations-listing__sidebar-inner::-webkit-scrollbar{width:4px}.realisations-listing__dropdown-content::-webkit-scrollbar-track,.realisations-listing__sidebar-inner::-webkit-scrollbar-track{background:transparent}.realisations-listing__dropdown-content::-webkit-scrollbar-thumb,.realisations-listing__sidebar-inner::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:2px}.realisations-listing__dropdown-content::-webkit-scrollbar-thumb:hover,.realisations-listing__sidebar-inner::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.3)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-realisations-listing.css.map */