.scanner-spa{background-color:var(--color-grey-100);width:100%;color:var(--color-dark-grey);flex-direction:column;align-items:center;display:flex}.scanner-spa>*{color:var(--color-dark-grey)}#strich-barcode-scanner-host{background:#222;width:100%;height:300px;position:relative}.scanner-spa__view{width:100%;min-height:100vh;padding:var(--spacing-xl);box-sizing:border-box;justify-content:flex-start;align-items:center;gap:var(--spacing-xl);flex-direction:column;display:none}.scanner-spa__view--denied{margin:0 auto;display:flex}.scanner-spa__view--active{animation:.3s ease-out scanner-spa-view-slide-in;display:flex}@keyframes scanner-spa-view-slide-in{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}.scanner-spa__header{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.scanner-spa__scan-trigger{background-color:var(--color-yellow);color:var(--color-dark-grey);padding:var(--spacing-lg)var(--spacing-2xl);border-radius:var(--border-radius-base);cursor:pointer;justify-content:center;align-items:center;row-gap:var(--spacing-base);border:none;flex-direction:column;width:100%;font-size:1.5rem;display:flex}.scanner-spa__scan-trigger--success{flex-direction:row}.scanner-spa__scan-trigger--success .scanner-spa__icon-circle,.scanner-spa__scan-trigger--success .scanner-spa__icon-circle svg{width:auto;height:auto}.scanner-spa__icon-circle{justify-content:center;align-items:center;width:5.2rem;height:5.2rem;display:flex}.scanner-spa__icon-circle svg{width:5.2rem;height:5.2rem}.scanner-spa__category-section{justify-content:center;align-items:center;gap:var(--spacing-xl);flex-direction:column;width:100%;display:flex}.scanner-spa__category-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (max-width:480px){.scanner-spa__category-grid{grid-template-columns:repeat(1,1fr)}}.scanner-spa__category-item{border:.1rem solid var(--color-grey-100);background-color:var(--color-white);color:var(--color-black);width:100%;height:100%;padding:var(--spacing-base)var(--spacing-base)0;border-radius:1.2rem;border-radius:var(--border-radius-2xl);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.scanner-spa__category-image{z-index:1;justify-content:center;align-items:center;display:flex}.scanner-spa__category-content{background-color:var(--color-mid-blue);padding:var(--spacing-4xl)var(--spacing-xl)var(--spacing-2xl);text-align:center;color:var(--color-white);margin-top:calc(var(--spacing-3xs)*-1);gap:var(--spacing-md);flex-direction:column;flex-grow:1;width:calc(100% + 2rem);display:flex;position:relative}.scanner-spa__title{color:var(--color-white)}.scanner-spa__description{font-size:var(--text-sm);text-align:center;color:var(--color-white);text-wrap:balance;margin:0;padding:0;font-weight:400;line-height:1.5}.scanner-spa__category-image-overlay{padding:var(--spacing-3xl)0 var(--spacing-base)0;background-color:var(--color-mid-blue);justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.scanner-spa__category-content:before{content:"";background-color:var(--color-white);width:110%;height:8rem;-webkit-box-shadow:0rem -1.2rem .1rem .2rem var(--color-yellow);box-shadow:0rem -1.2rem .1rem .2rem var(--color-yellow);z-index:0;border-radius:55% 55% 0 0;position:absolute;top:-6rem;left:-5%;transform:rotate(180deg)}.scanner-spa__category-image-overlay-text{color:var(--color-white);text-align:center;text-wrap:balance;font-size:1.5rem;font-weight:600}.scanner-spa__scanner-container{justify-content:center;align-items:center;gap:var(--spacing-xl);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.scanner-spa__scanner-viewport{background:var(--color-black);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;width:100%;height:60vh;position:relative;overflow:hidden;display:flex!important}.scanner-spa__scanner-controls{justify-content:center;align-items:center;gap:var(--spacing-base);flex-direction:row;width:100%;display:flex}.scanner-spa__footer{justify-content:center;align-items:center;gap:var(--spacing-base);flex-direction:row;width:100%;display:flex;bottom:0}.scanner-spa__success-header{border:.1rem solid;border-color:var(--color-green);background-color:var(--color-light-green);border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:1.5rem;display:flex}.scanner-spa__success-header>*{row-gap:.5rem;margin:0}.scanner-spa__success-header p:last-child{justify-content:space-between;width:100%;padding-top:.4rem;font-weight:600;display:flex}.scanner-spa__checkmark-circle{justify-content:center;align-items:center;display:flex}.scanner-spa__success-header-title{color:var(--color-green);justify-content:center;align-items:center;gap:.5rem;display:flex}.scanner-spa__success-actions{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1.5rem 0;font-size:1.5rem;display:flex}.scanner-spa__success-actions>*{width:50%}#fbt-recommendations{align-items:stretch;gap:var(--spacing-base);width:100%;display:flex}.scanner-spa__recommendation-item,.scanner-spa__product-group .product-card-wrapper{width:calc(25% - var(--spacing-base)*3/4)}.no-recommendations{text-align:center;width:100%;color:var(--color-dark-grey);grid-column:span 2;font-size:1.5rem;font-weight:600}@media (max-width:559px){#fbt-recommendations{grid-template-columns:repeat(1,1fr)}}.scanner-spa__button{padding:var(--spacing-lg)var(--spacing-2xl);border-radius:var(--border-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:50%;height:4.8rem;font-size:1.5rem;text-decoration:none;display:flex}.scanner-spa__button--primary{background-color:rgb(37 99 235/var(--alpha-button-background));color:var(--color-white)}.scanner-spa__button--secondary{background-color:var(--color-cerise);color:var(--color-white);flex-direction:column}.scanner-spa__button--checkout{background-color:rgb(37 99 235/var(--alpha-button-background));color:var(--color-white)}.b2b-gate-message{text-align:center;background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)var(--spacing-4xl);color:var(--color-dark-grey);flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 .4rem 1.5rem #0000001a}#result-content-area{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.scanner-spa__product-group{align-items:center;gap:1rem;width:100%;display:flex}@media screen and (max-width:479px){.scanner-spa__success-actions{flex-direction:column}.scanner-spa__success-actions>*{width:100%}}@media screen and (max-width:559px){.scanner-spa__product-group{grid-template-columns:repeat(1,1fr)}}.product-card-wrapper{width:100%;max-width:36rem;display:grid!important}@media (max-width:589px){.product-card-wrapper{max-width:100%}}@media (max-width:559px){.scanner-spa__view,.scanner-spa__header,.scanner-spa__category-section,.scanner-spa__scanner-container{align-items:flex-start}}@media screen and (min-width:1300px){.scanner-spa__view{padding:var(--spacing-4xl)}}@media screen and (max-width:1299px){.scanner-spa__recommendation-item,.scanner-spa__product-group .product-card-wrapper{width:calc(33.33% - var(--spacing-base)*2/3)}}@media screen and (max-width:989px){.scanner-spa__recommendation-item,.scanner-spa__product-group .product-card-wrapper{width:calc(50% - var(--spacing-base)/2)}.scanner-spa__recommendation-item,.scanner-spa__product-group .swiper-wrapper>.swiper-slide>.product-card-wrapper{width:100%}.product-card-wrapper{max-width:100%}}@media screen and (max-width:749px){.scanner-spa__recommendation-item,.scanner-spa__product-group .product-card-wrapper{width:100%}}