{"version":3,"file":"Resizable.module.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}