@font-face{font-family:'REPify Symbols';src:url('/icons/material-symbols.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}.material-symbol{font-family:'REPify Symbols';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.bottom{left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;border-radius:0;gap:0;border:0;border-top:1px solid #ffffff12;box-shadow:none;background:#151918;backdrop-filter:none;padding:8px max(12px,calc((100vw - 800px)/2)) calc(8px + env(safe-area-inset-bottom));min-height:68px;justify-content:space-around}.nav{flex:1;max-width:140px;min-width:0;gap:5px;padding:6px 10px;border-radius:0;font-size:10px;color:#8c9992}.nav>span{width:auto;height:26px;border-radius:0}.nav.active>span{background:none;color:var(--accent)}.nav .material-symbol{font-size:26px}.nav.active{font-weight:700}.nav.active:after{content:'';position:absolute;top:0;width:23px;height:2px;background:var(--accent);border-radius:2px}.nav{position:relative}.shell{padding-bottom:110px}.collection-header{position:relative;min-height:225px;margin:-24px -52px 0;overflow:hidden;background:radial-gradient(ellipse at 12% 0%,#28453c,transparent 75%)}.collection-header>.home-banner{opacity:.65;object-position:center 35%;height:100%;width:100%;inset:0;mask-image:linear-gradient(#000 15%,transparent 100%)}.collection-header:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,var(--bg) 100%);pointer-events:none}.collection-header.tinted:before{content:'';position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 15%,transparent);z-index:1;mask-image:linear-gradient(#000,transparent)}.collection-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:65px 52px 50px}.home-wordmark{font-size:14px;font-weight:800;letter-spacing:1px;color:#c3d8ce}.collection-heading h1{font-size:29px;letter-spacing:-1px;margin:9px 0 0}.collection-heading .avatar{width:42px;height:42px;background:#162d24ad;backdrop-filter:blur(10px);color:#edfff4}.collection-title{display:flex;align-items:center;justify-content:space-between;margin:3px 0 22px;gap:16px}.collection-title>div:first-child{display:flex;align-items:baseline;gap:12px}.collection-title h2{font-size:19px}.collection-actions{display:flex;gap:8px}.icon-action{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#242e28;color:#d8e9dd}.icon-action.add-find{background:var(--accent);color:#103127}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.collection-item{padding:0;background:none;color:var(--ink);text-align:left;min-width:0}.collection-photo{aspect-ratio:4/5;border-radius:14px;position:relative;background:#202a24;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.collection-photo>.material-symbol{font-size:48px;color:#708b79;margin:auto}.collection-photo img{height:100%;width:100%;object-fit:cover;object-position:left center}.collection-photo .badge{position:absolute;left:10px;bottom:10px;backdrop-filter:blur(10px);background:#111c17d9}.collection-caption{padding:12px 0 0;display:flex;flex-direction:column;gap:4px}.collection-caption h3{margin:0;font-size:14px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-caption strong{font-size:12px;margin-top:3px}.collection-caption .hint{font-size:11px}.collection-grid .empty{grid-column:1/-1}.collection-grid .empty p:empty{display:none}#app[data-page=Discover] .shell{padding-right:78px}#app[data-page=Discover] .grid{margin-right:0}.view-control{gap:12px;flex-wrap:wrap}.view-control button{display:inline-flex;align-items:center;gap:6px}.view-control .material-symbol{font-size:18px}.alphabet-rail{width:38px;right:12px;top:240px;bottom:95px;background:#1c2521;border-radius:19px}.alphabet-rail button{font-size:12px}.brand-grid{justify-content:start;align-items:start}.brand-grid .tile-info{text-align:left!important;padding-left:6px!important}.tile-cover{justify-content:flex-start!important}.tile-cover img{object-position:left center!important}.list-view .tile-info{text-align:left!important}.brand-grid .heart{display:grid;place-items:center;width:28px;height:28px;right:0;top:0;background:#152019b3;color:#8d9e93}.heart .material-symbol{font-size:19px}.heart.is-saved{color:var(--accent);background:#254237}.brand-grid .tile-cover{position:relative}.catalog-logo img{object-position:left center}.top{margin-bottom:14px}.filter .material-symbol{vertical-align:middle}@media(min-width:1100px){.alphabet-rail{right:calc((100vw - 1080px)/2 + 12px)}}@media(max-width:760px){.collection-header{margin:-18px -20px 0;min-height:205px}.collection-heading{padding:58px 20px 42px}.collection-heading h1{font-size:27px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.collection-title{margin-top:0}.collection-title h2{font-size:18px}.collection-title .hint{font-size:11px}.collection-caption h3{font-size:13px}.collection-photo{border-radius:12px}.collection-heading .avatar{width:40px;height:40px}#app[data-page=Discover] .shell{padding-right:64px}.alphabet-rail{right:10px;width:34px;top:240px;bottom:90px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-grid .tile-cover{height:82px}.list-view .brand-grid{grid-template-columns:1fr}.brand-grid .tile-info h3{font-size:10px!important}.list-view .tile-info h3{font-size:14px!important}.list-view .heart{margin-left:auto;flex-shrink:0}.view-control{align-items:flex-start}.view-control button{padding:9px 10px}.nav{padding:5px 7px}.bottom{padding-top:8px}.shell{padding-bottom:104px}}
/* Keep the favorite action after the logo and name in list rows. */
.list-view .tile{border-radius:0!important;min-width:0;gap:14px!important}.list-view .tile-cover{order:0}.list-view .tile-info{order:1;flex:1;min-width:0}.list-view .heart{order:2;margin-left:0!important}.list-view .tile-info h3{overflow-wrap:anywhere}