.chamfer{position:relative;background:transparent}.chamfer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:gray;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.chamfer:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:transparent;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.button-screwfix-success{background:linear-gradient(0deg,#056a18,0,#3e961c,49%,#5eab2a,52%,#82c72c);border:1px solid #0f701d;color:#fff;border-radius:5px;font-size:clamp(18px,1.7vw,20px);padding:0 10px;font-weight:600;-webkit-font-smoothing:antialiased;align-items:center}.button-screwfix-success:hover{background:linear-gradient(0deg,#024b0d,0,#26770f,49%,#408f18,52%,#62b11a);border:1px solid #085010;cursor:pointer}.button-screwfix-success:disabled{background:#b1d795;border:1px solid #87b88e;color:#fff;cursor:default}.button-screwfix-success.has-icon{position:relative}.button-screwfix-success.has-icon:after{position:absolute;content:"";width:1em;height:1em;top:50%;right:1em;margin-top:-.5em;border-left:1px solid rgba(0,0,0,.1);box-shadow:-1px 0 #ffffff26}.button-screwfix-primary{background:linear-gradient(180deg,#186ab8 0,#1867b1 50%,#004c92 0,#004587);border-color:#255d92;color:#fff;border-radius:5px;font-size:clamp(18px,1.7vw,20px);padding:0 10px;font-weight:600;-webkit-font-smoothing:antialiased;align-items:center}.button-screwfix-primary:hover{background-image:linear-gradient(180deg,#0d4b9e 0,#0d4896 50%,#003173 0,#002c67);border-color:#255d92;color:#fff;cursor:pointer}.button-screwfix-primary:disabled{background:#9bbbd8;border:1px solid #7fa4c5;color:#fff;cursor:default}.button-screwfix-secondary{background:linear-gradient(0deg,#e7e7e7 0,#f0f0f0 50%,#f6f6f6 0,#fcfcfc);border:1px solid #d1d1d1;color:#636363;border-radius:5px;font-weight:600;padding:0 10px;font-size:clamp(18px,1.7vw,20px);-webkit-font-smoothing:antialiased;align-items:center}.button-screwfix-secondary:hover{background:linear-gradient(0deg,#d1d1d1 0,#e2e2e2 50%,#ededed 0,#f9f9f9);border:1px solid #ababab;color:#636363;cursor:pointer}.button-screwfix-secondary:disabled{background:#e5e5e5;border:1px solid #cfcfcf;color:#a5a5a5;cursor:default}.button-screwfix-warning{background:linear-gradient(0deg,#d8890c,0,#e99b1c,49%,#f5a82e,52%,#ffae3c);border:1px solid #d58d1a;color:#fff;border-radius:5px;font-size:clamp(18px,1.7vw,20px);padding:0 10px;font-weight:600;-webkit-font-smoothing:antialiased;align-items:center}.button-screwfix-warning:hover{background:linear-gradient(0deg,#b96f05,0,#ce830d,49%,#df9418,52%,#f2a52c);border:1px solid #b9770c;color:#fff;cursor:pointer}.button-screwfix-warning:disabled{background:#f1cf9a;border:1px solid #d8b77d;color:#fff;cursor:default}.button-screwfix-warning.has-icon{position:relative}.button-screwfix-warning.has-icon:after{position:absolute;content:"";width:1em;height:1em;top:50%;right:1em;margin-top:-.5em;border-left:1px solid rgba(0,0,0,.1);box-shadow:-1px 0 #ffffff26}.button-screwfix-danger{background:linear-gradient(0deg,#8f070d,0,#a60910,49%,#b70c13,52%,#c92b31);border:1px solid #930b11;color:#fff;border-radius:5px;font-size:clamp(18px,1.7vw,20px);padding:0 10px;font-weight:600;-webkit-font-smoothing:antialiased;align-items:center}.button-screwfix-danger:hover{background:linear-gradient(0deg,#700308,0,#87060b,49%,#99090f,52%,#ad1b21);border:1px solid #78060b;color:#fff;cursor:pointer}.button-screwfix-danger:disabled{background:#d99a9d;border:1px solid #bd7d81;color:#fff;cursor:default}.button-screwfix-danger.has-icon{position:relative}.button-screwfix-danger.has-icon:after{position:absolute;content:"";width:1em;height:1em;top:50%;right:1em;margin-top:-.5em;border-left:1px solid rgba(0,0,0,.1);box-shadow:-1px 0 #ffffff26}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(-10%)}}.animate-bounceY{animation:bounceY .45s ease-in-out infinite}@keyframes swipeFromRight{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes moveFromRight{0%{transform:translate(100vw)}to{transform:translate(0)}}.animate-move-from-right{animation:moveFromRight .45s forwards}.animate-swipe-from-right{animation:swipeFromRight .5s cubic-bezier(.36,0,.66,-.76) forwards}.animate-fade-out{animation:fadeOut .5s ease-in-out forwards}.animate-swipe-from-right-fade-out{animation:swipeFromRight .4s forwards,fadeOut .5s ease-in-out forwards}.animate-scale-in{animation:scaleIn .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes floatingUp{0%{transform:translateY(0);opacity:1}to{opacity:0;transform:translateY(10)}}@font-face{font-family:archivo_narrowbold;src:url(./archivonarrow-bold-webfont-Dz0XTsWm.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:archivo_narrowregular;src:url(./archivonarrow-regular-webfont-Oto1NRum.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:screwfix_betabold;src:url(./screwfix_bold-webfont_v2-gM3YY2vl.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:screwfix_betaheavy;src:url(./screwfix_heavy-webfont_v2-B8ZfwoLk.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:screwfix_betaregular;src:url(./screwfix_regular-webfont_v2-DYs9KT-4.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:screwfix_light;src:url(./Screwfix-ExtendedLight-CUbXTAFe.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}*{-webkit-user-select:none;user-select:none}#root{min-height:100dvh}body{font-size:1em;color:#0053a0;background-color:#f6f6f6;font: 700 16px/19px archivo_narrowregular,sans-serif}body[data-scroll-locked]{pointer-events:auto!important}/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-neutral-400:oklch(70.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-screwfix-blue-primary:var(--screwfix-blue-primary);--text-2xl-fluid:var(--2xl-fluid);--text-4xl-fluid:var(--4xl-fluid)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[4px\]{top:4px;right:4px;bottom:4px;left:4px}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-5{top:calc(var(--spacing)*-5)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-\[-18px\]{top:-18px}.top-\[-30px\]{top:-30px}.top-\[-44px\]{top:-44px}.top-\[17px\]{top:17px}.top-\[20px\]{top:20px}.top-\[50\%\]{top:50%}.-right-\[12px\]{right:-12px}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.right-\[8px\]{right:8px}.right-\[14px\]{right:14px}.right-\[16px\]{right:16px}.right-\[18px\]{right:18px}.right-\[58px\]{right:58px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-3{bottom:calc(var(--spacing)*3)}.bottom-\[16px\]{bottom:16px}.bottom-full{bottom:100%}.-left-5{left:calc(var(--spacing)*-5)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[8px\]{left:8px}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-11{z-index:11}.z-20{z-index:20}.z-50{z-index:50}.z-51{z-index:51}.z-52{z-index:52}.z-\[1\]{z-index:1}.z-\[51\]{z-index:51}.z-\[52\]{z-index:52}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[110\]{z-index:110}.z-\[111\]{z-index:111}.z-\[10000\]{z-index:10000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.-mx-\[18px\]{margin-inline:-18px}.mx-auto{margin-inline:auto}.my-\[18px\]{margin-block:18px}.my-\[22px\]{margin-block:22px}.-mt-\[18px\]{margin-top:-18px}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-\[-5px\]{margin-top:-5px}.mt-\[1px\]{margin-top:1px}.mt-\[3px\]{margin-top:3px}.mt-\[4px\]{margin-top:4px}.mt-\[5px\]{margin-top:5px}.mt-\[6px\]{margin-top:6px}.mt-\[7px\]{margin-top:7px}.mt-\[8px\]{margin-top:8px}.mt-\[9px\]{margin-top:9px}.mt-\[10px\]{margin-top:10px}.mt-\[12px\]{margin-top:12px}.mt-\[13px\]{margin-top:13px}.mt-\[14px\]{margin-top:14px}.mt-\[15px\]{margin-top:15px}.mt-\[16px\]{margin-top:16px}.mt-\[17px\]{margin-top:17px}.mt-\[19px\]{margin-top:19px}.mt-\[20px\]{margin-top:20px}.mt-\[22px\]{margin-top:22px}.mt-\[24px\]{margin-top:24px}.mt-\[28px\]{margin-top:28px}.mt-\[34px\]{margin-top:34px}.mt-auto{margin-top:auto}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-10{margin-right:calc(var(--spacing)*10)}.mr-\[-32px\]{margin-right:-32px}.mr-\[10\]{margin-right:10px}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.mb-\[34px\]{margin-bottom:34px}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-10{margin-left:calc(var(--spacing)*10)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-20{height:calc(var(--spacing)*20)}.h-50{height:calc(var(--spacing)*50)}.h-\[1em\]{height:1em}.h-\[1px\]{height:1px}.h-\[2\.5vh\]{height:2.5vh}.h-\[4vh\]{height:4vh}.h-\[6px\]{height:6px}.h-\[8\.5vh\]{height:8.5vh}.h-\[8px\]{height:8px}.h-\[8vh\]{height:8vh}.h-\[9px\]{height:9px}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[21px\]{height:21px}.h-\[22px\]{height:22px}.h-\[23px\]{height:23px}.h-\[25px\]{height:25px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[56px\]{height:56px}.h-\[60\%\]{height:60%}.h-\[80\%\]{height:80%}.h-\[80px\]{height:80px}.h-\[100px\]{height:100px}.h-\[113px\]{height:113px}.h-\[calc\(100dvh_-_16px\)\]{height:calc(100dvh - 16px)}.h-\[clamp\(300px\,42dvh\,396px\)\]{height:clamp(300px,42dvh,396px)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[40\%\]{max-height:40%}.max-h-\[900px\]{max-height:900px}.max-h-\[calc\(100dvh-32px\)\]{max-height:calc(100dvh - 32px)}.max-h-\[calc\(100dvh_-_16px\)\]{max-height:calc(100dvh - 16px)}.max-h-\[calc\(100dvh_-_32px\)\]{max-height:calc(100dvh - 32px)}.max-h-\[calc\(100vh-120px\)\]{max-height:calc(100vh - 120px)}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-\[8vh\]{min-height:8vh}.min-h-\[10vh\]{min-height:10vh}.min-h-\[22px\]{min-height:22px}.min-h-\[34px\]{min-height:34px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[50vh\]{min-height:50vh}.min-h-\[116px\]{min-height:116px}.w-3\/4{width:75%}.w-20{width:calc(var(--spacing)*20)}.w-72{width:calc(var(--spacing)*72)}.w-\[1em\]{width:1em}.w-\[1px\]{width:1px}.w-\[9px\]{width:9px}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[17px\]{width:17px}.w-\[18px\]{width:18px}.w-\[21px\]{width:21px}.w-\[22px\]{width:22px}.w-\[23px\]{width:23px}.w-\[25px\]{width:25px}.w-\[28px\]{width:28px}.w-\[30\%\]{width:30%}.w-\[30px\]{width:30px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[38px\]{width:38px}.w-\[40px\]{width:40px}.w-\[44px\]{width:44px}.w-\[46px\]{width:46px}.w-\[47\%\]{width:47%}.w-\[48px\]{width:48px}.w-\[50\%\]{width:50%}.w-\[50px\]{width:50px}.w-\[54px\]{width:54px}.w-\[64px\]{width:64px}.w-\[80px\]{width:80px}.w-\[80vw\]{width:80vw}.w-\[85vw\]{width:85vw}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[113px\]{width:113px}.w-\[calc\(100\%_-_16px\)\]{width:calc(100% - 16px)}.w-\[calc\(100\%_-_32px\)\]{width:calc(100% - 32px)}.w-\[var\(--design-card-width\)\]{width:var(--design-card-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[350px\]{max-width:350px}.max-w-\[390px\]{max-width:390px}.max-w-\[430px\]{max-width:430px}.max-w-\[450px\]{max-width:450px}.max-w-\[455px\]{max-width:455px}.max-w-\[500px\]{max-width:500px}.max-w-\[520px\]{max-width:520px}.max-w-\[540px\]{max-width:540px}.max-w-\[640px\]{max-width:640px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100\%-32px\)\]{max-width:calc(100% - 32px)}.max-w-\[calc\(100vw-62px\)\]{max-width:calc(100vw - 62px)}.max-w-\[full\]{max-width:full}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[20px\]{min-width:20px}.min-w-\[34px\]{min-width:34px}.min-w-\[60vw\]{min-width:60vw}.min-w-\[85vw\]{min-width:85vw}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[progress-indeterminate_1\.5s_infinite\]{animation:1.5s infinite progress-indeterminate}.animate-\[spin_2s_linear_infinite\]{animation:2s linear infinite spin}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.touch-auto{touch-action:auto}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\[2px\]{gap:2px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.gap-\[7px\]{gap:7px}.gap-\[8px\]{gap:8px}.gap-\[9px\]{gap:9px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[14px\]{gap:14px}.gap-\[16px\]{gap:16px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.gap-\[24px\]{gap:24px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[16px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(16px*var(--tw-space-y-reverse));margin-block-end:calc(16px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[17px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(17px*var(--tw-space-y-reverse));margin-block-end:calc(17px*calc(1 - var(--tw-space-y-reverse)))}.gap-x-\[9px\]{column-gap:9px}.gap-y-\[7px\]{row-gap:7px}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.divide-\[\#d1d1d1\]>:not(:last-child)){border-color:#d1d1d1}.self-center{align-self:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-smooth{scroll-behavior:smooth}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\[8px\]{border-top-left-radius:8px;border-top-right-radius:8px}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.\!border-r{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-l{border-left-style:var(--tw-border-style)!important;border-left-width:1px!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\!border-screwfix-grey-2{border-color:var(--screwfix-grey-2)!important}.border-\[\#d1d1d1\]{border-color:#d1d1d1}.border-\[\#e5e5e5\]{border-color:#e5e5e5}.border-\[\#ebebeb\]{border-color:#ebebeb}.border-\[\#f0f0f3\]{border-color:#f0f0f3}.border-blue-200{border-color:var(--color-blue-200)}.border-border{border-color:var(--border)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-input{border-color:var(--input)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-screwfix-blue-primary{border-color:var(--screwfix-blue-primary)}.border-screwfix-blue-tint-2{border-color:var(--screwfix-blue-tint-2)}.border-screwfix-grey-1{border-color:var(--screwfix-grey-1)}.border-screwfix-grey-2{border-color:var(--screwfix-grey-2)}.border-screwfix-grey-3{border-color:var(--screwfix-grey-3)}.border-slate-700{border-color:var(--color-slate-700)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\[\#3f961c\]{background-color:#3f961c}.bg-\[\#7bc12b\]{background-color:#7bc12b}.bg-\[\#0053a0\]{background-color:#0053a0}.bg-\[\#00366a\]{background-color:#00366a}.bg-\[\#3175b7\]{background-color:#3175b7}.bg-\[\#d1d1d1\]{background-color:#d1d1d1}.bg-\[\#dfeeff\]{background-color:#dfeeff}.bg-\[\#f2fde3\]{background-color:#f2fde3}.bg-\[\#f9f9f9\]{background-color:#f9f9f9}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-danger{background-color:var(--danger)}.bg-dark{background-color:var(--dark)}.bg-destructive{background-color:var(--destructive)}.bg-ghost{background-color:var(--ghost)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-600{background-color:var(--color-green-600)}.bg-info{background-color:var(--info)}.bg-input{background-color:var(--input)}.bg-light{background-color:var(--light)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-screwfix-blue-primary{background-color:var(--screwfix-blue-primary)}.bg-screwfix-blue-shade-3{background-color:var(--screwfix-blue-shade-3)}.bg-screwfix-blue-tint-3{background-color:var(--screwfix-blue-tint-3)}.bg-screwfix-grey-2{background-color:var(--screwfix-grey-2)}.bg-screwfix-yellow{background-color:var(--screwfix-yellow)}.bg-secondary{background-color:var(--secondary)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(to_top\,rgba\(0\,0\,0\,0\.24\)\,rgba\(0\,0\,0\,0\.08\)_45\%\,transparent\)\]{background-image:linear-gradient(#0000,#00000014 55%,#0000003d)}.bg-\[radial-gradient\(\#fff_23\%\,\#40961c_30\%\,\#327616_70\%\,\#337d18_71\%\)\]{background-image:radial-gradient(#fff 23%,#40961c 30%,#327616 70%,#337d18 71%)}.fill-\[\#0053a0\]{fill:#0053a0}.fill-\[\#0870df\]{fill:#0870df}.fill-black{fill:var(--color-black)}.fill-blue-600{fill:var(--color-blue-600)}.fill-current{fill:currentColor}.fill-screwfix-blue-primary{fill:var(--screwfix-blue-primary)}.fill-screwfix-blue-shade-2{fill:var(--screwfix-blue-shade-2)}.fill-screwfix-red-shade-1{fill:var(--screwfix-red-shade-1)}.fill-white{fill:var(--color-white)}.object-contain{object-fit:contain}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.p-\[2px\]{padding:2px}.p-\[12px\]{padding:12px}.p-\[14px\]{padding:14px}.p-\[16px\]{padding:16px}.\!px-\[10px\]{padding-inline:10px!important}.\!px-\[12px\]{padding-inline:12px!important}.\!px-\[18px\]{padding-inline:18px!important}.\!px-\[22px\]{padding-inline:22px!important}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[4px\]{padding-inline:4px}.px-\[6px\]{padding-inline:6px}.px-\[8px\]{padding-inline:8px}.px-\[11px\]{padding-inline:11px}.px-\[13px\]{padding-inline:13px}.px-\[14px\]{padding-inline:14px}.px-\[16px\]{padding-inline:16px}.px-\[18px\]{padding-inline:18px}.px-\[20px\]{padding-inline:20px}.px-\[22px\]{padding-inline:22px}.px-\[24px\]{padding-inline:24px}.px-\[30px\]{padding-inline:30px}.px-\[54px\]{padding-inline:54px}.px-\[calc\(\(100cqw_-_var\(--design-card-width\)\)_\/_2\)\]{padding-inline:calc((100cqw - var(--design-card-width))/2)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-\[7px\]{padding-block:7px}.py-\[14px\]{padding-block:14px}.py-\[16px\]{padding-block:16px}.py-\[18px\]{padding-block:18px}.py-\[19px\]{padding-block:19px}.py-\[22px\]{padding-block:22px}.py-\[24px\]{padding-block:24px}.py-\[26px\]{padding-block:26px}.py-\[28px\]{padding-block:28px}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\[5px\]{padding-top:5px}.pt-\[8vh\]{padding-top:8vh}.pt-\[10px\]{padding-top:10px}.pt-\[16px\]{padding-top:16px}.pt-\[22px\]{padding-top:22px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-\[30px\]{padding-right:30px}.pr-\[62px\]{padding-right:62px}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-\[4px\]{padding-bottom:4px}.pb-\[24px\]{padding-bottom:24px}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.\[font-family\:archivo_narrowbold\,sans-serif\]{font-family:archivo narrowbold,sans-serif}.\[font-family\:archivo_narrowregular\,sans-serif\]{font-family:archivo narrowregular,sans-serif}.font-\[Arial\]{font-family:Arial}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[14px\]{font-size:14px!important}.\!text-\[16px\]{font-size:16px!important}.\!text-\[17px\]{font-size:17px!important}.\!text-\[clamp\(18px\,calc\(16px_\+_0\.3vw\)\,19px\)\]{font-size:clamp(18px,16px + .3vw,19px)!important}.text-2xl-fluid{font-size:var(--2xl-fluid)}.text-4xl-fluid{font-size:var(--4xl-fluid)}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[23px\]{font-size:23px}.text-\[24px\]{font-size:24px}.text-\[25px\]{font-size:25px}.text-\[26px\]{font-size:26px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[48px\]{font-size:48px}.text-\[clamp\(14px\,1\.3vw\,16px\)\]{font-size:clamp(14px,1.3vw,16px)}.text-\[clamp\(14px\,1\.5vw\,18px\)\]{font-size:clamp(14px,1.5vw,18px)}.text-\[clamp\(16px\,calc\(14px_\+_0\.3vw\)\,17px\)\]{font-size:clamp(16px,14px + .3vw,17px)}.text-\[clamp\(17px\,1\.5vw\,18px\)\]{font-size:clamp(17px,1.5vw,18px)}.text-\[clamp\(17px\,1\.5vw\,22px\)\]{font-size:clamp(17px,1.5vw,22px)}.text-\[clamp\(17px\,calc\(15px_\+_0\.3vw\)\,18px\)\]{font-size:clamp(17px,15px + .3vw,18px)}.text-\[clamp\(18px\,calc\(16px_\+_0\.3vw\)\,19px\)\]{font-size:clamp(18px,16px + .3vw,19px)}.text-\[clamp\(20px\,calc\(16px_\+_0\.3vw\)\,24px\)\]{font-size:clamp(20px,16px + .3vw,24px)}.text-\[clamp\(22px\,2vw\,26px\)\]{font-size:clamp(22px,2vw,26px)}.text-\[clamp\(24px\,2\.4vw\,28px\)\]{font-size:clamp(24px,2.4vw,28px)}.text-\[clamp\(24px\,calc\(22px_\+_0\.3vw\)\,25px\)\]{font-size:clamp(24px,22px + .3vw,25px)}.text-\[clamp\(27px\,calc\(25px_\+_0\.3vw\)\,28px\)\]{font-size:clamp(27px,25px + .3vw,28px)}.text-xl-fluid{font-size:var(--xl-fluid)}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[17px\]{--tw-leading:17px;line-height:17px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[19px\]{--tw-leading:19px;line-height:19px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[29px\]{--tw-leading:29px;line-height:29px}.leading-\[31px\]{--tw-leading:31px;line-height:31px}.leading-\[33px\]{--tw-leading:33px;line-height:33px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.tracking-\[0\.025em\]{--tw-tracking:.025em;letter-spacing:.025em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[\#10701d\]{color:#10701d}.text-\[\#062246\]{color:#062246}.text-\[\#607698\]{color:#607698}.text-\[\#636363\]{color:#636363}.text-\[white\]{color:#fff}.text-blue-700{color:var(--color-blue-700)}.text-danger{color:var(--danger)}.text-foreground{color:var(--foreground)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-screwfix-blue-shade-1{color:var(--screwfix-blue-shade-1)}.text-screwfix-blue-shade-2{color:var(--screwfix-blue-shade-2)}.text-screwfix-blue-shade-3{color:var(--screwfix-blue-shade-3)}.text-screwfix-grey-4{color:var(--screwfix-grey-4)}.text-screwfix-red-shade-1{color:var(--screwfix-red-shade-1)}.text-screwfix-red-tint-1{color:var(--screwfix-red-tint-1)}.text-screwfix-yellow{color:var(--screwfix-yellow)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-slate-200{color:var(--color-slate-200)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-900{color:var(--color-slate-900)}.text-success-foreground{color:var(--success-foreground)}.text-white{color:var(--color-white)}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white)35%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-white\/60{text-decoration-color:#fff9}@supports (color:color-mix(in lab,red,red)){.decoration-white\/60{-webkit-text-decoration-color:color-mix(in oklab,var(--color-white)60%,transparent);text-decoration-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[3px\]{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_-2px_6px_-2px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 -2px 6px -2px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_3px_rgba\(10\,10\,10\,0\.14\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0a0a0a24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(10\,10\,10\,0\.03\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#0a0a0a08);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(10\,10\,10\,0\.18\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#0a0a0a2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_5px_rgba\(10\,10\,10\,0\.24\)\]{--tw-shadow:0 1px 5px var(--tw-shadow-color,#0a0a0a3d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(6\,34\,70\,0\.3\)\]{--tw-shadow:0 6px 20px var(--tw-shadow-color,#0622464d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_45px_rgba\(10\,10\,10\,0\.2\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,#0a0a0a33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(10\,10\,10\,0\.22\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,#0a0a0a38);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(0\,0\,0\,0\.25\)\,inset_0_-1px_2px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#00000040),inset 0 -1px 2px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_2px_5px_rgba\(10\,10\,10\,0\.08\)\]{--tw-shadow:inset 0 2px 5px var(--tw-shadow-color,#0a0a0a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-slate-200{outline-color:var(--color-slate-200)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\[0px\]{--tw-backdrop-blur:blur(0px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[bottom\,transform\]{transition-property:bottom,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,background-color\]{transition-property:width,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--design-card-width\:calc\(100cqw_-_72px\)\]{--design-card-width: calc(100cqw - 72px) }.\[--design-card-width\:calc\(100cqw_-_108px\)\]{--design-card-width: calc(100cqw - 108px) }.\[--design-card-width\:min\(640px\,100cqw\)\]{--design-card-width:min(640px,100cqw)}.\[--text-2xl-fluid\:clamp\(18px\,1\.7vw\,20px\)\]{--text-2xl-fluid:clamp(18px,1.7vw,20px)}.\[--text-4xl-fluid\:28px\]{--text-4xl-fluid:28px}.\[--text-base\:clamp\(16px\,1\.5vw\,18px\)\]{--text-base:clamp(16px,1.5vw,18px)}.\[--text-lg\:20px\]{--text-lg:20px}.\[--text-sm\:clamp\(16px\,1\.5vw\,18px\)\]{--text-sm:clamp(16px,1.5vw,18px)}.\[--text-xs\:clamp\(14px\,1\.3vw\,16px\)\]{--text-xs:clamp(14px,1.3vw,16px)}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}.\[scrollbar-width\:none\]{scrollbar-width:none}@media (hover:hover){.group-hover\:-translate-x-\[2px\]:is(:where(.group):hover *){--tw-translate-x: -2px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:bg-gray-400:is(:where(.group):hover *){background-color:var(--color-gray-400)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus-visible\:-translate-x-\[2px\]:is(:where(.group):focus-visible *){--tw-translate-x: -2px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.file\:\[--text-sm\:clamp\(16px\,1\.5vw\,18px\)\]::file-selector-button{--text-sm:clamp(16px,1.5vw,18px)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.placeholder\:text-screwfix-grey-3::placeholder{color:var(--screwfix-grey-3)}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-screwfix-grey-3:hover{border-color:var(--screwfix-grey-3)}.hover\:bg-\[\#2ecc71\]:hover{background-color:#2ecc71}.hover\:bg-\[\#3e5264\]:hover{background-color:#3e5264}.hover\:bg-\[\#5dade2\]:hover{background-color:#5dade2}.hover\:bg-\[\#d5d8dc\]:hover{background-color:#d5d8dc}.hover\:bg-\[\#f0ebeb\]:hover{background-color:#f0ebeb}.hover\:bg-\[\#f5b041\]:hover{background-color:#f5b041}.hover\:bg-\[\#ff6b5a\]:hover{background-color:#ff6b5a}.hover\:bg-\[\#ffffff\]:hover{background-color:#fff}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-screwfix-blue-shade-2\/5:hover{background-color:var(--screwfix-blue-shade-2)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-screwfix-blue-shade-2\/5:hover{background-color:color-mix(in oklab,var(--screwfix-blue-shade-2)5%,transparent)}}.hover\:bg-screwfix-blue-shade-3:hover{background-color:var(--screwfix-blue-shade-3)}.hover\:bg-screwfix-red-shade-1\/5:hover{background-color:var(--screwfix-red-shade-1)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-screwfix-red-shade-1\/5:hover{background-color:color-mix(in oklab,var(--screwfix-red-shade-1)5%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-slate-500:hover{background-color:var(--color-slate-500)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-screwfix-blue-shade-1:hover{color:var(--screwfix-blue-shade-1)}.hover\:text-screwfix-yellow:hover{color:var(--screwfix-yellow)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_2px_6px_rgba\(10\,10\,10\,0\.22\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0a0a0a38);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-ring:focus{border-color:var(--ring)}.focus\:shadow-\[0_0_0_3px_var\(--screwfix-blue-tint-2\)\,inset_0_2px_5px_rgba\(10\,10\,10\,0\.06\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--screwfix-blue-tint-2)),inset 0 2px 5px var(--tw-shadow-color,#0a0a0a0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-screwfix-blue-primary\/35:focus{--tw-ring-color:var(--screwfix-blue-primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-screwfix-blue-primary\/35:focus{--tw-ring-color:color-mix(in oklab,var(--screwfix-blue-primary)35%,transparent)}}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)30%,transparent)}}.focus-visible\:ring-ring\/35:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/35:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)35%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-screwfix-yellow\/70:focus-visible{--tw-ring-color:var(--screwfix-yellow)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-screwfix-yellow\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--screwfix-yellow)70%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-\[-3px\]:focus-visible{outline-offset:-3px}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-screwfix-blue-primary:focus-visible{outline-color:var(--screwfix-blue-primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:translate-y-\[1px\]:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-transparent:active{background-color:#0000}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted:disabled{background-color:var(--muted)}.disabled\:text-muted-foreground:disabled{color:var(--muted-foreground)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-duration,.15s)var(--tw-ease,ease)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-duration,.15s)var(--tw-ease,ease)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:inset-\[8px\]{top:8px;right:8px;bottom:8px;left:8px}.sm\:top-\[21px\]{top:21px}.sm\:right-\[20px\]{right:20px}.sm\:right-\[22px\]{right:22px}.sm\:right-\[30px\]{right:30px}.sm\:bottom-\[24px\]{bottom:24px}.sm\:-mx-\[26px\]{margin-inline:-26px}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mt-\[42px\]{margin-top:42px}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-\[34px\]{height:34px}.sm\:h-\[44px\]{height:44px}.sm\:h-\[48px\]{height:48px}.sm\:h-\[72px\]{height:72px}.sm\:h-\[120px\]{height:120px}.sm\:h-\[calc\(100dvh_-_32px\)\]{height:calc(100dvh - 32px)}.sm\:max-h-\[70\%\]{max-height:70%}.sm\:max-h-\[calc\(100dvh_-_32px\)\]{max-height:calc(100dvh - 32px)}.sm\:max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.sm\:min-h-\[60vh\]{min-height:60vh}.sm\:w-\[30\%\]{width:30%}.sm\:w-\[44px\]{width:44px}.sm\:w-\[72px\]{width:72px}.sm\:w-\[120px\]{width:120px}.sm\:w-\[160px\]{width:160px}.sm\:w-\[calc\(100\%_-_32px\)\]{width:calc(100% - 32px)}.sm\:w-auto{width:auto}.sm\:max-w-\[390px\]{max-width:390px}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-\[720px\]{max-width:720px}.sm\:max-w-\[1200px\]{max-width:1200px}.sm\:max-w-\[calc\(100vw-60px\)\]{max-width:calc(100vw - 60px)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:min-w-\[60vw\]{min-width:60vw}.sm\:min-w-\[110px\]{min-width:110px}.sm\:min-w-\[150px\]{min-width:150px}.sm\:min-w-\[190px\]{min-width:190px}.sm\:flex-none{flex:none}.sm\:grid-cols-\[120px_1fr\]{grid-template-columns:120px 1fr}.sm\:grid-cols-\[minmax\(0\,1fr\)_390px\]{grid-template-columns:minmax(0,1fr) 390px}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-\[12px\]{gap:12px}.sm\:gap-\[18px\]{gap:18px}.sm\:gap-\[20px\]{gap:20px}.sm\:gap-\[40px\]{gap:40px}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-\[18px\]{padding:18px}.sm\:p-\[20px\]{padding:20px}.sm\:p-\[30px\]{padding:30px}.sm\:\!px-\[22px\]{padding-inline:22px!important}.sm\:px-\[12px\]{padding-inline:12px}.sm\:px-\[18px\]{padding-inline:18px}.sm\:px-\[22px\]{padding-inline:22px}.sm\:px-\[24px\]{padding-inline:24px}.sm\:px-\[26px\]{padding-inline:26px}.sm\:px-\[28px\]{padding-inline:28px}.sm\:px-\[30px\]{padding-inline:30px}.sm\:px-\[38px\]{padding-inline:38px}.sm\:px-\[70px\]{padding-inline:70px}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-\[19px\]{padding-block:19px}.sm\:py-\[20px\]{padding-block:20px}.sm\:py-\[22px\]{padding-block:22px}.sm\:py-\[23px\]{padding-block:23px}.sm\:py-\[24px\]{padding-block:24px}.sm\:py-\[26px\]{padding-block:26px}.sm\:py-\[30px\]{padding-block:30px}.sm\:py-\[34px\]{padding-block:34px}.sm\:pt-\[26px\]{padding-top:26px}.sm\:pr-20{padding-right:calc(var(--spacing)*20)}.sm\:pr-\[72px\]{padding-right:72px}.sm\:pb-\[28px\]{padding-bottom:28px}.sm\:pl-20{padding-left:calc(var(--spacing)*20)}.sm\:text-left{text-align:left}.sm\:\!text-\[19px\]{font-size:19px!important}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[20px\]{font-size:20px}.sm\:text-\[21px\]{font-size:21px}.sm\:text-\[24px\]{font-size:24px}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[31px\]{font-size:31px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[72px\]{font-size:72px}.sm\:leading-\[21px\]{--tw-leading:21px;line-height:21px}.sm\:leading-\[23px\]{--tw-leading:23px;line-height:23px}.sm\:leading-\[24px\]{--tw-leading:24px;line-height:24px}.sm\:leading-\[31px\]{--tw-leading:31px;line-height:31px}.sm\:leading-\[35px\]{--tw-leading:35px;line-height:35px}.sm\:leading-\[37px\]{--tw-leading:37px;line-height:37px}.sm\:\[--design-card-width\:min\(400px\,calc\(100cqw_-_72px\)\)\]{--design-card-width:min(400px, calc(100cqw - 72px) )}.sm\:\[--design-card-width\:min\(400px\,calc\(100cqw_-_124px\)\)\]{--design-card-width:min(400px, calc(100cqw - 124px) )}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:w-auto{width:auto}.md\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-\[24px\]{gap:24px}.md\:px-\[24px\]{padding-inline:24px}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:\[--text-sm\:16px\]{--text-sm:16px}}@media (min-width:64rem){.lg\:ml-auto{margin-left:auto}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[10px\]{height:10px}.lg\:h-\[26px\]{height:26px}.lg\:h-\[clamp\(324px\,45dvh\,420px\)\]{height:clamp(324px,45dvh,420px)}.lg\:min-h-\[32px\]{min-height:32px}.lg\:w-\[26px\]{width:26px}.lg\:w-\[180px\]{width:180px}.lg\:w-auto{width:auto}.lg\:max-w-\[60\%\]{max-width:60%}.lg\:max-w-\[400px\]{max-width:400px}.lg\:max-w-\[1000px\]{max-width:1000px}.lg\:min-w-\[32px\]{min-width:32px}.lg\:min-w-\[160px\]{min-width:160px}.lg\:flex-1{flex:1}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-center{justify-content:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-\[24px\]{gap:24px}.lg\:p-\[24px\]{padding:24px}.lg\:px-\[24px\]{padding-inline:24px}.lg\:py-\[38px\]{padding-block:38px}.lg\:text-\[16px\]{font-size:16px}.lg\:text-\[18px\]{font-size:18px}.lg\:text-\[20px\]{font-size:20px}.lg\:text-\[28px\]{font-size:28px}.lg\:\[--design-card-width\:min\(340px\,calc\(100cqw_-_72px\)\)\]{--design-card-width:min(340px, calc(100cqw - 72px) )}.lg\:\[--design-card-width\:min\(340px\,calc\(100cqw_-_124px\)\)\]{--design-card-width:min(340px, calc(100cqw - 124px) )}}@media (min-width:80rem){.xl\:max-w-\[1200px\]{max-width:1200px}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_\[data-button\]\]\:text-\[16px\] [data-button],.\[\&_\[data-description\]\]\:text-\[16px\] [data-description],.\[\&_\[data-title\]\]\:text-\[16px\] [data-title]{font-size:16px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}:root{--radius:.625rem;--font-scale:.4em;--font-base-size:1rem;--xs-fluid:clamp(.75rem,.9vw + .6rem,.8125rem);--sm-fluid:clamp(.8125rem,1vw + .65rem,.875rem);--base-fluid:clamp(.9375rem,1.2vw + .7rem,1rem);--lg-fluid:clamp(1.0625rem,1.5vw + .75rem,1.125rem);--xl-fluid:clamp(1.25rem,2vw + .8rem,1.375rem);--1-5xl-fluid:clamp(1.375rem,2.25vw + .85rem,1.5rem);--2xl-fluid:clamp(1.5rem,2.5vw + .9rem,1.75rem);--2-5xl-fluid:clamp(1.625rem,2.75vw + .95rem,1.875rem);--3xl-fluid:clamp(1.75rem,3vw + 1rem,2rem);--3-5xl-fluid:clamp(1.875rem,3.5vw + 1rem,2.25rem);--4xl-fluid:clamp(2rem,4vw + 1rem,2.5rem);--4-5xl-fluid:clamp(2.25rem,4.5vw + 1.1rem,2.75rem);--5xl-fluid:clamp(2.5rem,5vw + 1.2rem,3rem);--screwfix-blue-primary:#2e2cff;--screwfix-blue-shade-1:#2129c1;--screwfix-blue-shade-2:#132584;--screwfix-blue-shade-3:#062246;--screwfix-blue-tint-1:#6d6bff;--screwfix-blue-tint-2:#c6c6ff;--screwfix-blue-tint-3:#f5f4ff;--screwfix-red-primary:#ea121b;--screwfix-red-shade-1:#b70c13;--screwfix-red-shade-2:#85060c;--screwfix-red-shade-3:#520004;--screwfix-red-tint-1:#f0595f;--screwfix-red-tint-2:#f5c3c5;--screwfix-red-tint-3:#fef3f4;--screwfix-green:#00d165;--screwfix-yellow:#ffd500;--screwfix-orange:#ff6a00;--screwfix-gold:#ffae3c;--screwfix-white:#fff;--screwfix-grey-1:#f4f4f4;--screwfix-grey-2:#d3d3d3;--screwfix-grey-3:#999998;--screwfix-grey-4:#545453;--screwfix-grey-5:#373739;--screwfix-black:#0a0a0a;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#2e2cff;--primary-foreground:#fff;--secondary:#062246;--secondary-foreground:#fff;--success:#00d165;--success-foreground:#0a0a0a;--danger:#ea121b;--danger-foreground:#fff;--warning:#ff6a00;--warning-foreground:#0a0a0a;--info:#ffd500;--info-foreground:#0a0a0a;--light:#f4f4f4;--dark:#0a0a0a;--ghost:#d3d3d3;--muted:#f4f4f4;--muted-foreground:#545453;--accent:#f5f4ff;--accent-foreground:#2e2cff;--destructive:#ea121b;--destructive-foreground:#fff;--border:#d3d3d3;--input:#d3d3d3;--ring:#2e2cff;--chart-1:#2e2cff;--chart-2:#ea121b;--chart-3:#062246;--chart-4:#00d165;--chart-5:#ffd500;--sidebar:#f5f4ff;--sidebar-foreground:#0a0a0a;--sidebar-primary:#2e2cff;--sidebar-primary-foreground:#fff;--sidebar-accent:#c6c6ff;--sidebar-accent-foreground:#062246;--sidebar-border:#d3d3d3;--sidebar-ring:#2e2cff}.dark{--background:#0a0a0a;--foreground:#fff;--card:#373739;--card-foreground:#fff;--popover:#373739;--popover-foreground:#fff;--primary:#6d6bff;--primary-foreground:#fff;--secondary:#132584;--secondary-foreground:#fff;--success:#00d165;--success-foreground:#0a0a0a;--danger:#f0595f;--danger-foreground:#fff;--warning:#ff6a00;--warning-foreground:#0a0a0a;--info:#ffd500;--info-foreground:#0a0a0a;--light:#373739;--dark:#fff;--ghost:#545453;--muted:#373739;--muted-foreground:#999998;--accent:#132584;--accent-foreground:#fff;--destructive:#f0595f;--destructive-foreground:#fff;--border:#545453;--input:#545453;--ring:#6d6bff;--chart-1:#6d6bff;--chart-2:#f0595f;--chart-3:#2129c1;--chart-4:#00d165;--chart-5:#ffd500;--sidebar:#0a0a0a;--sidebar-foreground:#fff;--sidebar-primary:#6d6bff;--sidebar-primary-foreground:#fff;--sidebar-accent:#132584;--sidebar-accent-foreground:#fff;--sidebar-border:#545453;--sidebar-ring:#6d6bff}html{font-size:var(--font-scale)}.tile-device{clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px)}.value-saving{background-color:var(--screwfix-red-primary);color:var(--screwfix-white)}.value-low-price{background-color:var(--screwfix-blue-shade-3);color:var(--screwfix-yellow)}.value-new{background-color:var(--screwfix-green);color:var(--screwfix-black)}.value-clearance{background-color:var(--screwfix-yellow);color:var(--screwfix-black)}.value-black-friday{background-color:var(--screwfix-black);color:var(--screwfix-white)}.value-rewards{background-color:var(--screwfix-blue-primary);color:var(--screwfix-gold)}button{touch-action:manipulation}body:has([data-verification-dialog]) [data-whatsapp-support=footer]{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}