@font-face{font-family:National Book;src:url(/fonts/National-Book.eot);src:url(/fonts/National-Book.eot?#iefix) format("embedded-opentype"),url(/fonts/National-Book.woff2) format("woff2"),url(/fonts/National-Book.woff) format("woff"),url(/fonts/National-Book.ttf) format("truetype"),url(/fonts/National-Book.svg#National-Book) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:National Semibold;src:url(/fonts/National-Semibold.eot);src:url(/fonts/National-Semibold.eot?#iefix) format("embedded-opentype"),url(/fonts/National-Semibold.woff2) format("woff2"),url(/fonts/National-Semibold.woff) format("woff"),url(/fonts/National-Semibold.ttf) format("truetype"),url(/fonts/National-Semibold.svg#National-Semibold) format("svg");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{background:#d1d5db;font-family:National Book,sans-serif}.configurator{position:relative;width:100vw;height:100vh;background:#e2e8f0}.configurator__render{position:absolute;top:0;left:0;width:70%;height:100%}.configurator__controls{position:absolute;top:40px;right:40px;z-index:1;width:40%;max-width:540px;padding:8px 20px 0;border-radius:8px;font-size:16px;line-height:18px;letter-spacing:.64px;background:#fff;color:#393939}.configurator__footer,.configurator__header{display:flex;align-items:center;justify-content:space-between}.configurator__footer p,.configurator__header p{margin:0}.configurator__header{margin-bottom:10px}.configurator__price{font-size:36px;line-height:42px;margin:0 0 4px}.configurator__btn,.configurator__price{font-family:National Semibold,sans-serif}.configurator__btn{padding:8px 16px 10px;border:1px solid #e3e3e3;border-radius:9999px;font-size:16px;line-height:18px;letter-spacing:.64px;background:#fff;color:#393939;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease-in-out}.configurator__btn:hover{background:#f1f1f1}.configurator__btn--submit{padding:12px 32px 14px;background:#3937f1;color:#fff;border-color:#3937f1}.configurator__btn--submit:hover{background:#3331d6;border-color:#3331d6}.configurator__field{display:flex;align-items:center;justify-content:space-between}.configurator__field--align-top{align-items:flex-start}.configurator__field--align-top label{margin-top:14px}.configurator__field+.configurator__field{margin-top:10px}.configurator__field label{padding-right:40px}.configurator__field button,.configurator__field select{border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:National Book,sans-serif;font-size:16px;line-height:18px;letter-spacing:.64px}.configurator__field .custom-select{position:relative}.configurator__field .custom-select:before{content:"";display:block;position:absolute;right:18px;top:50%;-webkit-transform:translateY(-75%) rotate(45deg);transform:translateY(-75%) rotate(45deg);width:8px;height:8px;border-color:transparent #787878 #787878 transparent;border-style:solid;border-width:1px;pointer-events:none}.configurator__field select{padding:10px 40px 10px 12px;background:#fff;border:1px solid #e3e3e3;color:#393939;box-shadow:0 1px 7px 0 hsla(0,0%,69%,.5)}.configurator__field button{margin:-2px 2px;padding:10px 12px;border:1px solid transparent;background:transparent;color:#a9a9a9}.configurator__field button:hover{color:#787878}.configurator__field button.active{background:#fff;color:#393939;border-color:#e3e3e3;box-shadow:0 1px 7px 0 hsla(0,0%,69%,.5)}.configurator__field .btn--colour{width:42px;height:42px;margin:3px;padding:0;border-radius:100%;border:2px solid transparent;overflow:hidden;transition:border .25s ease-in-out}.configurator__field .btn--colour.active{box-shadow:none;border-color:#3937f1}.configurator__field .btn--colour-with-border img{border:1px solid #e3e3e3}.configurator__field .btn--colour:hover{border-color:#a9a9a9}.configurator__field .btn--colour img{display:block;width:100%;height:100%;border-radius:100%;-o-object-fit:cover;object-fit:cover}.configurator .field__btn-container{display:flex;align-items:center;border-radius:8px;background:#f1f1f1}.configurator .field__colour-container{display:flex;flex-wrap:wrap;align-items:center;margin:0 -3px}.configurator fieldset{padding:16px 0;border:none;border-top:1px solid #e3e3e3}