.NotchDemo-module__f7GCRG__dock{z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none;color:#f2f2f2;font-family:var(--product);position:fixed;top:50%;right:0;translate:0 -50%}.NotchDemo-module__f7GCRG__dock>:where(:not(.NotchDemo-module__f7GCRG__silhouette)){pointer-events:auto}.NotchDemo-module__f7GCRG__silhouette{fill:#000;position:absolute;top:0;right:0;overflow:visible}.NotchDemo-module__f7GCRG__hit{position:absolute;top:50%;right:0;translate:0 -50%}.NotchDemo-module__f7GCRG__trigger{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.NotchDemo-module__f7GCRG__trigger:focus-visible{outline:2px solid var(--iris);outline-offset:2px;border-radius:8px}.NotchDemo-module__f7GCRG__panel{contain:layout paint;padding:calc(14 * var(--u)) calc(22 * var(--u)) 0;opacity:0;transform-origin:100%;pointer-events:none;transition:opacity 90ms ease-out,transform 90ms ease-out;position:absolute;right:0;transform:scale(.94)}.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__panel{opacity:1;pointer-events:auto;transition:opacity .26s ease-out 70ms,transform .38s cubic-bezier(.3,1.3,.5,1) 40ms;transform:none}.NotchDemo-module__f7GCRG__panel :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.NotchDemo-module__f7GCRG__panel svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.NotchDemo-module__f7GCRG__header{height:calc(34 * var(--u));align-items:center;gap:calc(8 * var(--u));display:flex}.NotchDemo-module__f7GCRG__grip{align-items:center;gap:calc(3 * var(--u));height:calc(22 * var(--u));padding:0 calc(5 * var(--u));border-radius:999px;flex:none;transition:background-color .15s;display:flex}.NotchDemo-module__f7GCRG__gripColumn{gap:calc(3 * var(--u));flex-direction:column;display:flex}.NotchDemo-module__f7GCRG__gripDot{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));background:#fff6;border-radius:50%;transition:background .15s}.NotchDemo-module__f7GCRG__grip:hover .NotchDemo-module__f7GCRG__gripDot{background:#ffffffe6}.NotchDemo-module__f7GCRG__grip:hover{background-color:#ffffff24}.NotchDemo-module__f7GCRG__logo{width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:calc(5 * var(--u))}.NotchDemo-module__f7GCRG__back{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:50%;place-items:center;display:grid;background:#ffffff1a!important}.NotchDemo-module__f7GCRG__back svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.NotchDemo-module__f7GCRG__title{font-size:calc(13 * var(--u));font-weight:600}.NotchDemo-module__f7GCRG__search{align-items:center;gap:calc(6 * var(--u));width:calc(124 * var(--u));height:calc(22 * var(--u));padding-inline:calc(8 * var(--u));color:#fff9;font-size:calc(11 * var(--u));background:#ffffff1a;border-radius:999px;margin-left:auto;display:flex}.NotchDemo-module__f7GCRG__search svg{width:calc(10 * var(--u));height:calc(10 * var(--u));flex:none}.NotchDemo-module__f7GCRG__round{width:calc(24 * var(--u));height:calc(22 * var(--u));margin-left:calc(-3 * var(--u));color:#ffffffd9;background:#ffffff14;border-radius:999px;place-items:center;display:grid}.NotchDemo-module__f7GCRG__glyph{width:calc(13 * var(--u))!important;height:calc(12 * var(--u))!important;fill:currentColor!important;stroke:none!important}.NotchDemo-module__f7GCRG__stroked{stroke-width:1.6px;stroke-linecap:round;fill:none!important;stroke:currentColor!important}.NotchDemo-module__f7GCRG__newFolder{width:calc(94 * var(--u));height:calc(94 * var(--u));justify-content:center;align-items:center;gap:calc(6 * var(--u));padding-top:calc(12 * var(--u));font-size:calc(11 * var(--u));color:#ffffff8c;flex-direction:column;flex:none;font-weight:600;display:flex;position:relative}.NotchDemo-module__f7GCRG__newOutline{stroke-dasharray:5 4;width:100%;height:100%;position:absolute;inset:0;overflow:visible;fill:#ffffff05!important;stroke:#ffffff38!important;stroke-width:1px!important}.NotchDemo-module__f7GCRG__newPlus{width:calc(16 * var(--u));height:calc(16 * var(--u));position:relative}.NotchDemo-module__f7GCRG__newFolder>span{position:relative}.NotchDemo-module__f7GCRG__round svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.NotchDemo-module__f7GCRG__cards{gap:calc(18 * var(--u));margin-top:calc(8 * var(--u));padding-top:calc(20 * var(--u));padding-bottom:calc(10 * var(--u));scrollbar-width:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.NotchDemo-module__f7GCRG__cards::-webkit-scrollbar{display:none}.NotchDemo-module__f7GCRG__card{width:calc(120 * var(--u));height:calc(94 * var(--u));text-align:left;flex:none;transition:transform .16s;position:relative}.NotchDemo-module__f7GCRG__back_{background-position:50%;background-size:cover;position:absolute;inset:0}.NotchDemo-module__f7GCRG__paper{border-radius:calc(4 * var(--u));height:30%;box-shadow:calc(10 * var(--u)) calc(-3 * var(--u)) 0 #ffffffb3;background:#ffffffeb;position:absolute;top:22%;left:18%;right:30%}.NotchDemo-module__f7GCRG__front{border-radius:calc(10 * var(--u));background-position:bottom;background-size:100% 161%;border:1px solid #ffffff24;height:62%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.NotchDemo-module__f7GCRG__front:before{content:"";background:linear-gradient(#0a0a0c9e,#0a0a0cf0);position:absolute;inset:0}.NotchDemo-module__f7GCRG__lightCard .NotchDemo-module__f7GCRG__front:before{background:linear-gradient(#ffffff8c,#ffffffd1)}.NotchDemo-module__f7GCRG__lightCard .NotchDemo-module__f7GCRG__name{color:#111}.NotchDemo-module__f7GCRG__lightCard .NotchDemo-module__f7GCRG__count{color:#0000008c}.NotchDemo-module__f7GCRG__name,.NotchDemo-module__f7GCRG__count,.NotchDemo-module__f7GCRG__badge{z-index:1;position:absolute}.NotchDemo-module__f7GCRG__name{left:calc(9 * var(--u));bottom:calc(24 * var(--u));font-size:calc(11.5 * var(--u));font-weight:600}.NotchDemo-module__f7GCRG__count{left:calc(9 * var(--u));bottom:calc(10 * var(--u));font-size:calc(8.5 * var(--u));color:#fff9;font-weight:500}.NotchDemo-module__f7GCRG__badge{right:calc(8 * var(--u));bottom:calc(8 * var(--u));width:calc(17 * var(--u));height:calc(17 * var(--u));border-radius:calc(5 * var(--u));color:#fff;background:#111;place-items:center;display:grid}.NotchDemo-module__f7GCRG__badge svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}.NotchDemo-module__f7GCRG__recentHead{margin-top:calc(8 * var(--u));height:calc(26 * var(--u));font-size:calc(9 * var(--u));letter-spacing:.1em;color:#fff6;justify-content:space-between;align-items:center;font-weight:600;display:flex}.NotchDemo-module__f7GCRG__recentGrip{width:calc(24 * var(--u));height:calc(7 * var(--u));background:#ffffff40;border-radius:999px}.NotchDemo-module__f7GCRG__recent{gap:calc(6 * var(--u));margin-top:calc(6 * var(--u));overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__card,.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__fileTile,.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__newFolder{animation:.42s cubic-bezier(.3,1.3,.5,1) both NotchDemo-module__f7GCRG__arrive;animation-delay:calc(60ms + var(--i,0) * 28ms)}.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__settled .NotchDemo-module__f7GCRG__fileTile{animation:none}@keyframes NotchDemo-module__f7GCRG__arrive{0%{opacity:0;transform:translateY(calc(8 * var(--u))) scale(.96)}}.NotchDemo-module__f7GCRG__grid{max-height:calc(220 * var(--u));scrollbar-width:none;padding-bottom:calc(16 * var(--u));gap:calc(12 * var(--u));margin-top:calc(18 * var(--u));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow-y:auto}.NotchDemo-module__f7GCRG__grid::-webkit-scrollbar{display:none}.NotchDemo-module__f7GCRG__peekCard{right:calc(22 * var(--u));z-index:3;width:calc(190 * var(--u));padding:calc(8 * var(--u));border-radius:calc(14 * var(--u));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--product);font-size:calc(10 * var(--u));color:#fffc;background:#141416eb;border:1px solid #ffffff1f;animation:.26s cubic-bezier(.3,1.3,.5,1) NotchDemo-module__f7GCRG__glance;position:absolute;box-shadow:0 12px 40px #00000080}.NotchDemo-module__f7GCRG__peekCard img{aspect-ratio:4/3;object-fit:cover;border-radius:calc(8 * var(--u));width:100%;margin-bottom:calc(6 * var(--u));display:block}@keyframes NotchDemo-module__f7GCRG__glance{0%{opacity:0;transform:translateY(calc(-6 * var(--u))) scale(.96)}}.NotchDemo-module__f7GCRG__hint{-webkit-backdrop-filter:blur(14px);font-family:var(--product,var(--prose));letter-spacing:.01em;color:#ffffffdb;white-space:nowrap;pointer-events:none;transform-origin:100%;background:#060608d6;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 12px 7px 14px;font-size:12px;font-weight:500;transition:opacity .42s .38s,transform .62s cubic-bezier(.3,1.35,.5,1) .38s,filter .42s .38s;animation:.7s cubic-bezier(.2,.8,.2,1) 1.1s backwards NotchDemo-module__f7GCRG__hint-in;display:flex;position:absolute;top:50%;right:30px;translate:0 -50%;box-shadow:inset 0 0 0 .5px #ffffff24,0 8px 24px #00000047}.NotchDemo-module__f7GCRG__hintArrow{background:#ffffff1f;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.NotchDemo-module__f7GCRG__hintArrow svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px;animation:2.8s ease-in-out 2s infinite NotchDemo-module__f7GCRG__lean}.NotchDemo-module__f7GCRG__hintGone{opacity:0;filter:blur(4px);transition:opacity .16s,transform .22s ease-in,filter .16s;transform:translate(18px)scale(.9)}@keyframes NotchDemo-module__f7GCRG__hint-in{0%{opacity:0;filter:blur(4px);transform:translate(-12px)}}@keyframes NotchDemo-module__f7GCRG__lean{0%,60%,to{transform:none}75%{transform:translate(2.5px)}}@media (prefers-reduced-motion:reduce){.NotchDemo-module__f7GCRG__panel,.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__panel{transition-duration:0s!important;transition-delay:0s!important}.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__card,.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__fileTile,.NotchDemo-module__f7GCRG__open .NotchDemo-module__f7GCRG__newFolder,.NotchDemo-module__f7GCRG__peekCard,.NotchDemo-module__f7GCRG__hint,.NotchDemo-module__f7GCRG__hintArrow svg{animation:none}}.NotchDemo-module__f7GCRG__sym{background:currentColor;flex:none;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.NotchDemo-module__f7GCRG__roundOn{background:#fff3!important}button.NotchDemo-module__f7GCRG__round{cursor:pointer}button.NotchDemo-module__f7GCRG__round:hover{background:#ffffff29}.NotchDemo-module__f7GCRG__references{height:calc(100% - 38 * var(--u));flex-direction:column;display:flex}.NotchDemo-module__f7GCRG__chipsRow{align-items:center;gap:calc(6 * var(--u));margin-top:calc(6 * var(--u));height:calc(26 * var(--u));display:flex}.NotchDemo-module__f7GCRG__chip{align-items:center;gap:calc(5 * var(--u));height:calc(20 * var(--u));padding:0 calc(9 * var(--u));white-space:nowrap;border-radius:999px;display:inline-flex;font-size:calc(10 * var(--u))!important;color:#ffffffd9!important;background:#ffffff14!important;font-weight:500!important}.NotchDemo-module__f7GCRG__chipOn{color:#111!important;background:#f2f2f2!important}.NotchDemo-module__f7GCRG__chipCount{opacity:.5;font-weight:500}.NotchDemo-module__f7GCRG__chipRound{width:calc(20 * var(--u));justify-content:center;padding:0}.NotchDemo-module__f7GCRG__tools{align-items:center;gap:calc(10 * var(--u));margin-left:auto;display:flex}.NotchDemo-module__f7GCRG__picker{gap:calc(2 * var(--u));padding:calc(2 * var(--u));background:#ffffff0f;border-radius:999px;display:flex}.NotchDemo-module__f7GCRG__pick{width:calc(28 * var(--u));height:calc(20 * var(--u));color:#ffffff73;border-radius:999px;place-items:center;display:grid}.NotchDemo-module__f7GCRG__pick:hover{color:#ffffffbf}.NotchDemo-module__f7GCRG__pickOn{box-shadow:inset 0 0 0 .5px #ffffff24;color:#fffffff2!important;background:#ffffff29!important}.NotchDemo-module__f7GCRG__layoutGlyph{width:calc(15 * var(--u));height:calc(12 * var(--u));fill:currentColor!important;stroke:none!important}.NotchDemo-module__f7GCRG__slider{align-items:center;gap:calc(10 * var(--u));color:#ffffff8c;display:flex}.NotchDemo-module__f7GCRG__slider button:hover{color:#fff}.NotchDemo-module__f7GCRG__track{width:calc(110 * var(--u));height:calc(3 * var(--u));background:#ffffff24;border-radius:999px;position:relative}.NotchDemo-module__f7GCRG__stop{top:calc(8 * var(--u));left:calc(6 * var(--u) + (110 - 12) * var(--u) * var(--at));width:calc(3 * var(--u));height:calc(3 * var(--u));margin-left:calc(-1.5 * var(--u));background:#ffffff4d;border-radius:50%;position:absolute}.NotchDemo-module__f7GCRG__knob{top:50%;left:calc(6 * var(--u) + (110 - 12) * var(--u) * var(--at));width:calc(12 * var(--u));height:calc(12 * var(--u));background:#f2f2f2;border-radius:50%;transition:left .26s cubic-bezier(.3,1.3,.5,1);position:absolute;translate:-50% -50%;box-shadow:0 1px 3px #00000080}.NotchDemo-module__f7GCRG__refGrid{scrollbar-width:none;min-height:0;margin-top:calc(10 * var(--u));padding-bottom:calc((16 + 38) * var(--u));-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 38 * var(--u)), #000000f4 calc(100% - 33.25 * var(--u)), #000000d7 calc(100% - 28.5 * var(--u)), #000000ae calc(100% - 23.75 * var(--u)), #00000080 calc(100% - 19 * var(--u)), #00000051 calc(100% - 14.25 * var(--u)), #00000028 calc(100% - 9.5 * var(--u)), #0000000b calc(100% - 4.75 * var(--u)), #0000 calc(100% - 0 * var(--u)));mask-image:linear-gradient(to bottom, #000 calc(100% - 38 * var(--u)), #000000f4 calc(100% - 33.25 * var(--u)), #000000d7 calc(100% - 28.5 * var(--u)), #000000ae calc(100% - 23.75 * var(--u)), #00000080 calc(100% - 19 * var(--u)), #00000051 calc(100% - 14.25 * var(--u)), #00000028 calc(100% - 9.5 * var(--u)), #0000000b calc(100% - 4.75 * var(--u)), #0000 calc(100% - 0 * var(--u)));grid-template-columns:repeat(var(--cols), minmax(0, 1fr));--tile:calc((816 * var(--u) - (var(--cols) - 1) * 10 * var(--u)) / var(--cols));grid-auto-rows:calc(var(--tile) * var(--shape,.75));gap:calc(10 * var(--u));flex:1;align-content:start;display:grid;overflow-y:auto}.NotchDemo-module__f7GCRG__refGrid::-webkit-scrollbar{display:none}.NotchDemo-module__f7GCRG__masonry{align-items:flex-start;gap:calc(10 * var(--u));display:flex}.NotchDemo-module__f7GCRG__column{gap:calc(10 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.NotchDemo-module__f7GCRG__rows,.NotchDemo-module__f7GCRG__bento{gap:calc(10 * var(--u));flex-direction:column;display:flex}.NotchDemo-module__f7GCRG__band{flex:none;width:100%;position:relative}.NotchDemo-module__f7GCRG__band>.NotchDemo-module__f7GCRG__ref{position:absolute}.NotchDemo-module__f7GCRG__format{top:calc(7 * var(--u));right:calc(7 * var(--u));padding:calc(2 * var(--u)) calc(6 * var(--u));font-size:calc(8 * var(--u));letter-spacing:.04em;color:#fff;background:#000000a8;border-radius:999px;font-weight:700;position:absolute}.NotchDemo-module__f7GCRG__empty{align-items:center;gap:calc(8 * var(--u));margin:calc(40 * var(--u)) 0 0;font-size:calc(12 * var(--u));color:#ffffff73;flex-direction:column;grid-column:1/-1;display:flex}.NotchDemo-module__f7GCRG__peekCard img{max-height:calc(240 * var(--u));object-fit:contain;background:#000}.NotchDemo-module__f7GCRG__fileTile{border-radius:calc(var(--corner,9) * var(--u));text-align:center;cursor:default;min-width:0;display:block;position:relative}.NotchDemo-module__f7GCRG__picture{border-radius:inherit;outline-offset:-.75px;background:#111;outline:.75px solid #ffffff1f;display:block;position:relative;overflow:hidden}.NotchDemo-module__f7GCRG__picture img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .22s cubic-bezier(.3,1.3,.5,1);display:block}.NotchDemo-module__f7GCRG__fileTile:hover .NotchDemo-module__f7GCRG__picture img{transform:scale(1.06)}.NotchDemo-module__f7GCRG__fileTile:hover .NotchDemo-module__f7GCRG__picture{outline-color:#fff6}.NotchDemo-module__f7GCRG__fileTile:focus-visible .NotchDemo-module__f7GCRG__picture{outline:2px solid var(--iris)}.NotchDemo-module__f7GCRG__selected .NotchDemo-module__f7GCRG__picture{outline:1.5px solid #ffffffe6!important}.NotchDemo-module__f7GCRG__thumb{width:var(--side);flex:none}.NotchDemo-module__f7GCRG__thumb .NotchDemo-module__f7GCRG__picture{width:var(--side);height:var(--side)}.NotchDemo-module__f7GCRG__tile{--corner:9}.NotchDemo-module__f7GCRG__tile .NotchDemo-module__f7GCRG__picture{aspect-ratio:1}.NotchDemo-module__f7GCRG__ref{--corner:10;width:100%;height:100%}.NotchDemo-module__f7GCRG__ref .NotchDemo-module__f7GCRG__picture{width:100%;height:100%}.NotchDemo-module__f7GCRG__masonry .NotchDemo-module__f7GCRG__ref{height:auto}.NotchDemo-module__f7GCRG__masonry .NotchDemo-module__f7GCRG__ref .NotchDemo-module__f7GCRG__picture{aspect-ratio:var(--ratio);height:auto}.NotchDemo-module__f7GCRG__tileName{margin-top:calc(6 * var(--u));font-size:calc(9 * var(--u));color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.NotchDemo-module__f7GCRG__badges{top:calc(4 * var(--u));left:calc(4 * var(--u));gap:calc(3 * var(--u));opacity:0;transform-origin:0 0;flex-direction:column;transition:opacity .12s,transform .16s cubic-bezier(.3,1.3,.5,1);display:flex;position:absolute;transform:scale(.5)}.NotchDemo-module__f7GCRG__fileTile:hover .NotchDemo-module__f7GCRG__badges{opacity:1;transform:none}.NotchDemo-module__f7GCRG__badges{z-index:2}.NotchDemo-module__f7GCRG__thumb .NotchDemo-module__f7GCRG__badges{top:calc(var(--badge-inset) * var(--u));left:calc(var(--badge-inset) * var(--u));gap:calc(var(--badge-gap) * var(--u))}.NotchDemo-module__f7GCRG__thumb .NotchDemo-module__f7GCRG__badge_{width:calc(var(--badge) * var(--u));height:calc(var(--badge) * var(--u))}.NotchDemo-module__f7GCRG__thumb .NotchDemo-module__f7GCRG__format{bottom:calc(var(--badge-inset) * var(--u));right:calc(var(--badge-inset) * var(--u));font-size:calc(var(--format) * var(--u));padding:calc(var(--format) * .18 * var(--u)) calc(var(--format) * .5 * var(--u))}.NotchDemo-module__f7GCRG__thumbBig .NotchDemo-module__f7GCRG__format{opacity:1}.NotchDemo-module__f7GCRG__thumb:not(.NotchDemo-module__f7GCRG__thumbBig) .NotchDemo-module__f7GCRG__format{display:none}.NotchDemo-module__f7GCRG__badge_{width:calc(15 * var(--u));height:calc(15 * var(--u));color:#fff;cursor:pointer;background:#000000b3;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 .5px #ffffff4d}.NotchDemo-module__f7GCRG__badgeTrash:hover{box-shadow:none;background:#e5484d}.NotchDemo-module__f7GCRG__badgeCopy:hover{box-shadow:none;background:#2a7df0}.NotchDemo-module__f7GCRG__fileTile .NotchDemo-module__f7GCRG__format{top:auto;bottom:calc(5 * var(--u));right:calc(5 * var(--u));font-size:calc(6.5 * var(--u));padding:calc(1.5 * var(--u)) calc(4 * var(--u));opacity:0;transition:opacity .12s}.NotchDemo-module__f7GCRG__fileTile:hover .NotchDemo-module__f7GCRG__format,.NotchDemo-module__f7GCRG__ref .NotchDemo-module__f7GCRG__format{opacity:1}.NotchDemo-module__f7GCRG__ref .NotchDemo-module__f7GCRG__format{top:calc(7 * var(--u));bottom:auto;right:calc(7 * var(--u));font-size:calc(7.5 * var(--u))}.NotchDemo-module__f7GCRG__tile .NotchDemo-module__f7GCRG__format{bottom:calc(21 * var(--u))}.NotchDemo-module__f7GCRG__vanish{animation:.23s ease-in forwards NotchDemo-module__f7GCRG__vanish!important}@keyframes NotchDemo-module__f7GCRG__vanish{to{opacity:0;filter:blur(4px);transform:scale(.6)}}.NotchDemo-module__f7GCRG__recentEmpty{font-size:calc(10 * var(--u));color:#fff6;align-self:center}.NotchDemo-module__f7GCRG__toast,.NotchDemo-module__f7GCRG__selectionBar{align-items:center;gap:calc(6 * var(--u));min-width:0;max-width:calc(330 * var(--u));height:calc(22 * var(--u));padding:0 calc(4 * var(--u)) 0 calc(10 * var(--u));font-size:calc(11 * var(--u));color:#ffffffe6;background:#ffffff1a;border-radius:999px;font-weight:500;animation:.24s cubic-bezier(.3,1.3,.5,1) NotchDemo-module__f7GCRG__toastIn;display:inline-flex}@keyframes NotchDemo-module__f7GCRG__toastIn{0%{opacity:0;transform:translateY(calc(-4 * var(--u)))}}.NotchDemo-module__f7GCRG__toastText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.NotchDemo-module__f7GCRG__toast button,.NotchDemo-module__f7GCRG__selectionBar button{height:calc(16 * var(--u));padding:0 calc(7 * var(--u));border-radius:999px;place-items:center;display:grid;font-size:calc(10 * var(--u))!important;background:#ffffff29!important;font-weight:600!important}.NotchDemo-module__f7GCRG__toast button:hover,.NotchDemo-module__f7GCRG__selectionBar button:hover{background:#ffffff47!important}.NotchDemo-module__f7GCRG__toast:not(:has(button)){padding-right:calc(10 * var(--u))}.NotchDemo-module__f7GCRG__search input{color:#fff;min-width:0;font:inherit;font-size:calc(11 * var(--u));background:0 0;border:0;outline:0;flex:1}.NotchDemo-module__f7GCRG__search input::placeholder{color:#ffffffd9}.NotchDemo-module__f7GCRG__search:focus-within{box-shadow:inset 0 0 0 1px #ffffff40}.NotchDemo-module__f7GCRG__search button{color:#ffffff80;place-items:center;display:grid}.NotchDemo-module__f7GCRG__grip{cursor:grab}.NotchDemo-module__f7GCRG__grip:active{cursor:grabbing}.NotchDemo-module__f7GCRG__quickSave{margin-left:calc(-3 * var(--u));position:relative}.NotchDemo-module__f7GCRG__quickSave>.NotchDemo-module__f7GCRG__round{margin-left:0}.NotchDemo-module__f7GCRG__choices{top:calc(26 * var(--u));z-index:5;min-width:calc(170 * var(--u));padding:calc(5 * var(--u));border-radius:calc(11 * var(--u));background:#141416;flex-direction:column;gap:1px;animation:.18s ease-out NotchDemo-module__f7GCRG__toastIn;display:flex;position:absolute;right:0;box-shadow:0 6px 28px #0000008c,inset 0 0 0 1px #ffffff1a}.NotchDemo-module__f7GCRG__choicesLabel{padding:calc(5 * var(--u)) calc(8 * var(--u)) calc(3 * var(--u));font-size:calc(8.5 * var(--u));letter-spacing:.08em;color:#fff6;font-weight:700}.NotchDemo-module__f7GCRG__choice{align-items:center;gap:calc(8 * var(--u));height:calc(24 * var(--u));border-radius:calc(6 * var(--u));text-align:left;color:#ffffffe6;padding:0 calc(8 * var(--u))!important;font-size:calc(11 * var(--u))!important;display:flex!important}.NotchDemo-module__f7GCRG__choice>span:nth-child(2){white-space:nowrap;flex:1}.NotchDemo-module__f7GCRG__choice:hover{background:#ffffff1a!important}.NotchDemo-module__f7GCRG__choicesRule{height:1px;margin:calc(3 * var(--u)) calc(6 * var(--u));background:#ffffff14}.NotchDemo-module__f7GCRG__card{transition:transform .26s cubic-bezier(.3,1.3,.5,1)}.NotchDemo-module__f7GCRG__carried{z-index:2;filter:drop-shadow(0 8px 18px #0009);transition:none}.NotchDemo-module__f7GCRG__cardButton{text-align:left;display:block;position:absolute;inset:0}.NotchDemo-module__f7GCRG__cardButton:focus-visible{outline:2px solid var(--iris);outline-offset:2px;border-radius:10px}.NotchDemo-module__f7GCRG__cardGrip{right:calc(8.16 * var(--u));bottom:calc((8.16 + 19.2 + 5) * var(--u));z-index:2;width:calc(19.2 * var(--u));height:calc(13 * var(--u));--dot:#ffffff8c;background:radial-gradient(circle, var(--dot) calc(1.1 * var(--u)), transparent calc(1.2 * var(--u))) center / calc(4.7 * var(--u)) calc(4.7 * var(--u)) space, #00000038;padding:calc(2 * var(--u)) calc(4 * var(--u));cursor:grab;background-clip:content-box,border-box;border-radius:999px;animation:.15s ease-out NotchDemo-module__f7GCRG__toastIn;position:absolute}.NotchDemo-module__f7GCRG__cardGripDark{--dot:#0000008c;background-color:#ffffff38}.NotchDemo-module__f7GCRG__carried .NotchDemo-module__f7GCRG__cardGrip{--dot:#fffffff2;cursor:grabbing}.NotchDemo-module__f7GCRG__dropTarget{transform-origin:bottom;transform:scale(1.06)}.NotchDemo-module__f7GCRG__solidFront:before{background:linear-gradient(#0e0e10f0,#0a0a0cfa)!important}.NotchDemo-module__f7GCRG__lightCard .NotchDemo-module__f7GCRG__solidFront:before{background:linear-gradient(#fafafaf0,#f0f0f0fa)!important}.NotchDemo-module__f7GCRG__newFolder{cursor:pointer}.NotchDemo-module__f7GCRG__newFolder:hover{color:#ffffffe6}.NotchDemo-module__f7GCRG__newFolder:hover .NotchDemo-module__f7GCRG__newOutline{stroke:#ffffff80!important;fill:#ffffff0f!important}.NotchDemo-module__f7GCRG__dropHint{left:50%;bottom:calc(-22 * var(--u));z-index:3;padding:calc(3 * var(--u)) calc(9 * var(--u));color:#111;font-size:calc(9.5 * var(--u));white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;font-weight:600;position:absolute;translate:-50%}.NotchDemo-module__f7GCRG__references>.NotchDemo-module__f7GCRG__dropHint{bottom:calc(20 * var(--u))}.NotchDemo-module__f7GCRG__gridTarget{border-radius:calc(12 * var(--u));box-shadow:inset 0 0 0 2px #ffffff80}.NotchDemo-module__f7GCRG__recentGrip{cursor:ns-resize;touch-action:none;justify-content:flex-end;align-items:center;display:flex;width:calc(80 * var(--u))!important;height:calc(22 * var(--u))!important;background:0 0!important}.NotchDemo-module__f7GCRG__gripTrack{background:#ffffff3d;border-radius:999px;transition:width .38s cubic-bezier(.3,1.35,.5,1),height .3s cubic-bezier(.3,1.4,.5,1),background .2s,transform .3s cubic-bezier(.3,1.5,.5,1);display:block;position:relative}.NotchDemo-module__f7GCRG__gripActive{background:#ffffff21}.NotchDemo-module__f7GCRG__gripTravelled{opacity:0;background:linear-gradient(90deg,#ffffff2e,#ffffffd9);border-radius:999px;transition:opacity .2s,width .3s cubic-bezier(.3,1.3,.5,1);position:absolute;top:0;bottom:0;left:0}.NotchDemo-module__f7GCRG__gripStop{width:calc(2.5 * var(--u));height:calc(2.5 * var(--u));margin-top:calc(-1.25 * var(--u));opacity:0;border-radius:50%;transition:opacity .2s,background .16s,left .3s cubic-bezier(.3,1.3,.5,1);position:absolute;top:50%}.NotchDemo-module__f7GCRG__gripKnob{opacity:0;background:#fff;border-radius:50%;margin-block:auto;transition:opacity .2s,transform .38s cubic-bezier(.3,1.4,.5,1),left .3s cubic-bezier(.3,1.3,.5,1),width .3s,height .3s,box-shadow .3s;position:absolute;top:0;bottom:0;transform:scale(.3)}.NotchDemo-module__f7GCRG__gripActive .NotchDemo-module__f7GCRG__gripTravelled,.NotchDemo-module__f7GCRG__gripActive .NotchDemo-module__f7GCRG__gripStop{opacity:1}.NotchDemo-module__f7GCRG__gripActive .NotchDemo-module__f7GCRG__gripKnob{opacity:1;transform:none}.NotchDemo-module__f7GCRG__recent{min-height:var(--side);align-items:flex-start}.NotchDemo-module__f7GCRG__recent::-webkit-scrollbar{display:none}.NotchDemo-module__f7GCRG__chip{padding:0 calc(8 * var(--u))}.NotchDemo-module__f7GCRG__chipRound{padding:0}.NotchDemo-module__f7GCRG__chipName{align-items:center;gap:calc(5 * var(--u));height:100%;display:inline-flex;font-size:inherit!important;font-weight:inherit!important}.NotchDemo-module__f7GCRG__chipPin{width:0;height:calc(16 * var(--u));margin-left:calc(-3 * var(--u));opacity:0;border-radius:50%;place-items:center;transition:opacity .12s,width .16s,margin .16s;display:grid;overflow:hidden}.NotchDemo-module__f7GCRG__chip:hover .NotchDemo-module__f7GCRG__chipPin{width:calc(16 * var(--u));opacity:.6;margin-left:0}.NotchDemo-module__f7GCRG__chipPin:hover{opacity:1!important;background:#7f7f7f33!important}.NotchDemo-module__f7GCRG__chipPinOn{width:calc(16 * var(--u));margin-left:0;opacity:1!important}.NotchDemo-module__f7GCRG__chipField{width:calc(120 * var(--u));padding:0 calc(9 * var(--u));border:0;outline:0;box-shadow:inset 0 0 0 1px #ffffff4d}.NotchDemo-module__f7GCRG__chipField::placeholder{color:#fff6}.NotchDemo-module__f7GCRG__refGrid{position:relative}.NotchDemo-module__f7GCRG__editor{height:calc(100% - 38 * var(--u));padding-bottom:calc(16 * var(--u));flex-direction:column;display:flex}.NotchDemo-module__f7GCRG__editorChoices{align-items:center;gap:calc(28 * var(--u));padding-left:calc(8 * var(--u));flex:1;display:flex}.NotchDemo-module__f7GCRG__editorCard{width:calc(170 * var(--u));height:calc(134 * var(--u));animation:none!important}.NotchDemo-module__f7GCRG__editorCard .NotchDemo-module__f7GCRG__back_{border-radius:0}.NotchDemo-module__f7GCRG__editorFields{gap:calc(10 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.NotchDemo-module__f7GCRG__segment{padding:calc(2 * var(--u));border-radius:calc(8 * var(--u));background:#ffffff14;align-self:flex-start;display:inline-flex}.NotchDemo-module__f7GCRG__segment button{height:calc(20 * var(--u));border-radius:calc(6 * var(--u));padding:0 calc(12 * var(--u))!important;font-size:calc(11 * var(--u))!important;color:#ffffffb3!important;font-weight:500!important}.NotchDemo-module__f7GCRG__segment .NotchDemo-module__f7GCRG__segmentOn{color:#fff!important;background:#fff3!important}.NotchDemo-module__f7GCRG__editorNote{font-size:calc(10 * var(--u));color:#ffffff8c;margin:0;line-height:1.35}.NotchDemo-module__f7GCRG__editorName{height:calc(32 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(9 * var(--u));color:#fff;font:inherit;font-size:calc(15 * var(--u));background:#ffffff14;border:0;outline:0;font-weight:600}.NotchDemo-module__f7GCRG__editorName::placeholder{color:#ffffff59}.NotchDemo-module__f7GCRG__editorName:focus{box-shadow:inset 0 0 0 1px #ffffff40}.NotchDemo-module__f7GCRG__swatches{gap:calc(6 * var(--u));flex-wrap:wrap;display:flex}.NotchDemo-module__f7GCRG__swatches button{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;transition:transform .14s;box-shadow:inset 0 0 0 1px #ffffff26;background-position:50%!important;background-size:cover!important}.NotchDemo-module__f7GCRG__swatches button:hover{transform:scale(1.1)}.NotchDemo-module__f7GCRG__swatches .NotchDemo-module__f7GCRG__swatchOn{box-shadow:0 0 0 2px #000,0 0 0 3.5px #fff}.NotchDemo-module__f7GCRG__editorButtons{justify-content:flex-end;gap:calc(8 * var(--u));padding-right:calc(4 * var(--u));display:flex}.NotchDemo-module__f7GCRG__pill{height:calc(26 * var(--u));border-radius:999px;padding:0 calc(14 * var(--u))!important;font-size:calc(11.5 * var(--u))!important;background:#ffffff1a!important;font-weight:600!important}.NotchDemo-module__f7GCRG__pill:hover{background:#ffffff2e!important}.NotchDemo-module__f7GCRG__pillProminent{color:#111!important;background:#fff!important}.NotchDemo-module__f7GCRG__pillProminent:hover{background:#fff!important}.NotchDemo-module__f7GCRG__pillProminent:disabled{opacity:.4;cursor:default}.NotchDemo-module__f7GCRG__peekCard{right:calc(22 * var(--u));gap:calc(2 * var(--u));flex-direction:column;display:flex}.NotchDemo-module__f7GCRG__peekName{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.NotchDemo-module__f7GCRG__peekHint{font-size:calc(8.5 * var(--u));color:#ffffff73}.NotchDemo-module__f7GCRG__trashZone{right:calc(18 * var(--u));bottom:calc(16 * var(--u));z-index:6;align-items:center;gap:calc(4 * var(--u));width:calc(78 * var(--u));padding:calc(12 * var(--u)) 0 calc(8 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(9.5 * var(--u));color:#fffc;background:#1e1e22f0;flex-direction:column;font-weight:600;animation:.36s cubic-bezier(.3,1.5,.5,1) NotchDemo-module__f7GCRG__rise;display:flex;position:absolute;box-shadow:0 8px 24px #00000080,inset 0 0 0 1px #ffffff1f}.NotchDemo-module__f7GCRG__trashOver{color:#fff;background:#e5484d;transition:transform .16s,background .16s;transform:scale(1.08)}@keyframes NotchDemo-module__f7GCRG__rise{0%{opacity:0;transform:translateY(calc(24 * var(--u))) scale(.85)}}.NotchDemo-module__f7GCRG__preview{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:var(--product);color:#fff;background:#000000db;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:48px 48px 32px;animation:.2s ease-out NotchDemo-module__f7GCRG__previewIn;display:flex;position:fixed;inset:0}@keyframes NotchDemo-module__f7GCRG__previewIn{0%{opacity:0}}.NotchDemo-module__f7GCRG__preview>img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(100% - 70px);animation:.32s cubic-bezier(.3,1.3,.5,1) NotchDemo-module__f7GCRG__arrive;box-shadow:0 24px 80px #0009}.NotchDemo-module__f7GCRG__previewBar{background:#ffffff14;border-radius:999px;align-items:center;gap:16px;max-width:100%;padding:8px 8px 8px 18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.NotchDemo-module__f7GCRG__previewName{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:13px;font-weight:600;overflow:hidden}.NotchDemo-module__f7GCRG__previewMeta{color:#ffffff80;white-space:nowrap;font-size:12px}.NotchDemo-module__f7GCRG__previewActions{gap:4px;display:flex}.NotchDemo-module__f7GCRG__previewActions button{--u:1px;color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.NotchDemo-module__f7GCRG__previewActions button:hover{background:#fff3}.NotchDemo-module__f7GCRG__preview{--u:1px}.NotchDemo-module__f7GCRG__copyCard{z-index:110;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--product);color:#fff;pointer-events:none;background:#141416f0;border-radius:12px;align-items:center;gap:9px;padding:6px 12px 6px 6px;animation:.2s cubic-bezier(.3,1.3,.5,1) NotchDemo-module__f7GCRG__toastIn;display:flex;position:fixed;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff1f}.NotchDemo-module__f7GCRG__copyCard img{object-fit:cover;border-radius:7px;width:34px;height:34px}.NotchDemo-module__f7GCRG__copyCard span{flex-direction:column;display:flex}.NotchDemo-module__f7GCRG__copyCard b{font-size:12px;font-weight:600}.NotchDemo-module__f7GCRG__copyCard small{color:#ffffff8c;font-size:10.5px}.NotchDemo-module__f7GCRG__chipsScroll{align-items:center;gap:calc(6 * var(--u));scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 94%,#0000);mask-image:linear-gradient(90deg,#000 94%,#0000)}.NotchDemo-module__f7GCRG__chipsScroll::-webkit-scrollbar{display:none}.NotchDemo-module__f7GCRG__chip{flex:none}.NotchDemo-module__f7GCRG__tools{padding-left:calc(8 * var(--u));flex:none}.NotchDemo-module__f7GCRG__folderCard{display:block;position:relative}.NotchDemo-module__f7GCRG__folderArt{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.NotchDemo-module__f7GCRG__panel svg.NotchDemo-module__f7GCRG__folderArt{stroke:none}.NotchDemo-module__f7GCRG__sheet{transition:transform .4s cubic-bezier(.3,1.35,.5,1)}.NotchDemo-module__f7GCRG__lid{transform:perspective(200px) rotateX(var(--lid));transition:transform .4s cubic-bezier(.3,1.35,.5,1)}.NotchDemo-module__f7GCRG__folderLabels{gap:calc(4 * var(--u));pointer-events:none;flex-direction:column;min-width:0;display:flex;position:absolute}.NotchDemo-module__f7GCRG__folderLabels>.NotchDemo-module__f7GCRG__folderName{font-size:calc(11 * var(--u))}.NotchDemo-module__f7GCRG__folderMetaLine{font-size:calc(8.5 * var(--u));height:calc(18 * var(--u));line-height:calc(18 * var(--u));margin-top:calc(-4 * var(--u));display:block}.NotchDemo-module__f7GCRG__folderName{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.NotchDemo-module__f7GCRG__folderMeta{font-variant-numeric:tabular-nums;opacity:.5;white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.NotchDemo-module__f7GCRG__folderBadge{place-items:center;transition:transform .3s cubic-bezier(.3,1.4,.5,1),background .15s;display:grid;position:absolute}.NotchDemo-module__f7GCRG__card:hover .NotchDemo-module__f7GCRG__folderBadge{transform:scale(1.1)}.NotchDemo-module__f7GCRG__badge-dark{color:#fff;background:linear-gradient(#2a2a2a,#000);border-radius:30%;box-shadow:inset 0 0 0 .75px #ffffff2e}.NotchDemo-module__f7GCRG__badge-light{color:#fffffff2;background:#ffffff29;border-radius:50%;box-shadow:inset 0 0 0 .75px #ffffff4d}.NotchDemo-module__f7GCRG__card:hover .NotchDemo-module__f7GCRG__badge-light{background:#ffffff47}.NotchDemo-module__f7GCRG__badge-soft{color:#111111d9;background:#0000000f;border-radius:50%;box-shadow:inset 0 0 0 .75px #00000024}.NotchDemo-module__f7GCRG__card:hover .NotchDemo-module__f7GCRG__badge-soft{background:#0000001f}.NotchDemo-module__f7GCRG__editorCard{flex:none;display:block}