:root{--font-weight-book: 300;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-heavy: 800;--font-weight-black: 900;--font-size-header: .9rem;--font-size-footer: .85rem;--font-size-footer-small: .8rem;--font-size-small: .85rem;--font-size-large: 1.15rem;--font-size-extra: 1.4rem;--font-size-title: 2.4rem}@media screen and (max-width:768px){:root{--font-size-small: .9rem;--font-size-footer-small: .9rem;--font-size-header: .95rem;--font-size-footer: .9rem;--font-size-title: 2.2rem}}:root{--color-border: #d6d6d6;--color-primary-light: rgba(41, 155, 73, .2);--color-primary: #299b49;--color-primary-alternative: #188537;--color-highlight: #f07419;--color-discount: #de3b50;--color-text: #242321;--color-text-inverted: #ffffff;--color-text-inverted-bland: #737271;--color-text-light: #aaaaaa;--color-background: #ffffff;--color-background-inverted: #252221;--color-background-panel: #f2f2f2;--color-background-light: #f9f9f9;--color-footer-divider: #565655;--color-error: #de3b50;--base-width: 8px;--page-horizontal-spacing: calc(2 * var(--base-width))}@media screen and (max-width:768px){:root{--base-width: 6px}}:root{--radius: 0px;--arrow-width: 18px;--arrow-width-and-space: 28px;--mascot-size: 100px}@media screen and (max-width:992px){:root{--mascot-size: 90px}}@media screen and (max-width:768px){:root{--mascot-size: 80px}}@keyframes spin{to{transform:rotate(360deg)}}.fencePostCapsConfigurator-perex{padding-bottom:50px}.fencePostCapsConfigurator-export-option{display:none;max-width:500px;padding-bottom:2rem}.fencePostCapsConfigurator-svg{width:100%;max-width:350px}.fencePostCapsConfigurator-final .grid--price{margin-bottom:40px;padding-bottom:20px;border-bottom:dotted 3px var(--color-primary)}.fencePostCapsConfigurator-final .grid--price table th,.fencePostCapsConfigurator-final .grid--price table td{padding:10px 15px}@media screen and (max-width:768px){.fencePostCapsConfigurator-final .grid--price table th,.fencePostCapsConfigurator-final .grid--price table td{padding:2px 5px;font-size:.9em}}.fencePostCapsConfigurator-final .grid--price table th,.fencePostCapsConfigurator-final .grid--price table td{text-align:right}.fencePostCapsConfigurator-final .grid--price table th:first-child,.fencePostCapsConfigurator-final .grid--price table td:first-child{padding-left:0;text-align:left}@media screen and (min-width:768px){.fencePostCapsConfigurator-final .grid--price table th:first-child,.fencePostCapsConfigurator-final .grid--price table td:first-child{padding-right:180px}}.fencePostCapsConfigurator-final .grid--price table td:last-child{padding-left:2rem}@media screen and (max-width:768px){.fencePostCapsConfigurator-final .grid--price table td:last-child{font-size:1rem}}.fencePostCapsConfigurator-final .grid--price table td:last-child{padding-left:.5rem;padding-bottom:1rem}.fencePostCapsConfigurator-final .grid--price td:first-child{padding-right:2rem;padding-bottom:1rem}.fencePostCapsConfigurator-final .grid--price tr:last-child td{padding-bottom:0}.fencePostCapsConfigurator-final .grid--share{display:flex;gap:20px}.fencePostCapsConfigurator-final .grid--share>*:first-child{flex:1}@media screen and (max-width:768px){.fencePostCapsConfigurator-final .grid--share{flex-direction:column}}