.ccb{overflow:clip}.ccb-bgfill[hidden],.ccb-empty[hidden],.ccb-fields[hidden],.ccb-drop[hidden]{display:none!important}.ccb-steel .s-stat{font-size:19cqw;top:87.4%}.ccb-steel .s-name{font-size:8.8cqw}.ccb-step header i{font-size:0}.ccb-step header i:before{font-size:28px;line-height:1}.ccb-step[data-step=photo] header i:before{content:"1"}.ccb-step[data-step=details] header i:before{content:"2"}.ccb-step[data-step=finish] header i:before{content:"3"}.ccb-step[data-step=tpl] header i{display:none}.ccb-step[data-step=tpl]:has(.ccb-sw button:only-child){display:none!important}.ccb-bgbtn:not(:disabled){background:linear-gradient(135deg,#ff5a60 0%,var(--acc) 45%,#8f0a12 100%);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 1px #ffffff4d inset,0 8px 20px -8px #e3151cb3}.ccb-bgbtn:not(:disabled):hover{color:#fff;filter:brightness(1.08)}.ccb-bgbtn.on,.ccb-bgbtn.on:hover{background:linear-gradient(135deg,#4ade80,#16a34a,#166534);box-shadow:0 1px #ffffff4d inset,0 8px 20px -8px #16a34ab3}.ccb-bgbtn.busy{background:#3a3a40;box-shadow:none}.ccb-h{font-size:clamp(30px,4.2vw,62px);line-height:.95;max-width:14ch}.ccb-head{gap:10px;margin-bottom:32px}.ccb-intro{display:none!important}.ccb-pv{background:transparent}.ccb-table{background:none}.ccb-card{animation:ccbfloat 9s ease-in-out infinite;will-change:transform}.ccb-card.flip,.ccb-pv:has([data-tilt].on) .ccb-card{animation:none}@keyframes ccbfloat{0%,to{transform:rotateY(-6deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(7deg) rotateX(-3deg) translateY(-10px)}}.ccb-face.front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;mix-blend-mode:color-dodge;opacity:.42;background:linear-gradient(115deg,transparent 22%,rgba(255,60,160,.55) 36%,rgba(80,230,255,.55) 45%,rgba(255,235,90,.5) 53%,rgba(120,120,255,.55) 62%,transparent 78%);background-size:320% 320%;animation:ccbholo 8s ease-in-out infinite alternate}@keyframes ccbholo{0%{background-position:0% 0%}to{background-position:100% 100%}}.ccb-face.front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;mix-blend-mode:screen;opacity:.55;background:radial-gradient(ellipse 38% 28% at var(--gx,30%) var(--gy,20%),rgba(255,255,255,.5),rgba(255,255,255,.1) 45%,transparent 70%);animation:ccbglint 11s ease-in-out infinite alternate}@keyframes ccbglint{0%{--gx:22%;--gy:18%}50%{--gx:70%;--gy:55%}to{--gx:35%;--gy:85%}}@property --gx{syntax:"<percentage>";inherits:false;initial-value:30%}@property --gy{syntax:"<percentage>";inherits:false;initial-value:20%}.ccb[data-tier=gift] .ccb-stage:has(.ccb-backer){transform-style:preserve-3d;animation:ccbgiftfloat 10s ease-in-out infinite;will-change:transform;transform-origin:50% 55%}@keyframes ccbgiftfloat{0%,to{transform:rotateY(-14deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-7deg) rotateX(2deg) translateY(-12px)}}@media(prefers-reduced-motion:reduce){.ccb-card,.ccb-face.front:after,.ccb-face.front:before,.ccb-table{animation:none}.ccb[data-tier=gift] .ccb-stage:has(.ccb-backer){animation:none;transform:rotateY(-12deg) rotateX(4deg)}}@media(min-width:960px){.ccb{padding-top:96px}.ccb-wrap{display:grid;grid-template-columns:minmax(0,520px) minmax(480px,1fr);column-gap:clamp(28px,4vw,64px);align-items:start}.ccb-grid{display:contents}.ccb-head{grid-column:1;grid-row:1;margin-bottom:28px;padding-top:6px}.ccb-steps{grid-column:1;grid-row:2}.ccb-pv{grid-column:2;grid-row:1/3;position:sticky;top:8px;padding-block:0;width:100%;gap:10px;justify-items:end;padding-right:max(0px,calc(9vw - 75px))}.ccb-table{width:100%;max-width:none;aspect-ratio:auto;height:min(calc(100vh - 150px),820px);max-height:none;place-items:start end}.ccb-card{height:92%}.ccb-tools{justify-content:flex-end;padding-right:4px}.ccb-steps{position:relative}.ccb-nav{position:absolute;left:100%;top:150px;width:clamp(28px,4vw,64px);margin:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:34px;z-index:3}.ccb[data-stage=photo] .ccb-nav[data-nav=photo],.ccb[data-stage=details] .ccb-nav[data-nav=details],.ccb[data-stage=finish] .ccb-nav[data-nav=finish]{display:flex}.ccb-nav .ccb-next,.ccb-nav .ccb-prev{position:relative;margin:0;width:46px;height:46px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0;letter-spacing:0;flex:none}.ccb-nav .ccb-next{box-shadow:0 1px #ffffff59 inset,0 -2px #00000040 inset,0 10px 24px -8px #e3151cb3}.ccb-nav .ccb-next svg{width:20px;height:20px;stroke-width:2.2}.ccb-nav .ccb-prev{background:#ffffff0a}.ccb-nav .ccb-prev:before{content:"";width:12px;height:12px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translateY(3px) rotate(45deg)}.ccb-nav .ccb-next:after,.ccb-nav .ccb-prev:after{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:7px;font-family:var(--body);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);white-space:nowrap}.ccb-nav .ccb-next:after{content:"Next"}.ccb-nav .ccb-prev:after{content:"Back"}.ccb-nav .ccb-next:disabled{box-shadow:none}.ccb-step[data-step=tpl]{order:2}.ccb-bar,.ccb-note{order:3}.ccb[data-stage=photo] .ccb-step[data-step=details],.ccb[data-stage=photo] .ccb-step[data-step=finish],.ccb[data-stage=details] .ccb-step[data-step=photo],.ccb[data-stage=details] .ccb-step[data-step=finish],.ccb[data-stage=finish] .ccb-step[data-step=photo],.ccb[data-stage=finish] .ccb-step[data-step=details]{display:none}}@media(min-width:900px)and (max-width:959px){.ccb{padding-top:100px}}@media(max-width:899px){.ccb{padding-top:76px;padding-bottom:64px}.ccb-wrap{display:flex;flex-direction:column}.ccb-grid{display:contents}.ccb-head{order:1;margin:0 0 14px;max-width:none}.ccb-pv{order:2;position:sticky;top:0;z-index:20;padding:52px 0 8px;margin:0 -20px 10px;background:linear-gradient(var(--bg) 92%,transparent)}.ccb-steps{order:3}.ccb-wrap{timeline-scope:--ccbhead}.ccb-head{view-timeline:--ccbhead block}.ccb-table{height:min(36vh,330px);animation:ccbgrow linear both;animation-timeline:--ccbhead;animation-range:exit 0% exit 100%}@keyframes ccbgrow{0%{height:min(36vh,330px)}to{height:calc(100svh - 318px)}}.ccb-card{height:100%}.ccb-h{font-size:clamp(28px,8.5vw,40px);max-width:none}.ccb-intro{display:none!important}.ccb-step{padding:16px 16px 18px}.ccb-step[data-step=photo] header{margin-bottom:10px}.ccb-step[data-step=photo] header p{display:none}.ccb-drop{padding:9px 14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;border-radius:999px}.ccb-drop svg{width:18px;height:18px}.ccb-drop span{display:none}.ccb-drop b{font-size:15px}.ccb-drops.duo .ccb-drop{padding:8px 10px}.ccb-sliders{margin-top:12px;gap:9px}.ccb-sl{grid-template-columns:62px 1fr 56px;font-size:11px}.ccb-bg{margin-top:10px}.ccb-hint{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cc-card-builder-extra.css.map */