.buff-strip{box-sizing:border-box;min-width:0;height:100%;min-height:0;color:var(--pip-text,var(--text-strong));border:.0625rem solid color-mix(in srgb,var(--pip-border,var(--border)) 65%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--pip-text,var(--text-strong)) 3%,transparent),transparent) var(--buff-rail-surface,transparent);border-radius:.625rem;flex-direction:column;padding:.25rem;font-family:inherit;display:flex;overflow:hidden;box-shadow:inset 0 .0625rem .1875rem #00000008}.buff-strip-editable{height:auto;overflow:visible}.buff-items{box-sizing:border-box;align-content:flex-start;align-items:center;gap:var(--buff-gap,.5rem);scrollbar-width:none;overscroll-behavior:contain;flex-wrap:wrap;flex-shrink:1;min-height:0;margin-block:auto;padding:.25rem;display:flex;overflow:hidden auto}.buff-items::-webkit-scrollbar{width:0;height:0;display:none}.buff-strip-editable .buff-items{overflow:visible}.buff-item{box-sizing:border-box;flex:0 0 var(--buff-icon,2rem);width:var(--buff-icon,2rem);height:var(--buff-icon,2rem);color:inherit;font:inherit;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:0 0;border:0;border-radius:.25rem;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.buff-icon-wrap{width:var(--buff-icon,2rem);height:var(--buff-icon,2rem);border-radius:clamp(.1875rem,calc(var(--buff-icon,2.25rem) * .14),.3125rem);isolation:isolate;pointer-events:none;flex:none;display:block;position:relative;overflow:visible;transition:filter .18s!important}.buff-icon-wrap:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 .0625rem #70829461;transition:box-shadow .18s!important}.buff-icon{border-radius:inherit;object-fit:contain;pointer-events:none;opacity:1;filter:none;image-rendering:auto;width:100%;height:100%;display:block;transition:opacity .18s,filter .18s!important}.buff-time{z-index:2;box-sizing:border-box;padding:0 var(--buff-time-padding);min-width:calc(2ch + 2 * var(--buff-time-padding));width:max-content;height:var(--buff-time-height);line-height:var(--buff-time-height);border-radius:var(--buff-time-radius);text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--buff-time-font);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;background:#111923e6;margin:0;font-weight:700;display:block;position:absolute;bottom:.0625rem;left:50%;transform:translate(-50%);transition:background-color .18s,color .18s!important}.buff-icon-near .buff-time{color:#422408;background:#f4b13b}.buff-status-mark{z-index:3;box-sizing:border-box;width:var(--buff-mark-size);height:var(--buff-mark-size);background:#25313e;border-radius:50%;position:absolute;top:.125rem;right:.125rem;box-shadow:0 0 0 .0625rem #ffffff8c}.buff-status-unrecognized{color:#fff;background:#c93e4b}.buff-status-active{color:#e4fff7;background:#13695e}.buff-status-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.buff-icon-unrecognized .buff-icon,.buff-icon-paused .buff-icon{opacity:.6;filter:grayscale()}.buff-icon-disabled .buff-icon{opacity:.5;filter:grayscale()}.buff-icon-near .buff-icon{animation:1.2s ease-in-out infinite buff-expiring!important}@keyframes buff-expiring{0%,to{opacity:1}50%{opacity:.45}}.buff-strip .buff-mark-enter-active,.buff-strip .buff-mark-leave-active,.buff-strip .buff-time-enter-active,.buff-strip .buff-time-leave-active{transition:opacity .18s!important}.buff-strip .buff-mark-enter-from,.buff-strip .buff-mark-leave-to,.buff-strip .buff-time-enter-from,.buff-strip .buff-time-leave-to{opacity:0}.buff-rail-content{align-items:center;width:100%;min-width:0;min-height:0;margin-block:auto;display:flex}.buff-rail-content>.buff-items{flex:1;min-width:0}@media (prefers-reduced-motion:reduce){.buff-icon-wrap,.buff-icon-wrap *,.buff-strip *,.buff-strip :before,.buff-strip :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.buff-icon-near .buff-icon{opacity:1;animation:none!important}}.buff-strip .buff-item:hover .buff-icon-wrap,.buff-strip .buff-item:focus-visible .buff-icon-wrap{filter:drop-shadow(0 .0625rem .125rem #0003)}.buff-add{cursor:pointer;color:var(--pip-muted,var(--muted))}.buff-add-box{width:var(--buff-icon,2rem);height:var(--buff-icon,2rem);box-sizing:border-box;border:.0625rem solid color-mix(in srgb,var(--pip-border,var(--border)) 75%,transparent);background:color-mix(in srgb,var(--pip-text,var(--text-strong)) 4%,transparent);border-radius:.4375rem;place-items:center;display:grid;transition:background-color .18s,border-color .18s!important}.buff-add:hover .buff-add-box{color:var(--primary);background:var(--primary-soft);border-color:currentColor}.buff-add-empty{flex:none;gap:.625rem;width:auto;font-size:.75rem}.buff-strip :focus-visible{outline:.125rem solid var(--pip-exp,var(--primary));outline-offset:.125rem}.buff-drag-placeholder{outline:.0625rem dashed var(--pip-border,var(--border-strong));background:color-mix(in srgb,var(--pip-text,var(--text-strong)) 4%,transparent)}.buff-drag-placeholder .buff-icon-wrap{visibility:hidden}.buff-drag-ghost{z-index:10000;pointer-events:none;will-change:transform;filter:drop-shadow(0 .25rem .25rem #00000040);width:var(--buff-icon,2rem);height:var(--buff-icon,2rem);color:inherit;position:fixed;top:0;left:0}.buff-items.is-sorting{touch-action:none}.buff-items.is-sorting .buff-icon-wrap{filter:none!important;transition:none!important;transform:none!important}.buff-strip-compact{box-shadow:none;background:0 0;border:0;border-radius:0;padding:.5rem .375rem}.buff-strip-compact .buff-items{flex-shrink:0;overflow:visible}.buff-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}.buff-tooltip{z-index:10001;box-sizing:border-box;color:#f5f8fc;overflow-wrap:anywhere;pointer-events:none;background:#202c3b;border:.0625rem solid #ffffff2e;border-radius:.375rem;max-width:min(20rem,100vw - 1rem);padding:.375rem .5625rem;font:.75rem/1.45 system-ui,sans-serif;position:fixed;transform:translate(-50%);box-shadow:0 .1875rem .75rem #0000002e}.buff-tooltip-summary{display:block}.buff-tooltip-actions{color:#cbd6e5;border-top:1px solid #ffffff26;flex-wrap:wrap;gap:.375rem .75rem;margin-top:.3125rem;padding-top:.3125rem;font-size:.6875rem;display:flex}.buff-tooltip-actions>span{align-items:center;gap:.25rem;display:inline-flex}.buff-hint-enter-active,.buff-hint-leave-active{transition:opacity .18s!important}.buff-hint-leave-active{transition-duration:.12s!important}.buff-hint-enter-from,.buff-hint-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.buff-hint-enter-active,.buff-hint-leave-active{transition:none!important}}