.portfolio-sheet-backdrop{z-index:180;cursor:pointer;background:#0000008c;border:none;position:fixed;inset:0}.portfolio-sheet{inset-inline:0;z-index:190;max-height:min(85dvh, calc(var(--viewport-height) * .85));border:2px solid var(--primary);background:color-mix(in oklch, var(--card) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding:1.25rem;padding-bottom:max(1.25rem, var(--safe-bottom));border-bottom:none;flex-direction:column;animation:.25s ease-out portfolio-sheet-in;display:flex;position:fixed;bottom:0;overflow:hidden}@supports not (height:85dvh){.portfolio-sheet{max-height:85vh}}@keyframes portfolio-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.portfolio-sheet__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.portfolio-sheet__close{border:1px solid color-mix(in srgb, var(--foreground) 25%, transparent);background:var(--muted);min-width:2.75rem;min-height:2.75rem;color:var(--foreground);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.portfolio-sheet__close:hover{border-color:var(--primary);color:var(--primary)}.portfolio-sheet__body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.portfolio-sheet__detail{max-height:none}@media (min-width:768px){.portfolio-sheet,.portfolio-sheet-backdrop{display:none}}