.content-trikot-container{background:var(--background-quaternary-color)}
@media(max-width:750px){.content-trikot-container{min-height:990px}
}
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;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;margin:15px 0 5px 0;font-weight:bold;color:var(--text-primary-color);text-transform:uppercase;text-align:left}
#trikot-preview,#trikot-config{width:100%;padding:10px}
#trikot-preview{background:#fff;padding:10px 0;border:10px solid var(--background-quaternary-color)}
@media(min-width:751px){#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-submit{margin-top:10px}
#trikot-submit span{font-weight:bold;line-height:44px}
#trikot-submit span span{float:none}
#trikot-submit .historyprice span{font-weight:normal;line-height:15px}
#trikot-submit #stockalert-btn{display:flex;align-items:center;justify-content:center}
@media(min-width:751px){#trikot-submit #stockalert-btn{min-width:310px}
}
#trikot-submit #stockalert-btn,#trikot-submit #stockalert-btn span{line-height:26px}
#trikot-submit #stockalert-btn span{font-weight:500}
#trikot-submit #stockalert-btn span.icon-stockalert{margin-right:10px}
#trikot-submit #stockalert-btn span.text{font-size:14px}
@media(max-width:750px){#trikot-submit #stockalert-btn span.text{font-size:13px}
}
#trikot-preview.image img{width:100%;height:auto}
#trikot-preview .flock-front-name,#trikot-preview .flock-front-number,#trikot-preview .flock-back-name,#trikot-preview .flock-back-number{position:absolute;display:none;overflow:visible;line-height:normal;z-index:2}
#trikot-preview .flock-front-name svg,#trikot-preview .flock-front-number svg,#trikot-preview .flock-back-name svg,#trikot-preview .flock-back-number svg{overflow:visible}
#trikot-preview .flock-front-number svg{position:absolute;left:0;top:0}
#trikot-preview .flock-back-name #flock-name img{width:auto;margin:0 .2%}
#trikot-preview .flock-back-number #flock-number,#trikot-preview .flock-front-number #flock-frontnumber,#trikot-preview .flock-back-name #flock-name{display:flex;width:100%;height:100%;justify-content:center}
#trikot-preview .flock-back-number #flock-number img,#trikot-preview .flock-front-number #flock-frontnumber img{width:auto;height:100%;margin:0 1%}
#trikot-preview .flock-front-number #flock-frontnumber img{height:80%}
#trikot-data .row,#trikot-submit .row{display:flex;align-items:stretch;justify-content:flex-start;gap:8px 0}
@media(max-width:500px){#trikot-data .flock-container-flocks-master .row,#trikot-data .flock-container-flocks-variant .row{flex-wrap:wrap}
}
#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 .row.flocks.discount .text,#trikot-data .row.logos.discount .text{padding:0 3px}
#trikot-data .flock-container-flocks-variant,#trikot-data .row.options-logos{display:flex;align-items:stretch;justify-content:start;gap:8px 0}
@media(max-width:750px){#trikot-data .flock-container-flocks-variant{flex-wrap:wrap}
}
.row.name-input{padding-top:10px}
.row.name-input div{margin-bottom:10px}
#trikot-data .row.sizes{align-items:center}
#trikot-data .col-1,#trikot-data .col-2,#trikot-data .col-3,#trikot-submit .col-1,#trikot-submit .col-2,#trikot-submit .col-3,#trikot-data .options.total .row.note,#trikot-submit div.historyprice,#trikot-data .options.total div.historyprice{width:99%;margin:0 .5%}
#trikot-data .row.flock-container-flocks-variant .col-1,#trikot-data .row.options-logos .col-1{max-width:32%;position:relative}
@media(min-width:751px){#trikot-data .col-2,#trikot-submit .col-2{width:66%;margin:0}
#trikot-data div.historyprice,#trikot-submit div.historyprice{margin:0}
}
#trikot-config .size-price{text-align:right;white-space:nowrap}
@media(min-width:751px){#trikot-config .size-price{font-size:26px}
}
#trikot-config .size-price .crossed{color:#666;text-decoration:line-through;font-size:14px}
#trikot-config .size-price .has-crossed-price{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;font-size:15px}
@media(min-width:751px){#trikot-config .size-price .has-crossed-price{font-size:26px}
}
#trikot-config .size-price .itp-text{font-weight:400;color:var(--text-red)}
#trikot-data .selectfield{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}
#ownname-input{display:flex;justify-content:space-between;flex-wrap:wrap}
#ownname-input #text-name,#ownname-input #text-number{width:100%;margin:0 0 5px 0}
@media(min-width:500px){#ownname-input{flex-wrap:nowrap}
#ownname-input #text-number{margin:0 5px 0 0;width:32.5%}
}
#sizes-hint,#ownname-input-hint{display:none;width:auto;border:0;text-align:center;padding:0;margin:10px 0 17px 0;position:relative}
#sizes-hint:before,#ownname-input-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,#ownname-input-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{font-size:13px;padding:0 10px 0 15px}
@media(min-width:500px){#trikot-data input,#trikot-data select{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.flocklable,form.sizes input + label.logolable,form.sizes div.logolable.member-only{display:block;width:100%;height:100%;text-align:center;padding:5px;margin:0;font-size:15px;background:#fff}
#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.flocklable,form.sizes input:checked + label.logolable{border-color:var(--border-quaternary-color);border-width:3px;color:inherit;background:#fff;padding:3px}
form.sizes label.flocklable .icon{display:block;font-size:35px}
.flocklable .flock-image img{max-height:42px;vertical-align:middle;width:auto}
#ownname-price,#playername-price,#noflock-price,#club-name-price{font-weight:bold;display:block;margin-top:3px}
form.sizes input + label.logolable,form.sizes div.logolable.member-only{text-align:center}
.logolable .logo-image{display:block;text-align:center}
.logolable.member-only .logo-image{opacity:.6}
.logolable .logo-image img{height:40px;width:auto}
.logolable .logo-price{font-weight:bold;display:block;margin-top:3px}
.logolable .logo-price .crossed{text-decoration:line-through}
#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}
#trikot-submit .price_total{display:block;text-transform:uppercase}
#trikot-submit #totalPrice{font-size:28px}
#trikot-data .switch-view{float:left;padding:10px 15px;background:#d5d5d5;border-radius:3px;margin-bottom:10px}
#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}