.sb-well{position:relative;width:100%;aspect-ratio:16/5;overflow:hidden;border:1px solid rgba(242,237,226,.08);background-image:linear-gradient(rgba(242,237,226,.045) 1px,transparent 0),linear-gradient(90deg,rgba(242,237,226,.045) 1px,transparent 0);color:#f2ede2;user-select:none;--hit:340ms;--clear:520ms}.sb-well[style*=height]{aspect-ratio:auto}.sb-well .sg-brick{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(242,237,226,.16);background:linear-gradient(150deg,rgba(242,237,226,.085),rgba(242,237,226,.022));box-shadow:inset 0 1px 0 rgba(242,237,226,.07);will-change:transform,opacity}.sb-well .sg-brick:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--fam);opacity:.85}.sb-well .sg-brick svg{display:block;width:var(--mark,24px);height:var(--mark,24px);flex:0 0 auto}.sb-well .sg-name{font-size:var(--name,8px);line-height:1;letter-spacing:.06em;text-transform:uppercase;color:rgba(242,237,226,.66);white-space:nowrap;max-width:100%;overflow:hidden}.sb-well .sg-brick.is-hit{animation:sb-hit var(--hit) ease-out}@keyframes sb-hit{0%{background:rgba(242,237,226,.26);border-color:rgba(242,237,226,.44)}to{background:rgba(242,237,226,.022);border-color:rgba(242,237,226,.16)}}.sb-well .sg-brick.is-clearing{animation:sb-clear var(--clear) cubic-bezier(.3,0,.3,1) forwards;z-index:3}@keyframes sb-clear{0%{transform:var(--t) scale(1);background:rgba(242,237,226,.05)}22%{transform:var(--t) scale(1.02);background:rgba(242,237,226,.86)}62%{transform:var(--t) scale(1);background:rgba(242,237,226,.86)}to{transform:var(--t) scale(.72);opacity:0;background:rgba(242,237,226,.86)}}.sb-well .sg-brick.is-clearing .sg-name{color:#08090b}.sb-well .sg-brick.is-clearing svg{color:#08090b!important}