button:focus-visible,input:focus-visible,select:focus-visible{outline:2px dotted #047caf;outline-offset:2px}.message-browser{--postcard-columns:var(--v1d8ff7c1);--postcard-shiftX:calc(var(--v6f622e49)*1em);--postcard-shiftY:calc(var(--v6f622e4a)*1em);--postcard-gap:1em;--postcard-max-width:var(--v56bda035)}.message-browser__top-card{width:min(100%,90vw,var(--postcard-max-width) * 1.8);margin:0 auto}.message-browser__top-card-layout{position:relative;width:100%;aspect-ratio:2.05;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;margin-bottom:4rem}.message-browser__top-card-layout .message-browser__postcard{width:55%;grid-area:1/1}.message-browser__top-card-layout .message-browser__postcard--art{justify-self:flex-start;margin-top:6rem}.message-browser__top-card-layout .message-browser__postcard--message{justify-self:flex-end;z-index:1;margin-top:1.5rem}.message-browser__top-card-border{border-radius:1.5rem;position:absolute;inset:3vw 4vw;width:auto;height:auto}.message-browser__top-card-border--line{border:1px solid #fefdfb;box-shadow:0 0 1px #fff,-1px -1px 3px #00000080,inset -1px -1px 2px #00000080}@media screen and (max-width:840px){.message-browser__top-card-layout{aspect-ratio:.95;width:100%;max-width:650px;margin-left:auto;margin-right:auto}.message-browser__top-card-layout .message-browser__postcard{width:95%}.message-browser__top-card-layout .message-browser__postcard--message{justify-self:flex-end;align-self:flex-start;margin:0}.message-browser__top-card-layout .message-browser__postcard--art{justify-self:flex-start;align-self:flex-end;margin:0}.message-browser__top-card-border{inset:3rem 0;border-radius:.75rem}}.message-browser h2{font-size:min(2.5vw,54px);font-weight:400;width:100%;text-align:center;margin-bottom:1em}.message-browser__sticky{z-index:100}.message-browser__filters{position:relative;display:flex;justify-content:space-between;gap:1em}.message-browser__postcard-container{padding:var(--postcard-shiftY) var(--postcard-shiftX) 0;position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--postcard-gap);width:min(100%,90vw,var(--postcard-max-width) * var(--postcard-columns));margin:0 auto;padding-bottom:5rem}@media screen and (max-width:1024px){.message-browser__postcard-container{padding:0;width:97%;max-width:40rem}}.message-browser__postcard-item{position:relative;width:calc(100%/var(--postcard-columns) - var(--postcard-gap));transition:z-index .2s cubic-bezier(.215,.61,.355,1),transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1);border:1px solid transparent}.message-browser__postcard-item:hover{z-index:1;transform:scale(1.02)}.message-browser__popup{top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-rows:100%;grid-template-columns:100%;max-width:90vw;max-height:90vh;width:78em;height:60em;font-size:.9rem}.message-browser__popup-outer{height:100%;padding:0;position:relative}.message-browser__popup-plastic{padding:1.25em;border-radius:1.75em;height:100%;box-shadow:0 36px 45px -12px #00000053,0 70px 114px #0002,0 27px 150px #0000000f}.message-browser__popup-inner{overflow:hidden;background-color:#fff;position:relative;height:100%;border-radius:.75em}.message-browser__popup-close{position:fixed;font-size:2rem;top:1em;right:1em;height:1em;color:#fff}.message-browser__filter-groups{height:100%;overflow-y:auto;overflow-x:hidden;padding:2em 1.5em 2em 2em}.message-browser__filter-groups h3{font-size:1.75em;font-weight:400;padding-left:.5em;margin-top:.5em;margin-bottom:.5em}.message-browser__filter-group-items{width:100%;display:flex;flex-wrap:wrap;margin-bottom:2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(12em,16.6666666667%),1fr));grid-auto-rows:auto;grid-gap:0}.message-browser__filter-item{white-space:wrap;line-height:1.1;height:2.5em;padding-left:1em;border-radius:.5em;cursor:pointer;background-color:#047caf00;transition:background-color .2s cubic-bezier(.215,.61,.355,1)}.message-browser__filter-item:hover{background-color:#047caf1a}.message-browser__search{margin-bottom:3rem}.message-browser__search-icon{margin-top:.1em;margin-bottom:-.1em}@media screen and (max-width:1024px){.message-browser__filters{margin-bottom:3rem}.message-browser__popup{max-width:96vw;max-height:90vh;margin-top:1rem;font-size:1.1rem}.message-browser__popup-plastic{padding:.75em;border-radius:1.25em}.message-browser__filter-groups{padding:.25em}.message-browser__popup-close{top:.5em;right:.5em}.message-browser h2{font-weight:400;font-size:min(5.5vw,28px);margin-top:1em}}