@property --bj-focus-scale{syntax: "<number>"; inherits: false; initial-value: 1;}.bj-focus-card{--bj-focus-scale: 1;transition:--bj-focus-scale .7s ease-out}.bj-focus-card.bj-focus-active{--bj-focus-scale: 1;transition-duration:2.8s}.bj-focus-group.bj-focus-engaged .bj-focus-card:not(.bj-focus-active){filter:brightness(.48)!important}.bj-focus-group .bj-focus-card{transition-property:--bj-focus-scale,filter;transition-duration:.7s,1.1s;transition-timing-function:ease-out}.bj-focus-group .bj-focus-card.bj-focus-active{transition-duration:2.8s,1.1s}.bj-focus-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;background:inherit}.bj-focus-media>.bj-focus-media-inner{width:100%;height:100%;position:relative;transform:scale(var(--bj-focus-scale,1));transition:transform .7s ease-out}.bj-focus-active .bj-focus-media-inner{transform:scale(1.715);transition-duration:2.8s}.bj-focus-media-inner>:is(img,video,.bj-alliance-media,.bj-diagonals__image){width:100%!important;height:100%!important;max-height:none!important;margin:0!important;object-fit:contain!important}.bj-focus-media-inner :is(img,video){object-fit:contain!important;object-position:center!important}@media(prefers-reduced-motion:reduce){.bj-focus-card{--bj-focus-scale:1!important;transition:none!important}.bj-focus-media-inner{transform:none!important;transition:none!important}.bj-focus-group.bj-focus-engaged .bj-focus-card{filter:none!important}}body #MainContent#MainContent boonjan-magic-layers .bj-wheel-shell{--bj-stage-height:clamp(800px,86svh,980px)!important}body #MainContent#MainContent .bj-alliance .bj-rings__grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}body #MainContent#MainContent .bj-alliance .bj-rings__grid>article{flex:0 0 min(640px,calc(100% - 24px));scroll-snap-align:center}@media(max-width:749px){body #MainContent#MainContent boonjan-magic-layers .bj-wheel-shell{--bj-stage-height:max(520px,128vw)!important}body #MainContent#MainContent .bj-alliance .bj-rings__grid>article{flex-basis:calc(100% - 24px)}}body #MainContent#MainContent [id$=__boonjan_solitaire_prices] .bj-clean-media{position:relative!important;overflow:hidden!important}body #MainContent#MainContent [id$=__boonjan_solitaire_prices] .bj-clean-media>video{transform:none!important;object-fit:contain!important;width:100%!important;height:100%!important}body #MainContent#MainContent .bj-video-stage>.bj-video-expand{position:relative!important;inset:auto!important;transform:none!important;display:block!important;margin:12px auto 0!important;max-width:calc(100% - 24px)}body #MainContent#MainContent .bj-video-stage{display:block!important}body #MainContent#MainContent .bj-video-stage>.bj-video-expand{width:max-content!important;height:auto!important;min-height:44px;line-height:1.4}body #MainContent#MainContent .bj-focus-card{--bj-focus-scale:1!important}body #MainContent#MainContent .bj-card:is(.bj-focus-card)>img,body #MainContent#MainContent .bj-card.bj-focus-card .bj-front-movie video{scale:1!important;transition:scale .65s cubic-bezier(.22,.61,.36,1)!important;transform-origin:center!important}body #MainContent#MainContent .bj-card.bj-focus-active>img,body #MainContent#MainContent .bj-card.bj-focus-active .bj-front-movie video{scale:1.715!important;transition-duration:2.2s!important}body #MainContent#MainContent .bj-focus-media-inner{transform:scale(1);transition:transform .65s cubic-bezier(.22,.61,.36,1)}body #MainContent#MainContent .bj-focus-active .bj-focus-media-inner{transform:scale(1.715);transition-duration:2.2s}body #MainContent#MainContent .bj-alliance .bj-rings__grid{touch-action:pan-x pan-y;scroll-behavior:smooth;scroll-padding-inline:2px}body #MainContent#MainContent .bj-alliance .bj-rings__grid>article{flex-basis:calc((100% - 40px)/3);scroll-snap-align:start;scroll-snap-stop:always}@media(max-width:1000px){body #MainContent#MainContent .bj-alliance .bj-rings__grid>article{flex-basis:calc((100% - 20px)/2)}}@media(max-width:749px){body #MainContent#MainContent .bj-alliance .bj-rings__grid>article{flex-basis:86%}}@media(prefers-reduced-motion:reduce){body #MainContent#MainContent .bj-card.bj-focus-card>img,body #MainContent#MainContent .bj-card.bj-focus-card .bj-front-movie video{scale:1!important;transition:none!important}body #MainContent#MainContent .bj-focus-active .bj-focus-media-inner{transform:none;transition:none}}@property --bj-frame-size{syntax:"<number>";inherits:false;initial-value:1}body #MainContent#MainContent .bj-stage .bj-card{--bj-frame-size:1;transition:--bj-frame-size .7s cubic-bezier(.22,.61,.36,1),filter 1.1s ease-out!important}body #MainContent#MainContent .bj-stage .bj-card.is-front.bj-focus-active{--bj-frame-size:2;transition-duration:2.2s,1.1s!important}@media(prefers-reduced-motion:reduce){body #MainContent#MainContent .bj-stage .bj-card{transition:none!important}}body #MainContent#MainContent .bj-no-product-zoom{--bj-frame-size:1!important}body #MainContent#MainContent .bj-no-product-zoom :is(img,video),body #MainContent#MainContent .bj-no-product-zoom>:is(img,video){scale:1!important;translate:none!important;object-fit:contain!important}@media(max-width:749px){body #MainContent#MainContent .bj-stage .bj-card{top:61%!important}body #MainContent#MainContent .bj-stage .bj-card.is-front.bj-focus-active{--bj-frame-size:1.45}}body #MainContent#MainContent .bj-card[data-product-handle=key-zoo]>:is(img),body #MainContent#MainContent .bj-card[data-product-handle=key-zoo] .bj-front-movie video{scale:1!important;object-fit:contain!important;object-position:center!important}body #MainContent#MainContent .bj-card.bj-movie-loaded .bj-front-movie{opacity:1!important}body #MainContent#MainContent .bj-card.bj-movie-loaded>img{visibility:hidden!important}@media(max-width:749px){body #MainContent#MainContent .bj-stage .bj-card.is-front.bj-focus-active.bj-detail-active{--bj-frame-size:2.4;transition-duration:2.4s,1.1s!important}}@media(prefers-reduced-motion:reduce){body #MainContent#MainContent .bj-stage .bj-card.bj-detail-active{--bj-frame-size:1!important}}@media(max-width:749px){body #MainContent#MainContent .bj-stage .bj-card{transform-origin:50% 0!important;top:calc(max(520px,128vw)*.61)!important}body #MainContent#MainContent .bj-wheel-shell:has(.bj-detail-active){--bj-stage-height:max(640px,155vw)!important;transition:height 2.4s ease}body #MainContent#MainContent .bj-alliance-wheel__item{transform-origin:50% 0;top:264.6px!important}body #MainContent#MainContent .bj-alliance-wheel:has(.is-detail){height:550px;transition:height 2.4s ease}}boonjan-magic-layers,.bj-alliance,.bj-alliance :is(button,a),boonjan-magic-layers :is(button,a,h2,p,span){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}boonjan-magic-layers img,.bj-alliance img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.bj-alliance :is(input,textarea,select),boonjan-magic-layers :is(input,textarea,select){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body #MainContent#MainContent :is(.bj-controls,.bj-alliance__controls) button{min-width:48px;min-height:48px;touch-action:manipulation}@media(max-width:749px){body #MainContent#MainContent .bj-stage{transition:height 2.4s ease}}boonjan-magic-layers *,.bj-alliance *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}boonjan-magic-layers :is(input,textarea,select,[contenteditable=true]),.bj-alliance :is(input,textarea,select,[contenteditable=true]){-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}boonjan-magic-layers :is(button,a),.bj-alliance :is(button,a){-webkit-tap-highlight-color:transparent}boonjan-magic-layers .bj-key-palace{filter:grayscale(1)!important}boonjan-magic-layers,.bj-alliance{overflow-anchor:none}body #MainContent#MainContent .bj-stage .bj-card{--bj-product-scale:1}body #MainContent#MainContent .bj-stage .bj-card.bj-focus-active{--bj-product-scale:1.715}body #MainContent#MainContent .bj-stage .bj-card.bj-no-product-zoom,body #MainContent#MainContent .bj-stage .bj-card[data-product-handle=key-zoo]{--bj-product-scale:1}body #MainContent#MainContent .bj-stage .bj-card.bj-focus-card>img,body #MainContent#MainContent .bj-stage .bj-card.bj-focus-card .bj-front-movie video{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;translate:none!important;rotate:none!important;scale:1!important;transform:translate(-50%,-50%) scale(var(--bj-product-scale,1))!important;transform-origin:50% 50%!important;object-fit:contain!important;object-position:50% 50%!important;transition:transform .65s cubic-bezier(.22,.61,.36,1)!important}body #MainContent#MainContent .bj-stage .bj-card.bj-focus-active>img,body #MainContent#MainContent .bj-stage .bj-card.bj-focus-active .bj-front-movie video{transition-duration:2.2s!important}@media(max-width:749px){body #MainContent#MainContent boonjan-magic-layers :is(.bj-first-wheel,.bj-second-wheel) .bj-room-space{height:var(--bj-room-height,100svh)!important;bottom:auto!important;transform:none!important;scale:1!important;transition:none!important}}@media(prefers-reduced-motion:reduce){body #MainContent#MainContent .bj-stage .bj-card.bj-focus-active{--bj-product-scale:1}}body #MainContent#MainContent boonjan-magic-layers .bj-wedding-portrait{inset:0 0 auto!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;transform:none!important;scale:1!important;transition:none!important}body #MainContent#MainContent boonjan-magic-layers .bj-wedding-portrait img{position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;max-height:none!important;object-fit:contain!important;object-position:center top!important;transform:none!important;translate:none!important;scale:1!important;transition:none!important}@media(max-width:749px){body #MainContent#MainContent boonjan-magic-layers .bj-wedding-portrait,body #MainContent#MainContent boonjan-magic-layers .bj-wedding-portrait img{aspect-ratio:auto!important}}[id^=bj-ring-model-]{scroll-margin-block-start:calc(15svh + 16px)}
/*# sourceMappingURL=/cdn/shop/t/232/assets/boonjan-carousel-focus.css.map */