.noon-product-view{display:block;width:100%}.noon-frame-option .form__label{margin-bottom:.85rem}.noon-size-swatch{width:100%;min-width:0;padding:.8rem 1rem;line-height:1.2;text-align:center}.noon-size-option input:checked+.noon-size-swatch:after{box-shadow:inset 0 0 0 2px rgb(var(--color-foreground))}.noon-size-option{min-width:0;max-width:100%}.noon-size-option .form__label{min-width:0;flex-wrap:wrap}.noon-size-option>.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:.75rem;width:100%;max-width:100%}.noon-size-option>.swatches>li,.noon-size-option magnet-element{width:100%;min-width:0}.noon-size-label{display:inline-grid;gap:.22rem;justify-items:center;white-space:nowrap}.noon-size-label__set{color:rgb(var(--color-foreground) / .68);font-size:.68em;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.noon-size-label__metric{color:rgb(var(--color-foreground) / .58);font-size:.76em;font-weight:450;letter-spacing:.01em}.form__label .noon-size-label{display:inline-flex;flex-wrap:wrap;gap:.2rem .45rem;justify-content:flex-start}.form__label .noon-size-label__metric{font-size:.88em}.noon-size-label__unit{font-size:.82em;font-weight:500}.frame-option-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;align-items:start;gap:.75rem;width:100%;max-width:620px;list-style:none}.frame-option-item{min-width:0;height:auto}.frame-option-card{position:relative;display:grid;grid-template-rows:auto 2.7em;gap:.5rem;width:100%;height:auto;padding:5px;border:1px solid rgb(var(--color-border));border-radius:12px;background:rgb(var(--color-background));cursor:pointer;transition:border-color var(--animation-short),box-shadow var(--animation-short),transform var(--animation-short)}.frame-option-card__media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:rgb(var(--color-foreground) / .045)}.frame-option-card__image{display:block;width:100%;height:100%;object-fit:cover}.frame-option-card__sample{--frame-sample-color: rgb(122 100 88);--frame-sample-highlight: rgb(255 255 255 / .24);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 74% 20%,rgb(255 255 255 / .8),transparent 33%),linear-gradient(145deg,#f7f3eb,#e8e2d8)}.frame-option-card__sample-frame{position:relative;z-index:0;width:54%;aspect-ratio:1;border:5px solid var(--frame-sample-color);background:linear-gradient(155deg,#dae4e0 0 46%,#eee2cd 46% 53%,#ccdbda 53% 100%);box-shadow:inset 0 0 0 1px #ffffff73,0 5px 10px #2e27221f}.frame-option-card__sample-frame:after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-top:1px solid var(--frame-sample-highlight);border-left:1px solid var(--frame-sample-highlight);content:""}.frame-option-card__sample--gold{--frame-sample-color: rgb(173 128 45);--frame-sample-highlight: rgb(255 238 173 / .8)}.frame-option-card__sample--silver{--frame-sample-color: rgb(145 151 151);--frame-sample-highlight: rgb(255 255 255 / .82)}.frame-option-card__sample--natural{--frame-sample-color: rgb(180 145 101);--frame-sample-highlight: rgb(242 218 180 / .75)}.frame-option-card__sample--walnut{--frame-sample-color: rgb(83 54 39);--frame-sample-highlight: rgb(174 126 87 / .72)}.frame-option-card__sample--white{--frame-sample-color: rgb(239 235 226);--frame-sample-highlight: rgb(255 255 255 / .92)}.frame-option-card__sample--black{--frame-sample-color: rgb(35 34 32);--frame-sample-highlight: rgb(255 255 255 / .22)}.frame-option-card__sample--stretched .frame-option-card__sample-frame{width:52%;border:0;background:linear-gradient(155deg,#dae4e0 0 46%,#eee2cd 46% 53%,#ccdbda 53% 100%);box-shadow:0 6px 12px #2e27221f}.frame-option-card__sample--stretched .frame-option-card__sample-frame:before{position:absolute;z-index:-1;top:5px;right:-8px;width:8px;height:calc(100% - 1px);background:linear-gradient(90deg,#ded8cd,#bcb3a6);content:"";transform:skewY(-34deg);transform-origin:left top}.frame-option-card__sample--stretched .frame-option-card__sample-frame:after{position:absolute;z-index:-1;right:-5px;bottom:-8px;left:5px;height:8px;border:0;background:linear-gradient(180deg,#dcd5ca,#b5ab9c);content:"";transform:skew(-34deg);transform-origin:left top}.frame-option-card__sample--rolled .frame-option-card__sample-frame{width:50%;border:0;border-radius:2px 12px 12px 2px;box-shadow:0 8px 12px #2e272221;transform:rotate(-5deg)}.frame-option-card__sample--rolled .frame-option-card__sample-frame:before{position:absolute;z-index:-1;top:7%;right:-17%;width:25%;height:86%;border-radius:50%;background:linear-gradient(90deg,#b9ae9d,#f2ebdc 45%,#beb2a0);box-shadow:3px 3px 7px #2e272233;content:""}.frame-option-card__sample--rolled .frame-option-card__sample-frame:after{position:absolute;top:17%;right:-16%;width:17%;height:66%;border:2px solid rgb(151 137 118 / .72);border-radius:50%;background:radial-gradient(ellipse at center,#aea18f 0 18%,#eee6d7 20% 58%,#b5a895 61% 100%);content:""}.frame-option-card__name{display:grid;align-items:center;justify-items:center;min-width:0;height:2.7em;padding:0 2px 3px;color:rgb(var(--color-foreground) / .72);font-size:.68rem;font-weight:560;line-height:1.22;text-align:center;overflow-wrap:anywhere;overflow:hidden}.noon-frame-option input:checked+.frame-option-card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-foreground)),0 8px 24px rgb(var(--color-foreground) / .1)}.noon-frame-option input:focus-visible+.frame-option-card{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:4px}.noon-frame-option input:is(:disabled,.disabled)+.frame-option-card{cursor:not-allowed;opacity:.46}.noon-frame-option input:is(:disabled,.disabled)+.frame-option-card:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:8px;background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgb(var(--color-red-300)) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));content:"";pointer-events:none}@media screen and (pointer:fine){.frame-option-card:hover{border-color:rgb(var(--color-foreground) / .5);transform:translateY(-2px)}}@media screen and (max-width:767px){.noon-size-option>.swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.noon-size-swatch{min-height:4.5rem;padding:.72rem .45rem}.frame-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.frame-option-card{border-radius:10px}.frame-option-card__media{border-radius:6px}.frame-option-card__name{font-size:.62rem}}@media(prefers-reduced-motion:reduce){.frame-option-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/noon-product-frame-picker.css.map */