#garment-shape,#garment-shape.hoodie{position:relative;clip-path:none;background:transparent;filter:none;padding:0;width:320px;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}#garment-shape::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--garment-color,#20211f);background-image:url('/real-tee.png');background-position:center;background-size:contain;background-repeat:no-repeat;background-blend-mode:multiply;mask:url('/real-tee.png') center/contain no-repeat;-webkit-mask:url('/real-tee.png') center/contain no-repeat;filter:drop-shadow(0 8px 8px #0003)}#garment-shape.hoodie::before{background-image:url('/real-hoodie.png');mask-image:url('/real-hoodie.png');-webkit-mask-image:url('/real-hoodie.png')}#garment-shape .shirt-neck,#garment-shape.hoodie:after{display:none}.idea-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:95px;height:135px;text-align:center;transform:translateY(18px);color:#fff;text-shadow:1px 1px 2px #000, -1px -1px 2px #000}.idea-preview img{width:100%;height:105px;object-fit:contain}.idea-preview strong{font:900 12px/1 'Barlow Condensed',Impact,sans-serif}.idea-pop{animation:idea-in .55s ease both}@keyframes idea-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(18px)}}#reference-preview{max-height:115px;max-width:100px;object-fit:contain}#garment-shape .shirt-message{max-width:110px;font-size:20px;z-index:1}#garment-shape.hoodie .idea-preview{transform:translateY(0)}@media(max-width:650px){#garment-shape,#garment-shape.hoodie{width:245px;height:220px}.idea-preview{width:72px;height:100px}.idea-preview img{height:78px}.idea-preview strong{font-size:10px}#garment-shape .shirt-message{font-size:15px;max-width:80px}}@media(prefers-reduced-motion:reduce){.idea-pop{animation:none}}
.idea-preview.text-idea{border:3px solid #ff60ab;color:#ff72b1;width:105px;height:auto;min-height:50px;padding:5px;transform:translateY(10px);text-shadow:none}.idea-preview.text-idea strong{font-size:20px;line-height:.95;white-space:pre-line}.idea-preview img[hidden]{display:none}@media(max-width:650px){.idea-preview.text-idea{width:80px}.idea-preview.text-idea strong{font-size:15px}}