/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_storefront_mssc/cartridge/client/default/scss/dickiesscrubs/product/rec-addon.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Brush Script MT";
  src: url("../../../../fonts/BrushScriptMT.eot");
  src: url("../../../../fonts/BrushScriptMT.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/BRUSHSCI.woff2") format("woff2"), url("../../../../fonts/BrushScriptMT.woff") format("woff"), url("../../../../fonts/BrushScriptMT.ttf") format("truetype"), url("../../../../fonts/BRUSHSCI.otf") format("opentype"), url("../../../../fonts/BrushScriptMT.svg#BrushScriptMT") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Learning Curve";
  src: url("../../../../fonts/LearningCurve-Bold.eot");
  src: url("../../../../fonts/LearningCurve-Bold.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/LearningCurve-Bold.woff2") format("woff2"), url("../../../../fonts/LearningCurve-Bold.woff") format("woff"), url("../../../../fonts/LearningCurve-Bold.ttf") format("truetype"), url("../../../../fonts/LearningCurve-Bold.svg#LearningCurve-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aller";
  src: url("../../../../fonts/Aller.eot");
  src: url("../../../../fonts/Aller.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/Aller.woff2") format("woff2"), url("../../../../fonts/Aller.woff") format("woff"), url("../../../../fonts/Aller.ttf") format("truetype"), url("../../../../fonts/Aller.svg#Aller") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Ultra Compact";
  src: url("../../../../fonts/ArialUltraCompact.eot");
  src: url("../../../../fonts/ArialUltraCompact.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/ArialUltraCompact.woff2") format("woff2"), url("../../../../fonts/ArialUltraCompact.woff") format("woff"), url("../../../../fonts/ArialUltraCompact.ttf") format("truetype"), url("../../../../fonts/ArialUltraCompact.svg#ArialUltraCompact") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MuseoSlab500";
  src: url("../../../../fonts/MuseoSlab-500.eot");
  src: url("../../../../fonts/MuseoSlab-500.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/MuseoSlab-500.woff2") format("woff2"), url("../../../../fonts/MuseoSlab-500.woff") format("woff"), url("../../../../fonts/MuseoSlab-500.ttf") format("truetype"), url("../../../../fonts/MuseoSlab-500.svg#MuseoSlab-500") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pacifico";
  src: url("../../../../fonts/Pacifico.eot");
  src: url("../../../../fonts/Pacifico.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/Pacifico.woff2") format("woff2"), url("../../../../fonts/Pacifico.woff") format("woff"), url("../../../../fonts/Pacifico.ttf") format("truetype"), url("../../../../fonts/Pacifico.svg#Pacifico") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Slab 500";
  src: url("../../../../fonts/MuseoSlab-500.eot");
  src: url("../../../../fonts/MuseoSlab-500.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/MuseoSlab-500.woff2") format("woff2"), url("../../../../fonts/MuseoSlab-500.woff") format("woff"), url("../../../../fonts/MuseoSlab-500.ttf") format("truetype"), url("../../../../fonts/MuseoSlab-500.svg#MuseoSlab-500") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Grand Hotel";
  src: url("../../../../fonts/GrandHotel-Regular.eot");
  src: url("../../../../fonts/GrandHotel-Regular.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/GrandHotel-Regular.woff2") format("woff2"), url("../../../../fonts/GrandHotel-Regular.woff") format("woff"), url("../../../../fonts/GrandHotel-Regular.ttf") format("truetype"), url("../../../../fonts/GrandHotel-Regular.svg#GrandHotel-Regular") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.rec-addons .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 543.98px) {
  .rec-addons .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .rec-addons .item .item__content {
    padding-top: 20px;
  }
}
.rec-addons .item__image__wrapper {
  margin: 0 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 84px;
          flex: 0 0 84px;
}
.rec-addons .item__image__wrapper a {
  display: block;
  pointer-events: none;
}
.rec-addons .item .non-input-label {
  font-weight: 400;
  color: #1A1A1A;
  text-transform: none;
  height: auto;
  margin-top: 8px;
}
.rec-addons .item .swatch-picker-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rec-addons .item .addon-checkbox {
  height: 17px;
  width: 17px;
}
.rec-addons .item .price {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
}
.rec-addons .item .price del {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 1rem;
  margin-right: 5px;
}
.rec-addons .item__content__attr > div {
  width: calc(50% - 10px);
}
.rec-addons .item__content__attr > div:nth-child(even) {
  margin-right: 20px;
}
.rec-addons .item__content__attr > div:not(:first-child) {
  float: left;
}
@media (max-width: 1239.98px) {
  .rec-addons .item__content__attr > div {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
.rec-addons .image-container img {
  border: 1px solid #D4D4D4;
  max-width: 100%;
}
.rec-addons .price .title {
  display: none;
}

/*# sourceMappingURL=rec-addon.css.map*/