.translator-page{padding-top:var(--section-spacing-top, var(--sp-12));padding-bottom:var(--section-spacing-bottom, var(--sp-16))}.translator-container{max-width:900px;margin:0 auto}.translator-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}@media screen and (min-width: 768px){.translator-grid{grid-template-columns:1fr 1fr;gap:var(--sp-8)}}.translator-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2);font-size:var(--text-sm)}.translator-textarea{width:100%;height:280px;padding:var(--sp-4);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-input);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--text-base);line-height:1.6;resize:vertical;transition:border-color .2s ease}.translator-textarea:focus{outline:none;border-color:rgb(var(--color-button-background))}.translator-textarea::placeholder{color:rgb(var(--color-foreground) / .4)}.translator-textarea--output{background-color:rgb(var(--color-foreground) / .03)}.translator-highlighted{display:none;height:280px;overflow:auto;padding:var(--sp-4);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-input);background-color:rgb(var(--color-foreground) / .03);font-family:var(--font-body-family);font-size:var(--text-base);line-height:1.75;white-space:pre-wrap}.highlighted-term{background-color:rgb(var(--color-button-background) / .1);color:rgb(var(--color-button-background));border-radius:var(--sp-1);padding:0 var(--sp-1);font-weight:500}.highlighted-complex{position:relative;color:rgb(var(--color-highlight, var(--color-button-background)));font-weight:500;cursor:pointer;border-bottom:1px dotted currentColor;z-index:1}.original-term{font-style:italic;font-size:.9em;opacity:.6}#knitting-tooltip{position:absolute;z-index:10000;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--rounded-input);padding:var(--sp-4);box-shadow:0 4px 20px rgb(var(--color-foreground) / .1);width:260px;max-width:90vw;font-size:var(--text-sm);line-height:1.5;transition:opacity .2s ease}#knitting-tooltip .video-link{display:inline-block;background:rgb(var(--color-button-background));color:rgb(var(--color-button-text));text-decoration:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--rounded-button);margin-top:var(--sp-3);font-size:var(--text-xs);font-weight:500;transition:opacity .2s ease}#knitting-tooltip .video-link:hover{opacity:.85}.translator-stats{display:none;text-align:center;padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-4);background:rgb(var(--color-foreground) / .03);border-radius:var(--rounded-input);font-size:var(--text-sm)}.translator-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6)}@media screen and (max-width: 480px){.translator-actions{flex-direction:column}.translator-actions .button{width:100%}}.translator-notice{text-align:center;padding:var(--sp-4) var(--sp-5);margin-top:var(--sp-6);background:rgb(var(--color-foreground) / .03);border-radius:var(--rounded-block);font-size:var(--text-sm)}.translator-notice p{margin:0}.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}@media screen and (min-width: 640px){.terms-grid{grid-template-columns:repeat(4,1fr)}}.term-card{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);background:rgb(var(--color-foreground) / .03);border-radius:var(--rounded-card);border:1px solid rgb(var(--color-border-light))}.term-english{font-weight:600;font-size:var(--text-sm);color:rgb(var(--color-button-background))}.term-german{font-size:var(--text-sm);opacity:.7}.tutorials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}@media screen and (min-width: 640px){.tutorials-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1024px){.tutorials-grid{grid-template-columns:repeat(4,1fr)}}.complex-technique-item{background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--rounded-card);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.complex-technique-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(var(--color-shadow) / .1)}.technique-thumbnail{position:relative;height:120px;background:rgb(var(--color-placeholder));overflow:hidden}@media screen and (min-width: 768px){.technique-thumbnail{height:140px}}.technique-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.complex-technique-item:hover .technique-thumbnail img{transform:scale(1.05)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:rgb(var(--color-button-background) / .9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease}.play-icon:before{content:"";display:block;width:0;height:0;border-top:7px solid transparent;border-left:12px solid rgb(var(--color-button-text));border-bottom:7px solid transparent;margin-left:3px}.complex-technique-item:hover .play-icon{transform:translate(-50%,-50%) scale(1.1)}.technique-content{padding:var(--sp-3) var(--sp-4);text-align:center;border-top:1px solid rgb(var(--color-border-light))}.technique-english{display:block;font-weight:600;font-size:var(--text-base);color:rgb(var(--color-button-background));margin-bottom:var(--sp-1)}.technique-german{display:block;font-size:var(--text-sm);opacity:.7}.button.copy-success .btn-text{color:rgb(var(--color-success-text, 34 197 94))}.translator-page .text-center{text-align:center}.translator-page .text-lg{font-size:var(--text-lg)}.translator-page .text-sm{font-size:var(--text-sm)}.translator-page .font-medium{font-weight:500}.translator-page .opacity-70{opacity:.7}.translator-page .opacity-60{opacity:.6}.translator-page .max-w-prose{max-width:65ch}.translator-page .mx-auto{margin-left:auto;margin-right:auto}.translator-page .mb-4{margin-bottom:var(--sp-4)}.translator-page .mb-8{margin-bottom:var(--sp-8)}.translator-page .mb-10{margin-bottom:var(--sp-10)}.translator-page .mt-14{margin-top:var(--sp-14)}@media screen and (min-width: 1024px){.translator-page .lg\:mb-14{margin-bottom:var(--sp-14)}.translator-page .lg\:mt-20{margin-top:var(--sp-20)}}.translator-language-select{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.language-select{padding:var(--sp-2) var(--sp-4);padding-right:var(--sp-8);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-input);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--text-base);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;transition:border-color .2s ease}.language-select:hover,.language-select:focus{border-color:rgb(var(--color-button-background));outline:none}.translator-page .mt-6{margin-top:var(--sp-6)}.translator-page .mr-2{margin-right:var(--sp-2)}
/*# sourceMappingURL=/cdn/shop/t/47/assets/translator.css.map */