.create-area-topbar[data-v-2f435cec]{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;transition:all .3s ease;width:100%}.create-area-topbar--sticky[data-v-2f435cec]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-bg-base,hsla(0,0%,100%,.95));border-bottom:1px solid var(--color-border-subtle,rgba(0,0,0,.05));box-shadow:0 2px 8px #00000014;left:0;padding:6px 24px 1px;position:fixed;right:0;top:0;width:calc(100% - 48px);z-index:102}@media screen and (max-width:768px){.create-area-topbar--sticky[data-v-2f435cec]{background:transparent;border-bottom:none;box-shadow:none;padding:0;position:relative;width:100%;z-index:auto}}.create-area-filter-options-wrapper[data-v-2f435cec]{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px;max-width:none}.create-area-filter-options-wrapper--creation[data-v-2f435cec]{max-width:none}.create-area-filter-options-wrapper .filter-option-btn[data-v-2f435cec]:hover{background:var(--color-bg-dark-quaternary)!important;color:var(--color-text-dynamic-white-primary)}.create-area-filter-options-wrapper .filter-option-btn[data-v-2f435cec]:active{background:var(--color-bg-dark-tertiary)!important;color:var(--color-text-dynamic-white-primary)}.create-area-filter-options-wrapper .filter-option-active[data-v-2f435cec]{background:var(--color-bg-dark-tertiary,rgba(206,232,245,.078))!important;color:var(--color-text-dynamic-white-primary);font-weight:700}.filter-container[data-v-2f435cec]{flex-shrink:0}.filter-options-wrapper[data-v-2f435cec]{align-items:stretch;background:var(--color-foreground-normalcy-color-tertiary);border-radius:8px;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin:auto;padding:4px;width:100%;z-index:101}.additional-levitate-space[data-v-2f435cec]{z-index:101}.filter-options-wrapper .filter-option-btn[data-v-2f435cec]{align-items:center;border-radius:6px;color:var(--color-text-dynamic-white-tertiary);display:flex;font-size:14px;gap:8px;justify-content:center;line-height:20px;text-align:center}.filter-options-wrapper .filter-option-btn[data-v-2f435cec]:hover{background:var(--color-bg-dark-quaternary)!important;color:var(--color-text-dynamic-white-primary)}.filter-options-wrapper .filter-option-btn[data-v-2f435cec]:active{background:var(--color-bg-dark-tertiary)!important;color:var(--color-text-dynamic-white-primary)}.filter-options-wrapper .filter-option-active[data-v-2f435cec]{background:var(--color-bg-dark-tertiary,rgba(206,232,245,.078))!important;color:var(--color-text-dynamic-white-primary);font-weight:700}.is-sticky[data-v-2f435cec]{left:0;margin:0 8px;margin-top:0!important;position:fixed;right:0;transition:top .2s;z-index:101}.filter-option-btn[data-v-2f435cec]{border-radius:4px;color:var(--color-text-dynamic-white-tertiary);cursor:pointer;font-size:14px;font-weight:400;line-height:22px;padding:4px;position:relative;white-space:nowrap}.filter-option-btn[data-v-2f435cec]:hover{background-color:var(--color-foreground-normalcy-tertiary);font-weight:400}.filter-option-btn.filter-option-active[data-v-2f435cec]{background-color:var(--color-foreground-normalcy-tertiary);color:var(--color-text-dynamic-white-secondary,hsla(0,0%,100%,.878));font-weight:700}.filter-option-btn.filter-option-btn-dark[data-v-2f435cec]:hover{background-color:var(--color-foreground-static-white-octonary);font-weight:400}.filter-option-btn.filter-option-active[data-v-2f435cec]:hover{background-color:var(--color-foreground-normalcy-tertiary)!important;color:var(--color-text-dynamic-white-primary);font-weight:700}.filter-option-btn.filter-option-active-black[data-v-2f435cec]{background-color:var(--color-foreground-static-white-octonary)!important;color:var(--color-text-dynamic-white-secondary,hsla(0,0%,100%,.878));font-weight:700}.filter-option-btn.filter-option-active-black[data-v-2f435cec]:hover{background-color:var(--color-foreground-static-white-octonary)!important;color:var(--color-text-dynamic-white-primary);font-weight:700}.filter-tab-btn[data-v-2f435cec]{border-radius:4px;color:var(--color-text-dynamic-white-tertiary,hsla(0,0%,100%,.561));cursor:pointer;font-size:14px;line-height:22px;padding:6px 16px}.filter-tab-active[data-v-2f435cec]{background:var(--color-foreground-normalcy-color-tertiary);color:var(--color-text-dynamic-white-primary);font-weight:700}.filter-tab-active-black[data-v-2f435cec]{background:var(--color-foreground-static-white-octonary)}@media screen and (max-width:768px){.create-area-topbar[data-v-2f435cec]{flex-direction:column;gap:0}.create-area-filter-options-wrapper[data-v-2f435cec]{background:var(--color-foreground-normalcy-color-tertiary,rgba(29,78,143,.078));border-radius:8px;padding:4px;width:100%}.filter-container[data-v-2f435cec]{background:var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.078));border-radius:8px;width:100%}.filter-tab-btn[data-v-2f435cec]{flex:1;font-size:12px;text-align:center}.filter-tab-active[data-v-2f435cec]{background:var(--color-bg-dark-tertiary,rgba(206,232,245,.078));color:var(--color-text-dynamic-white-secondary,hsla(0,0%,100%,.878));font-weight:700}.filter-options-wrapper[data-v-2f435cec]{padding:8px 12px}}.task-list-filter-popover .xmi-tooltip-content__inner{padding:6px 8px}.task-gallery[data-v-1252e299]{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.zone-grid[data-v-1252e299]{align-content:start;min-height:100%}.zone-grid--pc[data-v-1252e299]{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(426px,1fr));padding:12px 24px 80px}.zone-grid--mobile[data-v-1252e299]{display:grid;gap:12px;grid-template-columns:1fr;padding:12px 0}.zone-card-skeleton[data-v-1252e299]{animation:pulse-1252e299 1.5s ease-in-out infinite;background:var(--color-foreground-normalcy-color-tertiary);border-radius:4px;height:183px}@keyframes pulse-1252e299{0%,to{opacity:1}50%{opacity:.5}}.zone-card[data-v-1252e299]{overflow:visible}.zone-sample[data-v-1252e299]{transition:transform .6s ease}.gallery-back-header[data-v-1252e299]{background:var(--color-background-base)}