/*! normalize-jb.css v7.0.0 | MIT License | github.com/necolas/normalize-jb.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:JBSmashingPrices;src:url(https://jbhcdn.azureedge.net/public/fonts/SmashingPricesJBV5.woff2) format("woff2");src:url(https://jbhcdn.azureedge.net/public/fonts/SmashingPricesJBV5.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JBCrazyFont;src:url(https://jbhcdn.azureedge.net/public/fonts/JBCrazy.woff2) format("woff2");src:url(https://jbhcdn.azureedge.net/public/fonts/JBCrazy.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CalloutFont;src:url(https://jbhcdn.azureedge.net/public/fonts/JB-Callout.woff) format("woff");src:url(https://jbhcdn.azureedge.net/public/fonts/JB-Callout.woff2) format("woff2");font-weight:400;font-style:normal}:root{--site-width: 1124px;--scrollbar-width: 0px;--pdp-accordion-bg-top: 100%;--pdp-rightside-top: 1.5rem}.temp-variables{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.temp-variables .variables__title{width:100%;font-weight:700;margin-top:50px}.temp-variables .variable{width:25%;padding:20px}.temp-variables .variable .swatch{width:100px;height:100px;display:block;margin:0 0 10px}.temp-variables .variable p{color:#000}#receipts-wrapper{padding:0 15px}.container{max-width:300px;margin:15px auto 5px;display:flex;justify-content:center;flex-flow:column;position:relative;transition:width .2s ease-out}.container .primary-block{margin-top:15px}.container .primary-block.ribbon--top{margin-top:-1px;padding-top:20px}.container .primary-block.primary-block-perks{padding-top:5.55rem}.container.wide{max-width:345px}.primary-block{position:relative;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;padding:8rem 3rem .9rem;text-align:center;margin:auto;min-height:18rem}.claimed-support-alert-container{width:16.25rem;margin:auto;margin-bottom:1rem}.claimed-layout{background-color:#fff;position:relative;box-sizing:border-box;border:1px solid #ccc;padding:3.5rem .9rem 1rem;height:23.5rem;width:16.25rem;margin:auto}.claimed-layout:before{content:"";position:absolute;z-index:2;top:-4px;bottom:auto;left:0;right:0;height:20px;background-image:linear-gradient(20deg,#ffec0f 26px,transparent 26px,transparent 52px,#ffec0f 52px),linear-gradient(-20deg,#ffec0f 26px,transparent 26px,transparent 52px,#ffec0f 52px);background-size:26px 52px;background-position:10px -11px;transform:rotate(180deg);filter:drop-shadow(0px -1px 1px #cccccc)}.logo{width:140px;margin:0 auto;height:auto}.logo-receipts{margin:3px auto 20px}body .logo-receipts>h3{font-family:CalloutFont,Roboto;letter-spacing:-1px;font-weight:400;text-transform:uppercase}.claimed-text-container{position:relative;top:6rem;text-align:center}.claimed-alert-container{margin:1rem auto auto;width:12rem}.claimed-button-container{margin-top:1.5rem}.secondary-block{margin:10px 0 0;box-sizing:border-box;padding:15px;border:1px solid #ccc;background-color:#f5f5f5}a.link,button.link{background:none;border:0;color:#000;padding:0;margin:0;display:inline;cursor:pointer;text-decoration:underline}a.link:hover,a.link:focus,button.link:hover,button.link:focus{color:#000;text-decoration:underline}.receipts-preview h5,.receipts-preview time,.receipts-preview p{margin:0}.receipts-preview h5{margin-bottom:4px;margin-top:20px}.receipts-preview time{font-size:14px;color:#707070;margin-bottom:.625rem;margin-top:.625rem;display:block}.primary-block-preview{position:relative;top:4.55rem}.receipts-preview-container{height:16.1rem;text-align:center;margin:auto}.receipt-logo-container{text-align:center;position:absolute;height:12.563rem;width:15rem;top:4.5rem;left:1.3rem}.receipt-logo{position:absolute;height:6.5rem;left:7.3rem;top:.9rem;font-size:5rem}.receiptChecked-logo{position:absolute;width:2.2rem;height:2.2rem;left:6rem;top:-.5rem;color:#1e9120}.receipt-text-container{position:relative;top:11.5rem}.receipt-text{position:relative;font-size:1.25rem;font-weight:700;line-height:1.465rem;text-align:center;margin:0 auto .25rem}.receipt-time{position:relative;color:#707070;font-size:.875rem;font-weight:400;line-height:1.465rem;text-align:center;width:15rem}.no-receipt-container{background-color:#fff;position:relative;box-sizing:border-box;border:1px solid #ccc;padding:3.5rem .9rem 1rem;height:24.5rem;width:16.25rem;margin:auto}.no-receipt-container:before{content:"";position:absolute;z-index:2;top:-4px;bottom:auto;left:0;right:0;height:20px;background-image:linear-gradient(20deg,#ffec0f 26px,transparent 26px,transparent 52px,#ffec0f 52px),linear-gradient(-20deg,#ffec0f 26px,transparent 26px,transparent 52px,#ffec0f 52px);background-size:26px 52px;background-position:10px -11px;transform:rotate(180deg);filter:drop-shadow(0px -1px 1px #cccccc)}.no-receipt-logo-container{text-align:center;position:absolute;height:12.563rem;width:15rem;top:2.5rem;left:.9rem}.no-receipt-logo{font-size:6rem}.no-receipt-text-container{position:relative;top:6.5rem}.no-receipt-heading{position:relative;font-size:1.25rem;font-weight:700;line-height:1.465rem;width:10rem;margin:.75rem auto .25rem 0}.no-receipt-text{position:relative;font-size:1rem;font-weight:400;line-height:1.25rem}.ribbon{position:relative}.ribbon:before{--edge-size: 26px;--edge-size-x2: calc(var(--edge-size) * 2);content:"";position:absolute;z-index:2;top:auto;bottom:-16px;left:0;right:0;height:20px;background:linear-gradient(45deg,#fff var(--edge-size),transparent var(--edge-size),transparent var(--edge-size-x2),#fff var(--edge-size-x2)),linear-gradient(-45deg,#fff var(--edge-size),transparent var(--edge-size),transparent var(--edge-size-x2),#fff var(--edge-size-x2));background-size:var(--edge-size) var(--edge-size-x2);background-position:-7px -12px;transform:rotate(180deg);filter:drop-shadow(0px -1px 0px #cccccc)}.ribbon--top:before{bottom:auto;top:-1px}.ribbon--offwhite:before{background:linear-gradient(45deg,#f5f5f5 var(--edge-size),transparent var(--edge-size),transparent var(--edge-size-x2),#f5f5f5 var(--edge-size-x2)),linear-gradient(-45deg,#f5f5f5 var(--edge-size),transparent var(--edge-size),transparent var(--edge-size-x2),#f5f5f5 var(--edge-size-x2));background-size:var(--edge-size) var(--edge-size-x2);background-position:-7px -12px;transform:rotate(180deg)}.ribbon--side-borders{border-left:1px solid #ccc;border-right:1px solid #ccc}.ribbon--soft-shadow:before{filter:drop-shadow(0px -6px 3px #cccccc)}.ribbon--no-shadow:before{filter:none}.ribbon--flip:before{transform:rotate(0)}.ribbon--flip.ribbon--top:before{top:-16px}.code-inputs{display:flex;justify-content:center}.code-inputs>div{margin:0}.download{background-color:#fff;padding:16px 16px 24px;position:relative;border-left:1px solid #ccc;border-right:1px solid #ccc}.download:before{--edge-size: 26px;--edge-size-x2: calc(var(--edge-size) * 2);content:"";position:absolute;z-index:2;top:auto;bottom:-16px;left:0;right:0;height:20px;background:linear-gradient(45deg,#fff var(--edge-size),transparent var(--edge-size),transparent var(--edge-size-x2),#fff var(--edge-size-x2)),linear-gradient(-45deg,#fff var(--edge-size),transparent var(--edge-size),transparent var(--edge-size-x2),#fff var(--edge-size-x2));background-size:var(--edge-size) var(--edge-size-x2);background-position:-7px -12px;transform:rotate(180deg);filter:drop-shadow(0px -1px 0px #cccccc)}.download>button{padding:0 13px!important}.downloadClaimed{padding:20px 16px}.unverifiedDownload{background-color:#fff;position:absolute;height:2.5rem;right:0;border:.063rem;padding:0}.unverifiedDownload .downloadLogo{text-align:center!important;font-family:Roboto!important;height:2.8rem!important}.illustration-container{position:absolute;display:flex;justify-content:center;right:0;left:0;top:3rem}.illustration{height:7rem}.incentive-container{margin:0 -25px;width:calc(100% + 50px);max-height:80%;position:relative}.incentive-container:before{content:"";width:0px;max-height:16px;border:16px solid rgba(0,0,0,0);border-bottom:16px solid #000;border-top:0;display:block;position:absolute;top:10px;left:50%;transform:translate(-50%)}.incentive-container:after{content:"";display:block;background-color:#000;position:absolute;top:27px;left:2px;width:100%;height:100%}.incentive{z-index:2;padding:10px 20px;background-color:red;border:1px solid #000;transform:translateY(25px);position:relative}.incentive:before{content:"";width:0px;max-height:15px;border:15px solid rgba(0,0,0,0);border-bottom:15px solid red;border-top:0;display:block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}body .incentive-title>*{color:#fff;font-family:CalloutFont,Roboto;letter-spacing:-1px;font-weight:400;text-transform:uppercase}body .incentive-description>*{color:#fff}.loading-mask{height:100%;width:100%;text-align:center;padding:100px 0}.ring{display:inline-block;position:relative;width:50px;height:50px}.ring div{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:0;border:4px solid #000;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.ring div:nth-child(1){animation-delay:-.45s}.ring div:nth-child(2){animation-delay:-.3s}.ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1kduqpf0{display:flex;flex-direction:column}._1kduqpf1{margin-top:1.25rem}._1kduqpf2{margin-top:0;text-align:center}._1kduqpf3{margin-top:1.875rem}._1kduqpf4{text-align:center;margin-top:1.25rem;margin-bottom:1.5rem}@media screen and (min-width: 768px){._1kduqpf1{margin-top:1.875rem}}.jfg2wt0{display:flex;margin-top:.625rem}.jfg2wt1{color:var(--palette-primary-dark__1yqyf5p3)}.jfg2wt3{flex-direction:column}.jfg2wt3 button{margin-top:.625rem;padding:0px 1rem!important}.jfg2wt4{flex-direction:row}.jfg2wt4 button{margin-top:unset;padding:0px 1rem!important}.jfg2wt5{text-align:center;margin-top:1.875rem}.jfg2wt0>button>span{margin:auto}.jfg2wt0>button:first-of-type{margin-right:1.25rem}.w971b10{background-color:var(--palette-secondary-main__1yqyf5p7);margin-top:-.0625rem;position:relative;box-sizing:border-box;border:1px solid var(--palette-border-main__1yqyf5pd);padding:2.125rem .9375rem .5rem}.w971b10:before{content:"";position:absolute;z-index:2;top:-4px;bottom:auto;left:0;right:0;height:20px;background-image:linear-gradient(45deg,var(--palette-primary-light__1yqyf5p4) 26px,transparent 26px,transparent 52px,var(--palette-primary-light__1yqyf5p4) 52px),linear-gradient(-45deg,var(--palette-primary-light__1yqyf5p4) 26px,transparent 26px,transparent 52px,var(--palette-primary-light__1yqyf5p4) 52px);background-size:26px 52px;background-position:-7px -12px;transform:rotate(180deg);filter:drop-shadow(0px -6px 3px var(--palette-border-main__1yqyf5pd))}.w971b10:after{content:"";position:absolute;z-index:2;top:auto;bottom:-16px;left:0;right:0;height:20px;background-image:linear-gradient(45deg,var(--palette-secondary-main__1yqyf5p7) 26px,transparent 26px,transparent 52px,var(--palette-secondary-main__1yqyf5p7) 52px),linear-gradient(-45deg,var(--palette-secondary-main__1yqyf5p7) 26px,transparent 26px,transparent 52px,var(--palette-secondary-main__1yqyf5p7) 52px);background-size:26px 52px;background-position:-6px -12px;transform:rotate(180deg);filter:drop-shadow(0px -1px 1px var(--palette-border-main__1yqyf5pd))}._14r5p7v0{margin-bottom:0}._14r5p7v2{margin-top:0;display:}._14r5p7v3{margin-top:1rem!important;display:flex!important}._5uh6zm0{display:flex;justify-content:center;margin-top:-1.75rem;margin-bottom:.9375rem}._5uh6zm0 svg{width:126px;height:34px}@media screen and (min-width: 768px){._5uh6zm0{margin-top:-2.5rem}._5uh6zm0 svg{width:140px;height:38px}}:root{--name__1yqyf5p0: JB Hi-Fi;--palette-primary-main__1yqyf5p1: #FFEC0F;--palette-primary-neutral__1yqyf5p2: #707070;--palette-primary-dark__1yqyf5p3: #000000;--palette-primary-light__1yqyf5p4: #FFFFFF;--palette-primary-contrastText__1yqyf5p5: ;--palette-primary-shadow__1yqyf5p6: rgb(0, 0, 0, .08);--palette-secondary-main__1yqyf5p7: #F5F5F5;--palette-secondary-dark__1yqyf5p9: #232323;--palette-secondary-neutral__1yqyf5p8: ;--palette-secondary-light__1yqyf5pa: ;--palette-secondary-contrastText__1yqyf5pb: ;--palette-secondary-shadow__1yqyf5pc: ;--palette-border-main__1yqyf5pd: #CCCCCC;--palette-border-dark__1yqyf5pf: #999999;--palette-border-neutral__1yqyf5pe: ;--palette-border-light__1yqyf5pg: ;--palette-border-contrastText__1yqyf5ph: ;--palette-border-shadow__1yqyf5pi: ;--palette-success-main__1yqyf5pj: #028702;--palette-success-light__1yqyf5pm: #F2F9F2;--palette-success-neutral__1yqyf5pk: ;--palette-success-dark__1yqyf5pl: ;--palette-success-contrastText__1yqyf5pn: ;--palette-success-shadow__1yqyf5po: ;--palette-error-main__1yqyf5pp: #E02020;--palette-error-light__1yqyf5ps: #FDF2F2;--palette-error-neutral__1yqyf5pq: ;--palette-error-dark__1yqyf5pr: #9C1616;--palette-error-contrastText__1yqyf5pt: ;--palette-error-shadow__1yqyf5pu: ;--palette-warning-main__1yqyf5pv: #DA6A00;--palette-warning-light__1yqyf5py: #FFF9F0;--palette-warning-neutral__1yqyf5pw: ;--palette-warning-dark__1yqyf5px: ;--palette-warning-contrastText__1yqyf5pz: ;--palette-warning-shadow__1yqyf5p10: ;--palette-info-main__1yqyf5p11: #005EAB;--palette-info-light__1yqyf5p14: #F2F7FB;--palette-info-neutral__1yqyf5p12: ;--palette-info-dark__1yqyf5p13: ;--palette-info-contrastText__1yqyf5p15: ;--palette-info-shadow__1yqyf5p16: ;--palette-accent-yellow__1yqyf5p17: #FFEC0F;--palette-accent-red__1yqyf5p18: #E02020;--palette-accent-blue__1yqyf5p1b: #0099FF;--palette-accent-orange__1yqyf5p19: #FF9500;--palette-accent-purple__1yqyf5p1a: #812990;--palette-accent-purpleLight__1yqyf5p1c: #F2EAF4;--typography-fontFamily__1yqyf5p1d: "Roboto",sans-serif;--typography-h1-mobile-fontSize__1yqyf5p1e: 2rem;--typography-h1-mobile-lineHeight__1yqyf5p1f: 2.25rem;--typography-h1-mobile-fontWeight__1yqyf5p1g: 700;--typography-h1-desktop-fontSize__1yqyf5p1h: 2.625rem;--typography-h1-desktop-lineHeight__1yqyf5p1i: 2.8125rem;--typography-h1-desktop-fontWeight__1yqyf5p1j: 700;--typography-h2-mobile-fontSize__1yqyf5p1k: 2rem;--typography-h2-mobile-lineHeight__1yqyf5p1l: 2.25rem;--typography-h2-mobile-fontWeight__1yqyf5p1m: 700;--typography-h2-desktop-fontSize__1yqyf5p1n: 2rem;--typography-h2-desktop-lineHeight__1yqyf5p1o: 2.25rem;--typography-h2-desktop-fontWeight__1yqyf5p1p: 700;--typography-h3-mobile-fontSize__1yqyf5p1q: 1.5rem;--typography-h3-mobile-lineHeight__1yqyf5p1r: 2rem;--typography-h3-mobile-fontWeight__1yqyf5p1s: 700;--typography-h3-desktop-fontSize__1yqyf5p1t: 1.5rem;--typography-h3-desktop-lineHeight__1yqyf5p1u: 2rem;--typography-h3-desktop-fontWeight__1yqyf5p1v: 700;--typography-h4-mobile-fontSize__1yqyf5p1w: 1.375rem;--typography-h4-mobile-lineHeight__1yqyf5p1x: 1.75rem;--typography-h4-mobile-fontWeight__1yqyf5p1y: 700;--typography-h4-desktop-fontSize__1yqyf5p1z: 1.375rem;--typography-h4-desktop-lineHeight__1yqyf5p20: 1.75rem;--typography-h4-desktop-fontWeight__1yqyf5p21: 700;--typography-h5-mobile-fontSize__1yqyf5p22: 1.25rem;--typography-h5-mobile-lineHeight__1yqyf5p23: 1.5rem;--typography-h5-mobile-fontWeight__1yqyf5p24: 700;--typography-h5-desktop-fontSize__1yqyf5p25: 1.25rem;--typography-h5-desktop-lineHeight__1yqyf5p26: 1.5rem;--typography-h5-desktop-fontWeight__1yqyf5p27: 700;--typography-h6-mobile-fontSize__1yqyf5p28: 1.125rem;--typography-h6-mobile-lineHeight__1yqyf5p29: 1.375rem;--typography-h6-mobile-fontWeight__1yqyf5p2a: 700;--typography-h6-desktop-fontSize__1yqyf5p2b: 1.125rem;--typography-h6-desktop-lineHeight__1yqyf5p2c: 1.375rem;--typography-h6-desktop-fontWeight__1yqyf5p2d: 700;--typography-small-fontSize__1yqyf5p2h: .875rem;--typography-small-lineHeight__1yqyf5p2i: 1.125rem;--typography-small-color__1yqyf5p2j: #707070;--typography-large-fontSize__1yqyf5p2k: 1.5rem;--typography-large-lineHeight__1yqyf5p2l: 1.875rem;--typography-large-color__1yqyf5p2m: #000000;--typography-p-fontSize__1yqyf5p2e: 1rem;--typography-p-lineHeight__1yqyf5p2f: 1.25rem;--typography-p-color__1yqyf5p2g: #000000;--typography-button-fontSize__1yqyf5p2r: 1.125rem;--typography-button-lineHeight__1yqyf5p2s: 1;--typography-button-color__1yqyf5p2v: #000000;--typography-button-fontWeight__1yqyf5p2t: 700;--typography-button-textTransform__1yqyf5p2u: none;--typography-sectionTitle-fontSize__1yqyf5p2n: 1.75rem;--typography-sectionTitle-lineHeight__1yqyf5p2o: 1.5rem;--typography-sectionTitle-color__1yqyf5p2q: #000000;--typography-sectionTitle-letterSpacing__1yqyf5p2p: -.13125rem;--typography-a-color__1yqyf5p2w: #000000;--typography-a-\&\:hover-color__1yqyf5p2x: #000000;--typography-a-\&\:hover-cursor__1yqyf5p2y: pointer;--typography-a-\&\:visited-color__1yqyf5p2z: #000000}
/*# sourceMappingURL=/cdn/shop/t/417/assets/bundle.template.page.receipts.css.map */