.tri-builder{padding:var(--space-lg) 0 var(--space-2xl)}.tri-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md);padding-bottom:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.tri-header__title{font-family:var(--font-display);font-weight:420;font-size:var(--fs-2xl);line-height:1.05;margin:0 0 var(--space-3xs)}.tri-header__price{font-family:var(--font-display);font-style:italic;color:var(--color-accent);font-size:var(--fs-lg);margin:0}.tri-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs);justify-content:flex-end}.tri-stepper{display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);margin-bottom:var(--space-lg);flex-wrap:wrap}.tri-stepper__item{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-secondary);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono)}.tri-stepper__dot{width:30px;height:30px;border-radius:var(--radius-pill);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);transition:all var(--transition-fast)}.tri-stepper__item--active{color:var(--color-text-primary)}.tri-stepper__item--active .tri-stepper__dot{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}.tri-stepper__item--done .tri-stepper__dot{background:var(--color-accent-soft);border-color:var(--color-accent-soft)}.tri-stepper__line{width:28px;height:1px;background:var(--color-border)}.tri-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.tri-preview{position:sticky;top:var(--space-lg)}@font-face{font-family:Mont;src:url(Mont-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Mont;src:url(Mont-Bold.ttf) format("truetype");font-weight:700;font-display:swap}.tri-preview__frame,.tri-preview__frame *{box-sizing:border-box}.tri-preview__frame{aspect-ratio:3 / 4;width:450px;max-width:100%;margin:0 auto;background:#fff;border:0;border-radius:0;box-shadow:0 12px 40px -12px #0e14141f;overflow:hidden;container-type:inline-size}.tri-preview__inner{position:relative;width:100%;height:100%;padding:5.5cqw;color:#0e1414;font-family:Mont,sans-serif;background:#fff}.tri-preview__inner--black{background:#000}.tri-preview__map-area{position:relative;width:100%;height:97.77cqw;overflow:hidden;background:#eee}.tri-preview__map .mapboxgl-ctrl,.tri-preview__map .mapboxgl-ctrl-logo,.tri-preview__map .mapboxgl-ctrl-attrib{display:none!important}.tri-preview__map{position:absolute;top:0;right:0;bottom:0;left:0}.tri-preview__solid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tri-preview__text{position:absolute;left:5.5cqw;right:5.5cqw;bottom:5.5cqw;height:24.43cqw;display:flex;flex-direction:column;justify-content:space-between}.tri-preview__head{padding-top:1.77cqw;padding-right:4cqw;min-width:0}.tri-preview__title{font-size:4.43cqw;font-weight:700;line-height:1.1;white-space:nowrap}.tri-preview__title--wrap{white-space:normal}.tri-preview__meta{font-size:2cqw;font-weight:300;line-height:1.2;margin-top:.4cqw}.tri-preview__legs{display:flex;gap:3cqw}.tri-preview__leg{width:13.67cqw;display:flex;flex-direction:column}.tri-preview__leg-name{display:flex;align-items:center;gap:.6cqw;font-size:1.1cqw;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.tri-preview__leg-name i{width:.87cqw;height:.87cqw;border-radius:50%;flex:none}.tri-preview__leg-dist{font-size:3.57cqw;font-weight:300;line-height:1.1;margin-top:.4cqw;white-space:nowrap}.tri-preview__leg-dist b{font-weight:700}.tri-preview__leg-time{font-size:1.8cqw;font-weight:300;letter-spacing:.04em;line-height:1.2}.tri-preview__quote{font-size:2cqw;font-weight:300;line-height:1.1;text-transform:uppercase;max-width:55%;min-height:2.2cqw}.tri-preview__right{position:absolute;right:11.1cqw;bottom:5.5cqw;text-align:right}.tri-preview__right--time{bottom:4.63cqw}.tri-preview__right--no-name{right:5.5cqw}.tri-preview__bib{font-size:2.67cqw;font-weight:300;line-height:1}.tri-preview__total-time{font-size:6cqw;font-weight:700;line-height:1}.tri-preview__name{position:absolute;bottom:0;right:1.77cqw;font-weight:700;font-size:2.67cqw;white-space:nowrap;transform:rotate(-90deg) translateY(100%) translate(100%);transform-origin:bottom right;margin-right:1.33cqw;margin-bottom:.23cqw}.tri-hint{font-size:var(--fs-xs);color:var(--color-text-secondary);margin-top:var(--space-2xs)}.tri-controls{min-width:0}.tri-step{display:none}.tri-step--active{display:block;animation:tri-fade .25s var(--ease-out)}@keyframes tri-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tri-step__title{font-family:var(--font-display);font-weight:420;font-size:var(--fs-xl);margin:0 0 var(--space-2xs)}.tri-step__desc{color:var(--color-text-secondary);font-size:var(--fs-sm);margin:0 0 var(--space-md)}.tri-step__nav{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg)}.tri-step__nav .btn:only-child{margin-left:auto}.tri-dropzone{position:relative;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2xl) var(--space-xl);text-align:center;cursor:pointer;background:var(--color-surface);transition:border-color var(--transition-fast),background var(--transition-fast)}.tri-dropzone:hover,.tri-dropzone--over{border-color:var(--color-accent);background:var(--color-accent-soft)}.tri-dropzone--has-file{border-style:solid;border-color:var(--color-accent)}.tri-dropzone__icon{display:block;width:48px;height:48px;margin:0 auto var(--space-md);color:var(--color-text-secondary);opacity:.6}.tri-dropzone__text{margin:0 0 var(--space-sm);font-size:.9375rem;color:var(--color-text-secondary)}.tri-dropzone__text strong{color:var(--color-text-primary);font-weight:500}.tri-dropzone__hint{margin:0;font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;opacity:.7}.tri-dropzone__filename{margin:var(--space-sm) 0 0;font-size:.875rem;font-weight:500;color:var(--color-accent)}.tri-dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.tri-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.tri-swatch{width:34px;height:34px;border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--sw);cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px var(--color-bg);transition:transform var(--transition-fast),border-color var(--transition-fast)}.tri-swatch:hover{transform:scale(1.08)}.tri-swatch--selected{border-color:var(--color-text-primary)}.tri-mapstyles{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.tri-mapstyle{width:62px;height:42px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:none;cursor:pointer}.tri-mapstyle span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}.tri-mapstyle--selected{border-color:var(--color-text-primary)}.tri-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.tri-fields .form-group{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.tri-row{display:grid;gap:var(--space-xs)}.tri-row--3{grid-template-columns:1fr 1fr 1fr}.tri-row--2{grid-template-columns:1fr 1fr}.tri-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-md)}.tri-summary__row{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-2xs) 0;border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}.tri-summary__row span:first-child{color:var(--color-text-secondary)}.tri-summary__row span:last-child{text-align:right;font-weight:500}.tri-summary__total{display:flex;justify-content:space-between;padding-top:var(--space-sm);font-family:var(--font-display);font-size:var(--fs-lg)}.tri-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:1000;background:var(--color-text-primary);color:var(--color-bg);padding:12px 20px;border-radius:var(--radius-pill);font-size:var(--fs-sm);box-shadow:var(--shadow-lg);transition:opacity var(--transition-base),transform var(--transition-base);max-width:calc(100vw - 32px)}.tri-toast--visible{opacity:1;transform:translate(-50%)}.tri-toast--success{background:#1f6b4a;color:#fff}.tri-toast--error{background:#a8321f;color:#fff}@media(max-width:768px){.tri-dropzone{padding:var(--space-lg) var(--space-md)}.tri-dropzone__icon{width:40px;height:40px}.tri-dropzone__text{font-size:.875rem}.tri-builder{padding:var(--space-sm) 0 var(--space-xl)}.tri-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.tri-header__meta{justify-content:flex-start}.tri-stepper__label{display:none}.tri-stepper__line{width:14px}.tri-layout{grid-template-columns:1fr;gap:var(--space-md)}.tri-preview{position:sticky;top:var(--space-sm);z-index:20;background:var(--color-bg);padding:var(--space-xs) 0}.tri-preview__frame{max-width:62vw;margin:0 auto}.tri-hint{display:none}.tri-step__nav{flex-direction:column-reverse}.tri-step__nav .btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/triathlon-builder.css.map */