{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,MAEE,YAAa,CACb,qBAAsB,CAFtB,iBAGF,CACA,yBAEE,aAAc,CADd,eAEF,CACA,eACE,SACF,CACA,MACE,6CAA8C,CAG9C,2CAA4C,CAD5C,qBAAuB,CADvB,sBAAuB,CAGvB,eACF,CACA,eACE,aAAc,CACd,eACF,CACA,oCACE,eACE,gBACF,CACF,CACA,6CACE,eACF,CACA,0CAEE,UACF,CACA,4EAEE,qBACF,CACA,2BACE,eACF,CACA,4BACE,aAAc,CACd,eACF,CACA,0DACE,eACF,CACA,oCACE,4BACE,eACF,CACF,CACA,qBACE,WACF,CACA,sBACE,YAAa,CACb,6BACF,CACA,0BAGE,mBAAoB,CAFpB,gBAAiB,CACjB,oBAEF,CACA,uBACE,aAAc,CACd,eACF,CACA,oCACE,uBACE,gBACF,CACF,CACA,0DACE,aAAc,CACd,eACF,CACA,iBACE,WACF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n  .card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n  .card > *:not([class*=mb-]) {\n    margin-bottom: 0;\n    flex-shrink: 0;\n  }\n  .card .divider {\n    padding: 0;\n  }\n  .card {\n    background-color: var(--color-surface-primary);\n    margin-bottom: 1.875rem;\n    border-radius: 0.625rem;\n    border: 1px solid var(--color-border-subtle);\n    overflow: hidden;\n  }\n  .card__section {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__section {\n      padding: 1.875rem;\n    }\n  }\n  .card__section > :not([class*=mb-]):last-child {\n    margin-bottom: 0;\n  }\n  .card__section > .btn,\n  .card__section > button {\n    width: 100%;\n  }\n  .card__section > .btn:not(:last-child),\n  .card__section > button:not(:last-child) {\n    margin-bottom: 0.625rem;\n  }\n  .card__section > *:last-child {\n    margin-bottom: 0;\n  }\n  .card__section--space-small {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card__section--space-small > :not([class*=mb-]):last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 992px) {\n    .card__section--space-large {\n      padding: 3.75rem;\n    }\n  }\n  .card__section--fill {\n    flex-grow: 1;\n  }\n  .card__product-header {\n    display: flex;\n    justify-content: space-between;\n  }\n  .card__product-header > img {\n    object-fit: cover;\n    object-position: left;\n    max-width: 7.8125rem;\n  }\n  .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  @media screen and (min-width: 768px) {\n    .card__product-content {\n      padding: 1.875rem;\n    }\n  }\n  .card__product-header--space-small .card__product-content {\n    flex: 0 1 auto;\n    padding: 1.25rem;\n  }\n  .card--no-border {\n    border: none;\n  }\n}"]}