*,*:before,*:after{box-sizing:border-box}*{margin:0}html{height:100%;overflow:auto}body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}p,ul,li{margin:0;padding:0;list-style-type:none}input,button,textarea,select{font:inherit;color:var(--black)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}fieldset{padding:0;border:none}[hidden]{display:none!important}@font-face{font-family:Roboto Fallback;src:local("Arial");size-adjust:100.3%;ascent-override:92.77%;descent-override:24.41%;line-gap-override:0%}:root{--theme-font: "Roboto", "Roboto Fallback", "Helvetica", "Tahoma", "Arial", sans-serif;--red: #e63c2e;--yellow: #f6a704;--green: #09b775;--purple: #bc60d0;--blue: #1cb5ca;--pink: #f97eb5;--grey: #8a8a8a;--white: #ffffff;--black: #3d3d3d;--pale: #bac0ca;--faint: #f5f5f5;--orange: #f68704;--ground: #eaebf2;--ground-light: #f6f7fa;--red-rgb: 230, 60, 46;--pale-rgb: 218, 216, 218;--orange-rgb: 246, 135, 4;--neon: #00d5f2;--neon-rgb: 0, 213, 242;--magenta: #ff2bd6;--magenta-rgb: 255, 43, 214;--neon-green: #10c46e;--neon-green-rgb: 16, 196, 110;--neon-orange: #ff7a00;--neon-orange-rgb: 255, 122, 0;--input-radius: .2rem;--gutter-left: max(1rem, env(safe-area-inset-left));--gutter-right: max(1rem, env(safe-area-inset-right));--header-base: #17171f;--light-shadow: 0 0 2px rgba(20, 40, 50, .1), 0 1px 3px rgba(20, 40, 50, .05), 0 2px 8px rgba(20, 40, 50, .05);--mid-shadow: 0 0 2px rgba(20, 40, 50, .05), 0 3px 6px rgba(20, 40, 50, .05), 0 4px 12px rgba(20, 40, 50, .1);--heavy-shadow: 0 0 4px rgba(20, 40, 50, .1), 0 4px 8px rgba(20, 40, 50, .1), 0 8px 16px rgba(20, 40, 50, .2);--h1-size: 3rem;--h2-size: 2rem;--h3-size: 1.5rem;--h4-size: 1.25rem;--badge-shine: linear-gradient(137deg, rgba(255,255,255,.25) 0%, rgba(255,255,255,.2) 16%, rgba(255,255,255,.3) 59%, rgba(255,255,255,.1) 81%, rgba(0,0,0,0) 100%)}:root{font-size:1.1rem}body{font-size:1rem;line-height:1.2em;font-family:var(--theme-font);color:var(--black)}h1,h2,h3,h4{line-height:1.05em;font-weight:900;font-family:var(--theme-font)}h1 strong,h2 strong,h3 strong,h4 strong{font-weight:900}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size)}h3{font-size:var(--h3-size);letter-spacing:-1%}h4{font-size:var(--h4-size);letter-spacing:-1%}a{color:var(--blue)}small{display:block;color:var(--grey)}select{-webkit-appearance:none;appearance:none;font-family:var(--theme-font);outline:none;background-color:var(--faint);color:var(--black);border-radius:var(--input-radius);padding:.5rem;border:0;cursor:pointer;box-shadow:inset 0 0 1rem -.5rem #0000001a;border:solid 1px rgba(0,0,0,.05)}fieldset{display:grid;grid-auto-flow:column;align-items:center;cursor:pointer;box-shadow:inset 0 0 1rem -.5rem #0000001a;border:solid 1px rgba(0,0,0,.05);border-radius:var(--input-radius)}fieldset input[type=text]{box-shadow:none!important}input[type=text],input[type=email],input[type=password]{border-radius:.2rem;padding:.5rem 1rem;font-family:var(--theme-font);outline:none;background-color:var(--faint);display:inline-block;border:0;box-shadow:inset 0 0 1rem -.5rem #0000001a;border:solid 1px rgba(0,0,0,.11);width:100%}input[type=checkbox]{cursor:pointer;-webkit-appearance:none;appearance:none}input[type=checkbox]:before{content:"";color:var(--white);line-height:.9rem;font-size:1.6rem;border:solid 1px var(--grey);width:1rem;height:1rem;background-color:#fff;margin:0rem .1rem 0rem 0rem;vertical-align:middle;display:inline-block;position:relative;top:-.1rem}input[type=checkbox]:checked:before{content:"\d7";background-color:var(--black);border:solid 1px var(--black)}button{border:0}.button{background-color:var(--color);font-size:1.1rem;font-weight:700;color:#fff;position:relative;display:inline-block;z-index:1;text-decoration:none;cursor:pointer;font-family:var(--theme-font);border:0;border-bottom:solid .4rem rgba(var(--color),.5);outline:none;border-radius:.2rem;padding:.75rem 1rem;text-align:center;box-shadow:var(--mid-shadow)}.button:hover{filter:brightness(110%)}.button:disabled{opacity:.5;cursor:not-allowed}.button.red{--color: var(--red)}.button.yellow{--color: var(--yellow)}.button.green{--color: var(--green)}.button.purple{--color: var(--purple)}.button.blue{--color: var(--blue)}.button.pink{--color: var(--pink)}.button.grey{--color: var(--grey)}.button.white{--color: var(--white)}.button.black{--color: var(--black)}.button.pale{--color: var(--pale)}.button.faint{--color: var(--faint)}.button.orange{--color: var(--orange)}.button svg{display:inline-block;box-sizing:content-box;width:1.2rem;padding:.05rem .25rem 0 0;vertical-align:top}.button.icon-right svg{padding:.05rem 0 0 .25rem}.container>div{max-width:1880px;margin:0 auto;padding:1rem var(--gutter-right) 1rem var(--gutter-left)}.container{background-color:var(--ground)}#header{z-index:100}.box{padding:1rem;background-color:#fff}.title{display:grid;grid-auto-flow:column;grid-gap:.25rem 1rem;justify-content:left;align-items:end;margin-bottom:1rem}.title h1{margin:0;line-height:1em}.title h1>span{font-weight:700;line-height:1em;font-size:var(--h4-size);color:#9a989a;margin-bottom:.225rem}.title h1>span>a{color:var(--grey);text-decoration:none}.title h1>span>a:hover{text-decoration:underline}product-badge{--chip: var(--grey);position:absolute;bottom:.75rem;left:0;z-index:6;padding:.35rem 1.2rem .35rem .85rem;clip-path:polygon(0 0,100% 0,calc(100% - .6rem) 100%,0 100%);font-size:.95rem;font-weight:700;line-height:1.2;white-space:nowrap;color:var(--white);background-color:var(--chip)}product-badge._popular{--chip: var(--magenta)}product-badge._new{--chip: var(--neon)}product-badge._discounted{--chip: var(--neon-orange)}product-badge._preorder{--chip: var(--blue)}product-badge._outofstock{--chip: var(--grey)}product-badge._retired{--chip: var(--black)}.result{display:grid;grid-template-rows:1fr auto;padding:0!important;background-color:var(--white);align-content:start;color:var(--black);border-radius:.75rem;position:relative;transition:box-shadow .15s ease}.result:hover{box-shadow:var(--heavy-shadow)}.result>a{display:grid;grid-template-rows:auto 1fr;color:inherit;text-decoration:none}.result .image{position:relative;width:100%;aspect-ratio:1/1}.result .image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;z-index:5;border-radius:.75rem .75rem 0 0}.result .image .rating{position:absolute;top:.6rem;right:.6rem;z-index:6;display:flex;align-items:center;padding:.25rem .6rem;border-radius:1rem;background-color:var(--white);box-shadow:var(--light-shadow)}.result .image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;pointer-events:none;background:linear-gradient(to top,#0000000d,#0000)}.result .details{padding:.75rem 1rem .5rem}.result .details h4{display:inline}.result .details h4 small{display:inline-block;font-weight:700;font-size:80%}.result .details p{font-size:90%;color:var(--black);line-height:110%;margin:.25rem 0}.result:hover .details h4{text-decoration:underline;text-underline-offset:.1rem}.result footer{position:static;z-index:auto;max-width:none;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0;padding:.5rem 1rem .75rem;color:var(--black)}.result footer .actions{display:flex;align-items:center;gap:.25rem}.result footer product-price{margin-left:auto;text-align:right}.result footer product-price div{font-size:var(--h4-size);font-weight:900;display:inline-block}.result footer product-price small{color:var(--grey)}.result footer .add{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;box-sizing:border-box;padding:0 .85rem 0 .7rem;border:solid 2px var(--neon-green);border-radius:1rem;background-color:var(--neon-green);font:inherit;font-size:.85rem;font-weight:700;color:var(--white);white-space:nowrap;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.result footer .add:hover{background-color:color-mix(in srgb,var(--neon-green),var(--white) 8%);box-shadow:var(--mid-shadow)}.result footer .add svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.result footer .add .done,.result footer .add .refusal{display:none}.result footer .add.added{border-color:var(--header-base);background-color:var(--header-base);box-shadow:none}.result footer .add.refused{border-color:var(--grey);background-color:var(--grey);box-shadow:none}.result footer .add.added .label,.result footer .add.refused .label{display:none}.result footer .add.added .done,.result footer .add.refused .refusal{display:inline}star-rating{display:inline-grid;grid-template-columns:auto auto;justify-content:left;justify-items:left;align-items:center;grid-gap:.25rem;width:fit-content}star-rating span{font-size:.85rem;color:var(--grey)}star-rating svg{height:.9rem!important;position:relative;top:-.05rem}@media screen and (max-width:608px){.desktop-only{display:none!important}:root{--gutter-left: max(.5rem, env(safe-area-inset-left));--gutter-right: max(.5rem, env(safe-area-inset-right))}}@media screen and (min-width:609px){.mobile-only{display:none!important}}.review{font-size:.95rem;line-height:1.4}.review .inner{padding:.75rem 1rem;border-radius:.75rem;background-color:var(--white)}.review.dummy{grid-row-end:span 210;height:12rem;border-radius:.75rem;background-color:var(--white);opacity:.6}.review header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.review header star-rating span{display:none}.review header time{font-size:.8rem;color:var(--grey);white-space:nowrap}.review .comment{margin:.5rem 0 0;overflow-wrap:anywhere}.review .photos{display:grid;grid-gap:.5rem;margin-top:.75rem}.review .photos img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:.5rem}.review footer{position:static;z-index:auto;max-width:none;display:flex;align-items:center;gap:.6rem;margin:.6rem 0 0;padding:.6rem 0 0;border-top:solid 1px var(--ground);font-size:.85rem;color:var(--grey)}.review footer>div{flex:1 1 auto;min-width:0}.review footer b{color:var(--black)}.review footer a{color:var(--black);text-decoration-color:var(--pale)}.review footer a:hover{color:var(--accent, var(--blue))}.review footer .avatar{flex:none;width:40px;height:40px;border-radius:50%}.review footer .product{flex:none}.review footer .product img{display:block;width:56px;height:56px;max-width:none;border-radius:.5rem;object-fit:cover}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:1px;column-gap:1rem;row-gap:0;align-items:start}@supports (grid-template-rows: masonry){.review-grid{grid-template-rows:masonry;grid-auto-rows:auto;row-gap:1rem}}@supports (display: masonry){.review-grid{display:masonry;masonry-template-tracks:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:auto;row-gap:1rem}}.strip-band{position:relative}.strip{display:grid;grid-auto-flow:column;grid-gap:1rem;margin:-1.5rem calc(var(--gutter-right) * -1) -1.5rem calc(var(--gutter-left) * -1);padding:1.5rem var(--gutter-right) 1.5rem var(--gutter-left);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:var(--gutter-left);scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip>*{scroll-snap-align:start}.strip-band .step{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background-color:var(--magenta);box-shadow:var(--heavy-shadow);color:var(--white);cursor:pointer;transform:translateY(-50%);transition:background-color .15s ease}.strip-band .step:hover{background-color:color-mix(in srgb,var(--magenta),var(--white) 12%)}.strip-band .step svg{width:24px;height:24px}.strip-band .step.back{left:calc(var(--gutter-left) * -1 + .5rem)}.strip-band .step.forward{right:calc(var(--gutter-right) * -1 + .5rem)}@media screen and (max-width:608px){.strip-band .step{display:none}}.dummy{-webkit-mask-image:linear-gradient(45deg,#000 25%,#0003,#000 75%);mask-image:linear-gradient(45deg,#000 25%,#0003,#000 75%);-webkit-mask-size:800%;mask-size:800%;-webkit-mask-position:0;mask-position:0;animation:dummy-shine 2s ease infinite}@keyframes dummy-shine{0%{-webkit-mask-position:0;mask-position:0}to{-webkit-mask-position:120%;mask-position:120%}}product-variant{display:none}
/*# sourceMappingURL=/cdn/shop/t/123/assets/pimoroni.css.map */