.product-form__input--frame-style{margin-bottom:2rem}.product-form__input--frame-style .form__label{display:flex;align-items:baseline;gap:.625rem;margin-bottom:14px;font-size:1.9rem;font-weight:600;color:#2c2c2c;text-transform:capitalize;letter-spacing:.5px;font-family:Playfair Display,Georgia,serif}.form__label-hint{font-size:.875rem;font-weight:400;color:rgba(var(--color-foreground),.55);font-style:italic}.frame-style-options{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.frame-style-option{position:relative;flex-shrink:0}.frame-style-option__input{position:absolute;opacity:0;width:0;height:0}.frame-style-option__label{display:block;cursor:pointer;background:rgb(var(--color-background));border:2.5px solid rgba(var(--color-foreground),.12);border-radius:10px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100px;height:100px;box-shadow:0 2px 8px #0000000f}.frame-style-option__label:hover{border-color:rgba(var(--color-foreground),.4);transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.frame-style-option--selected .frame-style-option__label{border-color:rgb(var(--color-foreground));border-width:3px;box-shadow:0 0 0 2px rgba(var(--color-foreground),.1),0 4px 16px #00000026}.frame-style-option--selected .frame-style-option__label:hover{transform:translateY(-2px);box-shadow:0 0 0 2px rgba(var(--color-foreground),.15),0 6px 20px #0000002e}.frame-style-option__image-wrapper{position:relative;width:100%;height:100%;background:rgba(var(--color-foreground),.02)}.frame-style-option__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.4,0,.2,1)}.frame-style-option__label:hover .frame-style-option__image{transform:scale(1.08)}.frame-style-option--selected .frame-style-option__image{transform:scale(1.02)}.frame-style-option__content{display:none}.frame-style-option__checkmark{position:absolute;top:6px;right:6px;width:22px;height:22px;background:rgb(var(--color-foreground));border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 3px 8px #00000040}.frame-style-option__checkmark svg{color:rgb(var(--color-background));width:13px;height:13px}.frame-style-option--selected .frame-style-option__checkmark{opacity:1;transform:scale(1)}.frame-style-option--disabled{opacity:.5;pointer-events:none}.frame-style-option__unavailable{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.frame-style-option__unavailable span{background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:.3rem .6rem;border-radius:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 6px #0003}.frame-style-option__label:after{content:attr(data-title);position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%) translateY(5px);background:#121212f2;color:#fff;padding:.5rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 4px 12px #0000004d;letter-spacing:.01em}.frame-style-option__label:before{content:"";position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(18,18,18,.95);opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}.frame-style-option__label:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.frame-style-option__label:hover:before{opacity:1}.frame-style-option__input:focus+.frame-style-option__label{outline:3px solid rgba(var(--color-foreground),.4);outline-offset:3px;border-color:rgba(var(--color-foreground),.5)}@media screen and (min-width: 750px) and (max-width: 989px){.frame-style-option__label{width:90px;height:90px}.frame-style-option__checkmark{width:20px;height:20px}.frame-style-option__checkmark svg{width:12px;height:12px}}@media screen and (max-width: 749px){.product-form__input--frame-style{margin-bottom:1.5rem}.product-form__input--frame-style .form__label{font-size:1.9rem;font-weight:600;color:#2c2c2c;text-transform:capitalize;letter-spacing:.5px;font-family:Playfair Display,Georgia,serif}.form__label-hint{font-size:.8125rem}.frame-style-options{gap:.75rem}.frame-style-option__label{width:85px;height:85px;border-radius:8px}.frame-style-option__checkmark{width:18px;height:18px;top:5px;right:5px}.frame-style-option__checkmark svg{width:11px;height:11px}.frame-style-option__label:after{font-size:.75rem;padding:.4rem .75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-frame-style-picker.css.map */