.ccb-wrap{--ccb-gap: 24px;--ccb-pad: clamp(16px, 3vw, 32px);--ccb-radius: 6px;--ccb-border: rgba(0, 0, 0, .12);--ccb-border-strong: rgba(0, 0, 0, .85);--ccb-muted: rgba(0, 0, 0, .55);--ccb-cta: #e6b23a;--ccb-cta-hover: #d59f26;--ccb-cta-text: #1a1a1a;--ccb-sale: #1d8ac7;--ccb-bg: #ffffff;--ccb-panel-bg: #ffffff;--ccb-canvas-shadow: 0 12px 30px rgba(0, 0, 0, .1), 0 3px 8px rgba(0, 0, 0, .06);color:#111;background:var(--ccb-bg);padding-top:var(--ccb-pad);padding-bottom:var(--ccb-pad)}.ccb-grid{display:grid;grid-template-columns:1fr;gap:var(--ccb-gap);max-width:1400px;margin:0 auto;padding-inline:var(--ccb-pad)}@media(min-width:900px){.ccb-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px}}.ccb-preview-col{position:relative}@media(min-width:900px){.ccb-preview-col{position:sticky;top:calc(var(--header-height, 80px) + 16px);align-self:start;height:min-content}}.ccb-preview-stage{position:relative;min-height:420px;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}@media(min-width:900px){.ccb-preview-stage{min-height:620px}}.ccb-preview-360{position:absolute;top:12px;left:12px;width:44px;height:44px;border:1px solid var(--ccb-border);border-radius:4px;display:grid;place-items:center;font-size:11px;color:var(--ccb-muted);background:#fff;cursor:pointer;z-index:2}.ccb-frame{position:relative;display:block;max-width:100%;transition:aspect-ratio .35s ease,padding .35s ease,box-shadow .35s ease}.ccb-frame[data-orientation=portrait]{width:min(78%,380px);aspect-ratio:4 / 5}.ccb-frame[data-orientation=landscape]{width:min(90%,540px);aspect-ratio:5 / 4}.ccb-frame[data-orientation=square]{width:min(78%,420px);aspect-ratio:1 / 1}.ccb-frame{padding:0;background:transparent}.ccb-frame[data-frame=black_wood]{padding:22px;background:#1a1a1a;box-shadow:0 20px 40px #00000038}.ccb-frame[data-frame=white_wood]{padding:22px;background:#f0ece5;box-shadow:0 20px 40px #0000002e}.ccb-frame[data-frame=espresso_wood]{padding:22px;background:#3d2a1e;box-shadow:0 20px 40px #0000003d}.ccb-canvas{position:relative;width:100%;height:100%;background:#f4f4f4;overflow:hidden;transition:box-shadow .35s ease;box-shadow:var(--ccb-canvas-shadow)}.ccb-canvas[data-edge=photo_wrap]{box-shadow:8px 0 14px -8px #00000059,var(--ccb-canvas-shadow)}.ccb-canvas__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.ccb-canvas__blur-bg{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(1.1);transform:scale(1.15);opacity:.85;z-index:0}.ccb-canvas[data-edge=blur_wrap] .ccb-canvas__blur-bg{display:block}.ccb-canvas[data-edge=blur_wrap] .ccb-canvas__img{object-fit:contain;padding:4%;z-index:1}.ccb-canvas__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#00000059;z-index:1}.ccb-canvas__placeholder svg{width:60px;height:60px}.ccb-canvas.has-image .ccb-canvas__placeholder{display:none}.ccb-frame__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:perspective(1800px) rotateY(-2deg);transition:transform .5s ease}.ccb-frame__inner:before{content:"";position:absolute;left:-9px;top:2%;width:9px;height:96%;transform:skewY(3deg);transform-origin:right center;background:linear-gradient(to left,#00000040,#0000);z-index:3;pointer-events:none;transition:background .3s ease,box-shadow .3s ease}.ccb-frame__inner:after{content:"";position:absolute;right:-4px;top:2%;width:4px;height:96%;background:linear-gradient(to right,#00000026,#0000);transform:skewY(-2deg);pointer-events:none;z-index:2}.ccb-frame__inner:has([data-edge=photo_wrap]):before{background:linear-gradient(to left,#00000047,#0000000d)}.ccb-frame__inner:has([data-edge=black_border]):before{background:linear-gradient(to left,#0a0a0a,#202020 60%,#050505);box-shadow:inset -1px 0 #ffffff0d}.ccb-frame__inner:has([data-edge=white_border]):before{background:linear-gradient(to left,#fff,#f4f4f0 60%,#e4dfd4);box-shadow:inset -1px 0 #00000026}.ccb-frame__inner:has([data-edge=blur_wrap]):before{background:linear-gradient(to left,#64646480,#c8c8c826);filter:blur(1px)}.ccb-frame[data-frame=black_wood] .ccb-frame__inner:before,.ccb-frame[data-frame=black_wood] .ccb-frame__inner:after,.ccb-frame[data-frame=white_wood] .ccb-frame__inner:before,.ccb-frame[data-frame=white_wood] .ccb-frame__inner:after,.ccb-frame[data-frame=espresso_wood] .ccb-frame__inner:before,.ccb-frame[data-frame=espresso_wood] .ccb-frame__inner:after{display:none}.ccb-config-col{min-width:0}.ccb-title{font-size:clamp(22px,3vw,30px);line-height:1.15;font-weight:700;margin:0 0 16px;letter-spacing:-.01em}.ccb-price-row{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--ccb-border);margin-bottom:24px;flex-wrap:wrap}.ccb-price{display:inline-flex;align-items:baseline;gap:8px}.ccb-price__compare{color:var(--ccb-muted);text-decoration:line-through;font-size:16px}.ccb-price__sale,.ccb-price__final{color:var(--ccb-sale);font-weight:700;font-size:22px}.ccb-cta{flex:1 1 240px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ccb-cta);color:var(--ccb-cta-text);border:0;padding:14px 24px;border-radius:4px;font-weight:600;font-size:15px;cursor:pointer;min-height:48px;transition:background .2s ease,transform .1s ease}.ccb-cta:hover{background:var(--ccb-cta-hover)}.ccb-cta:active{transform:scale(.99)}.ccb-cta[disabled]{opacity:.6;cursor:not-allowed}.ccb-cta[data-state=uploading]{pointer-events:none;opacity:.8}.ccb-panel{border-bottom:1px solid var(--ccb-border);padding:20px 0}.ccb-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;background:none;border:0;padding:0;width:100%;text-align:left;font:inherit}.ccb-panel__title{display:flex;align-items:baseline;gap:10px;font-size:18px;font-weight:700;margin:0}.ccb-panel__value{font-size:13px;color:var(--ccb-sale);font-weight:500}.ccb-panel__caret{width:20px;height:20px;transition:transform .25s ease;color:var(--ccb-muted)}.ccb-panel[data-open=false] .ccb-panel__caret{transform:rotate(-90deg)}.ccb-panel__body{padding-top:16px;display:grid;gap:12px;overflow:hidden}.ccb-panel[data-open=false] .ccb-panel__body{display:none}.ccb-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ccb-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:480px){.ccb-grid-4{grid-template-columns:repeat(2,1fr)}.ccb-grid-5{grid-template-columns:repeat(3,1fr)}}.ccb-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:10px 6px;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease;text-align:center;min-height:100px}.ccb-opt:hover{border-color:#00000059}.ccb-opt[aria-checked=true]{border-color:var(--ccb-border-strong);box-shadow:inset 0 0 0 1px var(--ccb-border-strong)}.ccb-opt__thumb{--demo-img: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f6dcb8'/%3E%3Cstop offset='0.45' stop-color='%23e7a97a'/%3E%3Cstop offset='0.75' stop-color='%23c96f3d'/%3E%3Cstop offset='1' stop-color='%23703b1e'/%3E%3C/linearGradient%3E%3ClinearGradient id='beach' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a97b4d'/%3E%3Cstop offset='1' stop-color='%235d3a1c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23sky)'/%3E%3Ccircle cx='138' cy='68' r='22' fill='%23ffe9a8' opacity='0.85'/%3E%3Ccircle cx='138' cy='68' r='34' fill='%23ffe9a8' opacity='0.25'/%3E%3Cpath d='M0 132 L26 118 L52 128 L88 108 L128 120 L168 112 L200 122 L200 200 L0 200 Z' fill='url(%23beach)'/%3E%3Cpath d='M0 138 Q40 128 80 136 Q140 122 200 132 L200 200 L0 200 Z' fill='%234a2a12' opacity='0.55'/%3E%3Cellipse cx='96' cy='175' rx='5' ry='16' fill='%23281208' opacity='0.9'/%3E%3Cellipse cx='96' cy='158' rx='4' ry='4.5' fill='%23281208' opacity='0.9'/%3E%3Cpath d='M108 168 Q120 165 128 170' stroke='%23281208' stroke-width='2.5' fill='none' opacity='0.75'/%3E%3C/svg%3E");width:100%;aspect-ratio:1 / 1;max-width:84px;border-radius:50%;overflow:hidden;background:#fafafa;display:grid;place-items:center;margin-bottom:4px;position:relative}.ccb-opt__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ccb-opt__label{font-size:13px;line-height:1.2;font-weight:500;color:#222}.ccb-opt__price{font-size:11px;color:var(--ccb-muted)}.ccb-mini{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ccb-mini__frame{position:relative;width:66%;aspect-ratio:1 / 1;display:block;background:transparent;transform:perspective(160px) rotateY(-18deg) rotateX(2deg);transform-origin:center;filter:drop-shadow(3px 5px 4px rgba(0,0,0,.22))}.ccb-mini__canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--demo-img);background-size:cover;background-position:center}.ccb-opt__thumb--edge{background:#fff}.ccb-opt__thumb--edge .ccb-mini__frame{width:60%;transform:perspective(160px) rotateY(-24deg) rotateX(3deg);overflow:visible;filter:drop-shadow(4px 6px 5px rgba(0,0,0,.28))}.ccb-opt__thumb--edge .ccb-mini__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.ccb-opt__thumb--edge .ccb-mini__canvas:after{content:"";position:absolute;right:-22%;top:4%;width:22%;height:92%;transform:skewY(18deg);background-image:var(--demo-img);background-size:cover;background-position:right center;filter:brightness(.86);box-shadow:inset 1px 0 #00000040}.ccb-mini[data-mini-value=black_border] .ccb-mini__canvas:after{background:linear-gradient(90deg,#0a0a0a,#1c1c1c);background-image:linear-gradient(90deg,#0a0a0a,#1c1c1c);filter:none}.ccb-mini[data-mini-value=white_border] .ccb-mini__canvas:after{background:linear-gradient(90deg,#f9f7f2,#e6e0d3);background-image:linear-gradient(90deg,#f9f7f2,#e6e0d3);filter:none;box-shadow:inset 1px 0 #00000040}.ccb-mini[data-mini-value=blur_wrap] .ccb-mini__canvas:after{background-image:var(--demo-img);filter:blur(1.5px) brightness(.9) saturate(1.3)}.ccb-opt__thumb--frame{background:#fff}.ccb-opt__thumb--frame .ccb-mini__frame{width:66%;padding:0;box-sizing:border-box;overflow:visible;transform:perspective(180px) rotateY(-20deg) rotateX(3deg)}.ccb-mini[data-mini-value=none] .ccb-mini__canvas{box-shadow:2px 0 4px -1px #00000047}.ccb-mini[data-mini-value=none] .ccb-mini__canvas:after{content:"";position:absolute;right:-14%;top:4%;width:14%;height:92%;transform:skewY(14deg);background-image:var(--demo-img);background-size:cover;background-position:right;filter:brightness(.85)}.ccb-mini[data-mini-value=black_wood] .ccb-mini__frame{padding:14%;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);box-shadow:inset 0 0 0 1px #333}.ccb-mini[data-mini-value=black_wood] .ccb-mini__canvas{position:absolute;top:14%;right:14%;bottom:14%;left:14%;box-shadow:inset 0 0 4px #0006}.ccb-mini[data-mini-value=white_wood] .ccb-mini__frame{padding:14%;background:linear-gradient(135deg,#f4efe4,#e0d8c6);box-shadow:inset 0 0 0 1px #0000001a}.ccb-mini[data-mini-value=white_wood] .ccb-mini__canvas{position:absolute;top:14%;right:14%;bottom:14%;left:14%;box-shadow:inset 0 0 4px #00000026}.ccb-mini[data-mini-value=espresso_wood] .ccb-mini__frame{padding:14%;background:linear-gradient(135deg,#4a2f1f,#2b1a0f);box-shadow:inset 0 0 0 1px #ffffff0f}.ccb-mini[data-mini-value=espresso_wood] .ccb-mini__canvas{position:absolute;top:14%;right:14%;bottom:14%;left:14%;box-shadow:inset 0 0 4px #0006}.ccb-mini__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--demo-img);background-size:cover;background-position:center}.ccb-mini[data-mini-value=none] .ccb-mini__photo{filter:none}.ccb-mini[data-mini-value=black_white] .ccb-mini__photo{filter:grayscale(1) contrast(1.05)}.ccb-mini[data-mini-value=sepia] .ccb-mini__photo{filter:sepia(.85) saturate(1.2)}.ccb-mini[data-mini-value=vintage] .ccb-mini__photo{filter:sepia(.35) contrast(.95) saturate(.85) hue-rotate(-8deg) brightness(1.02)}.ccb-mini[data-mini-value=lomo] .ccb-mini__photo{filter:saturate(1.6) contrast(1.15) brightness(.95)}.ccb-product-card{min-height:160px}.ccb-product-card .ccb-opt__thumb{max-width:100%;aspect-ratio:4 / 3;border-radius:var(--ccb-radius)}.ccb-size-tabs{display:flex;gap:0;border-bottom:1px solid var(--ccb-border);margin-bottom:12px}.ccb-size-tab{flex:1;background:transparent;border:0;padding:12px 8px;font:inherit;font-size:14px;color:var(--ccb-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.ccb-size-tab[aria-selected=true]{color:#000;font-weight:700;border-bottom-color:#111}.ccb-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:480px){.ccb-size-grid{grid-template-columns:repeat(3,1fr)}}.ccb-size-btn{background:#fff;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);padding:10px 6px;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,background .2s;color:var(--ccb-sale);min-height:42px}.ccb-size-btn:hover{border-color:#00000080}.ccb-size-btn[aria-checked=true]{background:#fff;border-color:var(--ccb-border-strong);color:#111;font-weight:700;box-shadow:inset 0 0 0 1px var(--ccb-border-strong)}.ccb-service{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ccb-service:hover{border-color:#00000059}.ccb-service[aria-checked=true]{border-color:var(--ccb-border-strong);box-shadow:inset 0 0 0 1px var(--ccb-border-strong)}.ccb-service__icon{color:var(--ccb-muted)}.ccb-service__icon svg{width:28px;height:28px}.ccb-service__body h4{margin:0 0 4px;font-size:15px;font-weight:600}.ccb-service__body p{margin:0;font-size:12px;line-height:1.45;color:var(--ccb-muted)}.ccb-service__price{font-size:14px;color:var(--ccb-sale);font-weight:700;white-space:nowrap}.ccb-service-notes{margin-top:10px;display:none}.ccb-service[data-value=none][aria-checked=true]~.ccb-service-notes{display:block}.ccb-service-notes label{display:block;margin-bottom:6px;font-size:12px;color:var(--ccb-muted)}.ccb-service-notes textarea{width:100%;min-height:90px;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);padding:10px;font:inherit;font-size:14px;resize:vertical;background:#fff}.ccb-summary{padding:20px 0;border-bottom:1px solid var(--ccb-border)}.ccb-summary h3{margin:0 0 10px;font-size:16px;font-weight:700}.ccb-summary ul{list-style:disc;padding-left:20px;margin:0;display:grid;gap:4px;font-size:14px}.ccb-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0 4px;flex-wrap:wrap}.ccb-foot .ccb-cta{flex:1 1 240px}.ccb-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--ccb-border);margin-top:20px}.ccb-trust__item{text-align:center}.ccb-trust__item svg{width:42px;height:32px;margin-bottom:8px;color:#111;display:block;margin-inline:auto}.ccb-trust__item span{display:block;font-size:13px;color:#222;font-weight:500}.ccb-info{max-width:900px;margin:40px auto 0;padding-inline:var(--ccb-pad)}.ccb-info h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin:0 0 12px}.ccb-info__desc{font-size:15px;line-height:1.6;color:#333;margin:0 0 32px}.ccb-info__acc details{border-bottom:1px solid var(--ccb-border);padding:16px 0}.ccb-info__acc summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;padding:4px 0}.ccb-info__acc summary::-webkit-details-marker{display:none}.ccb-info__acc summary:after{content:"";width:10px;height:10px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);transition:transform .25s ease;margin-right:4px}.ccb-info__acc details[open] summary:after{transform:rotate(-135deg)}.ccb-info__acc .ccb-info__ans{padding:12px 0 4px;font-size:14px;line-height:1.6;color:#444}.ccb-file{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.ccb-ribbon{background:#1a1a1a;color:#fff;padding:14px var(--ccb-pad);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ccb-ribbon__text{display:flex;flex-direction:column;gap:2px}.ccb-ribbon__eyebrow{font-size:12px;opacity:.8;letter-spacing:.04em}.ccb-ribbon__headline{font-size:18px;font-weight:600}.ccb-ribbon__btn{border:1px solid #fff;color:#fff;padding:10px 22px;border-radius:999px;text-decoration:none;font-size:13px;transition:background .2s,color .2s}.ccb-ribbon__btn:hover{background:#fff;color:#111}@media(max-width:749px){.ccb-ribbon{flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:12px;padding:16px var(--ccb-pad)}.ccb-ribbon__text{align-items:center}.ccb-ribbon__headline{font-size:17px;line-height:1.25}}.ccb-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#111;color:#fff;padding:14px 22px;border-radius:6px;box-shadow:0 10px 30px #00000040;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:999}.ccb-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.ccb-toast--err{background:#b23a3a}.ccb-spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:#111;border-radius:50%;animation:ccb-spin .8s linear infinite}@keyframes ccb-spin{to{transform:rotate(360deg)}}.ccb-opt:focus-visible,.ccb-size-btn:focus-visible,.ccb-service:focus-visible,.ccb-size-tab:focus-visible,.ccb-cta:focus-visible{outline:2px solid var(--ccb-sale);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/canvas-builder.css.map */