@layer seed-components{.seed-attachment-input__root{margin-inline:calc(var(--seed-attachment-input-extend-x) * -1);position:relative}.seed-attachment-input__dropzone,.seed-attachment-input__root{gap:var(--seed-dimension-x2);flex-direction:column;display:flex}.seed-attachment-input__dropzone{justify-content:center;align-items:center;border:1px dashed var(--seed-color-palette-gray-500);border-radius:var(--seed-radius-r3);height:120px;padding-inline:var(--seed-dimension-x4);margin-inline:var(--seed-attachment-input-extend-x);transition:border-color .2s}.seed-attachment-input__dropzone[data-dragging-over]{border-style:solid;border-color:var(--seed-color-stroke-neutral-solid)}.seed-attachment-input__dropzone:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-attachment-input__dropzoneLabel{color:var(--seed-color-fg-neutral-subtle);font-size:var(--seed-font-size-t4);line-height:var(--seed-font-size-t4);font-weight:var(--seed-font-weight-medium);text-align:center}.seed-attachment-input__dropzoneLabel:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-attachment-input__container{gap:var(--seed-dimension-x2);padding-top:var(--seed-dimension-x1);margin-top:calc(var(--seed-dimension-x1) * -1);padding-inline:var(--seed-attachment-input-extend-x);display:flex;overflow-x:auto}.seed-attachment-input__itemGroup{gap:var(--seed-dimension-x2);margin:0;padding:0;list-style:none;display:flex}.seed-attachment-input-item__root{isolation:isolate;justify-content:center;align-items:center;gap:var(--seed-dimension-x2_5);border-radius:var(--seed-radius-r3);height:80px;transition:scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale);--remove-button-mask-size:var(--seed-dimension-x6);--remove-button-mask-offset:var(--seed-dimension-x1_5);outline:var(--seed-dimension-x0_5) solid transparent;outline-offset:var(--seed-dimension-x0_5);display:flex;position:relative}}@layer seed-components{.seed-attachment-input-item__root:is(:focus-visible,[data-focus-visible]){outline:var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);outline-offset:var(--seed-dimension-x0_5)}.seed-attachment-input-item__root:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-image:linear-gradient(#000,#000),url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/></svg>');mask-image:linear-gradient(#000,#000),url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/></svg>');-webkit-mask-size:100% 100%,var(--remove-button-mask-size) var(--remove-button-mask-size);mask-size:100% 100%,var(--remove-button-mask-size) var(--remove-button-mask-size);-webkit-mask-position:0 0,right calc(0px - var(--remove-button-mask-offset)) top calc(0px - var(--remove-button-mask-offset));mask-position:0 0,right calc(0px - var(--remove-button-mask-offset)) top calc(0px - var(--remove-button-mask-offset));position:absolute;inset:0;transform:translateZ(0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.seed-attachment-input-item__root[role=button]:not([aria-grabbed=true]):not([data-readonly]){cursor:grab}.seed-attachment-input-item__root[aria-grabbed=true]{scale:var(--seed-feedback-scale);--remove-button-mask-size:0px;--remove-button-mask-offset:0px}.seed-attachment-input-item__image{object-fit:cover;border-radius:inherit;width:100%;height:100%;-webkit-mask-image:linear-gradient(#000,#000),url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/></svg>');mask-image:linear-gradient(#000,#000),url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/></svg>');-webkit-mask-size:100% 100%,var(--remove-button-mask-size) var(--remove-button-mask-size);mask-size:100% 100%,var(--remove-button-mask-size) var(--remove-button-mask-size);-webkit-mask-position:0 0,right calc(0px - var(--remove-button-mask-offset)) top calc(0px - var(--remove-button-mask-offset));mask-position:0 0,right calc(0px - var(--remove-button-mask-offset)) top calc(0px - var(--remove-button-mask-offset));transform:translateZ(0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.seed-attachment-input-item__thumbnail{width:var(--seed-dimension-x12);height:var(--seed-dimension-x12);background-color:var(--seed-color-bg-neutral-weak);border-radius:var(--seed-radius-r2);--seed-icon-size:var(--seed-dimension-x6);--seed-icon-color:var(--seed-color-fg-neutral-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.seed-attachment-input-item__metadata{flex-direction:column;flex-grow:1;width:100%;display:flex}.seed-attachment-input-item__name{word-break:break-all;font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-medium);color:var(--seed-color-fg-neutral);overflow:hidden}.seed-attachment-input-item__size{font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1);font-weight:var(--seed-font-weight-regular);color:var(--seed-color-fg-neutral-subtle)}.seed-attachment-input-item__backdrop{-webkit-mask-image:linear-gradient(#000,#000),url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/></svg>');mask-image:linear-gradient(#000,#000),url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="white"/></svg>');-webkit-mask-size:100% 100%,var(--remove-button-mask-size) var(--remove-button-mask-size);mask-size:100% 100%,var(--remove-button-mask-size) var(--remove-button-mask-size);-webkit-mask-position:0 0,right calc(0px - var(--remove-button-mask-offset)) top calc(0px - var(--remove-button-mask-offset));mask-position:0 0,right calc(0px - var(--remove-button-mask-offset)) top calc(0px - var(--remove-button-mask-offset));position:absolute;inset:0;transform:translateZ(0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.seed-attachment-input-item__actionButton,.seed-attachment-input-item__backdrop{border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex}.seed-attachment-input-item__actionButton{text-align:center;width:100%;height:100%;font:inherit;cursor:pointer;background:none;border:none;padding:0}.seed-attachment-input-item__actionButton:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]){scale:var(--seed-feedback-scale)}.seed-attachment-input-item__actionButton{transition:scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale),outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);outline:var(--seed-dimension-x0_5) solid transparent;outline-offset:calc(var(--seed-dimension-x0_5) * -1)}.seed-attachment-input-item__actionButton:is(:focus-visible,[data-focus-visible]){outline:var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);outline-offset:calc(var(--seed-dimension-x0_5) * -1)}.seed-attachment-input-item__actionButton{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-medium);gap:var(--seed-dimension-x1);--seed-icon-size:var(--seed-dimension-x6)}.seed-attachment-input-item__removeButton{top:calc(var(--seed-dimension-x1) * -1);right:calc(var(--seed-dimension-x1) * -1);width:var(--seed-dimension-x5);height:var(--seed-dimension-x5);background-color:var(--seed-color-bg-layer-default);border-radius:var(--seed-radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.seed-attachment-input-item__removeButton:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]){scale:var(--seed-feedback-scale)}.seed-attachment-input-item__removeButton{transition:background-color .2s,scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale),outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);outline:var(--seed-dimension-x0_5) solid transparent;outline-offset:calc(var(--seed-dimension-x0_5) * -1)}.seed-attachment-input-item__removeButton:is(:focus-visible,[data-focus-visible]){outline:var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);outline-offset:calc(var(--seed-dimension-x0_5) * -1)}.seed-attachment-input-item__removeButton{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral-weak);--seed-icon-size:var(--seed-dimension-x2_5);--seed-icon-color:var(--seed-color-fg-neutral)}@media (hover:hover) and (pointer:fine){.seed-attachment-input-item__removeButton:not(:is(:disabled,[disabled],[data-disabled])):is(:hover,[data-hover]){background-color:var(--seed-color-bg-layer-default-pressed)}}@media not all and (hover:hover) and (pointer:fine){.seed-attachment-input-item__removeButton:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]){background-color:var(--seed-color-bg-layer-default-pressed)}}.seed-attachment-input-item__removeButton:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;--seed-icon-color:var(--seed-color-fg-disabled)}[aria-grabbed=true] .seed-attachment-input-item__removeButton{display:none}.seed-attachment-input-item__root--type_general{width:160px;padding-inline:var(--seed-dimension-x4)}.seed-attachment-input-item__root--type_general:before{box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral-weak)}.seed-attachment-input-item__thumbnail--type_general[data-has-overlay]{display:none}.seed-attachment-input-item__thumbnail--type_general[data-readonly],[aria-grabbed=true] .seed-attachment-input-item__thumbnail--type_general{--seed-icon-color:var(--seed-color-fg-disabled)}.seed-attachment-input-item__metadata--type_general[data-has-overlay]{display:none}.seed-attachment-input-item__name--type_general[data-readonly],.seed-attachment-input-item__size--type_general[data-readonly],[aria-grabbed=true] .seed-attachment-input-item__name--type_general,[aria-grabbed=true] .seed-attachment-input-item__size--type_general{color:var(--seed-color-fg-disabled)}.seed-attachment-input-item__actionButton--type_general{color:var(--seed-color-fg-neutral-subtle);--seed-icon-color:var(--seed-color-fg-neutral-subtle)}.seed-attachment-input-item__root--type_image{width:80px;transition:opacity .2s,scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale)}.seed-attachment-input-item__root--type_image:before{z-index:1;box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral-subtle)}.seed-attachment-input-item__root--type_image[aria-grabbed=true],.seed-attachment-input-item__root--type_image[data-readonly]{opacity:.5}.seed-attachment-input-item__metadata--type_image,.seed-attachment-input-item__thumbnail--type_image{display:none}.seed-attachment-input-item__badge--type_image{bottom:0;height:var(--seed-dimension-x6);padding-inline:var(--seed-dimension-x1);background-color:var(--seed-color-bg-overlay);border-radius:0 0 var(--seed-radius-r3) var(--seed-radius-r3);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline:0}.seed-attachment-input-item__badgeLabel--type_image{text-overflow:ellipsis;white-space:nowrap;font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-medium);color:var(--seed-color-palette-static-white);overflow:hidden}.seed-attachment-input-item__backdrop--type_image{background:var(--seed-color-bg-overlay)}.seed-attachment-input-item__actionButton--type_image{color:var(--seed-color-palette-static-white);--seed-icon-color:var(--seed-color-palette-static-white)}.seed-attachment-input-trigger__root{justify-content:center;align-items:center;gap:var(--seed-dimension-x1);width:80px;height:80px;font:inherit;box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral-weak);cursor:pointer;border-radius:var(--seed-radius-r3);background-color:#0000;border:none;flex-direction:column;flex-shrink:0;padding:0;display:flex}}@layer seed-components{.seed-attachment-input-trigger__root:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]){scale:var(--seed-feedback-scale)}.seed-attachment-input-trigger__root{transition:background-color .2s,scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale),outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);outline:var(--seed-dimension-x0_5) solid transparent;outline-offset:calc(var(--seed-dimension-x0_5) * -1)}.seed-attachment-input-trigger__root:is(:focus-visible,[data-focus-visible]){outline:var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);outline-offset:calc(var(--seed-dimension-x0_5) * -1)}@media (hover:hover) and (pointer:fine){.seed-attachment-input-trigger__root:not(:is(:disabled,[disabled],[data-disabled])):is(:hover,[data-hover]){background-color:var(--seed-color-bg-transparent-pressed)}}@media not all and (hover:hover) and (pointer:fine){.seed-attachment-input-trigger__root:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]){background-color:var(--seed-color-bg-transparent-pressed)}}.seed-attachment-input-trigger__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.seed-attachment-input-trigger__icon{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);color:var(--seed-color-fg-neutral-subtle);flex-shrink:0}.seed-attachment-input-trigger__icon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-attachment-input-trigger__itemCount,.seed-attachment-input-trigger__itemCountArea{font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2)}.seed-attachment-input-trigger__itemCount{color:var(--seed-color-fg-neutral);font-weight:var(--seed-font-weight-regular)}.seed-attachment-input-trigger__itemCount[data-empty]{color:var(--seed-color-fg-neutral-subtle)}.seed-attachment-input-trigger__itemCount:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}.seed-attachment-input-trigger__maxItemCount{color:var(--seed-color-fg-neutral-subtle);font-size:var(--seed-font-size-t2);line-height:var(--seed-line-height-t2);font-weight:var(--seed-font-weight-regular)}.seed-attachment-input-trigger__maxItemCount:is(:disabled,[disabled],[data-disabled]){color:var(--seed-color-fg-disabled)}}