.customily-modal-container{--bs-customily-ink: var(--bs-brand-ink);--bs-customily-muted: var(--bs-brand-space-grey);--bs-customily-line: rgb(11 5 29 / .1);--bs-customily-surface: var(--bs-brand-white);--bs-customily-lilac: var(--bs-brand-pastel-balloon);z-index:8888888!important;background:#0b051d94!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--bs-customily-ink)!important;font-family:var(--text-font-family, system-ui, sans-serif)!important;overscroll-behavior:contain}.customily-modal-container .main{background:var(--bs-brand-white)!important;color:var(--bs-customily-ink)!important}.customily-modal-container .canvas-col{background:var(--bs-customily-surface)!important}.customily-modal-container .canvas-wrapper,.customily-modal-container .canvas-container{background:transparent!important}.customily-modal-container .canvas-col:before{background:transparent!important}.customily-modal-container .canvas-container canvas{mix-blend-mode:multiply}.customily-modal-container #cl_optionsapp{color:var(--bs-customily-ink)!important;scrollbar-color:rgb(11 5 29 / .25) transparent;scrollbar-width:thin}.customily-modal-container #cl_optionsapp::-webkit-scrollbar{width:5px}.customily-modal-container #cl_optionsapp::-webkit-scrollbar-thumb{border-radius:999px;background:#0b051d38}.customily-modal-container #cl_optionsapp .customily_option{color:var(--bs-customily-ink)!important}.customily-modal-container #cl_optionsapp .option_name,.customily-modal-container #cl_optionsapp .customily_option>label{color:var(--bs-customily-ink)!important;font-family:var(--text-font-family, system-ui, sans-serif)!important;font-size:16px!important;font-weight:750!important;line-height:1.3!important;letter-spacing:-.02em}.customily-modal-container #cl_optionsapp .help-text{display:block;margin-top:9px!important;color:var(--bs-customily-muted)!important;font-family:var(--text-font-family, system-ui, sans-serif)!important;font-size:13px!important;font-weight:500!important;line-height:1.45!important}.customily-modal-container #cl_optionsapp .customily-required-label,.customily-modal-container #customily-required-after-label{color:var(--bs-customily-ink)!important}.customily-modal-container #cl_optionsapp .swatch-container{gap:10px!important}.customily-modal-container #cl_optionsapp .swatch-container label{border-color:#0b051d1f!important;box-shadow:0 3px 12px #0b051d14!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}.customily-modal-container #cl_optionsapp .swatch-container label:hover{border-color:#0b051d6b!important;transform:translateY(-1px)}.customily-modal-container #cl_optionsapp .swatch-container input:checked+label,.customily-modal-container #cl_optionsapp .swatch-container .label-focus{border-color:var(--bs-customily-ink)!important;box-shadow:0 0 0 2px var(--bs-brand-white),0 0 0 4px var(--bs-customily-ink),0 5px 16px #0b051d1f!important}.customily-modal-container .customily-download-button{justify-content:center!important;min-width:160px!important;min-height:48px!important;padding:12px 20px!important;border:1px solid rgb(11 5 29 / .12)!important;border-radius:999px!important;background:var(--bs-customily-lilac)!important;color:var(--bs-customily-ink)!important;-webkit-text-fill-color:var(--bs-customily-ink)!important;font-family:var(--text-font-family, system-ui, sans-serif)!important;font-size:14px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important}.customily-modal-container .customily-download-button .cl-icon-rotate{display:none!important}.customily-modal-container .customily-download-button:hover{border-color:#0b051d4d!important;background:var(--bs-brand-pastel-balloon)!important;transform:translateY(-1px)}.customily-modal-container .cl_remove-image{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-width:48px!important;height:48px!important;padding:0!important;border:1px solid rgb(11 5 29 / .12)!important;border-radius:999px!important;background:var(--bs-brand-pastel-pink)!important;color:var(--bs-customily-ink)!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important}.customily-modal-container .cl_remove-image[hidden]{display:none!important}.customily-modal-container .cl_remove-image:hover{border-color:#0b051d4d!important;background:var(--bs-brand-pink)!important;transform:translateY(-1px)}.customily-modal-container .cl_remove-image svg,.customily-modal-container .cl_remove-image path{width:15px!important;height:15px!important;color:currentColor!important;fill:currentColor!important}.customily-modal-container .customily-mobile-controls{gap:8px!important;padding-top:12px!important}.customily-modal-container .cl-mobile-control-wrapper{align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:42px!important;border:1px solid rgb(11 5 29 / .22)!important;border-radius:999px!important;background:var(--bs-brand-white)!important;box-shadow:0 5px 16px #0b051d14!important}.customily-modal-container [data-bs-customily-edit-hint]{position:fixed!important;z-index:14!important;top:var(--bs-customily-hint-top, 50%)!important;left:var(--bs-customily-hint-left, 50%)!important;box-sizing:border-box!important;width:max-content!important;max-width:min(368px,calc(100vw - 24px))!important;margin:0!important;padding:11px 42px 11px 14px!important;border:1px solid rgb(11 5 29 / .18)!important;border-radius:14px!important;background:var(--bs-customily-ink)!important;color:var(--bs-brand-white)!important;font-family:var(--text-font-family, system-ui, sans-serif)!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important;text-align:center!important;box-shadow:0 10px 28px #0b051d33!important;opacity:0;pointer-events:none;transform:translate(-50%,calc(-100% - 12px)) translateY(6px);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)!important}.customily-modal-container [data-bs-customily-edit-hint]:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;border-right:1px solid rgb(11 5 29 / .18);border-bottom:1px solid rgb(11 5 29 / .18);background:var(--bs-customily-ink);transform:translate(-50%,-5px) rotate(45deg)}.customily-modal-container [data-bs-customily-edit-hint][data-bs-customily-edit-hint-visible]{opacity:1;pointer-events:auto;transform:translate(-50%,calc(-100% - 12px))}.customily-modal-container [data-bs-customily-edit-hint-close]{position:absolute!important;top:7px!important;right:8px!important;display:grid!important;place-items:center!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;margin:0!important;padding:0 0 2px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:999px!important;background:#ffffff1f!important;color:var(--bs-brand-white)!important;font:500 22px/1 var(--text-font-family, system-ui, sans-serif)!important;cursor:pointer!important;transform:none!important}.customily-modal-container [data-bs-customily-edit-hint-close]:hover,.customily-modal-container [data-bs-customily-edit-hint-close]:focus-visible{border-color:var(--bs-brand-white)!important;background:#ffffff38!important;outline:2px solid var(--bs-brand-white)!important;outline-offset:2px!important}.customily-modal-container .cl-mobile-control-wrapper:not([style*="display: none"]){display:flex!important}.customily-modal-container .customily-mobile-controls-item{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0!important;background:transparent!important}.customily-modal-container .cl-mobile-control-img{width:17px!important;height:17px!important;opacity:.78}.customily-modal-container .customily-download-button svg,.customily-modal-container .customily-download-button path,.customily-modal-container .customily-download-button span,.customily-modal-container .customily-download-button *{fill:currentColor!important;color:currentColor!important}.customily-modal-container #customily-cart-btn{position:relative!important;min-height:58px!important;border:1px solid var(--bs-customily-ink)!important;border-radius:999px!important;background:var(--bs-customily-ink)!important;color:var(--bs-brand-white)!important;font-family:var(--text-font-family, system-ui, sans-serif)!important;font-size:16px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.01em;box-shadow:0 10px 24px #0b051d29!important;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease!important}.customily-modal-container #customily-cart-btn:hover{background:var(--bs-brand-eggplant)!important;transform:translateY(-1px);box-shadow:0 13px 28px #0b051d33!important}.customily-modal-container .customily-close-button{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:var(--bs-customily-ink)!important;color:var(--bs-brand-white)!important;font-size:0!important;box-shadow:0 8px 22px #0b051d33!important;cursor:pointer;transition:background-color .16s ease,transform .16s ease!important}.customily-modal-container .customily-close-button:before,.customily-modal-container .customily-close-button:after{content:"";position:absolute;top:50%;left:50%;width:17px;height:2px;border-radius:999px;background:var(--bs-brand-white)}.customily-modal-container .customily-close-button:before{transform:translate(-50%,-50%) rotate(45deg)}.customily-modal-container .customily-close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}.customily-modal-container .customily-close-button:hover{background:var(--bs-brand-eggplant)!important;transform:scale(1.04)}.customily-modal-container button:focus-visible,.customily-modal-container .customily-close-button:focus-visible,.customily-modal-container #cl_optionsapp .swatch-container label:focus-visible{outline:3px solid var(--bs-brand-pink)!important;outline-offset:3px!important}@media screen and (min-width:768px){.customily-modal-container{padding:32px!important}.customily-modal-container .main{position:relative!important;width:min(1160px,calc(100vw - 64px))!important;height:min(780px,calc(100dvh - 64px))!important;max-width:1160px!important;max-height:780px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:28px!important;background:var(--bs-customily-surface)!important;box-shadow:0 28px 80px #0b051d47,0 3px 12px #0b051d1a!important}.customily-modal-container .options{flex-flow:row nowrap!important;gap:22px!important;width:100%!important;height:100%!important;margin:0!important;align-items:stretch!important}.customily-modal-container .canvas-col{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;margin:0!important;padding:24px 4px 24px 24px!important;overflow:hidden!important;border-right:0!important}.customily-modal-container .options-col{display:flex!important;flex:0 0 36%!important;flex-direction:column!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;margin:22px 22px 22px 0!important;padding:36px 30px 26px!important;overflow:hidden!important;border:1px solid rgb(11 5 29 / .04)!important;border-radius:28px!important;background:var(--bs-brand-white)!important;box-shadow:var(--shadow-block, 0 18px 45px rgba(11, 5, 29, .12))!important}.customily-modal-container .options-col:before{content:"Make it yours";flex:0 0 auto;margin:0 46px 24px 0;color:var(--bs-customily-ink);font-size:clamp(24px,2vw,30px);font-weight:800;line-height:1.05;letter-spacing:-.04em}.customily-modal-container #cl_optionsapp{flex:1 1 auto!important;min-height:0!important;padding:2px 10px 0 1px!important;overflow-x:hidden!important;overflow-y:auto!important}.customily-modal-container #cl_optionsapp .customily_option{position:static!important;inset:auto!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-bottom:26px!important;transform:none!important}.customily-modal-container #customily-cart-btn{flex:0 0 auto!important;width:100%!important;margin:18px 0 0!important}.customily-modal-container .customily-close-button.d-sm-flex{position:absolute!important;z-index:10020!important;top:38px!important;right:38px!important;width:38px!important;height:38px!important;border-color:transparent!important;background:var(--bs-brand-herring)!important;color:var(--bs-customily-ink)!important;font-size:0!important;box-shadow:none!important}.customily-modal-container .customily-close-button.d-sm-flex:before,.customily-modal-container .customily-close-button.d-sm-flex:after{width:15px;height:1.5px;background:var(--bs-customily-ink)}}@media screen and (max-width:767px){.customily-modal-container{width:100vw!important;height:100dvh!important;padding:0!important;background:var(--bs-customily-surface)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.customily-modal-container .main{width:100%!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important;border-radius:0!important;background:var(--bs-customily-surface)!important}.customily-modal-container .cl-header{position:relative!important;z-index:10!important;display:flex!important;flex:0 0 calc(58px + env(safe-area-inset-top,0px))!important;align-items:center!important;width:calc(100% - 20px)!important;height:calc(58px + env(safe-area-inset-top,0px))!important;min-height:calc(58px + env(safe-area-inset-top,0px))!important;margin:10px 10px 0!important;padding:env(safe-area-inset-top,0px) 12px 0!important;border:1px solid rgb(11 5 29 / .04)!important;border-radius:22px!important;background:var(--bs-brand-white)!important;box-shadow:var(--shadow, 0 10px 28px rgba(11, 5, 29, .1))!important}.customily-modal-container .cl-header:before{content:"Personalise your case";width:100%;margin:0;padding-inline:42px;color:var(--bs-customily-ink);font-family:Poppins,sans-serif;font-size:18px;font-weight:700;line-height:1.1;letter-spacing:-.03em;text-align:center}.customily-modal-container .cl-header .customily-close-button{position:absolute!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:12px!important;width:34px!important;height:34px!important;margin:0!important;border-color:transparent!important;background:var(--bs-brand-herring)!important;color:var(--bs-customily-ink)!important;font-size:0!important;box-shadow:none!important}.customily-modal-container .cl-header .customily-close-button:before,.customily-modal-container .cl-header .customily-close-button:after{width:14px;height:1.5px;background:var(--bs-customily-ink)}.customily-modal-container .options{flex:1 1 auto!important;flex-flow:column nowrap!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important}.customily-modal-container .canvas-col{flex:1 1 auto!important;width:100%!important;min-height:0!important;height:auto!important;padding:4px 4px 64px!important;overflow:hidden!important;border-bottom:0!important;touch-action:none;overscroll-behavior:contain}.customily-modal-container .canvas-wrapper{width:calc(100vw - 28px)!important;height:min(100%,calc(100vw - 30px))!important;max-width:calc(100vw - 28px)!important;max-height:100%!important;touch-action:none}.customily-modal-container .canvas-container{overflow:visible!important;touch-action:none}.customily-modal-container .canvas-container canvas{transform:scale(1.22)!important;transform-origin:50% 58%!important}.customily-modal-container .options-col{display:flex!important;flex:0 0 clamp(226px,34dvh,246px)!important;flex-direction:column!important;width:calc(100% - 20px)!important;height:clamp(226px,34dvh,246px)!important;min-height:226px!important;margin:0 10px 10px!important;padding:0!important;overflow:hidden!important;border:1px solid rgb(11 5 29 / .04)!important;border-radius:24px!important;background:var(--bs-brand-white)!important;box-shadow:var(--shadow, 0 10px 28px rgba(11, 5, 29, .1))!important}.customily-modal-container #cl_optionsapp{flex:1 1 auto!important;min-height:0!important;height:auto!important;position:relative!important;padding:0!important;overflow:hidden!important}.customily-modal-container #cl_optionsapp .customily_option{top:0!important;right:0!important;bottom:0!important;left:0!important;display:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;pointer-events:none!important;transform:none!important}.customily-modal-container #cl_optionsapp .customily_option[data-bs-customily-active]{display:flex!important;pointer-events:auto!important}.customily-modal-container #cl_optionsapp .customily_option>label{flex:0 0 50px!important;width:calc(100% - 108px)!important;height:50px!important;margin:0 54px!important;padding:7px 4px 5px!important;border:0!important;justify-content:center!important;box-sizing:border-box!important}.customily-modal-container #cl_optionsapp .customily_option>*:not(label){width:calc(100% - 28px)!important;margin-inline:14px!important}.customily-modal-container #cl_optionsapp .customily_option .option_number,.customily-modal-container #cl_optionsapp .customily_option .option_name{width:100%!important;max-width:none!important;margin-left:0!important;text-align:center!important}.customily-modal-container #cl_optionsapp .customily_option .option_number{margin-bottom:3px!important;line-height:1!important}.customily-modal-container #cl_optionsapp .customily_option .option_name{line-height:1.1!important}.customily-modal-container #cl_optionsapp .option_name,.customily-modal-container #cl_optionsapp .customily_option>label{font-size:17px!important}.customily-modal-container #cl_optionsapp .customily-file-input{padding-top:8px!important}.customily-modal-container #cl_optionsapp .help-text{margin-top:7px!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important}.customily-modal-container #cl_optionsapp .customily-download-button{box-sizing:border-box!important;width:190px!important;min-width:190px!important;max-width:calc(100% - 58px)!important;height:48px!important;max-height:48px!important}.customily-modal-container #cl_optionsapp .swatch-container{gap:12px!important;padding:3px 4px!important}.customily-modal-container #cl_optionsapp .swatch-container label{width:52px!important;height:52px!important}.customily-modal-container .control-buttons{top:0!important;width:54px!important;height:50px!important;border-color:transparent!important;background:transparent!important}.customily-modal-container .options-control-button{width:54px!important;height:50px!important;min-width:54px!important;border:0!important;color:var(--bs-customily-ink)!important;background:transparent!important}.customily-modal-container .options-control-button:disabled{opacity:.22!important;cursor:default!important}.customily-modal-container #customily-cart-btn{flex:0 0 56px!important;top:auto!important;bottom:auto!important;align-self:stretch!important;width:auto!important;min-width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;min-height:56px!important;margin:6px 14px max(10px,env(safe-area-inset-bottom,0px))!important;padding:16px 24px!important;translate:0 12px!important;white-space:nowrap!important}.customily-modal-container:not([data-bs-customily-final-step]) #customily-cart-btn:after{content:"";position:absolute;top:50%;right:24px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}.customily-modal-container .customily-mobile-controls{position:fixed!important;z-index:12!important;bottom:calc(clamp(226px,34dvh,246px) + 20px)!important;left:50%!important;width:300px!important;max-width:calc(100vw - 28px)!important;margin-inline:auto!important;padding:6px!important;border:1px solid rgb(11 5 29 / .2)!important;border-radius:999px!important;background:#f6f6f6e6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);gap:5px!important;box-shadow:0 7px 20px #0b051d1a!important;transform:translate(-50%)!important}.customily-modal-container .cl-mobile-control-wrapper{width:38px!important;min-width:38px!important;height:38px!important;margin:0!important}}@media screen and (max-width:767px)and (max-height:740px){.customily-modal-container .canvas-container canvas{transform:translateY(-10px) scale(.96)!important;transform-origin:50% 50%!important}}@media(prefers-reduced-motion:reduce){.customily-modal-container *,.customily-modal-container *:before,.customily-modal-container *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/352/assets/customily-integration.css.map */