@import url(https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styling/global.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styling/global.scss (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styling/global.scss (2) ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.syncopate-regular{font-family:"Syncopate",sans-serif;font-weight:400;font-style:normal}.inter-romain{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inter-italic{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic}.syncopate-bold{font-family:"Syncopate",sans-serif;font-weight:700;font-style:normal}#product-picker-admin{max-width:1280px;margin:0 auto;display:block}.product-thumbnails{scrollbar-width:thin;scrollbar-color:#fff0 #000}.product-thumbnails::-webkit-scrollbar{width:2px;height:2px}.product-thumbnails::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}.product-thumbnails::-webkit-scrollbar-track{background-color:#fff0}.product-thumbnails::-webkit-scrollbar-button{display:none}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styling/product-picker-frontend.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
#product_picker{padding:6rem 2.5rem}#product_picker .grid-wrapper{display:grid;max-width:1280px;margin:0 auto;align-items:center;gap:64px;grid-template-columns:repeat(2,1fr);justify-content:center}#product_picker .grid-wrapper .points-image-wrapper>div{position:relative;width:100%;height:-moz-fit-content;height:fit-content}#product_picker .grid-wrapper .points-image-wrapper>div img{width:100%}#product_picker .grid-wrapper .points-image-wrapper>div>div .pointer-bullet{font-size:24px;position:absolute;margin:-16px 0 0 -16px;z-index:1;background:#000;border-radius:50%;width:32px;height:32px;display:flex;place-content:center;align-items:center;color:#fff}#product_picker .grid-wrapper .points-image-wrapper>div>div .pointer-bullet.active{background:#fff;color:#000}#product_picker .grid-wrapper .points-image-wrapper>div>div>div{position:relative;inset:0;z-index:2}#product_picker .grid-wrapper .images-wrapper{display:grid;margin:0 auto;align-items:center;gap:16px;grid-template-columns:88px auto;justify-content:left;position:relative}#product_picker .grid-wrapper .images-wrapper .subtitle{color:#FFF;font-optical-sizing:auto;margin-top:0;margin-bottom:12px}#product_picker .grid-wrapper .images-wrapper .title{padding-top:0;color:#FFF;margin-top:0;margin-bottom:30px}#product_picker .grid-wrapper .images-wrapper>div{position:relative;height:-moz-fit-content;height:fit-content;margin:auto;width:100%}#product_picker .grid-wrapper .images-wrapper>div img{width:100%}#product_picker .grid-wrapper .images-wrapper>div>div .pointer-bullet{font-size:24px;position:absolute;margin:-16px 0 0 -16px;z-index:1;background:#000;border-radius:50%;width:32px;height:32px;display:flex;place-content:center;align-items:center;color:#fff}#product_picker .grid-wrapper .images-wrapper>div>div .pointer-bullet.active{background:#fff;color:#000}#product_picker .grid-wrapper .images-wrapper>div>div>div{position:relative;inset:0;z-index:2}#product_picker .grid-wrapper .thumbnail-wrapper{display:flex;align-content:flex-start;justify-content:start;justify-items:end;align-items:center;flex-wrap:wrap;gap:16px;height:100%}#product_picker .grid-wrapper .thumbnail-wrapper a{background:#fff;padding:1rem 0;display:block;width:88px}#product_picker .grid-wrapper .product-wrapper #overflow-url{position:absolute;display:block;top:0;right:0;bottom:0;left:0;z-index:3}#product_picker .grid-wrapper .product-wrapper .active-product-wraper{padding:0;background:#fff;padding:2rem}#product_picker .grid-wrapper .product-wrapper .active-product-wraper img{width:100%}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details{padding:0;position:relative}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details #product-categories,.product-details #product-brand{color:#5c5c5c;font-family:Inter,sans-serif;font-optical-sizing:auto;margin-top:0;margin-bottom:8px}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details #product-title{padding-right:52px;color:#000;font-family:Inter,sans-serif;padding-top:0;font-optical-sizing:auto;font-weight:600;font-style:normal;line-height:24px;font-size:18px;margin-top:0;margin-bottom:14px}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details #product-price-wrapper{color:#000;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;line-height:24px;font-size:18px;margin-top:0;margin-bottom:0}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details #product-price{color:#000;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;line-height:24px;font-size:18px;margin-top:0;margin-bottom:0}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details #product-url{width:52px;height:52px;border:1px solid #d9d9d9;border-radius:4px;display:flex;align-items:center;place-content:center;position:absolute;right:0;bottom:0}#product_picker .grid-wrapper .product-wrapper .active-product-wraper .product-details #product-url svg{pointer-events:none}@media screen and (max-width:600px){#product_picker .grid-wrapper .thumbnail-wrapper{overflow-x:auto}#product_picker .grid-wrapper .thumbnail-wrapper>a{min-width:calc(25% - 12px)}}@media screen and (max-width:992px){#product_picker .grid-wrapper{grid-template-columns:none!important}#product_picker .grid-wrapper>div{order:2!important}#product_picker .grid-wrapper .thumbnail-wrapper{height:100%!important;order:2!important;flex-wrap:nowrap!important}#product_picker .grid-wrapper .images-wrapper{grid-template-columns:none!important}#product_picker .grid-wrapper .points-image-wrapper{order:1!important}}