bundle-creator .c-visualizer div{overflow:visible;position:absolute;transform-origin:center}bundle-creator .c-visualizer div[data-step="1"]{bottom:30px;display:block;height:900px;left:0;object-fit:cover;pointer-events:none;top:auto;width:auto}@media (min-width:1024px){bundle-creator .c-visualizer div[data-step="1"]{bottom:100px;height:1200px;width:auto}}bundle-creator .c-visualizer div.charms{bottom:40px;display:block;height:100px;left:50%;margin-left:-50px;object-fit:cover;width:100px}@media (min-width:1024px){bundle-creator .c-visualizer div.charms{bottom:95px;height:150px;margin-left:-75px;width:150px}}bundle-creator .c-visualizer div.charms[data-index="1"]{--tw-translate-y:-41px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){bundle-creator .c-visualizer div.charms[data-index="1"]{--tw-translate-y:-55px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}bundle-creator .c-visualizer div.charms[data-index="2"]{--tw-translate-x:-100px;--tw-translate-y:-62px;--tw-rotate:21deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){bundle-creator .c-visualizer div.charms[data-index="2"]{--tw-translate-x:-140px;--tw-translate-y:-86px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}bundle-creator .c-visualizer div.charms[data-index="3"]{--tw-translate-x:100px;--tw-translate-y:-60px;--tw-rotate:-21deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){bundle-creator .c-visualizer div.charms[data-index="3"]{--tw-translate-x:141px;--tw-translate-y:-87px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}bundle-creator .c-visualizer div.charms[data-index="3"] img{object-position:left top}bundle-creator .c-visualizer div img{display:block;height:100%;object-fit:cover;overflow:visible;transform-origin:top;width:auto}bundle-creator .c-visualizer div:hover{animation:bright-alt .5s var(--power2-in-out);cursor:pointer}bundle-creator .c-visualizer div:hover img{animation:shake .5s var(--power2-in-out)}bundle-creator .c-visualizer div:hover .btn-remove{opacity:1}bundle-creator .c-visualizer div .btn-remove{display:none;height:43px;left:65px;opacity:0;position:absolute;top:-50px;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,1,.5,1);width:26px}@media (min-width:1024px){bundle-creator .c-visualizer div .btn-remove{display:block}}bundle-creator c-step{display:block;position:relative;--tw-bg-opacity:1}bundle-creator c-step,bundle-creator c-step header{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}bundle-creator c-step header{border-bottom-width:1px;top:0;z-index:10;--tw-border-opacity:1;border-color:rgb(237 233 223/var(--tw-border-opacity,1));--tw-bg-opacity:1;padding:.75rem .5rem}@media (min-width:1024px){bundle-creator c-step header{padding:1.5rem 1rem;position:sticky}}bundle-creator c-step header h3{font-size:18px;line-height:1.15}@media (max-width:1023px){bundle-creator c-step header h3{font-size:14px;line-height:16px}}bundle-creator c-step header button{align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;display:flex;flex-direction:row;font-family:Plaak\ 6,Plaak\ 6 Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:11px;line-height:14px}bundle-creator c-step header button c-shape{display:block;height:1rem;width:1rem}@media (min-width:1024px){bundle-creator c-step header button c-shape{transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.25,1,.5,1)}}bundle-creator c-step header button c-shape svg{display:block;height:100%;width:100%}@media (min-width:1024px){bundle-creator c-step header button:hover c-shape{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}bundle-creator c-step c-list{display:block;min-height:calc(var(--app-height) - 100px);padding:1rem}@media (min-width:1024px){bundle-creator c-step c-list{min-height:calc(100svh - 143px);padding-bottom:2.5rem}}bundle-creator c-step>c-actions{border-top-width:1px;bottom:0;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-direction:row;left:0;position:sticky;right:0;--tw-border-opacity:1;border-color:rgb(237 233 223/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem}html[class~=is-ios] bundle-creator c-step>c-actions{padding-bottom:1.5rem}@media (min-width:1024px){bundle-creator c-step>c-actions{padding:1rem}}bundle-creator c-step>c-actions .btn-prev{border-width:1px;display:block;height:2.5rem;position:relative;width:2.5rem;--tw-border-opacity:1;border-color:rgb(237 233 223/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.25,1,.5,1)}bundle-creator c-step>c-actions .btn-prev:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}bundle-creator c-step>c-actions .btn-prev .css-shape{display:block;height:100%;left:50%;position:absolute;top:50%;width:7px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}bundle-creator c-step>c-actions .btn-next{border-width:1px;display:block;flex:1 1;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));font-family:Plaak\ 6,Plaak\ 6 Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:11px;line-height:14px;padding-bottom:.625rem;padding-top:.625rem;text-align:center;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.25,1,.5,1)}bundle-creator c-step>c-actions .btn-next:disabled{cursor:not-allowed;pointer-events:none;--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(154 154 154/var(--tw-bg-opacity,1))}@media (min-width:1024px){bundle-creator c-step>c-actions .btn-next:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}}bundle-creator c-step c-summary{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}bundle-creator c-step c-summary c-family{display:flex;flex-direction:row;grid-column:1/-1;justify-content:space-between;padding-bottom:1rem}@media (min-width:1024px){bundle-creator c-step c-summary c-family{display:block;grid-column:span 1/span 1;padding-bottom:0}}bundle-creator c-step c-summary c-collection{grid-column:1/-1}@media (min-width:1024px){bundle-creator c-step c-summary c-collection{grid-column:span 5/span 5}}bundle-creator c-step c-summary c-collection c-item{border-bottom-width:1px;-moz-column-gap:.75rem;column-gap:.75rem;display:flex;flex-direction:row;margin-bottom:1rem;position:relative;--tw-border-opacity:1;border-color:rgb(237 233 223/var(--tw-border-opacity,1));padding-bottom:1rem}bundle-creator c-step c-summary c-collection c-item:last-child{border-bottom-width:0;margin-bottom:0}bundle-creator c-step c-summary c-collection c-item c-picture{aspect-ratio:92/120;display:block;flex-shrink:0;width:90px;--tw-bg-opacity:1;background-color:rgb(246 242 235/var(--tw-bg-opacity,1))}bundle-creator c-step c-summary c-collection c-item c-picture img{display:block;height:100%;object-fit:cover;width:100%}bundle-creator c-step c-summary c-collection c-item c-infos{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;width:100%}bundle-creator c-step c-summary c-collection c-item c-infos div p:first-child{font-family:Exposure Regular,Exposure Fallback,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1rem;line-height:18px}@media (min-width:1024px){bundle-creator c-step c-summary c-collection c-item c-infos div p:first-child{font-size:1.125rem;line-height:1.25rem}}bundle-creator c-step c-summary c-collection c-item c-infos button{color:#0009;font-size:11px;line-height:14px}bundle-creator c-step c-summary c-collection c-item c-infos button,bundle-creator c-step c-summary c-collection c-item c-price{font-family:Plaak\ 6,Plaak\ 6 Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}bundle-creator c-step c-summary c-collection c-item c-price{font-size:.75rem;line-height:1rem;text-align:right;text-transform:uppercase;width:150px}bundle-creator c-step c-summary c-collection c-item .btn-engraving{bottom:19px;color:#000;font-family:Plaak\ 6,Plaak\ 6 Fallback,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:11px;line-height:14px;position:absolute;right:0}.bc-animated-item{animation:bright .8s .2s var(--power2-in-out)}.charms.bc-animated-item img{animation:shake .8s linear .2s}@keyframes bright{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}@keyframes bright-alt{0%{filter:brightness(1)}50%{filter:brightness(1.1)}to{filter:brightness(1)}}@keyframes shake{0%{transform:rotate(0);transform-origin:top top}20%{transform:rotate(-1deg);transform-origin:top top}40%{transform:rotate(1deg);transform-origin:top top}to{transform:rotate(0)}}