#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:inherit;font-weight:inherit}.wrapper{width:100%;margin-bottom:4rem}.container{width:100%;display:flex;flex-direction:column;gap:2rem}.title{font-weight:700;font-size:2rem;color:#fff4dce6}@media (min-width: 100px) and (max-width: 600px){.container{gap:1rem}}.map-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:1rem}.map-graphic{position:relative;box-sizing:border-box;background-color:#fff4dce6;padding:10px;border-radius:30px;box-shadow:0 2.3px 2.8px #00000007,0 4.7px 5.5px #00000009,0 7.3px 8.3px #0000000a,0 10px 11.2px #0000000b,0 13.1px 14.1px #0000000b,0 16.7px 17.1px #0000000b,0 21.3px 20.3px #0000000c,0 27.2px 23.7px #0000000c,0 35.4px 27.6px #0000000c,0 47.6px 32.3px #0000000d,0 67.7px 38.5px #0000000e,0 107.7px 48.5px #0000000f;display:flex;align-items:center;justify-content:center}.map-image{background-position:center;background-size:contain;width:100%;aspect-ratio:7/5;border-radius:20px}.map-mask-canvas{display:none;background-position:center;background-size:contain;width:100%;aspect-ratio:7/5;border-radius:20px}.map-function-wrapper{position:absolute;top:40px;left:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.map-button{box-sizing:border-box;border:none;background-color:#ff9500;padding:16px 46px;border-radius:50px;cursor:pointer;transition:all .25s ease;box-shadow:0 2.3px 2.8px #00000007,0 4.7px 5.5px #00000009,0 7.3px 8.3px #0000000a,0 10px 11.2px #0000000b,0 13.1px 14.1px #0000000b,0 16.7px 17.1px #0000000b,0 21.3px 20.3px #0000000c,0 27.2px 23.7px #0000000c,0 35.4px 27.6px #0000000c,0 47.6px 32.3px #0000000d,0 67.7px 38.5px #0000000e,0 107.7px 48.5px #0000000f}.map-button:hover{background-color:#fff4dce6}.map-button:disabled{opacity:.6;cursor:not-allowed}.map-pin{position:absolute;background-color:#0000004d;-webkit-backdrop-filter:contrast(150%);backdrop-filter:contrast(150%);color:#fff4dce6;outline:3px solid rgba(255,244,220,.9);outline-offset:2px;width:60px;aspect-ratio:1/1;border-radius:100%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;animation:idle 2s ease-in-out infinite}@media (min-width: 100px) and (max-width: 600px){.map-function-wrapper{position:static;width:100%}.map-button{width:100%;box-shadow:none;font-size:1rem;color:#1f1c1f;padding:32px 20px;border-radius:20px}.map-button:hover{background-color:#ff9500}.map-graphic{box-shadow:none}}.line-wrapper{width:100%}.line-container{width:100%;display:flex;flex-direction:column;gap:2rem}.line-title-wrapper{font-size:2rem;font-weight:700;color:#fff4dce6;display:flex;align-items:center;justify-content:center;gap:10px}.line-icon{display:flex;align-items:center;justify-content:center}.line-icon.flipped{transform:scaleX(-1)}.line-options-wrapper{width:100%}.line-options-container{display:flex;flex-direction:column;gap:2rem}.line-options-defaults{display:grid;grid-template-columns:.75fr .5fr;grid-template-columns:repeat(2,1fr);gap:2rem}.line-option-container{box-sizing:border-box;position:relative;background-color:#fff4dce6;width:100%;padding:20px;border-radius:20px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:1rem}.line-options-tab{box-sizing:border-box;background-color:#ff6f00;height:40px;padding:0 2rem;border-radius:10px 10px 0 0;position:absolute;top:-40px;left:40px;display:flex;align-items:center;justify-content:center}@media (min-width: 100px) and (max-width: 600px){.line-container{gap:1rem}}.line-layout-wrapper{width:100%}.line-layout-container{box-sizing:border-box;width:100%;background-color:#fff4dce6;padding:20px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 2.3px 2.8px #00000007,0 4.7px 5.5px #00000009,0 7.3px 8.3px #0000000a,0 10px 11.2px #0000000b,0 13.1px 14.1px #0000000b,0 16.7px 17.1px #0000000b,0 21.3px 20.3px #0000000c,0 27.2px 23.7px #0000000c,0 35.4px 27.6px #0000000c,0 47.6px 32.3px #0000000d,0 67.7px 38.5px #0000000e,0 107.7px 48.5px #0000000f}.line-layout-tricks{width:100%;display:flex;flex-direction:column;gap:10px}.line-layout-options-container{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.line-layout-trick-count{box-sizing:border-box;outline:2px solid rgb(31,28,31);outline-offset:-3px;padding:20px;border-radius:20px;display:grid;grid-template-columns:.5fr 1fr;align-items:center;gap:1rem}.generate-button{background-color:transparent;outline:2px solid rgb(31,28,31);color:#1f1c1f;outline-offset:-3px;border:none;padding:16px 36px;border-radius:20px;font-size:1.5rem;cursor:pointer;transition:all .125s ease}.generate-button:hover{background-color:#1f1c1f;color:#fff}@media (min-width: 100px) and (max-width: 600px){.line-layout-container{padding:10px;gap:1rem}.line-layout-options-container{width:100%;display:flex;flex-direction:column;gap:1rem}.line-layout-trick-count{outline:2px solid rgb(31,28,31);padding:20px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem}.generate-button{font-size:1rem;padding:32px 20px}}.line-trick-wrapper{width:100%;text-transform:capitalize}.line-trick-container{box-sizing:border-box;width:100%;background-color:#1f1c1f;color:#fff;border-radius:20px;padding:20px;display:flex;align-items:center;gap:10px}.line-trick-type{text-transform:capitalize;margin-right:1rem;color:#1f1c1f;width:120px;padding:10px 0;border-radius:10px;display:flex;align-items:center;justify-content:center}.line-trick-type.flatground{background-color:#ff9500}.line-trick-type.grind{background-color:#00cfff}.line-trick-value{display:flex;align-items:center;gap:.5ch}@media (min-width: 100px) and (max-width: 600px){.line-trick-container{padding:10px;flex-direction:column}.line-trick-type{margin-right:0;width:100%;border-radius:10px 10px 0 0}.line-trick-sep{color:#1f1c1f;background-color:#1f1c1f;height:0px;border-bottom:1px dashed rgba(255,244,220,.9);width:100%}}.amount-options-select{box-sizing:border-box;width:100%;padding:20px;background-color:transparent;outline:2px solid rgb(31,28,31);border:none;border-radius:20px;font-size:1.25rem;font-weight:700}@media (min-width: 100px) and (max-width: 600px){.amount-options-select{padding:10px;border-radius:10px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-25px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes mapIcon{0%{transform:scale(.75)}50%{transform:scale(1)}to{transform:scale(.75)}}@keyframes idle{0%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{padding:0;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}body{box-sizing:border-box;max-width:100%;margin:0;font-family:Lexend,sans-serif;font-size:1rem;background-color:#1f1c1f;background-image:url(./asfalt-light.png);background-attachment:fixed;background-size:10%;color:#000}button{font-size:1rem;font-family:Lexend,sans-serif}.content-section{padding-top:1rem;width:90%;max-width:1100px;min-height:calc(100vh - 120px)}h1,h2,h3{font-size:inherit}@media (max-width: 1130px){body{max-width:900px}}