variant-picker .variant-option[data-ce-improved-dropdown=true],variant-picker[data-product-handle=standard-glass-screen-protector] .ce-model-dropdown,variant-picker[data-product-handle=full-edge-to-edge-glass-screen-protector] .ce-model-dropdown,variant-picker[data-product-handle=privacy-glass-screen-protector] .ce-model-dropdown,variant-picker[data-product-handle=standard-glass-screen-protector] .variant-option[data-ce-screen-protector-dropdown=true],variant-picker[data-product-handle=full-edge-to-edge-glass-screen-protector] .variant-option[data-ce-screen-protector-dropdown=true],variant-picker[data-product-handle=privacy-glass-screen-protector] .variant-option[data-ce-screen-protector-dropdown=true]{display:none!important}.ce-screen-protector-selector{display:grid;gap:12px;width:100%}.ce-screen-protector-selector__field{position:relative;display:grid;gap:6px;margin:0;padding:0;border:0!important;outline:none!important;color:#131f2a;box-shadow:none!important;font-weight:600}.ce-screen-protector-selector__field>span{font-size:.9rem;line-height:1.3}.ce-screen-protector-selector__select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;pointer-events:none}.ce-screen-protector-model-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:11px 14px 11px 16px;border:1px solid #d9dde1;border-radius:10px;outline:none;background:#fff;color:#131f2a;box-shadow:none;font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.ce-screen-protector-model-trigger:hover{border-color:#087f91;background:#fbfdfd}.ce-screen-protector-model-trigger:focus-visible{border-color:#087f91;box-shadow:0 0 0 3px #087f9124}.ce-screen-protector-model-trigger:disabled{background:#f4f5f6;color:#6b7280;cursor:wait}.ce-screen-protector-model-trigger__text{min-width:0;overflow:hidden;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ce-screen-protector-model-trigger__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef5f6;color:#087f91;font-size:1.45rem;line-height:1;transform:rotate(90deg);transition:transform .16s ease}.ce-screen-protector-model-trigger[aria-expanded=true] .ce-screen-protector-model-trigger__icon{transform:rotate(-90deg)}body.ce-model-picker-open{overflow:hidden}.ce-model-picker[hidden]{display:none!important}.ce-model-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;align-items:end;opacity:0;pointer-events:none;transition:opacity .18s ease}.ce-model-picker.is-open{opacity:1;pointer-events:auto}.ce-model-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#08151f94;cursor:pointer}.ce-model-picker__panel{position:relative;display:flex;flex-direction:column;width:100%;height:min(88vh,760px);height:min(88dvh,760px);max-height:min(88vh,760px);max-height:min(88dvh,760px);overflow:hidden;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -16px 46px #08151f38;transform:translateY(28px);transition:transform .22s cubic-bezier(.22,1,.36,1)}.ce-model-picker.is-open .ce-model-picker__panel{transform:translateY(0)}.ce-model-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 18px;background:linear-gradient(135deg,#13202b,#153c55);color:#fff}.ce-model-picker__eyebrow{display:block;margin-bottom:4px;color:#8dd8df;font-size:.72rem;font-weight:750;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}.ce-model-picker__header h2{margin:0;color:inherit;font-size:1.25rem;line-height:1.2}.ce-model-picker__close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0 0 3px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff1a;color:#fff;font:inherit;font-size:1.7rem;line-height:1;cursor:pointer}.ce-model-picker__close:hover,.ce-model-picker__close:focus-visible{background:#fff3;outline:2px solid #f58220;outline-offset:2px}.ce-model-picker__body{overflow-y:auto;padding:16px 16px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}.ce-model-picker__brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:4px;border-radius:11px;background:#eef1f3}.ce-model-picker__brand{min-height:44px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#4b5563;font:inherit;font-weight:700;cursor:pointer}.ce-model-picker__brand[aria-checked=true]{background:#087f91;color:#fff;box-shadow:0 2px 8px #087f913d}.ce-model-picker__brand:focus-visible{outline:2px solid #f58220;outline-offset:2px}.ce-model-picker__options{display:grid;gap:8px}.ce-model-picker__option{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px 12px 16px;border:1px solid #dfe3e6;border-radius:11px;background:#fff;color:#131f2a;font:inherit;font-size:13px;font-weight:550;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.ce-model-picker__option:hover{border-color:#65adb7;background:#f6fbfb}.ce-model-picker__option:focus-visible{border-color:#087f91;outline:none;box-shadow:0 0 0 3px #087f9124}.ce-model-picker__option[aria-checked=true]{border-color:#087f91;background:#eaf6f7;color:#075f6d;box-shadow:inset 4px 0 #087f91}.ce-model-picker__check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#087f91;color:#fff;opacity:0;font-size:.92rem}.ce-model-picker__option[aria-checked=true] .ce-model-picker__check{opacity:1}.ce-screen-protector-brand-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ce-screen-protector-brand-option{min-height:46px;padding:10px 14px;border:1px solid #d7dce0;border-radius:8px;background:#eef1f3;color:#131f2a;font:inherit;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.ce-screen-protector-brand-option:hover{border-color:#087f91;background:#e3f0f2}.ce-screen-protector-brand-option[aria-checked=true]{border-color:#087f91;background:#087f91;color:#fff;box-shadow:0 0 0 1px #087f91}.ce-screen-protector-brand-option:focus-visible{outline:2px solid #f58220;outline-offset:2px}.ce-screen-protector-brand-option:disabled{cursor:not-allowed;opacity:.68}.ce-screen-protector-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:6px}.ce-screen-protector-type{display:grid;grid-template-rows:auto 1fr auto;gap:7px;min-width:0;padding:8px;border:1px solid #d9dde1;border-radius:10px;background:#fff;color:#131f2a;text-align:center;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ce-screen-protector-type:hover{border-color:#087f91;transform:translateY(-1px)}.ce-screen-protector-type:focus-visible{outline:2px solid #f58220;outline-offset:2px}.ce-screen-protector-type.is-active{border-color:#087f91;box-shadow:0 0 0 1px #087f91}.ce-screen-protector-type__media{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#f4f5f6}.ce-screen-protector-type__media img{width:100%;height:100%;object-fit:contain}.ce-screen-protector-type strong{align-self:center;font-size:.82rem;line-height:1.18}.ce-screen-protector-type__price{font-size:11px;line-height:1.2;white-space:nowrap}@media screen and (max-width:749px){body.template-product #MainContent .ce-screen-protector-model-trigger__text{font-size:12px!important}body.template-product #MainContent .ce-screen-protector-type__price{font-size:11px!important}.ce-model-picker__option{font-size:13px!important}}@media screen and (min-width:750px){.ce-model-picker{place-items:center;padding:24px}.ce-model-picker__panel{width:min(520px,100%);height:auto;max-height:min(82vh,760px);border-radius:18px;transform:translateY(14px) scale(.985)}.ce-model-picker.is-open .ce-model-picker__panel{transform:translateY(0) scale(1)}.ce-model-picker__body{padding:18px 20px 22px}.ce-screen-protector-types{gap:12px}.ce-screen-protector-type{padding:12px}.ce-screen-protector-type strong{font-size:.95rem}.ce-screen-protector-type__price{font-size:12px}}@media(prefers-reduced-motion:reduce){.ce-model-picker,.ce-model-picker__panel,.ce-screen-protector-model-trigger__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ce-screen-protector-selector.css.map */