.ylf-photo-product{--ylf-photo-green: #4f7165;--ylf-photo-border: #d7ded6;box-sizing:border-box;max-width:1180px;margin:0 auto;padding:clamp(16px,3.5vw,40px);color:#293142}.ylf-photo-product [hidden]{display:none!important}.ylf-photo-header{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(18px,4vw,50px);margin-bottom:18px;padding:clamp(20px,4vw,48px);border:1px solid #eadbd1;border-radius:20px;background:linear-gradient(120deg,#fffaf6,#f5ebe4)}.ylf-photo-header h1{margin:6px 0 14px;font-size:clamp(28px,4vw,46px);line-height:1.09}.ylf-photo-header p{margin:0}.ylf-photo-intro>p+p{margin-top:8px}.ylf-photo-intro .ylf-photo-lead{font-size:clamp(16px,1.45vw,18px)}.ylf-photo-kicker{font-size:13px;color:#45685a}.ylf-photo-header .ylf-photo-actions{margin-top:20px}.ylf-photo-featured{display:block;justify-self:center;width:min(100%,360px);height:auto;border-radius:14px}.ylf-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}.ylf-photo-actions span{white-space:nowrap}.ylf-photo-form,.ylf-photo-added{border:1px solid var(--ylf-photo-border);padding:clamp(12px,2.5vw,24px);border-radius:12px;background:#faf8f4}.ylf-photo-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,3.5vw,32px)}.ylf-photo-form>div{min-width:0}.ylf-photo-added p{margin:0}.ylf-photo-preview{text-align:center;align-self:start}.ylf-photo-preview canvas{display:block;width:min(100%,325px);height:auto;margin:0 auto;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:grab}.ylf-photo-preview canvas:active{cursor:grabbing}.ylf-photo-preview p{margin:8px 0 0}.ylf-photo-form label{display:block;margin:10px 0 4px}.ylf-photo-form label:first-child{margin-top:0}.ylf-photo-form :is(input,textarea,select){box-sizing:border-box;max-width:100%;font:inherit}.ylf-photo-form :is(textarea,select){width:100%;min-height:44px;padding:7px 9px;border:1px solid #81958b;border-radius:6px;background:#fff;color:inherit}.ylf-photo-form textarea{display:block;resize:vertical}.ylf-photo-form input[type=range]{display:block;width:100%;min-height:24px;accent-color:var(--ylf-photo-green)}.ylf-photo-form fieldset{min-inline-size:0;margin:12px 0 0;border:1px solid var(--ylf-photo-border);padding:8px 12px 12px;border-radius:8px}.ylf-photo-form legend{padding:0 4px}.ylf-photo-hint{font-size:.84em;margin:5px 0 10px}.ylf-photo-colors{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0}.ylf-photo-colors label{display:flex;gap:8px;align-items:center;margin:0}.ylf-photo-colors input[type=color]{width:44px;height:36px;padding:2px;background:#fff;border:1px solid #81958b;border-radius:6px;cursor:pointer}.ylf-photo-range-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}.ylf-photo-form .ylf-photo-range-label label{margin:0}.ylf-photo-range-label output{color:var(--ylf-photo-green);font-size:.9em;font-variant-numeric:tabular-nums}.ylf-photo-form .ylf-photo-toggle{display:flex;align-items:center;gap:8px;width:fit-content}.ylf-photo-toggle input{accent-color:var(--ylf-photo-green)}.ylf-photo-options{margin-top:8px;border-top:1px solid var(--ylf-photo-border)}.ylf-photo-options summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:4px 6px 4px 0;box-sizing:border-box;list-style:none;cursor:pointer}.ylf-photo-options summary::-webkit-details-marker{display:none}.ylf-photo-options summary:after{content:"";flex:0 0 7px;height:7px;border:solid var(--ylf-photo-green);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}.ylf-photo-options[open]>summary:after{transform:translateY(2px) rotate(225deg)}.ylf-photo-options summary:focus-visible{outline:2px solid var(--ylf-photo-green);outline-offset:2px}.ylf-photo-button,.ylf-photo-reset{display:inline-flex;box-sizing:border-box;align-items:center;min-height:44px;padding:6px 14px;border:1px solid var(--ylf-photo-green);border-radius:8px;font:inherit;text-decoration:none;cursor:pointer}.ylf-photo-button{background:var(--ylf-photo-green);color:#fff}.ylf-photo-button:not(:disabled):hover{background:#3f6155}.ylf-photo-button:disabled,.ylf-photo-reset:disabled{opacity:.55;cursor:default}.ylf-photo-reset{background:#fff;color:#293142}.ylf-photo-options .ylf-photo-reset{margin-top:6px}.ylf-photo-status{margin:0 0 10px}.ylf-photo-status:empty{display:none}.ylf-photo-error,.ylf-photo-preview [data-photo-quality]{color:#8f3323}.ylf-photo-planners,.ylf-photo-description{margin-top:clamp(30px,4vw,50px)}.ylf-photo-planners .ylf-photo-kicker{margin:0 0 4px}.ylf-photo-planners h2{margin:0 0 8px;font-size:clamp(24px,3vw,33px);line-height:1.16}.ylf-photo-planners-lead{max-width:66ch;margin:0 0 18px}.ylf-photo-planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ylf-photo-planner-card{display:flex;align-items:center;gap:clamp(14px,2vw,24px);padding:clamp(16px,2.2vw,24px);border:1px solid var(--ylf-photo-border);border-radius:14px;background:#fcfaf7}.ylf-photo-planner-copy{flex:1;min-width:0}.ylf-photo-planner-copy h3{margin:0 0 8px;font-size:clamp(19px,2vw,23px);line-height:1.15}.ylf-photo-planner-copy p{margin:0 0 12px}.ylf-photo-planner-copy a{display:inline-block;color:#365e50;text-decoration:underline;text-underline-offset:3px}.ylf-photo-planner-copy a:hover{color:#243f36}.ylf-photo-planner-copy a:focus-visible,.ylf-photo-button:focus-visible{outline:2px solid #365e50;outline-offset:4px}.ylf-photo-planner-image{display:block;flex:none;width:clamp(100px,12vw,144px);height:auto;aspect-ratio:4 / 5;object-fit:contain;border-radius:9px;background:#f3eee9}.ylf-photo-mini{display:none}@media(max-width:820px){.ylf-photo-planner-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.ylf-photo-header{grid-template-columns:minmax(0,1fr);gap:10px}.ylf-photo-featured{width:min(100%,230px)}}@media(max-width:460px){.ylf-photo-planner-card{display:grid}.ylf-photo-planner-image{grid-row:1;width:100%;height:140px}}@media(max-width:640px){.ylf-photo-form{grid-template-columns:minmax(0,1fr)}.ylf-photo-form[data-photo-loaded]{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))}.ylf-photo-form :is(input,textarea,select,summary,button){scroll-margin-block-end:102px}.ylf-photo-preview canvas{width:min(100%,216px)}.ylf-photo-mini{display:block;position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right,0px));bottom:calc(var(--ylf-photo-viewport-inset, 0px) + max(12px,env(safe-area-inset-bottom,0px)));z-index:3;width:72px;height:72px;padding:4px;box-sizing:content-box;border:1px solid var(--ylf-photo-border);border-radius:50%;background:#fff;box-shadow:0 3px 12px #29314230;pointer-events:none}.ylf-photo-mini canvas{display:block;width:100%;height:100%;border-radius:50%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ylf-fotomagneet-v2151.css.map */