.shared-layout-demo-module__2DCHTG__tabs{gap:var(--space-4);flex-direction:column;width:100%;min-width:0;max-width:480px;display:flex}.shared-layout-demo-module__2DCHTG__tabList{background:rgb(var(--fill-weak));box-shadow:var(--ring-weak);scrollbar-width:none;border-radius:20px;gap:2px;padding:4px;display:flex;overflow-x:auto}.shared-layout-demo-module__2DCHTG__tabList::-webkit-scrollbar{display:none}.shared-layout-demo-module__2DCHTG__tab{isolation:isolate;white-space:nowrap;height:32px;color:rgb(var(--text-weak));cursor:pointer;transition:color var(--tab-color-timing);border:1px solid #0000;border-radius:16px;flex:1 0 auto;padding:0 15px;font-size:14px;font-weight:500;position:relative}.shared-layout-demo-module__2DCHTG__tabList[data-instant] .shared-layout-demo-module__2DCHTG__tab{transition:none}.shared-layout-demo-module__2DCHTG__tab:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.shared-layout-demo-module__2DCHTG__tab:hover{color:rgb(var(--text-strong))}}.shared-layout-demo-module__2DCHTG__tab[aria-selected=true]{color:rgb(var(--text-brand))}.shared-layout-demo-module__2DCHTG__tabHighlight{z-index:0;background:rgb(var(--fill-brand-strong)/.14);position:absolute;inset:-1px}.shared-layout-demo-module__2DCHTG__tabLabel{z-index:1;position:relative}.shared-layout-demo-module__2DCHTG__tabPanel{padding:var(--space-4);color:rgb(var(--text-weak));background:rgb(var(--background-base));box-shadow:var(--ring-weak);border-radius:12px;font-size:14px;line-height:1.5}@media (max-width:400px){.shared-layout-demo-module__2DCHTG__tab{padding:0 7px;font-size:13px}}@media (forced-colors:active){.shared-layout-demo-module__2DCHTG__tabHighlight{background:highlight}.shared-layout-demo-module__2DCHTG__tab[aria-selected=true]{color:highlighttext}.shared-layout-demo-module__2DCHTG__tab{forced-color-adjust:none;color:buttontext;border-color:buttontext}}.shared-layout-demo-module__2DCHTG__swapContainer{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.shared-layout-demo-module__2DCHTG__swapCircles{gap:var(--space-8);justify-content:center;align-items:center;display:flex}.shared-layout-demo-module__2DCHTG__swapCircle{border-radius:50%;width:64px;height:64px}.shared-layout-demo-module__2DCHTG__circleBrand{background:rgb(var(--fill-brand-strong))}.shared-layout-demo-module__2DCHTG__circleError{background:rgb(var(--fill-error-strong))}.shared-layout-demo-module__2DCHTG__circleSuccess{background:rgb(var(--fill-success-strong))}.shared-layout-demo-module__2DCHTG__shuffleButton{color:rgb(var(--text-strong));background:rgb(var(--fill-weak));box-shadow:var(--ring-weak);transition:box-shadow var(--duration-fast)var(--ease-out-cubic);border:1px solid #0000;border-radius:8px;padding:7px 23px;font-size:14px;font-weight:500}@media (hover:hover) and (pointer:fine){.shared-layout-demo-module__2DCHTG__shuffleButton:hover{box-shadow:var(--ring-weak-hover)}}.shared-layout-demo-module__2DCHTG__cardContainer{justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative}.shared-layout-demo-module__2DCHTG__cardFrame{border-radius:12px;width:224px;max-width:100%}.shared-layout-demo-module__2DCHTG__cardFrame:has(>.shared-layout-demo-module__2DCHTG__card:focus-visible){outline:2px solid rgb(var(--text-strong));outline-offset:2px}.shared-layout-demo-module__2DCHTG__card{align-items:flex-start;gap:var(--space-1);text-align:left;background:rgb(var(--background-raised));width:100%;box-shadow:var(--ring-weak),var(--elevation-raised);cursor:pointer;transition:box-shadow var(--duration-fast)var(--ease-out-cubic);border:1px solid #0000;flex-direction:column;padding:23px;display:flex}.shared-layout-demo-module__2DCHTG__card:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.shared-layout-demo-module__2DCHTG__card:hover{box-shadow:var(--ring-weak-hover),var(--elevation-raised)}}.shared-layout-demo-module__2DCHTG__cardTitle{color:rgb(var(--text-strong));font-size:16px;font-weight:600;display:block}.shared-layout-demo-module__2DCHTG__cardSubtitle{color:rgb(var(--text-weak));font-size:14px;display:block}.shared-layout-demo-module__2DCHTG__dialogLayer{z-index:100;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.shared-layout-demo-module__2DCHTG__overlay{background:#00000080;position:absolute;inset:0}.shared-layout-demo-module__2DCHTG__dialog{background:rgb(var(--background-overlay));width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--ring-weak),var(--elevation-overlay);border:1px solid #0000;padding:23px;position:relative;overflow-y:auto}.shared-layout-demo-module__2DCHTG__dialogTitle{width:fit-content;color:rgb(var(--text-strong));margin-bottom:var(--space-1);font-size:20px;font-weight:600}.shared-layout-demo-module__2DCHTG__dialogSubtitle{width:fit-content;color:rgb(var(--text-weak));margin-bottom:var(--space-4);font-size:14px}.shared-layout-demo-module__2DCHTG__dialogContent{gap:var(--space-4);flex-direction:column;display:flex}.shared-layout-demo-module__2DCHTG__dialogContent p{color:rgb(var(--text-weak));font-size:14px;line-height:1.6}.shared-layout-demo-module__2DCHTG__closeButton{color:rgb(var(--text-inverse-strong));background:rgb(var(--fill-strong));transition:opacity var(--duration-fast)var(--ease-out-cubic);border:1px solid #0000;border-radius:8px;align-self:flex-end;padding:7px 15px;font-size:14px;font-weight:500}@media (hover:hover) and (pointer:fine){.shared-layout-demo-module__2DCHTG__closeButton:hover{opacity:.9}}@media (forced-colors:active){.shared-layout-demo-module__2DCHTG__swapCircle{forced-color-adjust:none}}
.collection-preview-module__f1AwcG__container{justify-content:center;align-items:center;width:100%;min-height:280px;padding:32px 0;display:flex;container-type:inline-size}.collection-preview-module__f1AwcG__collapsedWrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.collection-preview-module__f1AwcG__stackContainer{cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:16px;place-items:center;width:120px;height:120px;display:grid}.collection-preview-module__f1AwcG__stackContainer>*{grid-area:1/1}.collection-preview-module__f1AwcG__avatarWrapper{z-index:10;position:relative}.collection-preview-module__f1AwcG__avatar{border-radius:50%;width:48px;height:48px}.collection-preview-module__f1AwcG__stackedImage{position:relative}.collection-preview-module__f1AwcG__collectionInfo{flex-direction:column;align-items:center;display:flex}.collection-preview-module__f1AwcG__collectionName,.collection-preview-module__f1AwcG__itemCount{width:fit-content}.collection-preview-module__f1AwcG__collectionName{white-space:nowrap;color:rgb(var(--text-strong));font-weight:600}.collection-preview-module__f1AwcG__itemCount{color:rgb(var(--text-weak));white-space:nowrap;font-size:14px}.collection-preview-module__f1AwcG__expandedWrapper{flex-direction:column;align-items:center;gap:20px;display:flex}.collection-preview-module__f1AwcG__expandedHeader{align-items:center;gap:12px;display:flex}.collection-preview-module__f1AwcG__expandedAvatarWrapper{position:relative}.collection-preview-module__f1AwcG__expandedAvatar{border-radius:50%;width:40px;height:40px}.collection-preview-module__f1AwcG__expandedInfo{flex-direction:column;align-items:flex-start;display:flex}.collection-preview-module__f1AwcG__expandedContainer{touch-action:pan-y;justify-content:center;align-items:center;gap:8px;padding:24px 0;display:flex}.collection-preview-module__f1AwcG__imageWrapper{border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.collection-preview-module__f1AwcG__stackImage{width:64px;height:64px}.collection-preview-module__f1AwcG__dockImage{width:72px;height:72px}@container (max-width:400px){.collection-preview-module__f1AwcG__dockImage{width:52px;height:52px}}.collection-preview-module__f1AwcG__image{width:100%;height:100%;display:block}.collection-preview-module__f1AwcG__insetBorder{box-shadow:inset 0 0 0 1px rgb(var(--stroke-color-weak));pointer-events:none;border-radius:12px;position:absolute;inset:0}.collection-preview-module__f1AwcG__avatarWrapper .collection-preview-module__f1AwcG__insetBorder,.collection-preview-module__f1AwcG__expandedAvatarWrapper .collection-preview-module__f1AwcG__insetBorder{border-radius:50%}.collection-preview-module__f1AwcG__collapseButton{background:rgb(var(--fill-brand-strong));color:rgb(var(--text-inverse-strong));cursor:pointer;transition:background var(--duration-fast)var(--ease-out-cubic);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 19px;font-size:14px;font-weight:500;display:flex}@media (hover:hover) and (pointer:fine){.collection-preview-module__f1AwcG__collapseButton:hover{background:rgb(var(--fill-brand-strong)/.9)}}.collection-preview-module__f1AwcG__collapseButton:active{background:rgb(var(--fill-brand-strong)/.8)}@media (forced-colors:active){.collection-preview-module__f1AwcG__image,.collection-preview-module__f1AwcG__avatar,.collection-preview-module__f1AwcG__expandedAvatar{forced-color-adjust:none}}