@guardian/threads/dist/sandbox.f69400ca.css.map

{"version":3,"sources":["../src/components/search/InputSupper/Chip/DateChip.module.css","../src/components/search/InputSupper/InputSupper.module.css","../src/components/PopOver/PopOver.module.css","../src/components/Menu/Menu.module.css","../src/components/search/InputSupper/Chip/ChipWrapper.module.css","../src/components/search/InputSupper/InlineInput.module.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC9DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"sandbox.f69400ca.css","sourceRoot":"../sandbox","sourcesContent":[".inlineDate {\n\tposition: relative;\n\tdisplay: inline-block;\n}\n\n.inlineDate[data-invalid] input {\n\ttext-decoration: underline;\n\ttext-decoration-color: red;\n\ttext-decoration-style: dashed;\n}\n",".root {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tborder-radius: var(--radius-default);\n\tpadding: var(--sp-tiny) var(--sp-small);\n\tbackground: var(--non-semantic-color-neutral-100);\n\tflex-grow: 1;\n\tborder: 1px solid var(--color-border);\n}\n\n.root input,\n.root select {\n\tdisplay: inline-block;\n\tbackground-color: transparent;\n\tborder: none;\n}\n\n.root input:focus,\n.root input:hover {\n\tbox-shadow: none;\n}\n",".closer {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100vw;\n\theight: 100vh;\n}\n\n.holder {\n\tposition: absolute;\n\theight: 0;\n\twidth: 0;\n}\n\n.holder[data-origin='left'] .popover {\n\tfloat: left;\n}\n\n.popover {\n\tbackground: var(--color-secondary);\n\tcolor: var(--color-secondary-text);\n\tz-index: 99;\n\tbox-shadow: var(--sh-card);\n\tfont-weight: 500;\n\tborder-radius: var(--radius-default);\n\tfloat: right;\n\ttransform-origin: top right;\n\tanimation: appear 0.1s ease-in-out;\n\tcontain: content;\n}\n\n@keyframes appear {\n\t0% {\n\t\ttransform: scale(0.95);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\t}\n}\n","/* Menu */\n.root {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\twidth: 100%;\n}\n\n.pop {\n\tcomposes: root;\n\tpadding: calc(var(--sp-vertical) / 2) 0;\n}\n\n.pop .padding {\n\tpadding: var(--sp-vertical) calc(var(--sp-base) * 2.5) var(--sp-vertical)\n\t\tcalc(var(--sp-base) * 1.5);\n}\n\n.pop .sublabel {\n\tmargin-right: calc(-1 * var(--sp-base));\n}\n\n.pop .separator {\n\tmargin: calc(var(--sp-vertical) / 2) 0;\n}\n\n.root[data-enable-hover] .item:hover {\n\tbackground: var(--color-selected);\n\tcolor: var(--color-selected-text);\n}\n\n/* MenuItem */\n.item {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tappearance: none;\n\tfont-size: 1rem;\n\tbackground: none;\n\tborder: 0;\n\tcolor: currentColor;\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\twidth: 100%;\n\ttext-align: left;\n\tcursor: pointer;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tpadding-right: calc(var(--sp-vertical) / 1.25);\n}\n\n.item[data-emulate-hover] {\n\tbackground: var(--color-selected);\n\tcolor: var(--color-selected-text);\n}\n\n.item:hover .check {\n\tcolor: currentColor;\n}\n\n.item:focus {\n\toutline: none;\n\tbox-shadow: 0 0 0 2px var(--color-primary-light);\n}\n\n.item[disabled] {\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n.item[data-checked='true'][data-is-default='false'] .label {\n\tposition: relative;\n\tfont-weight: 600;\n}\n\n.titleLabel {\n\tfont-size: var(--fs-large);\n\tfont-weight: 500;\n\tmargin: var(--sp-base) 0;\n}\n\n.separator {\n\tborder: 0;\n\tmargin: 0;\n\tpadding: 0;\n\theight: 1px;\n\tbackground: var(--color-border);\n}\n\n.flex {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tposition: relative;\n}\n\n/* Padding is a seperate element to allow the label's `for` attribute to bleed right to the edge of the item. */\n.padding {\n\tdisplay: block;\n\twidth: 100%;\n\tcursor: inherit;\n\tpadding: var(--sp-base);\n\tpadding-left: calc(var(--sp-vertical) / 1.25);\n}\n\n.check {\n\tposition: absolute;\n\tmargin: auto;\n\ttop: 0;\n\tbottom: 0;\n\tleft: -1.6em;\n\twidth: 1em;\n\tcolor: var(--non-semantic-color-coral-100);\n}\n\n.icon {\n\twidth: 1.6em;\n\tdisplay: inline-flex;\n}\n\n.sublabel {\n\tfont-size: var(--fs-small);\n\topacity: 0.8;\n\tmargin-left: calc(var(--sp-base) * 2);\n}\n\n.nested {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.nested .padding {\n\tpadding-left: 3em;\n}\n",".chipWrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n\twidth: fit-content;\n\tmargin-right: var(--sp-base) / 2;\n\theight: 100%;\n}\n\n.chipWrapper > button {\n\tdisplay: inline-flex;\n\twidth: 20px;\n\tborder: none;\n\tpadding: 0px;\n\tflex-direction: row;\n\tjustify-content: center;\n\tvertical-align: top;\n\tfont-size: inherit;\n}\n\n.chipWrapper[data-staged-for-deletion] {\n\tbackground: red;\n\tbox-shadow: 0px 0px 5px 2px red;\n}\n\n.chipWrapperButton {\n\tbackground: var(--color-primary);\n\tcolor: var(--color-primary-text);\n}\n\n.chipNegateButton {\n\tcomposes: chipWrapperButton;\n\tborder-radius: var(--radius-default) 0 0 var(--radius-default);\n}\n\n.chipDeleteButton {\n\tcomposes: chipWrapperButton;\n\tborder-radius: 0 var(--radius-default) var(--radius-default) 0;\n}\n\n.chipBody {\n\tmargin-left: 2px;\n\tmargin-right: 2px;\n\tpadding: 0 5px 0 5px;\n\tbackground: var(--color-primary);\n\tcolor: var(--color-primary-text);\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.chipBody input,\n.chipBody select {\n\tcolor: currentColor;\n}\n\n.chipName {\n\tfont-weight: bold;\n}\n\n.chipName:after {\n\tcontent: ':';\n}\n",".inputWrapper {\n\tposition: relative;\n\tdisplay: inline-block;\n\theight: 100%;\n}\n\n.inputWrapper:last-child {\n\tflex-grow: 1;\n\tcursor: text;\n\tmargin: 0;\n}\n"]}