{"version":3,"file":"blocks/Medal/style-index.css","mappings":";;;AAAA,gBAAgB;AAAhB;;;;;EAAA;AAOA;EACE;EACA;EACA;AACF;AACE;EACE;EACA;EACA;EACA;AACJ;AAVA;EAYE;;;;;;;;IAAA;AASF;AAAE;EACE;EACA;EACA;EAGA;AAAJ;AAGE;EACE;EACA;EACA;AADJ;AAIE;EACE;AAFJ;AAKE;EACE;EACA;EACA;EAGA;EACA;AALJ;AAOI;EACE;AALN;AA7CA;EAsDE;;;;IAAA;AAFF;AAOE;EACE;EACA;EACA;AALJ,C","sources":["webpack://brandy-blocks/./src/blocks/Medal/style.scss"],"sourcesContent":["/**\n * Medal — a figure between two shapes, captioned.\n *\n * The two shapes are one catalogue path rendered twice; `--end` is flipped\n * here rather than drawn a second time in the catalogue.\n */\n\n.brandy-medal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  &__body {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--brandy-medal-shape-gap, 10px);\n  }\n\n  /**\n   * The shape is sized by height alone; its width follows from its own\n   * viewBox ratio. Pinning both here would mean the stylesheet knowing every\n   * shape's proportions — the laurel is 19 wide where the others are 20 — and\n   * a shape added later at a different ratio would come out stretched.\n   *\n   * One number for both sides also means they cannot be set to different sizes\n   * by accident.\n   */\n  &__shape {\n    flex: 0 0 auto;\n    display: inline-flex;\n    height: var(--brandy-medal-shape-size, 48px);\n    // Falls through to the block's own text colour when no shape colour is\n    // set, so a medal dropped into a dark section is not stranded in black.\n    color: var(--brandy-medal-shape-color, currentColor);\n  }\n\n  &__shape-svg {\n    display: block;\n    height: 100%;\n    width: auto;\n  }\n\n  &__shape--end {\n    scale: -1 1;\n  }\n\n  &__content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    // The figure is the reason the block exists; it should not be squeezed by\n    // a long caption or a narrow column before the shapes give any ground.\n    flex: 0 1 auto;\n    min-width: 0;\n\n    > * {\n      margin-block: 0;\n    }\n  }\n\n  /**\n   * Unset, the caption inherits the block's own text colour, so a medal in a\n   * dark section still reads. The reference pairs a coloured figure with a\n   * muted caption, which is what the property is for.\n   */\n  &__label {\n    margin-block: 0.5em 0;\n    text-align: center;\n    color: var(--brandy-medal-label-color, inherit);\n  }\n}\n"],"names":[],"sourceRoot":""}