.qzb{--qzb-ink:#181915;--qzb-yellow:#ffdc25;--qzb-paper:#fffbed}.qzb-hero{background-color:#fff8da;background-image:radial-gradient(#8e80402b 1px,transparent 1px);background-size:11px 11px;border-bottom:3px solid #181915}.qzb-hero-grid{gap:50px;padding-top:45px;padding-bottom:55px}.qzb h1{font-weight:900;font-size:clamp(46px,6vw,82px);font-style:italic;letter-spacing:-.07em;text-shadow:3px 3px 0 #fff}.qzb-highlight{border:3px solid #181915;box-shadow:5px 5px #181915;border-radius:5px;transform:rotate(-3deg);padding:3px 12px 10px}.qzb-hero .qzb-label{border:2px solid #181915;border-radius:3px;box-shadow:3px 3px #181915;padding:6px 10px;background:#fff;transform:rotate(-2deg)}.qzb-hero-image{position:relative;border:3px solid #181915;border-radius:12px;box-shadow:10px 10px #181915;transform:rotate(3deg);overflow:visible;margin-right:12px}.qzb-hero-image img{border-radius:8px}.qzb-burst{position:absolute;right:-18px;top:-28px;z-index:1;display:grid;place-items:center;text-align:center;background:#ffdd26;color:#181915;font:900 italic 19px/1.1 Arial,sans-serif;width:116px;min-height:104px;padding:16px;border:3px solid #181915;border-radius:42% 55% 43% 47%;box-shadow:4px 4px #181915;transform:rotate(13deg)}.qzb-chip{border:2px solid #181915;box-shadow:2px 2px #181915;border-radius:6px;background:#fff;font-weight:700}.qzb-button{border:3px solid #181915;background:#ffdc25;color:#181915!important;box-shadow:5px 5px #181915;border-radius:7px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.qzb-button:hover{background:#ffe96b;color:#181915!important;transform:translate(-2px,-2px);box-shadow:7px 7px #181915}.qzb-button:active{transform:translate(3px,3px);box-shadow:2px 2px #181915}.qzb-benefit-strip{background:#181915;color:#fff8dd;border-top:3px solid #181915;padding:20px 15px}.qzb-benefit-strip span{font-size:14px;font-style:italic}.qzb-section{border-bottom:3px solid #181915}.qzb-section h2{font-weight:900;line-height:1.01;font-style:italic;letter-spacing:-.055em}.qzb-section .qzb-label{display:inline-block;background:#ffdc25;border:2px solid #181915;box-shadow:3px 3px #181915;padding:5px 10px;color:#181915;transform:rotate(-1deg)}.qzb-picture{border:3px solid #181915;border-radius:11px;box-shadow:6px 6px #181915}.qzb-editorial{background-color:#bfe3f5;background-image:radial-gradient(#39718a25 1px,transparent 1px);background-size:10px 10px}.qzb-tablist{gap:14px}.qzb-tablist button{border:3px solid #181915;box-shadow:3px 3px #181915;background:#fff9ec;border-radius:6px;font-weight:800;transition:transform .18s ease}.qzb-tablist button[aria-selected=true]{background:#ffdc25;color:#181915;transform:rotate(-2deg) translateY(-2px);box-shadow:4px 5px #181915}.qzb-tab-panel{border:3px solid #181915;box-shadow:7px 7px #181915;border-radius:12px}.qzb-tab-copy{background:#fffdf1;position:relative}.qzb-tab-copy h3{font-weight:900;font-style:italic;letter-spacing:-.04em}.qzb-tag{border:2px solid #181915;box-shadow:3px 3px #181915;font-size:11px}.qzb-feature-disclosure{border:2px solid #181915;border-radius:8px;padding:15px 18px;margin-top:16px;background:#fffdf3;box-shadow:3px 3px #181915}.qzb-feature-disclosure[open]{background:#fff1a6;box-shadow:5px 5px #181915}.qzb-feature-disclosure summary{font-size:17px}.qzb-section-dark{background-color:#20221d;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:12px 12px}.qzb-step{border:3px solid #fff6dc;background:#33362d;box-shadow:5px 5px #ffdc25;border-radius:9px}.qzb-step.is-active{background:#ffdc25;color:#181915;border-color:#181915;box-shadow:6px 6px #fff8da}.qzb-step.is-active h3,.qzb-step.is-active p{color:#181915}.qzb-step .qzb-number{border:2px solid #181915;background:#fffaf0}.qzb-step-trigger{font:800 22px/1.2 Arial,sans-serif;letter-spacing:-.03em;color:inherit;background:transparent;border:0;padding:6px 0;text-align:left;cursor:pointer;min-height:44px}.qzb-step-status{border:2px solid #ffdc25;border-radius:8px;padding:15px 20px;margin-top:30px!important;font-size:14px!important;color:#fff6d8!important}.qzb-section-yellow{background-color:#ffd3bb;background-image:radial-gradient(#9c674322 1px,transparent 1px);background-size:11px 11px}.qzb-list li{border-top:2px solid #181915}.qzb-essentials{background-color:#cceac7;background-image:radial-gradient(#416b3e22 1px,transparent 1px);background-size:10px 10px}.qzb-bento article{border:3px solid #181915;box-shadow:6px 6px #181915;border-radius:12px}.qzb-bento h3{font-weight:900;font-style:italic}.qzb-bento-tall{transform:rotate(-1deg)}.qzb-bento-carry{transform:rotate(1deg)}.qzb-bento-colours{transform:rotate(-1deg);background:#f6cadb}.qzb-decision{background:#fffbed}.qzb-decision-list article{border:2px solid #181915;border-radius:8px;margin-bottom:14px;padding:19px;background:#fff;box-shadow:3px 3px #181915}.qzb-decision-list article>span{color:#181915;font-weight:900}.qzb-faq details{border:2px solid #181915;border-radius:7px;padding:18px;margin-bottom:14px;box-shadow:3px 3px #181915;background:#fffdf3}.qzb-faq details[open]{background:#fff0a6}.qzb-end{border:3px solid #181915;border-radius:10px;box-shadow:7px 7px #181915}.qzb-hotspot-figure{position:relative}.qzb-hotspot{display:none;position:absolute;min-height:44px;min-width:44px;padding:8px 10px;border:3px solid #181915;border-radius:30px;background:#ffdc25;color:#181915;font:800 12px Arial,sans-serif;box-shadow:3px 3px #181915;cursor:pointer;transform:translate(-50%,-50%)}.qzb-hotspot-ready .qzb-hotspot{display:block}.qzb-hotspot[aria-pressed=true]{background:#181915;color:#fff8dd;box-shadow:0 0 0 4px #ffdc25}.qzb-hotspot-roll{left:57%;top:29%}.qzb-hotspot-brush{left:30%;top:72%}.qzb-comic-ready .qzb-enter{animation:qzb-panel-in .42s ease both}@keyframes qzb-panel-in{0%{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:none}}@media(hover:hover)and (pointer:fine){.qzb-tablist button:hover{transform:translateY(-3px)}.qzb-hotspot:hover{filter:brightness(1.08)}}@media(max-width:749px){.qzb-hero-grid{gap:45px}.qzb h1{font-size:clamp(43px,11vw,65px)}.qzb-hero-image{max-width:480px;transform:rotate(1deg);box-shadow:6px 6px #181915;margin-inline:auto}.qzb-burst{right:-8px;top:-22px;width:92px;min-height:84px;font-size:15px}.qzb-benefit-strip span{font-size:11px}.qzb-tab-panel{box-shadow:4px 4px #181915}.qzb-tablist{gap:9px}.qzb-tablist button{font-size:11px;padding:10px}.qzb-bento-tall,.qzb-bento-carry,.qzb-bento-colours{transform:none}.qzb-bento article{box-shadow:4px 4px #181915}.qzb-step-trigger{font-size:20px}.qzb-section h2{font-size:35px}}@media(prefers-reduced-motion:reduce){.qzb .qzb-enter{animation:none!important}.qzb .qzb-button,.qzb .qzb-tablist button{transition:none!important}}.qzb-hero{background-color:#ffdf31;background-image:radial-gradient(#17171427 1.3px,transparent 1.3px),repeating-conic-gradient(from -10deg at 78% 45%,#fff7ce30 0deg 9deg,transparent 9deg 19deg);background-size:10px 10px,100% 100%}.qzb-hero-grid{grid-template-columns:1.06fr .94fr;gap:55px}.qzb-hero h1{font-size:clamp(48px,6.8vw,88px);line-height:.92;text-transform:uppercase}.qzb-hero .qzb-lede{font-weight:600;color:#28281d}.qzb-hero-image{box-shadow:12px 12px #181915;transform:rotate(3deg)}.qzb-hero .qzb-button{background:#171714;color:#fff!important;box-shadow:5px 5px #fff}.qzb-hero .qzb-button:hover{background:#35352c}.qzb-burst{background:#fb693c;color:#fff;border-radius:12% 50% 14% 55%;transform:rotate(11deg);font-size:20px}.qzb-comic-storyboard{background:#fff9e9;background-image:radial-gradient(#1717141e 1px,transparent 1px);background-size:9px 9px;padding:75px 0 85px;border-bottom:3px solid #181915}.qzb-story-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.qzb-story-top h2{font:900 italic clamp(34px,4.5vw,55px)/1 Arial,sans-serif;letter-spacing:-.06em;margin:14px 0 0}.qzb-story-top>p{font-size:13px;max-width:220px}.qzb-comic-storyboard .qzb-label{display:inline-block;background:#ffdd26;padding:6px 10px;border:2px solid #181915;box-shadow:3px 3px #181915;transform:rotate(-2deg)}.qzb-story-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.qzb-story-panel{background:#fff;border:3px solid #181915;box-shadow:6px 6px #181915;overflow:hidden}.qzb-story-panel:nth-child(2){transform:translateY(18px)}.qzb-story-panel:nth-child(3){transform:translateY(36px)}.qzb-story-panel summary{display:flex;align-items:center;gap:15px;padding:18px;background:#ffdc25;font:900 italic 20px/1.08 Arial;cursor:pointer;list-style:none;border-bottom:3px solid #181915}.qzb-story-panel:nth-child(2) summary{background:#a7ddf2}.qzb-story-panel:nth-child(3) summary{background:#f9b5c2}.qzb-story-panel summary::-webkit-details-marker{display:none}.qzb-story-panel summary:after{content:"+";margin-left:auto;font-size:27px}.qzb-story-panel[open] summary:after{content:"\2212"}.qzb-story-number{display:grid;place-items:center;width:39px;height:39px;flex:none;border:2px solid #181915;border-radius:50%;background:#fff;font:900 16px Arial}.qzb-story-panel img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.qzb-story-copy{padding:20px}.qzb-story-copy h3{font-size:23px;line-height:1.1;font-weight:900;font-style:italic}.qzb-story-copy p{font-size:13px;color:#55564b}.qzb-story-copy a{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;text-underline-offset:4px}.qzb-comic-storyboard .qzb-small{margin-top:55px!important}.qzb-editorial{background-color:#aee1f5}.qzb-tab-panel{border-radius:0}.qzb-section-dark{border-block:4px solid #181915}.qzb-step{transform:rotate(-.6deg)}.qzb-step:nth-child(2){transform:rotate(.8deg)}.qzb-end{background:#ffdc25}.qzb-faq details{border-radius:2px}.qzb-story-panel summary:focus-visible,.qzb-story-copy a:focus-visible{outline:3px solid #f36b38;outline-offset:-4px}@media(max-width:749px){.qzb-hero-grid{grid-template-columns:1fr;gap:45px}.qzb-hero h1{font-size:clamp(45px,11vw,67px)}.qzb-story-top{display:block}.qzb-story-top>p{margin-top:14px}.qzb-comic-storyboard{padding:48px 0}.qzb-story-panels{grid-template-columns:1fr;gap:18px}.qzb-story-panel:nth-child(2),.qzb-story-panel:nth-child(3){transform:none}.qzb-story-panel img{max-height:400px}.qzb-comic-storyboard .qzb-small{margin-top:25px!important}.qzb-step,.qzb-step:nth-child(2){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/qzb-comic.css.map */