@charset "UTF-8";
/* BXYZ:..:eliot@bosmanxyz.xyz:..:.www.bosmanxyz.xyz */

@layer components {
  .handelsvitrin[data-komponent="handelsvitrin"][data-yta="bild"] {
    padding: var(--margin);
    border: 0;
    isolation: isolate;
  }

  .handelsvitrin__kalla {
    position: absolute;
    inline-size: var(--dold-spalt);
    block-size: var(--dold-spalt);
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .handelsvitrin__troskel {
    position: absolute;
    inset: 0;
    z-index: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center;
    border: var(--handels-ring-tjocklek) solid var(--handels-kant);
    box-sizing: border-box;
    pointer-events: none;
  }

  .handelsvitrin[data-yta="bild"] .handelsvitrin__etikett {
    color: var(--handels-etikett-pa-papper);
  }

  .handelsvitrin[data-etikett-yta="brun"] .handelsvitrin__etikett,
  .handelsvitrin[data-etikett-yta="brun"] .handelsvitrin__stycke {
    color: var(--handels-etikett-pa-brun);
  }

  .handelsvitrin[data-etikett-yta="papper"] .handelsvitrin__etikett,
  .handelsvitrin[data-etikett-yta="papper"] .handelsvitrin__stycke {
    color: var(--handels-etikett-pa-papper);
  }
}