.frame-config{display:block;margin:1.6rem 0 2.4rem}.frame-config[hidden]{display:none}.frame-config__addons-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:.4rem 0 1rem}.frame-config__addons-title{font-size:1.2rem;font-weight:500;letter-spacing:.06rem;text-transform:uppercase}.frame-config__dd{position:relative;border:.1rem solid rgb(var(--color-border));background-color:#f8f8f8;transition:background-color .15s ease}.frame-config__dd.is-open{z-index:40;background-color:transparent}.frame-config__dd+.frame-config__dd{margin-top:1rem}.frame-config__dd[hidden]{display:none}.frame-config__dd-trigger{display:flex;align-items:center;gap:1rem;width:100%;min-height:4.8rem;padding:1.2rem 1.6rem;border:none;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;text-align:left;cursor:pointer}.frame-config__dd-icon{position:relative;flex-shrink:0;width:1.4rem;height:1.4rem}.frame-config__dd-icon:before,.frame-config__dd-icon:after{content:"";position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%)}.frame-config__dd-icon:before{width:1.4rem;height:.15rem}.frame-config__dd-icon:after{width:.15rem;height:1.4rem;transition:transform .2s ease,opacity .2s ease}.frame-config__dd.is-open .frame-config__dd-icon:after{transform:translate(-50%,-50%) scaleY(0);opacity:0}.frame-config__dd-chip{flex-shrink:0;display:block;width:1.6rem;height:1.6rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem #00000026;background-size:cover;background-position:center}.frame-config__dd-chip[hidden]{display:none}.frame-config__dd-title{flex:1 1 auto;min-width:0;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.frame-config__dd-title[hidden]{display:none}.frame-config__dd-current{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;flex:1 1 auto;min-width:0}.frame-config__dd-current[hidden]{display:none}.frame-config__dd-current-name{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.frame-config__dd-current-meta{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.frame-config__dd-price{margin-left:auto;flex-shrink:0;white-space:nowrap;color:rgba(var(--color-foreground),.65)}.frame-config__dd-price[hidden]{display:none}.frame-config__dd.is-selected .frame-config__dd-price{color:rgb(var(--color-foreground));font-weight:500}.frame-config__dd-chevron{flex-shrink:0;display:inline-flex;align-items:center;width:1.1rem;margin-left:.4rem;color:rgba(var(--color-foreground),.6);transition:transform .2s ease}.frame-config__dd-chevron svg{width:100%;height:auto}.frame-config__dd.is-open .frame-config__dd-chevron{transform:rotate(180deg)}.frame-config__dd-panel{position:absolute;top:calc(100% + .3rem);left:0;right:0;z-index:41;max-height:42rem;overflow-y:auto;background-color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));box-shadow:0 1.2rem 3.2rem #00000029}.frame-config__dd-panel[hidden]{display:none}.frame-config__opt{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.2rem 1.6rem;border:none;border-bottom:.1rem solid rgba(var(--color-border),.6);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;text-align:left;cursor:pointer;transition:background-color .12s ease}.frame-config__opt:last-child{border-bottom:none}.frame-config__opt:hover{background-color:rgba(var(--color-foreground),.04)}.frame-config__opt.is-selected{background-color:rgba(var(--color-foreground),.06)}.frame-config__opt.is-unavailable,.frame-config__opt:disabled{opacity:.4;cursor:not-allowed}.frame-config__opt.is-unavailable:hover,.frame-config__opt:disabled:hover{background-color:transparent}.frame-config__opt.is-unavailable .frame-config__opt-price{text-decoration:none;font-weight:400;color:rgba(var(--color-foreground),.55)}.frame-config__opt-chip{flex-shrink:0;display:block;width:1.6rem;height:1.6rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem #00000026;background-size:cover;background-position:center}.frame-config__opt-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;flex:1 1 auto;min-width:0}.frame-config__opt-name{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.frame-config__opt-meta{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.frame-config__opt-price{margin-left:auto;flex-shrink:0;white-space:nowrap;font-weight:500}.frame-config__opt-chip[data-frame=none],.frame-config__dd-chip[data-frame=none]{background:linear-gradient(45deg,transparent 46%,rgba(120,120,120,.7) 46%,rgba(120,120,120,.7) 54%,transparent 54%),#f2f1ec}.frame-config__opt-chip[data-frame=black],.frame-config__dd-chip[data-frame=black]{background:#1b1b1b}.frame-config__opt-chip[data-frame=white],.frame-config__dd-chip[data-frame=white]{background:#f4f3ef}.frame-config__opt-chip[data-frame=natural],.frame-config__dd-chip[data-frame=natural]{background-color:#c69c6a;background-image:url(https://theposterclub.com/cdn/shop/files/oak_small.png?v=6519582717675564670)}.frame-config__opt-chip[data-frame=dark-oak],.frame-config__dd-chip[data-frame=dark-oak],.frame-config__opt-chip[data-frame=walnut],.frame-config__dd-chip[data-frame=walnut]{background-color:#5b3a24;background-image:url(https://theposterclub.com/cdn/shop/files/dark-oak_small.png?v=16008044931955701761)}.frame-config__opt-chip[data-frame=gray],.frame-config__dd-chip[data-frame=gray]{background:linear-gradient(135deg,#a7a7a7,#8c8c8c 55%,#6f6f6f)}.frame-config__opt-chip[data-frame=brass],.frame-config__dd-chip[data-frame=brass]{background:linear-gradient(135deg,#d8b878,#b08d57 55%,#8a6a38)}.frame-config__error{margin-top:.6rem;font-size:1.2rem;color:rgb(var(--color-base-accent))}.frame-config__error[hidden]{display:none}.frame-config__need-size{margin:.6rem 0 0;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.frame-config__need-size[hidden],.frame-config__sheet-overlay,.frame-config__sheet-head{display:none}@media screen and (max-width:749px){.frame-config__sheet-overlay:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:rgba(var(--color-overlay),.5)}.frame-config__dd-panel.fc-sheet{display:flex;flex-direction:column;position:fixed;top:auto;left:0;right:0;bottom:0;z-index:1001;max-height:min(80vh,560px);overflow-y:auto;border:none;border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -.4rem 2rem #0000002e;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.frame-config__dd-panel.fc-sheet.is-in{transform:translateY(0)}.frame-config__sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;padding:1.4rem 1.6rem;background-color:rgb(var(--color-background));border-bottom:.1rem solid rgb(var(--color-border));flex-shrink:0}.frame-config__sheet-title{font-size:1.3rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase}.frame-config__sheet-close{position:relative;width:2.4rem;height:2.4rem;padding:0;border:none;background:none;color:rgb(var(--color-foreground));cursor:pointer;flex-shrink:0}.frame-config__sheet-close:before,.frame-config__sheet-close:after{content:"";position:absolute;top:50%;left:50%;width:1.6rem;height:.15rem;background-color:currentColor}.frame-config__sheet-close:before{transform:translate(-50%,-50%) rotate(45deg)}.frame-config__sheet-close:after{transform:translate(-50%,-50%) rotate(-45deg)}body.frame-config--sheet-open{overflow:hidden}}.product__media.fc-canvas .fc-canvas__stage{--fc-canvas-pad: 8%;--fc-canvas-bg: #ebebeb;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--fc-canvas-pad);background-color:var(--fc-canvas-bg)}.fc-canvas__art{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.fc-canvas__stage.is-composed .fc-canvas__art{display:none}.fc-canvas__composite{flex:0 0 auto;max-width:100%}.fc-canvas__composite[hidden]{display:none}.fc-canvas__stage .frame-preview__window{overflow:hidden}.fc-canvas__stage .frame-preview__window img{width:100%;height:100%;object-fit:contain}.fc-canvas-thumb{background-color:#ebebeb}.fc-canvas-thumb .fc-canvas-thumb__art{object-fit:contain;padding:12%;box-sizing:border-box}@media screen and (max-width:749px){.product__media.fc-canvas .fc-canvas__stage{--fc-canvas-pad: 6%}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/product-frame-configurator.css.map */