.areon-sample__header{max-width:60rem;margin-bottom:4rem}.areon-sample__eyebrow{font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;opacity:.6;margin:0 0 1.4rem}.areon-sample__heading{font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.1;margin:0 0 1.8rem;letter-spacing:-.01em}.areon-sample__subtext{font-size:1.3rem;opacity:.75;max-width:52ch}.areon-sample__rule{margin-top:2rem;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.areon-sample__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:3.2rem}.areon-sample__search-input{font-family:inherit;font-size:1.3rem;padding:1rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));min-width:24rem;border-radius:0}.areon-sample__search-input:focus{outline:none;border-color:rgb(var(--color-foreground))}.areon-sample__filters{display:flex;flex-wrap:wrap;gap:.8rem}.areon-sample__filter{font-family:inherit;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);background:none;color:rgba(var(--color-foreground),.7);cursor:pointer;border-radius:4rem;transition:all .2s ease}.areon-sample__filter:hover{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.areon-sample__filter.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.areon-sample__noresults{padding:4rem 0;text-align:center;opacity:.6;font-size:1.5rem}.areon-sample__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0}@media screen and (max-width:749px){.areon-sample__body{padding:1.4rem 1.4rem 1.6rem}.areon-sample__name{margin:0 0 1.2rem}.areon-sample__add{font-size:1.3rem;padding-left:1rem;padding-right:1rem}}@media screen and (min-width:750px){.areon-sample__grid{grid-template-columns:repeat(var(--areon-columns, 3),minmax(0,1fr));gap:2.4rem}}.areon-sample__card{border:.1rem solid #f1edeb;background:rgb(var(--color-background));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;min-width:0;max-width:100%;display:flex;flex-direction:column;height:100%}.areon-sample__card:hover{transform:translateY(-3px);box-shadow:0 1.8rem 4rem -2.4rem rgba(var(--color-foreground),.4)}.areon-sample__card.is-selected{border-color:rgb(var(--color-foreground))}.areon-sample__card.is-highlight{animation:areon-pulse 2.4s ease}@keyframes areon-pulse{0%,to{box-shadow:0 0 rgba(var(--color-foreground),0)}15%{box-shadow:0 0 0 .4rem rgba(var(--color-foreground),.35)}}.areon-sample__media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.areon-sample__img{width:100%;height:100%;object-fit:cover;display:block}.areon-sample__img--placeholder{background:rgba(var(--color-foreground),.08)}.areon-sample__badge{position:absolute;top:1.4rem;right:1.4rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;padding:.6rem 1.1rem}.areon-sample__body{padding:2rem 2.2rem 2.4rem;display:flex;flex-direction:column;flex:1 1 auto}.areon-sample__name{font-size:1.5rem;margin:0 0 1.5rem}.areon-sample__desc{font-size:1.4rem;opacity:.7;margin:0 0 1.6rem}.areon-sample__add{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin-top:auto;cursor:pointer;color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground));background:transparent}.areon-sample__add:before,.areon-sample__add:after{display:none}.areon-sample__add:hover{color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.areon-sample__add-label{position:relative;z-index:1}.areon-sample__add-icon{display:none;width:1.4rem;height:1.4rem}.areon-sample__add-icon .icon{width:100%;height:100%}.areon-sample__card.is-selected .areon-sample__add-icon{display:inline-flex}.areon-sample__add[disabled]{opacity:.4;cursor:not-allowed}.areon-sample__empty{padding:4rem;text-align:center;border:.1rem dashed rgba(var(--color-foreground),.3);opacity:.7}.areon-sample__tray{position:fixed;left:0;right:0;bottom:0;z-index:5;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.areon-sample__tray.is-visible{transform:translateY(0)}.areon-sample__tray-inner{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding-top:1.6rem;padding-bottom:1.6rem;flex-wrap:nowrap}.areon-sample__tray-left{display:flex;align-items:center;gap:1.6rem;min-width:0;flex:1 1 auto}.areon-sample__count{font-size:1.7rem;margin:0;white-space:nowrap;flex:0 0 auto}.areon-sample__chips{display:flex;gap:.8rem;flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:none;padding:.2rem 0}.areon-sample__chips::-webkit-scrollbar{display:none}.areon-sample__chip{display:inline-flex;align-items:center;gap:.6rem;background:rgba(var(--color-background),.12);padding:.5rem .9rem .5rem 1.3rem;border-radius:4rem;font-size:1.25rem;flex:0 0 auto}.areon-sample__chip span{white-space:nowrap}.areon-sample__chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.6rem;line-height:1;opacity:.7;padding:0;flex:0 0 auto}.areon-sample__chip button:hover{opacity:1}.areon-sample__tray-right{display:flex;align-items:center;gap:1.6rem;flex:0 0 auto}.areon-sample__note{font-size:1.2rem;letter-spacing:.04em;opacity:.7;margin:0;white-space:nowrap}.areon-sample__checkout{white-space:nowrap;flex:0 0 auto}button.areon-sample__checkout{background:#fff;color:#000}@media screen and (max-width:749px){.areon-sample__tray-inner{flex-direction:column;align-items:stretch;gap:1.2rem;padding-top:1.4rem;padding-bottom:1.4rem}.areon-sample__tray-left{flex-direction:column;align-items:flex-start;gap:1rem}.areon-sample__chips{width:100%;flex-wrap:wrap;overflow-x:visible}.areon-sample__chip{max-width:100%}.areon-sample__chip span{white-space:normal}.areon-sample__tray-right{justify-content:space-between;width:100%}.areon-sample__checkout{flex:1 1 auto;text-align:center}.areon-sample__note{white-space:normal}}.areon-sample__toast{position:fixed;bottom:11rem;left:50%;transform:translate(-50%) translateY(2rem);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:1.4rem 2.6rem;font-size:1.4rem;z-index:6;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;border:.1rem solid rgba(var(--color-background),.15);max-width:90vw;text-align:center}.areon-sample__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/areon-sample.css.map */