.content-trikot-container{background:var(--background-quaternary-color);position:relative;aspect-ratio:1.75}
@media(max-width:750px){.content-trikot-container{aspect-ratio:.35}
}
.content-trikot-container .loading-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
h2.configurator{color:var(--text-secondary-color);font-weight:bold;background:var(--background-tertiary-color);font-size:18px;display:flex;justify-content:center;align-items:center;height:60px;width:100%;padding:15px 0;margin:0;border-radius:3px 3px 0 0}
@media(max-width:750px){h2.configurator{font-size:14px}
}
div#start-trikot{max-width:1300px;min-height:600px;margin:0 auto;background:var(--background-quaternary-color)}
.icon-personalize{font-size:22px;margin-left:10px}
#contentTrikotConfigurator{position:relative;display:flex;flex-direction:row;padding:0;flex-wrap:wrap;justify-content:space-around;border-radius:0 0 3px 3px}
@media(min-width:751px){#contentTrikotConfigurator{padding:25px}
}
#trikot-config h4{margin:15px 0 5px 0;font-weight:bold;color:var(--text-primary-color)}
#trikot-config label.heading{display:block;text-transform:uppercase;text-align:left;margin:15px 0 5px 0;color:var(--text-primary-color);padding:0;font-family:var(--font-family-pro-black)}
#contentTrikotConfigurator .trikot-preview,#trikot-config{width:100%;padding:10px}
#contentTrikotConfigurator .trikot-preview{background:var(--background-primary-color);padding:10px 0;border:10px solid var(--background-quaternary-color)}
@media(min-width:751px){#contentTrikotConfigurator .trikot-preview,#trikot-config{width:50%;padding:10px 0;border:0}
}
#trikot-data,#trikot-submit{display:table;padding:0;width:100%}
@media(min-width:751px){#trikot-data,#trikot-submit{padding-left:30px}
}
#trikot-config .options.total{margin-top:10px}
#trikot-config .options.total .row,#trikot-submit .buttons span{line-height:44px}
#trikot-config .options.total .row.info-text{line-height:15px;font-size:12px;padding:10px 0;font-weight:bold;color:var(--text-red)}
#trikot-config .options.total div:not(.history-price,.note) span{font-weight:bold}
#trikot-config .options.total span span{float:none}
#trikot-config .row.note{display:none}
#trikot-config .row.note .shipWithoutCampaign,#trikot-config .row.note.before-select{display:block}
#trikot-config .options.total .with-personalization{display:none}
#trikot-config .options.total .row.note .shipByCampaign,#trikot-config .options.total .row.note.after-select .shipByCampaign{display:none}
#trikot-config .options.total .history-price,#trikot-config .history-price span,#trikot-config .options.total .row.note,#trikot-config .options.total .row.availability{font-weight:normal;line-height:20px}
#trikot-config .options.total .history-price{display:inline-block}
#trikot-config .options.total .history-price.variant-history-price{display:none}
#trikot-submit .history-price .green{color:var(--text-green)}
#trikot-submit .history-price .red{color:var(--text-red)}
#trikot-submit #stock-alert-btn{display:flex;align-items:center;justify-content:center}
@media(min-width:751px){#trikot-submit #stock-alert-btn{min-width:300px}
}
#trikot-submit #stock-alert-btn,#trikot-submit #stock-alert-btn span{line-height:26px}
#trikot-submit #stock-alert-btn span{font-weight:500}
#trikot-submit #stock-alert-btn span.icon-stock-alert{margin-right:10px}
#trikot-submit #stock-alert-btn span.text{font-size:14px}
#contentTrikotConfigurator .trikot-preview.image .image-box{max-width:600px}
#contentTrikotConfigurator .trikot-preview.image img{width:100%;height:auto}
#contentTrikotConfigurator .trikot-preview .flock-front-name,#contentTrikotConfigurator .trikot-preview .flock-front-number,#contentTrikotConfigurator .trikot-preview .flock-back-name,#contentTrikotConfigurator .trikot-preview .flock-back-number{position:absolute;display:none;overflow:visible;line-height:normal;z-index:2}
#contentTrikotConfigurator .trikot-preview .flock-front-name svg,#contentTrikotConfigurator .trikot-preview .flock-front-number svg,#contentTrikotConfigurator .trikot-preview .flock-back-name svg,#contentTrikotConfigurator .trikot-preview .flock-back-number svg{overflow:visible;position:absolute;left:0;top:0}
#contentTrikotConfigurator .trikot-preview .flock-back-name #flock-name img{width:auto;margin:0 .2%}
#contentTrikotConfigurator .trikot-preview .flock-back-number #flock-number,#contentTrikotConfigurator .trikot-preview .flock-front-number #flock-front-number,#contentTrikotConfigurator .trikot-preview .flock-back-name #flock-name{display:flex;width:100%;height:100%;justify-content:center;align-items:center}
#contentTrikotConfigurator .trikot-preview .flock-back-number #flock-number img,#contentTrikotConfigurator .trikot-preview .flock-front-number #flock-front-number img{width:auto;height:100%;margin:0 1%}
#contentTrikotConfigurator .trikot-preview .flock-front-number #flock-front-number img{height:80%}
#trikot-data .row,#trikot-submit .row{display:flex;align-items:stretch;justify-content:space-between}
#trikot-data .flock-container-flocks-variant .row,#trikot-data .row.logos{display:flex;align-items:stretch;justify-content:start;gap:8px}
#trikot-data .row.flocks.discount,#trikot-data .row.logos.discount{justify-content:center;gap:0;flex-wrap:wrap;margin-top:5px;color:var(--text-red)}
#trikot-data .col-1.disabled .row.logos.discount{display:none}
#trikot-data .row.flocks.discount .text,#trikot-data .row.logos.discount .text{padding:0 3px}
#trikot-config .options.total .row{justify-content:flex-start}
#trikot-config .row.note,#trikot-config .options.total .row div:not(.buttons) span{width:100%}
#trikot-config .options.total .row.history-price span{width:auto}
.row.name-input{padding-top:10px}
.row.name-input div{margin-bottom:10px}
#trikot-data .row.sizes{align-items:center}
@media(min-width:500px) and (max-width:750px){#trikot-data .row{flex-wrap:nowrap}
}
#trikot-data .col-1,#trikot-data .col-2,#trikot-data .col-3,#trikot-data .sizes,#trikot-data .history-price,#trikot-submit .col-1,#trikot-submit .col-2,#trikot-submit .col-3,#trikot-submit .history-price{width:100%}
#trikot-data .col-1,#trikot-submit .col-1{width:33%;position:relative}
#trikot-data .col-1.hide-logo{display:none}
#trikot-submit .col-2.buttons{width:100%}
@media(min-width:751px){#trikot-data .col-2,#trikot-submit .col-2,#trikot-submit .col-2.buttons{width:66%;margin:0}
#trikot-submit .history-price{margin:0}
}
#trikot-submit .col-2.ship-cost,#trikot-submit .row.availability .col-2{width:100%}
#trikot-submit .col-2.buttons{min-width:240px}
#trikot-submit .row.availability span{line-height:18px}
#trikot-config .size-price{text-align:right;font-weight:600;white-space:nowrap;font-size:17px;line-height:20px}
#trikot-config .size-price .crossed{color:#666;text-decoration:line-through;font-size:13px;display:block}
#trikot-config .size-price .has-crossed-price{font-size:17px;display:block;white-space:nowrap;padding-left:4px}
#trikot-config .size-price .itp-container{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}
#trikot-config .size-price .itp-text{font-size:12px;font-weight:400;color:var(--text-red)}
#trikot-data .selectfield{color:var(--text-primary-color);padding:14px 20px 13px 10px;margin:0;width:100%}
#trikot-data #variantId.selectfield{color:#000}
#select-product input[type=checkbox],#select-product input[type=radio]{display:none}
#select-product .row.options.sizes,#printing-type,#logos{width:100%;margin:10px 0 15px 0}
#trikot-data .row.options.sizes input + label{border:1px solid #888;margin:10px 3px 0 0;padding:6px 4px;min-width:44px}
.own-input{display:flex;justify-content:space-between;flex-wrap:wrap}
#trikot-data .own-input .flock-name,#trikot-data .own-input .flock-number{width:100%;margin:0 0 5px 0}
@media(min-width:500px){#trikot-data .own-input{flex-wrap:nowrap}
#trikot-data .own-input .flock-number{margin:0 5px 0 0;width:32.5%}
}
#sizes-hint,.flock-own-hint{display:none;width:auto;border:0;text-align:left;padding:0;margin:10px 0 17px 0;position:relative}
#sizes-hint:before,.flock-own-hint:before{content:attr(data-hint);background-color:var(--background-primary-color);border:2px solid var(--background-tertiary-color);font-size:13px;padding:13px 15px;text-transform:none;display:inline-block;border-radius:4px;font-weight:500;width:initial;text-align:center}
#sizes-hint:after,.flock-own-hint:after{content:"";display:block;height:21px;transform:rotate(45deg) translate(-9px,9px);width:21px;background-color:var(--background-primary-color);border:2px solid var(--background-tertiary-color);margin:-12px auto 4px auto;border-left:0;border-top:0;position:absolute;left:50%}
#trikot-data input,#trikot-data select,#personalization-conf-data input{font-size:13px;padding:0 10px 0 15px}
@media(min-width:500px){#trikot-data input,#trikot-data select,#personalization-conf-data input{font-size:15px}
}
#trikot-data input[type="radio"],#trikot-data input[type="checkbox"]{opacity:0;margin:0;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);display:block}
form.sizes input + label.flockLabel,form.sizes input + label.logoLabel,.pd #trikot-data .flock-container-flocks-master label{width:100%;height:100%;text-align:center;padding:5px;margin:0;font-size:13px;line-height:15px;background:var(--background-primary-color)}
#trikot-data input[type="radio"]:focus-visible + label,#trikot-data input[type="checkbox"]:focus-visible + label{outline:2px solid var(--border-tertiary-color);outline-offset:2px}
form.sizes input:checked + label.flockLabel,form.sizes input:checked + label.logoLabel{border-color:var(--border-quaternary-color);border-width:3px;color:inherit;background:var(--background-primary-color);padding:3px}
form.sizes label.flockLabel .icon{display:block;font-size:35px}
.flockLabel .flock-image img{max-height:42px;vertical-align:middle;width:auto}
.own-name-price,.player-name-price,.no-flock-price{font-weight:bold;display:block}
form.sizes input + label.logoLabel{text-align:center}
.logoLabel .logo-image{display:block;text-align:center}
.options.logos.disabled .logoLabel .logo-image{opacity:.6}
.logoLabel .logo-image img{height:40px;width:auto}
.logoLabel .logo-price{font-weight:bold;display:block;margin-top:3px}
#trikot-submit .btn.cart{width:100%;display:flex;align-items:center;text-align:center;justify-content:center;padding:2px 0 0 0;margin-top:20px;position:relative}
#trikot-submit .btn.cart .icon{font-size:26px;margin-right:8px}
#trikot-submit .btn.cart .loading-container{width:44px;height:44px;position:relative;margin:0 auto;left:unset;top:unset;transform:none}
#trikot-submit .btn.cart .loading-ring div{width:40px;height:40px}
@media(max-width:750px){#trikot-config .options.total div:not(.row.note,.row.history-price,.buttons) span:not(#price-total,.icon,.text,.hint,#stock-alert-btn){font-size:13px;font-weight:700;line-height:15px}
}
#trikot-config .options.total span.title{display:block;text-transform:uppercase;line-height:20px;margin:10px 0}
#trikot-config .options.total #price-total{font-size:28px;margin:0}
#trikot-data .switch-view{float:left;padding:10px 15px;background:#d5d5d5;border-radius:3px;font-size:14px;cursor:pointer}
#trikot-data .switch-view span{display:inline-block;vertical-align:middle;font-weight:500}
#trikot-data .switch-view span.icon-turn{font-size:25px;transition:transform .7s ease-out}
#trikot-data .switch-view.front-active span.icon-turn{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#trikot-data .switch-view.back-active span.icon-turn{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#preview-loading{display:none;position:absolute;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:1}
#preview-loading .trikot-preloader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#trikot-submit .dcc{text-decoration:line-through}
#trikot-submit .green{color:var(--text-blue);font-weight:bold}