.if-photo-selector{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding-block:var(--if-photo-top,64px) var(--if-photo-bottom,64px);color:rgb(var(--color-foreground))}.if-photo-selector{overflow:clip}.if-photo-selector *{box-sizing:border-box}.if-photo-selector__editor{position:absolute;right:12px;bottom:12px;z-index:10;max-width:calc(100% - 24px);font-size:1.3rem;line-height:1.5}.if-photo-selector__editor [data-editor-panel]{width:320px;max-width:100%;max-height:220px;overflow:auto;margin-top:8px;padding:12px;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px;background:rgb(var(--color-background))}.if-photo-selector__editor>button{background:rgb(var(--color-background));box-shadow:0 2px 8px #0000001a}.if-photo-selector__editor button{min-height:36px;padding:7px 12px;border:1px solid currentColor;border-radius:6px;background:rgb(var(--color-background));color:inherit;font:inherit;cursor:pointer}.if-photo-selector__editor button[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.if-photo-selector__editor p{margin:.8rem 0 0}.if-photo-selector__editor input{width:100px;max-width:100%;margin:.8rem .8rem 0 0;padding:7px;border:1px solid currentColor;border-radius:6px;color:inherit;background:transparent;font:inherit}.if-photo-selector__editor [hidden]{display:none}.if-photo-selector.is-editing .if-photo-selector__toggle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.if-photo-selector.is-editing .if-photo-selector__toggle:active{cursor:grabbing}.if-photo-selector.is-editing .is-selected .if-photo-selector__toggle{outline:2px solid var(--if-photo-point-icon,#fff);outline-offset:6px}.if-photo-selector.is-editing .if-photo-selector__point:after{content:attr(data-point-number);position:absolute;top:-15px;right:-15px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:12px;pointer-events:none}.if-photo-selector__inner{box-sizing:border-box;width:100%;max-width:var(--if-photo-content-width,1200px);min-width:0;margin-inline:auto}.if-photo-selector__intro{max-width:var(--if-photo-text-width,68rem);margin:0 auto clamp(2.4rem,4vw,4.8rem);text-align:var(--if-photo-align,center)}.if-photo-selector__eyebrow{margin:0 0 1rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.if-photo-selector__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--if-photo-heading-size,36px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}.if-photo-selector__subtitle{max-width:62rem;margin:1.4rem auto 0;color:inherit;opacity:.72;font-family:var(--font-body-family);font-size:var(--if-photo-subtitle-size,18px);line-height:1.55}.if-photo-selector__scene{position:relative;box-sizing:border-box;width:100%;max-width:var(--if-photo-image-width,1000px);min-width:0;margin-inline:auto}.if-photo-selector__frame{overflow:hidden;border-radius:var(--if-photo-radius,12px)}.if-photo-selector__frame picture{display:block}.if-photo-selector__image,.if-photo-selector__placeholder{display:block;width:100%;height:auto;object-fit:var(--if-photo-fit,cover);object-position:var(--if-photo-focal,50% 50%)}.if-photo-selector__frame[data-ratio=square]{aspect-ratio:1}.if-photo-selector__frame[data-ratio=portrait]{aspect-ratio:4/5}.if-photo-selector__frame[data-ratio=landscape]{aspect-ratio:4/3}.if-photo-selector__frame:not([data-ratio=adapt]) picture,.if-photo-selector__frame:not([data-ratio=adapt]) .if-photo-selector__image{height:100%}.if-photo-selector__point{position:absolute;left:clamp(calc(var(--if-photo-point-size,48px) / 2 + 4px),var(--if-x),calc(100% - var(--if-photo-point-size,48px) / 2 - 4px));top:clamp(calc(var(--if-photo-point-size,48px) / 2 + 4px),var(--if-y),calc(100% - var(--if-photo-point-size,48px) / 2 - 4px));transform:translate(-50%,-50%);z-index:2}.if-photo-selector__point.is-open{z-index:5}.if-photo-selector__toggle{display:grid;place-items:center;box-sizing:border-box;width:var(--if-photo-point-size,48px);height:var(--if-photo-point-size,48px);margin:0;padding:0;border:1px solid var(--if-photo-point-color,#000);border-radius:50%;background:var(--if-photo-point-color,#000);color:var(--if-photo-point-icon,#fff);cursor:pointer;box-shadow:0 0 0 4px #00000024,inset 0 0 0 2px #fff3;transition:transform .22s ease,box-shadow .22s ease}.if-photo-selector__toggle svg{display:block;width:55%;height:55%;transition:transform .22s ease}.if-photo-selector__toggle[aria-expanded=true] svg{transform:rotate(45deg)}.if-photo-selector__toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px}.if-photo-selector__card{position:absolute;box-sizing:border-box;width:var(--if-photo-card-width,380px);max-width:calc(100vw - 32px);max-height:var(--if-photo-card-height,none);overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--if-photo-radius,12px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 8px 24px rgba(var(--color-shadow),.16)}.if-photo-selector__card[hidden]{display:none}.if-photo-selector__summary{display:flex;align-items:flex-start;gap:14px;padding:16px}.if-photo-selector__thumb{display:block;flex:0 0 auto;width:80px;height:80px;border-radius:6px;object-fit:cover}.if-photo-selector__details{min-width:0}.if-photo-selector__title{display:block;margin:0 0 8px;color:inherit;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:16px;line-height:1.3;text-decoration:none;overflow-wrap:anywhere}.if-photo-selector__prices{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:15px;line-height:1.4}.if-photo-selector__prices s{opacity:.55}.if-photo-selector__badge{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:4px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:11px;font-weight:700;line-height:1.2}.if-photo-selector__actions{padding:12px 16px 16px;border-top:1px solid rgba(var(--color-foreground),.12)}.if-photo-selector__button.button{min-width:0;min-height:44px;max-width:100%;padding:10px 22px;border:1px solid currentColor;border-radius:var(--buttons-radius,8px);background:transparent;color:inherit;font-size:13px;line-height:1.3;text-align:center}.if-photo-selector__button.button:before,.if-photo-selector__button.button:after{background:transparent;box-shadow:none}.if-photo-selector__empty{margin:0;padding:16px;font-size:14px}@media(hover:hover)and (pointer:fine){.if-photo-selector__toggle:hover{transform:scale(1.05);box-shadow:0 0 0 5px #0000002e,inset 0 0 0 2px #fff3}.if-photo-selector__button.button:hover{background:transparent;color:inherit;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateY(-2px)}}@media(max-width:749px){.if-photo-selector{padding-block:calc(var(--if-photo-top,64px) * .75) calc(var(--if-photo-bottom,64px) * .75)}.if-photo-selector__intro{margin-bottom:2.4rem;text-align:var(--if-photo-align-mobile,center)}.if-photo-selector__heading{font-size:var(--if-photo-heading-mobile,28px)}.if-photo-selector__subtitle{font-size:var(--if-photo-subtitle-mobile,16px)}.if-photo-selector__frame[data-mobile-ratio=adapt]{aspect-ratio:auto}.if-photo-selector__frame[data-mobile-ratio=adapt] picture,.if-photo-selector__frame[data-mobile-ratio=adapt] .if-photo-selector__image{height:auto}.if-photo-selector__frame[data-mobile-ratio=square]{aspect-ratio:1}.if-photo-selector__frame[data-mobile-ratio=portrait]{aspect-ratio:4/5}.if-photo-selector__frame[data-mobile-ratio=landscape]{aspect-ratio:4/3}.if-photo-selector__frame:not([data-mobile-ratio=adapt]) picture,.if-photo-selector__frame:not([data-mobile-ratio=adapt]) .if-photo-selector__image{height:100%}.if-photo-selector__point{left:clamp(calc(var(--if-photo-point-mobile,40px) / 2 + 4px),var(--if-x-mobile),calc(100% - var(--if-photo-point-mobile,40px) / 2 - 4px));top:clamp(calc(var(--if-photo-point-mobile,40px) / 2 + 4px),var(--if-y-mobile),calc(100% - var(--if-photo-point-mobile,40px) / 2 - 4px))}.if-photo-selector__toggle{width:var(--if-photo-point-mobile,40px);height:var(--if-photo-point-mobile,40px)}.if-photo-selector__thumb{width:64px;height:64px}.if-photo-selector__summary{padding:12px;gap:10px}.if-photo-selector__title{font-size:14px}.if-photo-selector__prices{font-size:13px}.if-photo-selector__actions{padding:10px 12px 12px}}@media(prefers-reduced-motion:reduce){.if-photo-selector__toggle,.if-photo-selector__toggle svg,.if-photo-selector__button.button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ifstudio-photo-selector.css.map */