It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://illuzia.net

  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3. <head>
  4.    <meta name="google-site-verification" content="gEAzpQeQ4uL1T3zyGa1fORSjOofXGvw8Z6F_iL_XWcA" />
  5.    <meta name="google-site-verification" content="NFkwV-OQfCZs86INlyMI3yvKf_ndcwt0ZI7aJou8wGA" />
  6.    <meta name="google-site-verification" content="g-evbDMQ_b7lP8FJBBYtzWwwNwzjK7ucCS6PaCGzFQo" />
  7.    <meta name="google-site-verification" content="HbGVz93OvsS2plbOa-YviZBmYLw8R2KaAomyDnbhiaQ" />
  8.    <meta name="google-site-verification" content="Yanq5MvbsiI13yTtnSiyXVDLrCB6x_3V0punK9q2oEs" />
  9.    <meta charset="utf-8">
  10.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.    <meta name="viewport" content="width=device-width,initial-scale=1">
  12.    <!-- teknik-seo-rendikt -->
  13.    <meta name="theme-color" content="0b0318">
  14.    <link rel="canonical" href="https://illuzia.net/">
  15.    <link rel="preconnect" href="https://fonts.shopifycdn.com/" crossorigin>
  16.    <title>Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online</title>
  17.    <meta name="description" content="Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.">
  18.    <link rel="amphtml" href="https://illuzia.pages.dev" />
  19.    <link rel="preload" as="script" href="../../../../cdn.ampproject.org/v1.js">
  20.    <meta name="robots" content="index, follow" />
  21.    <meta content="true" name="HandheldFriendly">
  22.    <meta content="width" name="MobileOptimized">
  23.    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  24.    <meta name="apple-mobile-web-app-capable" content="yes" />
  25.    <meta name="mobile-web-app-capable" content="yes" />
  26.    <meta name="language" content="ID">
  27.    <meta name="copyright" content="KOITOTO">
  28.    <meta name="author" content="KOITOTO">
  29.    <meta name="distribution" content="global">
  30.    <meta name="publisher" content="KOITOTO">
  31.    <meta name="geo.placename" content="DKI Jakarta">
  32.    <meta name="geo.country" content="ID">
  33.    <meta name="geo.region" content="ID" />
  34.    <meta name="tgn.nation" content="Indonesia">
  35.    <link rel="icon" href="https://imgstore.io/images/2024/06/30/faviconkoi_new.png">
  36.    <meta property="og:locale" content="id_ID" />
  37.    <meta property="og:site_name" content="KOITOTO">
  38.    <meta property="og:url" content="https://illuzia.net/">
  39.    <meta property="og:title" content="Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online">
  40.    <meta property="og:type" content="product">
  41.    <meta property="og:description" content="Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.">
  42.    <meta property="og:image" content="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg">
  43.    <meta property="og:image:secure_url" content="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg">
  44.    <meta property="og:image:width" content="600">
  45.    <meta property="og:image:height" content="600">
  46.    <meta property="og:price:amount" content="10.000,00">
  47.    <meta property="og:price:currency" content="IDR">
  48.    <meta name="twitter:card" content="summary_large_image">
  49.    <meta name="twitter:title" content="Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online">
  50.    <meta name="twitter:description" content="Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.">
  51.    <script>
  52.        /** Shopify CDN: Minification failed
  53.    
  54.            Line 7:0 Transforming const to the configured target environment ("es5") is not supported yet
  55.            Line 9:0 Transforming const to the configured target environment ("es5") is not supported yet
  56.            
  57.            **/
  58.        const ON_CHANGE_DEBOUNCE_TIMER = 300;
  59.  
  60.        const PUB_SUB_EVENTS = {
  61.            cartUpdate: 'cart-update',
  62.            quantityUpdate: 'quantity-update',
  63.            variantChange: 'variant-change',
  64.            cartError: 'cart-error',
  65.        };</script>
  66.    <script>
  67.        /** Shopify CDN: Minification failed
  68.    
  69.    Line 7:0 Transforming let to the configured target environment ("es5") is not supported yet
  70.    Line 14:28 Transforming array spread to the configured target environment ("es5") is not supported yet
  71.    
  72.    **/
  73.        let subscribers = {};
  74.  
  75.        function subscribe(eventName, callback) {
  76.            if (subscribers[eventName] === undefined) {
  77.                subscribers[eventName] = [];
  78.            }
  79.  
  80.            subscribers[eventName] = [...subscribers[eventName], callback];
  81.  
  82.            return function unsubscribe() {
  83.                subscribers[eventName] = subscribers[eventName].filter((cb) => {
  84.                    return cb !== callback;
  85.                });
  86.            };
  87.        }
  88.  
  89.        function publish(eventName, data) {
  90.            if (subscribers[eventName]) {
  91.                subscribers[eventName].forEach((callback) => {
  92.                    callback(data);
  93.                });
  94.            }
  95.        }
  96.    </script>
  97.    <script>
  98.        /** Shopify CDN: Minification failed
  99.    
  100.    Line 40:0 Transforming const to the configured target environment ("es5") is not supported yet
  101.    Line 42:45 Transforming default arguments to the configured target environment ("es5") is not supported yet
  102.    Line 96:2 Transforming const to the configured target environment ("es5") is not supported yet
  103.    Line 110:2 Transforming let to the configured target environment ("es5") is not supported yet
  104.    Line 111:2 Transforming let to the configured target environment ("es5") is not supported yet
  105.    Line 150:40 Transforming default arguments to the configured target environment ("es5") is not supported yet
  106.    Line 161:2 Transforming const to the configured target environment ("es5") is not supported yet
  107.    Line 164:2 Transforming const to the configured target environment ("es5") is not supported yet
  108.    Line 170:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  109.    Line 171:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  110.    ... and 187 more hidden warnings
  111.    
  112.    **/
  113.        function getFocusableElements(container) {
  114.            return Array.from(
  115.                container.querySelectorAll(
  116.                    "summary, a[href], button:enabled, [tabindex]:not([tabindex^='-']), [draggable], area, input:not([type=hidden]):enabled, select:enabled, textarea:enabled, object, iframe"
  117.                )
  118.            );
  119.        }
  120.  
  121.        document.querySelectorAll('[id^="Details-"] summary').forEach((summary) => {
  122.            summary.setAttribute('role', 'button');
  123.            summary.setAttribute('aria-expanded', summary.parentNode.hasAttribute('open'));
  124.  
  125.            if (summary.nextElementSibling.getAttribute('id')) {
  126.                summary.setAttribute('aria-controls', summary.nextElementSibling.id);
  127.            }
  128.  
  129.            summary.addEventListener('click', (event) => {
  130.                event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  131.            });
  132.  
  133.            if (summary.closest('header-drawer, menu-drawer')) return;
  134.            summary.parentElement.addEventListener('keyup', onKeyUpEscape);
  135.        });
  136.  
  137.        const trapFocusHandlers = {};
  138.  
  139.        function trapFocus(container, elementToFocus = container) {
  140.            var elements = getFocusableElements(container);
  141.            var first = elements[0];
  142.            var last = elements[elements.length - 1];
  143.  
  144.            removeTrapFocus();
  145.  
  146.            trapFocusHandlers.focusin = (event) => {
  147.                if (event.target !== container && event.target !== last && event.target !== first) return;
  148.  
  149.                document.addEventListener('keydown', trapFocusHandlers.keydown);
  150.            };
  151.  
  152.            trapFocusHandlers.focusout = function () {
  153.                document.removeEventListener('keydown', trapFocusHandlers.keydown);
  154.            };
  155.  
  156.            trapFocusHandlers.keydown = function (event) {
  157.                if (event.code.toUpperCase() !== 'TAB') return; // If not TAB key
  158.                // On the last focusable element and tab forward, focus the first element.
  159.                if (event.target === last && !event.shiftKey) {
  160.                    event.preventDefault();
  161.                    first.focus();
  162.                }
  163.  
  164.                //  On the first focusable element and tab backward, focus the last element.
  165.                if ((event.target === container || event.target === first) && event.shiftKey) {
  166.                    event.preventDefault();
  167.                    last.focus();
  168.                }
  169.            };
  170.  
  171.            document.addEventListener('focusout', trapFocusHandlers.focusout);
  172.            document.addEventListener('focusin', trapFocusHandlers.focusin);
  173.  
  174.            elementToFocus.focus();
  175.  
  176.            if (
  177.                elementToFocus.tagName === 'INPUT' &&
  178.                ['search', 'text', 'email', 'url'].includes(elementToFocus.type) &&
  179.                elementToFocus.value
  180.            ) {
  181.                elementToFocus.setSelectionRange(0, elementToFocus.value.length);
  182.            }
  183.        }
  184.  
  185.        // Here run the querySelector to figure out if the browser supports :focus-visible or not and run code based on it.
  186.        try {
  187.            document.querySelector(':focus-visible');
  188.        } catch (e) {
  189.            focusVisiblePolyfill();
  190.        }
  191.  
  192.        function focusVisiblePolyfill() {
  193.            const navKeys = [
  194.                'ARROWUP',
  195.                'ARROWDOWN',
  196.                'ARROWLEFT',
  197.                'ARROWRIGHT',
  198.                'TAB',
  199.                'ENTER',
  200.                'SPACE',
  201.                'ESCAPE',
  202.                'HOME',
  203.                'END',
  204.                'PAGEUP',
  205.                'PAGEDOWN',
  206.            ];
  207.            let currentFocusedElement = null;
  208.            let mouseClick = null;
  209.  
  210.            window.addEventListener('keydown', (event) => {
  211.                if (navKeys.includes(event.code.toUpperCase())) {
  212.                    mouseClick = false;
  213.                }
  214.            });
  215.  
  216.            window.addEventListener('mousedown', (event) => {
  217.                mouseClick = true;
  218.            });
  219.  
  220.            window.addEventListener(
  221.                'focus',
  222.                () => {
  223.                    if (currentFocusedElement) currentFocusedElement.classList.remove('focused');
  224.  
  225.                    if (mouseClick) return;
  226.  
  227.                    currentFocusedElement = document.activeElement;
  228.                    currentFocusedElement.classList.add('focused');
  229.                },
  230.                true
  231.            );
  232.        }
  233.  
  234.        function pauseAllMedia() {
  235.            document.querySelectorAll('.js-youtube').forEach((video) => {
  236.                video.contentWindow.postMessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}', '*');
  237.            });
  238.            document.querySelectorAll('.js-vimeo').forEach((video) => {
  239.                video.contentWindow.postMessage('{"method":"pause"}', '*');
  240.            });
  241.            document.querySelectorAll('video').forEach((video) => video.pause());
  242.            document.querySelectorAll('product-model').forEach((model) => {
  243.                if (model.modelViewerUI) model.modelViewerUI.pause();
  244.            });
  245.        }
  246.  
  247.        function removeTrapFocus(elementToFocus = null) {
  248.            document.removeEventListener('focusin', trapFocusHandlers.focusin);
  249.            document.removeEventListener('focusout', trapFocusHandlers.focusout);
  250.            document.removeEventListener('keydown', trapFocusHandlers.keydown);
  251.  
  252.            if (elementToFocus) elementToFocus.focus();
  253.        }
  254.  
  255.        function onKeyUpEscape(event) {
  256.            if (event.code.toUpperCase() !== 'ESCAPE') return;
  257.  
  258.            const openDetailsElement = event.target.closest('details[open]');
  259.            if (!openDetailsElement) return;
  260.  
  261.            const summaryElement = openDetailsElement.querySelector('summary');
  262.            openDetailsElement.removeAttribute('open');
  263.            summaryElement.setAttribute('aria-expanded', false);
  264.            summaryElement.focus();
  265.        }
  266.  
  267.        class QuantityInput extends HTMLElement {
  268.            constructor() {
  269.                super();
  270.                this.input = this.querySelector('input');
  271.                this.changeEvent = new Event('change', { bubbles: true });
  272.                this.input.addEventListener('change', this.onInputChange.bind(this));
  273.                this.querySelectorAll('button').forEach((button) =>
  274.                    button.addEventListener('click', this.onButtonClick.bind(this))
  275.                );
  276.            }
  277.  
  278.            quantityUpdateUnsubscriber = undefined;
  279.  
  280.            connectedCallback() {
  281.                this.validateQtyRules();
  282.                this.quantityUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.quantityUpdate, this.validateQtyRules.bind(this));
  283.            }
  284.  
  285.            disconnectedCallback() {
  286.                if (this.quantityUpdateUnsubscriber) {
  287.                    this.quantityUpdateUnsubscriber();
  288.                }
  289.            }
  290.  
  291.            onInputChange(event) {
  292.                this.validateQtyRules();
  293.            }
  294.  
  295.            onButtonClick(event) {
  296.                event.preventDefault();
  297.                const previousValue = this.input.value;
  298.  
  299.                event.target.name === 'plus' ? this.input.stepUp() : this.input.stepDown();
  300.                if (previousValue !== this.input.value) this.input.dispatchEvent(this.changeEvent);
  301.            }
  302.  
  303.            validateQtyRules() {
  304.                const value = parseInt(this.input.value);
  305.                if (this.input.min) {
  306.                    const min = parseInt(this.input.min);
  307.                    const buttonMinus = this.querySelector(".quantity__button[name='minus']");
  308.                    buttonMinus.classList.toggle('disabled', value <= min);
  309.                }
  310.                if (this.input.max) {
  311.                    const max = parseInt(this.input.max);
  312.                    const buttonPlus = this.querySelector(".quantity__button[name='plus']");
  313.                    buttonPlus.classList.toggle('disabled', value >= max);
  314.                }
  315.            }
  316.        }
  317.  
  318.        customElements.define('quantity-input', QuantityInput);
  319.  
  320.        function debounce(fn, wait) {
  321.            let t;
  322.            return (...args) => {
  323.                clearTimeout(t);
  324.                t = setTimeout(() => fn.apply(this, args), wait);
  325.            };
  326.        }
  327.  
  328.        function throttle(fn, delay) {
  329.            let lastCall = 0;
  330.            return function (...args) {
  331.                const now = new Date().getTime();
  332.                if (now - lastCall < delay) {
  333.                    return;
  334.                }
  335.                lastCall = now;
  336.                return fn(...args);
  337.            };
  338.        }
  339.  
  340.        function fetchConfig(type = 'json') {
  341.            return {
  342.                method: 'POST',
  343.                headers: { 'Content-Type': 'application/json', Accept: `application/${type}` },
  344.            };
  345.        }
  346.  
  347.        /*
  348.         * Shopify Common JS
  349.         *
  350.         */
  351.        if (typeof window.Shopify == 'undefined') {
  352.            window.Shopify = {};
  353.        }
  354.  
  355.        Shopify.bind = function (fn, scope) {
  356.            return function () {
  357.                return fn.apply(scope, arguments);
  358.            };
  359.        };
  360.  
  361.        Shopify.setSelectorByValue = function (selector, value) {
  362.            for (var i = 0, count = selector.options.length; i < count; i++) {
  363.                var option = selector.options[i];
  364.                if (value == option.value || value == option.innerHTML) {
  365.                    selector.selectedIndex = i;
  366.                    return i;
  367.                }
  368.            }
  369.        };
  370.  
  371.        Shopify.addListener = function (target, eventName, callback) {
  372.            target.addEventListener
  373.                ? target.addEventListener(eventName, callback, false)
  374.                : target.attachEvent('on' + eventName, callback);
  375.        };
  376.  
  377.        Shopify.postLink = function (path, options) {
  378.            options = options || {};
  379.            var method = options['method'] || 'post';
  380.            var params = options['parameters'] || {};
  381.  
  382.            var form = document.createElement('form');
  383.            form.setAttribute('method', method);
  384.            form.setAttribute('action', path);
  385.  
  386.            for (var key in params) {
  387.                var hiddenField = document.createElement('input');
  388.                hiddenField.setAttribute('type', 'hidden');
  389.                hiddenField.setAttribute('name', key);
  390.                hiddenField.setAttribute('value', params[key]);
  391.                form.appendChild(hiddenField);
  392.            }
  393.            document.body.appendChild(form);
  394.            form.submit();
  395.            document.body.removeChild(form);
  396.        };
  397.  
  398.        Shopify.CountryProvinceSelector = function (country_domid, province_domid, options) {
  399.            this.countryEl = document.getElementById(country_domid);
  400.            this.provinceEl = document.getElementById(province_domid);
  401.            this.provinceContainer = document.getElementById(options['hideElement'] || province_domid);
  402.  
  403.            Shopify.addListener(this.countryEl, 'change', Shopify.bind(this.countryHandler, this));
  404.  
  405.            this.initCountry();
  406.            this.initProvince();
  407.        };
  408.  
  409.        Shopify.CountryProvinceSelector.prototype = {
  410.            initCountry: function () {
  411.                var value = this.countryEl.getAttribute('data-default');
  412.                Shopify.setSelectorByValue(this.countryEl, value);
  413.                this.countryHandler();
  414.            },
  415.  
  416.            initProvince: function () {
  417.                var value = this.provinceEl.getAttribute('data-default');
  418.                if (value && this.provinceEl.options.length > 0) {
  419.                    Shopify.setSelectorByValue(this.provinceEl, value);
  420.                }
  421.            },
  422.  
  423.            countryHandler: function (e) {
  424.                var opt = this.countryEl.options[this.countryEl.selectedIndex];
  425.                var raw = opt.getAttribute('data-provinces');
  426.                var provinces = JSON.parse(raw);
  427.  
  428.                this.clearOptions(this.provinceEl);
  429.                if (provinces && provinces.length == 0) {
  430.                    this.provinceContainer.style.display = 'none';
  431.                } else {
  432.                    for (var i = 0; i < provinces.length; i++) {
  433.                        var opt = document.createElement('option');
  434.                        opt.value = provinces[i][0];
  435.                        opt.innerHTML = provinces[i][1];
  436.                        this.provinceEl.appendChild(opt);
  437.                    }
  438.  
  439.                    this.provinceContainer.style.display = '';
  440.                }
  441.            },
  442.  
  443.            clearOptions: function (selector) {
  444.                while (selector.firstChild) {
  445.                    selector.removeChild(selector.firstChild);
  446.                }
  447.            },
  448.  
  449.            setOptions: function (selector, values) {
  450.                for (var i = 0, count = values.length; i < values.length; i++) {
  451.                    var opt = document.createElement('option');
  452.                    opt.value = values[i];
  453.                    opt.innerHTML = values[i];
  454.                    selector.appendChild(opt);
  455.                }
  456.            },
  457.        };
  458.  
  459.        class MenuDrawer extends HTMLElement {
  460.            constructor() {
  461.                super();
  462.  
  463.                this.mainDetailsToggle = this.querySelector('details');
  464.  
  465.                this.addEventListener('keyup', this.onKeyUp.bind(this));
  466.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  467.                this.bindEvents();
  468.            }
  469.  
  470.            bindEvents() {
  471.                this.querySelectorAll('summary').forEach((summary) =>
  472.                    summary.addEventListener('click', this.onSummaryClick.bind(this))
  473.                );
  474.                this.querySelectorAll('button:not(.localization-selector)').forEach((button) =>
  475.                    button.addEventListener('click', this.onCloseButtonClick.bind(this))
  476.                );
  477.            }
  478.  
  479.            onKeyUp(event) {
  480.                if (event.code.toUpperCase() !== 'ESCAPE') return;
  481.  
  482.                const openDetailsElement = event.target.closest('details[open]');
  483.                if (!openDetailsElement) return;
  484.  
  485.                openDetailsElement === this.mainDetailsToggle
  486.                    ? this.closeMenuDrawer(event, this.mainDetailsToggle.querySelector('summary'))
  487.                    : this.closeSubmenu(openDetailsElement);
  488.            }
  489.  
  490.            onSummaryClick(event) {
  491.                const summaryElement = event.currentTarget;
  492.                const detailsElement = summaryElement.parentNode;
  493.                const parentMenuElement = detailsElement.closest('.has-submenu');
  494.                const isOpen = detailsElement.hasAttribute('open');
  495.                const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  496.  
  497.                function addTrapFocus() {
  498.                    trapFocus(summaryElement.nextElementSibling, detailsElement.querySelector('button'));
  499.                    summaryElement.nextElementSibling.removeEventListener('transitionend', addTrapFocus);
  500.                }
  501.  
  502.                if (detailsElement === this.mainDetailsToggle) {
  503.                    if (isOpen) event.preventDefault();
  504.                    isOpen ? this.closeMenuDrawer(event, summaryElement) : this.openMenuDrawer(summaryElement);
  505.  
  506.                    if (window.matchMedia('(max-width: 990px)')) {
  507.                        document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);
  508.                    }
  509.                } else {
  510.                    setTimeout(() => {
  511.                        detailsElement.classList.add('menu-opening');
  512.                        summaryElement.setAttribute('aria-expanded', true);
  513.                        parentMenuElement && parentMenuElement.classList.add('submenu-open');
  514.                        !reducedMotion || reducedMotion.matches
  515.                            ? addTrapFocus()
  516.                            : summaryElement.nextElementSibling.addEventListener('transitionend', addTrapFocus);
  517.                    }, 100);
  518.                }
  519.            }
  520.  
  521.            openMenuDrawer(summaryElement) {
  522.                setTimeout(() => {
  523.                    this.mainDetailsToggle.classList.add('menu-opening');
  524.                });
  525.                summaryElement.setAttribute('aria-expanded', true);
  526.                trapFocus(this.mainDetailsToggle, summaryElement);
  527.                document.body.classList.add(`overflow-hidden-${this.dataset.breakpoint}`);
  528.            }
  529.  
  530.            closeMenuDrawer(event, elementToFocus = false) {
  531.                if (event === undefined) return;
  532.  
  533.                this.mainDetailsToggle.classList.remove('menu-opening');
  534.                this.mainDetailsToggle.querySelectorAll('details').forEach((details) => {
  535.                    details.removeAttribute('open');
  536.                    details.classList.remove('menu-opening');
  537.                });
  538.                this.mainDetailsToggle.querySelectorAll('.submenu-open').forEach((submenu) => {
  539.                    submenu.classList.remove('submenu-open');
  540.                });
  541.                document.body.classList.remove(`overflow-hidden-${this.dataset.breakpoint}`);
  542.                removeTrapFocus(elementToFocus);
  543.                this.closeAnimation(this.mainDetailsToggle);
  544.  
  545.                if (event instanceof KeyboardEvent) elementToFocus?.setAttribute('aria-expanded', false);
  546.            }
  547.  
  548.            onFocusOut() {
  549.                setTimeout(() => {
  550.                    if (this.mainDetailsToggle.hasAttribute('open') && !this.mainDetailsToggle.contains(document.activeElement))
  551.                        this.closeMenuDrawer();
  552.                });
  553.            }
  554.  
  555.            onCloseButtonClick(event) {
  556.                const detailsElement = event.currentTarget.closest('details');
  557.                this.closeSubmenu(detailsElement);
  558.            }
  559.  
  560.            closeSubmenu(detailsElement) {
  561.                const parentMenuElement = detailsElement.closest('.submenu-open');
  562.                parentMenuElement && parentMenuElement.classList.remove('submenu-open');
  563.                detailsElement.classList.remove('menu-opening');
  564.                detailsElement.querySelector('summary').setAttribute('aria-expanded', false);
  565.                removeTrapFocus(detailsElement.querySelector('summary'));
  566.                this.closeAnimation(detailsElement);
  567.            }
  568.  
  569.            closeAnimation(detailsElement) {
  570.                let animationStart;
  571.  
  572.                const handleAnimation = (time) => {
  573.                    if (animationStart === undefined) {
  574.                        animationStart = time;
  575.                    }
  576.  
  577.                    const elapsedTime = time - animationStart;
  578.  
  579.                    if (elapsedTime < 400) {
  580.                        window.requestAnimationFrame(handleAnimation);
  581.                    } else {
  582.                        detailsElement.removeAttribute('open');
  583.                        if (detailsElement.closest('details[open]')) {
  584.                            trapFocus(detailsElement.closest('details[open]'), detailsElement.querySelector('summary'));
  585.                        }
  586.                    }
  587.                };
  588.  
  589.                window.requestAnimationFrame(handleAnimation);
  590.            }
  591.        }
  592.  
  593.        customElements.define('menu-drawer', MenuDrawer);
  594.  
  595.        class HeaderDrawer extends MenuDrawer {
  596.            constructor() {
  597.                super();
  598.            }
  599.  
  600.            openMenuDrawer(summaryElement) {
  601.                this.header = this.header || document.querySelector('.section-header');
  602.                this.borderOffset =
  603.                    this.borderOffset || this.closest('.header-wrapper').classList.contains('header-wrapper--border-bottom') ? 1 : 0;
  604.                document.documentElement.style.setProperty(
  605.                    '--header-bottom-position',
  606.                    `${parseInt(this.header.getBoundingClientRect().bottom - this.borderOffset)}px`
  607.                );
  608.                this.header.classList.add('menu-open');
  609.  
  610.                setTimeout(() => {
  611.                    this.mainDetailsToggle.classList.add('menu-opening');
  612.                });
  613.  
  614.                summaryElement.setAttribute('aria-expanded', true);
  615.                window.addEventListener('resize', this.onResize);
  616.                trapFocus(this.mainDetailsToggle, summaryElement);
  617.                document.body.classList.add(`overflow-hidden-${this.dataset.breakpoint}`);
  618.            }
  619.  
  620.            closeMenuDrawer(event, elementToFocus) {
  621.                if (!elementToFocus) return;
  622.                super.closeMenuDrawer(event, elementToFocus);
  623.                this.header.classList.remove('menu-open');
  624.                window.removeEventListener('resize', this.onResize);
  625.            }
  626.  
  627.            onResize = () => {
  628.                this.header &&
  629.                    document.documentElement.style.setProperty(
  630.                        '--header-bottom-position',
  631.                        `${parseInt(this.header.getBoundingClientRect().bottom - this.borderOffset)}px`
  632.                    );
  633.                document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`);
  634.            };
  635.        }
  636.  
  637.        customElements.define('header-drawer', HeaderDrawer);
  638.  
  639.        class ModalDialog extends HTMLElement {
  640.            constructor() {
  641.                super();
  642.                this.querySelector('[id^="ModalClose-"]').addEventListener('click', this.hide.bind(this, false));
  643.                this.addEventListener('keyup', (event) => {
  644.                    if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  645.                });
  646.                if (this.classList.contains('media-modal')) {
  647.                    this.addEventListener('pointerup', (event) => {
  648.                        if (event.pointerType === 'mouse' && !event.target.closest('deferred-media, product-model')) this.hide();
  649.                    });
  650.                } else {
  651.                    this.addEventListener('click', (event) => {
  652.                        if (event.target === this) this.hide();
  653.                    });
  654.                }
  655.            }
  656.  
  657.            connectedCallback() {
  658.                if (this.moved) return;
  659.                this.moved = true;
  660.                document.body.appendChild(this);
  661.            }
  662.  
  663.            show(opener) {
  664.                this.openedBy = opener;
  665.                const popup = this.querySelector('.template-popup');
  666.                document.body.classList.add('overflow-hidden');
  667.                this.setAttribute('open', '');
  668.                if (popup) popup.loadContent();
  669.                trapFocus(this, this.querySelector('[role="dialog"]'));
  670.                window.pauseAllMedia();
  671.            }
  672.  
  673.            hide() {
  674.                document.body.classList.remove('overflow-hidden');
  675.                document.body.dispatchEvent(new CustomEvent('modalClosed'));
  676.                this.removeAttribute('open');
  677.                removeTrapFocus(this.openedBy);
  678.                window.pauseAllMedia();
  679.            }
  680.        }
  681.        customElements.define('modal-dialog', ModalDialog);
  682.  
  683.        class ModalOpener extends HTMLElement {
  684.            constructor() {
  685.                super();
  686.  
  687.                const button = this.querySelector('button');
  688.  
  689.                if (!button) return;
  690.                button.addEventListener('click', () => {
  691.                    const modal = document.querySelector(this.getAttribute('data-modal'));
  692.                    if (modal) modal.show(button);
  693.                });
  694.            }
  695.        }
  696.        customElements.define('modal-opener', ModalOpener);
  697.  
  698.        class DeferredMedia extends HTMLElement {
  699.            constructor() {
  700.                super();
  701.                const poster = this.querySelector('[id^="Deferred-Poster-"]');
  702.                if (!poster) return;
  703.                poster.addEventListener('click', this.loadContent.bind(this));
  704.            }
  705.  
  706.            loadContent(focus = true) {
  707.                window.pauseAllMedia();
  708.                if (!this.getAttribute('loaded')) {
  709.                    const content = document.createElement('div');
  710.                    content.appendChild(this.querySelector('template').content.firstElementChild.cloneNode(true));
  711.  
  712.                    this.setAttribute('loaded', true);
  713.                    const deferredElement = this.appendChild(content.querySelector('video, model-viewer, iframe'));
  714.                    if (focus) deferredElement.focus();
  715.                    if (deferredElement.nodeName == 'VIDEO' && deferredElement.getAttribute('autoplay')) {
  716.                        // force autoplay for safari
  717.                        deferredElement.play();
  718.                    }
  719.                }
  720.            }
  721.        }
  722.  
  723.        customElements.define('deferred-media', DeferredMedia);
  724.  
  725.        class SliderComponent extends HTMLElement {
  726.            constructor() {
  727.                super();
  728.                this.slider = this.querySelector('[id^="Slider-"]');
  729.                this.sliderItems = this.querySelectorAll('[id^="Slide-"]');
  730.                this.enableSliderLooping = false;
  731.                this.currentPageElement = this.querySelector('.slider-counter--current');
  732.                this.pageTotalElement = this.querySelector('.slider-counter--total');
  733.                this.prevButton = this.querySelector('button[name="previous"]');
  734.                this.nextButton = this.querySelector('button[name="next"]');
  735.  
  736.                if (!this.slider || !this.nextButton) return;
  737.  
  738.                this.initPages();
  739.                const resizeObserver = new ResizeObserver((entries) => this.initPages());
  740.                resizeObserver.observe(this.slider);
  741.  
  742.                this.slider.addEventListener('scroll', this.update.bind(this));
  743.                this.prevButton.addEventListener('click', this.onButtonClick.bind(this));
  744.                this.nextButton.addEventListener('click', this.onButtonClick.bind(this));
  745.            }
  746.  
  747.            initPages() {
  748.                this.sliderItemsToShow = Array.from(this.sliderItems).filter((element) => element.clientWidth > 0);
  749.                if (this.sliderItemsToShow.length < 2) return;
  750.                this.sliderItemOffset = this.sliderItemsToShow[1].offsetLeft - this.sliderItemsToShow[0].offsetLeft;
  751.                this.slidesPerPage = Math.floor(
  752.                    (this.slider.clientWidth - this.sliderItemsToShow[0].offsetLeft) / this.sliderItemOffset
  753.                );
  754.                this.totalPages = this.sliderItemsToShow.length - this.slidesPerPage + 1;
  755.                this.update();
  756.            }
  757.  
  758.            resetPages() {
  759.                this.sliderItems = this.querySelectorAll('[id^="Slide-"]');
  760.                this.initPages();
  761.            }
  762.  
  763.            update() {
  764.                // Temporarily prevents unneeded updates resulting from variant changes
  765.                // This should be refactored as part of https://github.com/Shopify/dawn/issues/2057
  766.                if (!this.slider || !this.nextButton) return;
  767.  
  768.                const previousPage = this.currentPage;
  769.                this.currentPage = Math.round(this.slider.scrollLeft / this.sliderItemOffset) + 1;
  770.  
  771.                if (this.currentPageElement && this.pageTotalElement) {
  772.                    this.currentPageElement.textContent = this.currentPage;
  773.                    this.pageTotalElement.textContent = this.totalPages;
  774.                }
  775.  
  776.                if (this.currentPage != previousPage) {
  777.                    this.dispatchEvent(
  778.                        new CustomEvent('slideChanged', {
  779.                            detail: {
  780.                                currentPage: this.currentPage,
  781.                                currentElement: this.sliderItemsToShow[this.currentPage - 1],
  782.                            },
  783.                        })
  784.                    );
  785.                }
  786.  
  787.                if (this.enableSliderLooping) return;
  788.  
  789.                if (this.isSlideVisible(this.sliderItemsToShow[0]) && this.slider.scrollLeft === 0) {
  790.                    this.prevButton.setAttribute('disabled', 'disabled');
  791.                } else {
  792.                    this.prevButton.removeAttribute('disabled');
  793.                }
  794.  
  795.                if (this.isSlideVisible(this.sliderItemsToShow[this.sliderItemsToShow.length - 1])) {
  796.                    this.nextButton.setAttribute('disabled', 'disabled');
  797.                } else {
  798.                    this.nextButton.removeAttribute('disabled');
  799.                }
  800.            }
  801.  
  802.            isSlideVisible(element, offset = 0) {
  803.                const lastVisibleSlide = this.slider.clientWidth + this.slider.scrollLeft - offset;
  804.                return element.offsetLeft + element.clientWidth <= lastVisibleSlide && element.offsetLeft >= this.slider.scrollLeft;
  805.            }
  806.  
  807.            onButtonClick(event) {
  808.                event.preventDefault();
  809.                const step = event.currentTarget.dataset.step || 1;
  810.                this.slideScrollPosition =
  811.                    event.currentTarget.name === 'next'
  812.                        ? this.slider.scrollLeft + step * this.sliderItemOffset
  813.                        : this.slider.scrollLeft - step * this.sliderItemOffset;
  814.                this.setSlidePosition(this.slideScrollPosition);
  815.            }
  816.  
  817.            setSlidePosition(position) {
  818.                this.slider.scrollTo({
  819.                    left: position,
  820.                });
  821.            }
  822.        }
  823.  
  824.        customElements.define('slider-component', SliderComponent);
  825.  
  826.        class SlideshowComponent extends SliderComponent {
  827.            constructor() {
  828.                super();
  829.                this.sliderControlWrapper = this.querySelector('.slider-buttons');
  830.                this.enableSliderLooping = true;
  831.  
  832.                if (!this.sliderControlWrapper) return;
  833.  
  834.                this.sliderFirstItemNode = this.slider.querySelector('.slideshow__slide');
  835.                if (this.sliderItemsToShow.length > 0) this.currentPage = 1;
  836.  
  837.                this.announcementBarSlider = this.querySelector('.announcement-bar-slider');
  838.                // Value below should match --duration-announcement-bar CSS value
  839.                this.announcerBarAnimationDelay = this.announcementBarSlider ? 250 : 0;
  840.  
  841.                this.sliderControlLinksArray = Array.from(this.sliderControlWrapper.querySelectorAll('.slider-counter__link'));
  842.                this.sliderControlLinksArray.forEach((link) => link.addEventListener('click', this.linkToSlide.bind(this)));
  843.                this.slider.addEventListener('scroll', this.setSlideVisibility.bind(this));
  844.                this.setSlideVisibility();
  845.  
  846.                if (this.announcementBarSlider) {
  847.                    this.announcementBarArrowButtonWasClicked = false;
  848.  
  849.                    this.reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  850.                    this.reducedMotion.addEventListener('change', () => {
  851.                        if (this.slider.getAttribute('data-autoplay') === 'true') this.setAutoPlay();
  852.                    });
  853.  
  854.                    [this.prevButton, this.nextButton].forEach((button) => {
  855.                        button.addEventListener(
  856.                            'click',
  857.                            () => {
  858.                                this.announcementBarArrowButtonWasClicked = true;
  859.                            },
  860.                            { once: true }
  861.                        );
  862.                    });
  863.                }
  864.  
  865.                if (this.slider.getAttribute('data-autoplay') === 'true') this.setAutoPlay();
  866.            }
  867.  
  868.            setAutoPlay() {
  869.                this.autoplaySpeed = this.slider.dataset.speed * 1000;
  870.                this.addEventListener('mouseover', this.focusInHandling.bind(this));
  871.                this.addEventListener('mouseleave', this.focusOutHandling.bind(this));
  872.                this.addEventListener('focusin', this.focusInHandling.bind(this));
  873.                this.addEventListener('focusout', this.focusOutHandling.bind(this));
  874.  
  875.                if (this.querySelector('.slideshow__autoplay')) {
  876.                    this.sliderAutoplayButton = this.querySelector('.slideshow__autoplay');
  877.                    this.sliderAutoplayButton.addEventListener('click', this.autoPlayToggle.bind(this));
  878.                    this.autoplayButtonIsSetToPlay = true;
  879.                    this.play();
  880.                } else {
  881.                    this.reducedMotion.matches || this.announcementBarArrowButtonWasClicked
  882.                        ? this.pause()
  883.                        : this.play();
  884.                }
  885.            }
  886.  
  887.            onButtonClick(event) {
  888.                super.onButtonClick(event);
  889.                this.wasClicked = true;
  890.  
  891.                const isFirstSlide = this.currentPage === 1;
  892.                const isLastSlide = this.currentPage === this.sliderItemsToShow.length;
  893.  
  894.                if (!isFirstSlide && !isLastSlide) {
  895.                    this.applyAnimationToAnnouncementBar(event.currentTarget.name);
  896.                    return;
  897.                }
  898.  
  899.                if (isFirstSlide && event.currentTarget.name === 'previous') {
  900.                    this.slideScrollPosition =
  901.                        this.slider.scrollLeft + this.sliderFirstItemNode.clientWidth * this.sliderItemsToShow.length;
  902.                } else if (isLastSlide && event.currentTarget.name === 'next') {
  903.                    this.slideScrollPosition = 0;
  904.                }
  905.  
  906.                this.setSlidePosition(this.slideScrollPosition);
  907.  
  908.                this.applyAnimationToAnnouncementBar(event.currentTarget.name);
  909.            }
  910.  
  911.            setSlidePosition(position) {
  912.                if (this.setPositionTimeout) clearTimeout(this.setPositionTimeout);
  913.                this.setPositionTimeout = setTimeout(() => {
  914.                    this.slider.scrollTo({
  915.                        left: position,
  916.                    });
  917.                }, this.announcerBarAnimationDelay);
  918.            }
  919.  
  920.            update() {
  921.                super.update();
  922.                this.sliderControlButtons = this.querySelectorAll('.slider-counter__link');
  923.                this.prevButton.removeAttribute('disabled');
  924.  
  925.                if (!this.sliderControlButtons.length) return;
  926.  
  927.                this.sliderControlButtons.forEach((link) => {
  928.                    link.classList.remove('slider-counter__link--active');
  929.                    link.removeAttribute('aria-current');
  930.                });
  931.                this.sliderControlButtons[this.currentPage - 1].classList.add('slider-counter__link--active');
  932.                this.sliderControlButtons[this.currentPage - 1].setAttribute('aria-current', true);
  933.            }
  934.  
  935.            autoPlayToggle() {
  936.                this.togglePlayButtonState(this.autoplayButtonIsSetToPlay);
  937.                this.autoplayButtonIsSetToPlay ? this.pause() : this.play();
  938.                this.autoplayButtonIsSetToPlay = !this.autoplayButtonIsSetToPlay;
  939.            }
  940.  
  941.            focusOutHandling(event) {
  942.                if (this.sliderAutoplayButton) {
  943.                    const focusedOnAutoplayButton =
  944.                        event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
  945.                    if (!this.autoplayButtonIsSetToPlay || focusedOnAutoplayButton) return;
  946.                    this.play();
  947.                } else if (
  948.                    !this.reducedMotion.matches &&
  949.                    !this.announcementBarArrowButtonWasClicked
  950.                ) {
  951.                    this.play();
  952.                }
  953.            }
  954.  
  955.            focusInHandling(event) {
  956.                if (this.sliderAutoplayButton) {
  957.                    const focusedOnAutoplayButton =
  958.                        event.target === this.sliderAutoplayButton || this.sliderAutoplayButton.contains(event.target);
  959.                    if (focusedOnAutoplayButton && this.autoplayButtonIsSetToPlay) {
  960.                        this.play();
  961.                    } else if (this.autoplayButtonIsSetToPlay) {
  962.                        this.pause();
  963.                    }
  964.                } else if (this.announcementBarSlider.contains(event.target)) {
  965.                    this.pause();
  966.                }
  967.            }
  968.  
  969.            play() {
  970.                this.slider.setAttribute('aria-live', 'off');
  971.                clearInterval(this.autoplay);
  972.                this.autoplay = setInterval(this.autoRotateSlides.bind(this), this.autoplaySpeed);
  973.            }
  974.  
  975.            pause() {
  976.                this.slider.setAttribute('aria-live', 'polite');
  977.                clearInterval(this.autoplay);
  978.            }
  979.  
  980.            togglePlayButtonState(pauseAutoplay) {
  981.                if (pauseAutoplay) {
  982.                    this.sliderAutoplayButton.classList.add('slideshow__autoplay--paused');
  983.                    this.sliderAutoplayButton.setAttribute('aria-label', window.accessibilityStrings.playSlideshow);
  984.                } else {
  985.                    this.sliderAutoplayButton.classList.remove('slideshow__autoplay--paused');
  986.                    this.sliderAutoplayButton.setAttribute('aria-label', window.accessibilityStrings.pauseSlideshow);
  987.                }
  988.            }
  989.  
  990.            autoRotateSlides() {
  991.                const slideScrollPosition =
  992.                    this.currentPage === this.sliderItems.length
  993.                        ? 0
  994.                        : this.slider.scrollLeft + this.sliderItemOffset;
  995.  
  996.                this.setSlidePosition(slideScrollPosition);
  997.                this.applyAnimationToAnnouncementBar();
  998.            }
  999.  
  1000.            setSlideVisibility(event) {
  1001.                this.sliderItemsToShow.forEach((item, index) => {
  1002.                    const linkElements = item.querySelectorAll('a');
  1003.                    if (index === this.currentPage - 1) {
  1004.                        if (linkElements.length)
  1005.                            linkElements.forEach((button) => {
  1006.                                button.removeAttribute('tabindex');
  1007.                            });
  1008.                        item.setAttribute('aria-hidden', 'false');
  1009.                        item.removeAttribute('tabindex');
  1010.                    } else {
  1011.                        if (linkElements.length)
  1012.                            linkElements.forEach((button) => {
  1013.                                button.setAttribute('tabindex', '-1');
  1014.                            });
  1015.                        item.setAttribute('aria-hidden', 'true');
  1016.                        item.setAttribute('tabindex', '-1');
  1017.                    }
  1018.                });
  1019.                this.wasClicked = false;
  1020.            }
  1021.  
  1022.            applyAnimationToAnnouncementBar(button = 'next') {
  1023.                if (!this.announcementBarSlider) return;
  1024.  
  1025.                const itemsCount = this.sliderItems.length;
  1026.                const increment = button === 'next' ? 1 : -1;
  1027.  
  1028.                const currentIndex = this.currentPage - 1;
  1029.                let nextIndex = (currentIndex + increment) % itemsCount;
  1030.                nextIndex = nextIndex === -1 ? itemsCount - 1 : nextIndex;
  1031.  
  1032.                const nextSlide = this.sliderItems[nextIndex];
  1033.                const currentSlide = this.sliderItems[currentIndex];
  1034.  
  1035.                const animationClassIn = 'announcement-bar-slider--fade-in';
  1036.                const animationClassOut = 'announcement-bar-slider--fade-out';
  1037.  
  1038.                const isFirstSlide = currentIndex === 0;
  1039.                const isLastSlide = currentIndex === itemsCount - 1;
  1040.  
  1041.                const shouldMoveNext = (button === 'next' && !isLastSlide) || (button === 'previous' && isFirstSlide);
  1042.                const direction = shouldMoveNext ? 'next' : 'previous';
  1043.  
  1044.                currentSlide.classList.add(`${animationClassOut}-${direction}`);
  1045.                nextSlide.classList.add(`${animationClassIn}-${direction}`);
  1046.  
  1047.                setTimeout(() => {
  1048.                    currentSlide.classList.remove(`${animationClassOut}-${direction}`);
  1049.                    nextSlide.classList.remove(`${animationClassIn}-${direction}`);
  1050.                }, this.announcerBarAnimationDelay * 2);
  1051.            }
  1052.  
  1053.            linkToSlide(event) {
  1054.                event.preventDefault();
  1055.                const slideScrollPosition =
  1056.                    this.slider.scrollLeft +
  1057.                    this.sliderFirstItemNode.clientWidth *
  1058.                    (this.sliderControlLinksArray.indexOf(event.currentTarget) + 1 - this.currentPage);
  1059.                this.slider.scrollTo({
  1060.                    left: slideScrollPosition,
  1061.                });
  1062.            }
  1063.        }
  1064.  
  1065.        customElements.define('slideshow-component', SlideshowComponent);
  1066.  
  1067.        class VariantSelects extends HTMLElement {
  1068.            constructor() {
  1069.                super();
  1070.                this.addEventListener('change', this.onVariantChange);
  1071.            }
  1072.  
  1073.            onVariantChange() {
  1074.                this.updateOptions();
  1075.                this.updateMasterId();
  1076.                this.toggleAddButton(true, '', false);
  1077.                this.updatePickupAvailability();
  1078.                this.removeErrorMessage();
  1079.                this.updateVariantStatuses();
  1080.  
  1081.                if (!this.currentVariant) {
  1082.                    this.toggleAddButton(true, '', true);
  1083.                    this.setUnavailable();
  1084.                } else {
  1085.                    this.updateMedia();
  1086.                    this.updateURL();
  1087.                    this.updateVariantInput();
  1088.                    this.renderProductInfo();
  1089.                    this.updateShareUrl();
  1090.                }
  1091.            }
  1092.  
  1093.            updateOptions() {
  1094.                this.options = Array.from(this.querySelectorAll('select'), (select) => select.value);
  1095.            }
  1096.  
  1097.            updateMasterId() {
  1098.                this.currentVariant = this.getVariantData().find((variant) => {
  1099.                    return !variant.options
  1100.                        .map((option, index) => {
  1101.                            return this.options[index] === option;
  1102.                        })
  1103.                        .includes(false);
  1104.                });
  1105.            }
  1106.  
  1107.            updateMedia() {
  1108.                if (!this.currentVariant) return;
  1109.                if (!this.currentVariant.featured_media) return;
  1110.  
  1111.                const mediaGalleries = document.querySelectorAll(`[id^="MediaGallery-${this.dataset.section}"]`);
  1112.                mediaGalleries.forEach((mediaGallery) =>
  1113.                    mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true)
  1114.                );
  1115.  
  1116.                const modalContent = document.querySelector(`#ProductModal-${this.dataset.section} .product-media-modal__content`);
  1117.                if (!modalContent) return;
  1118.                const newMediaModal = modalContent.querySelector(`[data-media-id="${this.currentVariant.featured_media.id}"]`);
  1119.                modalContent.prepend(newMediaModal);
  1120.            }
  1121.  
  1122.            updateURL() {
  1123.                if (!this.currentVariant || this.dataset.updateUrl === 'false') return;
  1124.                window.history.replaceState({}, '', `${this.dataset.url}?variant=${this.currentVariant.id}`);
  1125.            }
  1126.  
  1127.            updateShareUrl() {
  1128.                const shareButton = document.getElementById(`Share-${this.dataset.section}`);
  1129.                if (!shareButton || !shareButton.updateUrl) return;
  1130.                shareButton.updateUrl(`${window.shopUrl}${this.dataset.url}?variant=${this.currentVariant.id}`);
  1131.            }
  1132.  
  1133.            updateVariantInput() {
  1134.                const productForms = document.querySelectorAll(
  1135.                    `#product-form-${this.dataset.section}, #product-form-installment-${this.dataset.section}`
  1136.                );
  1137.                productForms.forEach((productForm) => {
  1138.                    const input = productForm.querySelector('input[name="id"]');
  1139.                    input.value = this.currentVariant.id;
  1140.                    input.dispatchEvent(new Event('change', { bubbles: true }));
  1141.                });
  1142.            }
  1143.  
  1144.            updateVariantStatuses() {
  1145.                const selectedOptionOneVariants = this.variantData.filter(
  1146.                    (variant) => this.querySelector(':checked').value === variant.option1
  1147.                );
  1148.                const inputWrappers = [...this.querySelectorAll('.product-form__input')];
  1149.                inputWrappers.forEach((option, index) => {
  1150.                    if (index === 0) return;
  1151.                    const optionInputs = [...option.querySelectorAll('input[type="radio"], option')];
  1152.                    const previousOptionSelected = inputWrappers[index - 1].querySelector(':checked').value;
  1153.                    const availableOptionInputsValue = selectedOptionOneVariants
  1154.                        .filter((variant) => variant.available && variant[`option${index}`] === previousOptionSelected)
  1155.                        .map((variantOption) => variantOption[`option${index + 1}`]);
  1156.                    this.setInputAvailability(optionInputs, availableOptionInputsValue);
  1157.                });
  1158.            }
  1159.  
  1160.            setInputAvailability(listOfOptions, listOfAvailableOptions) {
  1161.                listOfOptions.forEach((input) => {
  1162.                    if (listOfAvailableOptions.includes(input.getAttribute('value'))) {
  1163.                        input.innerText = input.getAttribute('value');
  1164.                    } else {
  1165.                        input.innerText = window.variantStrings.unavailable_with_option.replace('[value]', input.getAttribute('value'));
  1166.                    }
  1167.                });
  1168.            }
  1169.  
  1170.            updatePickupAvailability() {
  1171.                const pickUpAvailability = document.querySelector('pickup-availability');
  1172.                if (!pickUpAvailability) return;
  1173.  
  1174.                if (this.currentVariant && this.currentVariant.available) {
  1175.                    pickUpAvailability.fetchAvailability(this.currentVariant.id);
  1176.                } else {
  1177.                    pickUpAvailability.removeAttribute('available');
  1178.                    pickUpAvailability.innerHTML = '';
  1179.                }
  1180.            }
  1181.  
  1182.            removeErrorMessage() {
  1183.                const section = this.closest('section');
  1184.                if (!section) return;
  1185.  
  1186.                const productForm = section.querySelector('product-form');
  1187.                if (productForm) productForm.handleErrorMessage();
  1188.            }
  1189.  
  1190.            renderProductInfo() {
  1191.                const requestedVariantId = this.currentVariant.id;
  1192.                const sectionId = this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section;
  1193.  
  1194.                fetch(
  1195.                    `${this.dataset.url}?variant=${requestedVariantId}&section_id=${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section
  1196.                    }`
  1197.                )
  1198.                    .then((response) => response.text())
  1199.                    .then((responseText) => {
  1200.                        // prevent unnecessary ui changes from abandoned selections
  1201.                        if (this.currentVariant.id !== requestedVariantId) return;
  1202.  
  1203.                        const html = new DOMParser().parseFromString(responseText, 'text/html');
  1204.                        const destination = document.getElementById(`price-${this.dataset.section}`);
  1205.                        const source = html.getElementById(
  1206.                            `price-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1207.                        );
  1208.                        const skuSource = html.getElementById(
  1209.                            `Sku-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1210.                        );
  1211.                        const skuDestination = document.getElementById(`Sku-${this.dataset.section}`);
  1212.                        const inventorySource = html.getElementById(
  1213.                            `Inventory-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1214.                        );
  1215.                        const inventoryDestination = document.getElementById(`Inventory-${this.dataset.section}`);
  1216.  
  1217.                        const volumePricingSource = html.getElementById(
  1218.                            `Volume-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`
  1219.                        );
  1220.  
  1221.                        const pricePerItemDestination = document.getElementById(`Price-Per-Item-${this.dataset.section}`);
  1222.                        const pricePerItemSource = html.getElementById(`Price-Per-Item-${this.dataset.originalSection ? this.dataset.originalSection : this.dataset.section}`);
  1223.  
  1224.                        const volumePricingDestination = document.getElementById(`Volume-${this.dataset.section}`);
  1225.                        const qtyRules = document.getElementById(`Quantity-Rules-${this.dataset.section}`);
  1226.                        const volumeNote = document.getElementById(`Volume-Note-${this.dataset.section}`);
  1227.  
  1228.                        if (volumeNote) volumeNote.classList.remove('hidden');
  1229.                        if (volumePricingDestination) volumePricingDestination.classList.remove('hidden');
  1230.                        if (qtyRules) qtyRules.classList.remove('hidden');
  1231.  
  1232.                        if (source && destination) destination.innerHTML = source.innerHTML;
  1233.                        if (inventorySource && inventoryDestination) inventoryDestination.innerHTML = inventorySource.innerHTML;
  1234.                        if (skuSource && skuDestination) {
  1235.                            skuDestination.innerHTML = skuSource.innerHTML;
  1236.                            skuDestination.classList.toggle('hidden', skuSource.classList.contains('hidden'));
  1237.                        }
  1238.  
  1239.                        if (volumePricingSource && volumePricingDestination) {
  1240.                            volumePricingDestination.innerHTML = volumePricingSource.innerHTML;
  1241.                        }
  1242.  
  1243.                        if (pricePerItemSource && pricePerItemDestination) {
  1244.                            pricePerItemDestination.innerHTML = pricePerItemSource.innerHTML;
  1245.                            pricePerItemDestination.classList.toggle('hidden', pricePerItemSource.classList.contains('hidden'));
  1246.                        }
  1247.  
  1248.                        const price = document.getElementById(`price-${this.dataset.section}`);
  1249.  
  1250.                        if (price) price.classList.remove('hidden');
  1251.  
  1252.                        if (inventoryDestination)
  1253.                            inventoryDestination.classList.toggle('hidden', inventorySource.innerText === '');
  1254.  
  1255.                        const addButtonUpdated = html.getElementById(`ProductSubmitButton-${sectionId}`);
  1256.                        this.toggleAddButton(
  1257.                            addButtonUpdated ? addButtonUpdated.hasAttribute('disabled') : true,
  1258.                            window.variantStrings.soldOut
  1259.                        );
  1260.  
  1261.                        publish(PUB_SUB_EVENTS.variantChange, {
  1262.                            data: {
  1263.                                sectionId,
  1264.                                html,
  1265.                                variant: this.currentVariant,
  1266.                            },
  1267.                        });
  1268.                    });
  1269.            }
  1270.  
  1271.            toggleAddButton(disable = true, text, modifyClass = true) {
  1272.                const productForm = document.getElementById(`product-form-${this.dataset.section}`);
  1273.                if (!productForm) return;
  1274.                const addButton = productForm.querySelector('[name="add"]');
  1275.                const addButtonText = productForm.querySelector('[name="add"] > span');
  1276.                if (!addButton) return;
  1277.  
  1278.                if (disable) {
  1279.                    addButton.setAttribute('disabled', 'disabled');
  1280.                    if (text) addButtonText.textContent = text;
  1281.                } else {
  1282.                    addButton.removeAttribute('disabled');
  1283.                    addButtonText.textContent = window.variantStrings.addToCart;
  1284.                }
  1285.  
  1286.                if (!modifyClass) return;
  1287.            }
  1288.  
  1289.            setUnavailable() {
  1290.                const button = document.getElementById(`product-form-${this.dataset.section}`);
  1291.                const addButton = button.querySelector('[name="add"]');
  1292.                const addButtonText = button.querySelector('[name="add"] > span');
  1293.                const price = document.getElementById(`price-${this.dataset.section}`);
  1294.                const inventory = document.getElementById(`Inventory-${this.dataset.section}`);
  1295.                const sku = document.getElementById(`Sku-${this.dataset.section}`);
  1296.                const pricePerItem = document.getElementById(`Price-Per-Item-${this.dataset.section}`);
  1297.                const volumeNote = document.getElementById(`Volume-Note-${this.dataset.section}`);
  1298.                const volumeTable = document.getElementById(`Volume-${this.dataset.section}`);
  1299.                const qtyRules = document.getElementById(`Quantity-Rules-${this.dataset.section}`);
  1300.  
  1301.                if (!addButton) return;
  1302.                addButtonText.textContent = window.variantStrings.unavailable;
  1303.                if (price) price.classList.add('hidden');
  1304.                if (inventory) inventory.classList.add('hidden');
  1305.                if (sku) sku.classList.add('hidden');
  1306.                if (pricePerItem) pricePerItem.classList.add('hidden');
  1307.                if (volumeNote) volumeNote.classList.add('hidden');
  1308.                if (volumeTable) volumeTable.classList.add('hidden');
  1309.                if (qtyRules) qtyRules.classList.add('hidden');
  1310.            }
  1311.  
  1312.            getVariantData() {
  1313.                this.variantData = this.variantData || JSON.parse(this.querySelector('[type="application/json"]').textContent);
  1314.                return this.variantData;
  1315.            }
  1316.        }
  1317.  
  1318.        customElements.define('variant-selects', VariantSelects);
  1319.  
  1320.        class VariantRadios extends VariantSelects {
  1321.            constructor() {
  1322.                super();
  1323.            }
  1324.  
  1325.            setInputAvailability(listOfOptions, listOfAvailableOptions) {
  1326.                listOfOptions.forEach((input) => {
  1327.                    if (listOfAvailableOptions.includes(input.getAttribute('value'))) {
  1328.                        input.classList.remove('disabled');
  1329.                    } else {
  1330.                        input.classList.add('disabled');
  1331.                    }
  1332.                });
  1333.            }
  1334.  
  1335.            updateOptions() {
  1336.                const fieldsets = Array.from(this.querySelectorAll('fieldset'));
  1337.                this.options = fieldsets.map((fieldset) => {
  1338.                    return Array.from(fieldset.querySelectorAll('input')).find((radio) => radio.checked).value;
  1339.                });
  1340.            }
  1341.        }
  1342.  
  1343.        customElements.define('variant-radios', VariantRadios);
  1344.  
  1345.        class ProductRecommendations extends HTMLElement {
  1346.            constructor() {
  1347.                super();
  1348.            }
  1349.  
  1350.            connectedCallback() {
  1351.                const handleIntersection = (entries, observer) => {
  1352.                    if (!entries[0].isIntersecting) return;
  1353.                    observer.unobserve(this);
  1354.  
  1355.                    fetch(this.dataset.url)
  1356.                        .then((response) => response.text())
  1357.                        .then((text) => {
  1358.                            const html = document.createElement('div');
  1359.                            html.innerHTML = text;
  1360.                            const recommendations = html.querySelector('product-recommendations');
  1361.  
  1362.                            if (recommendations && recommendations.innerHTML.trim().length) {
  1363.                                this.innerHTML = recommendations.innerHTML;
  1364.                            }
  1365.  
  1366.                            if (!this.querySelector('slideshow-component') && this.classList.contains('complementary-products')) {
  1367.                                this.remove();
  1368.                            }
  1369.  
  1370.                            if (html.querySelector('.grid__item')) {
  1371.                                this.classList.add('product-recommendations--loaded');
  1372.                            }
  1373.                        })
  1374.                        .catch((e) => {
  1375.                            console.error(e);
  1376.                        });
  1377.                };
  1378.  
  1379.                new IntersectionObserver(handleIntersection.bind(this), { rootMargin: '0px 0px 400px 0px' }).observe(this);
  1380.            }
  1381.        }
  1382.  
  1383.        customElements.define('product-recommendations', ProductRecommendations);
  1384.    </script>
  1385.    <script>
  1386.        /** Shopify CDN: Minification failed
  1387.    
  1388.    Line 16:0 Transforming const to the configured target environment ("es5") is not supported yet
  1389.    Line 17:0 Transforming const to the configured target environment ("es5") is not supported yet
  1390.    Line 18:0 Transforming const to the configured target environment ("es5") is not supported yet
  1391.    Line 19:0 Transforming const to the configured target environment ("es5") is not supported yet
  1392.    Line 25:6 Transforming const to the configured target environment ("es5") is not supported yet
  1393.    Line 39:49 Transforming default arguments to the configured target environment ("es5") is not supported yet
  1394.    Line 39:79 Transforming default arguments to the configured target environment ("es5") is not supported yet
  1395.    Line 40:2 Transforming const to the configured target environment ("es5") is not supported yet
  1396.    Line 50:2 Transforming const to the configured target environment ("es5") is not supported yet
  1397.    Line 60:2 Transforming const to the configured target environment ("es5") is not supported yet
  1398.    ... and 9 more hidden warnings
  1399.    
  1400.    **/
  1401.        const SCROLL_ANIMATION_TRIGGER_CLASSNAME = 'scroll-trigger';
  1402.        const SCROLL_ANIMATION_OFFSCREEN_CLASSNAME = 'scroll-trigger--offscreen';
  1403.        const SCROLL_ZOOM_IN_TRIGGER_CLASSNAME = 'animate--zoom-in';
  1404.        const SCROLL_ANIMATION_CANCEL_CLASSNAME = 'scroll-trigger--cancel';
  1405.  
  1406.        // Scroll in animation logic
  1407.        function onIntersection(elements, observer) {
  1408.            elements.forEach((element, index) => {
  1409.                if (element.isIntersecting) {
  1410.                    const elementTarget = element.target;
  1411.                    if (elementTarget.classList.contains(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME)) {
  1412.                        elementTarget.classList.remove(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME);
  1413.                        if (elementTarget.hasAttribute('data-cascade'))
  1414.                            elementTarget.setAttribute('style', `--animation-order: ${index};`);
  1415.                    }
  1416.                    observer.unobserve(elementTarget);
  1417.                } else {
  1418.                    element.target.classList.add(SCROLL_ANIMATION_OFFSCREEN_CLASSNAME);
  1419.                    element.target.classList.remove(SCROLL_ANIMATION_CANCEL_CLASSNAME);
  1420.                }
  1421.            });
  1422.        }
  1423.  
  1424.        function initializeScrollAnimationTrigger(rootEl = document, isDesignModeEvent = false) {
  1425.            const animationTriggerElements = Array.from(rootEl.getElementsByClassName(SCROLL_ANIMATION_TRIGGER_CLASSNAME));
  1426.            if (animationTriggerElements.length === 0) return;
  1427.  
  1428.            if (isDesignModeEvent) {
  1429.                animationTriggerElements.forEach((element) => {
  1430.                    element.classList.add('scroll-trigger--design-mode');
  1431.                });
  1432.                return;
  1433.            }
  1434.  
  1435.            const observer = new IntersectionObserver(onIntersection, {
  1436.                rootMargin: '0px 0px -50px 0px',
  1437.            });
  1438.            animationTriggerElements.forEach((element) => observer.observe(element));
  1439.        }
  1440.  
  1441.        // Zoom in animation logic
  1442.        function initializeScrollZoomAnimationTrigger() {
  1443.            if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
  1444.  
  1445.            const animationTriggerElements = Array.from(document.getElementsByClassName(SCROLL_ZOOM_IN_TRIGGER_CLASSNAME));
  1446.  
  1447.            if (animationTriggerElements.length === 0) return;
  1448.  
  1449.            const scaleAmount = 0.2 / 100;
  1450.  
  1451.            animationTriggerElements.forEach((element) => {
  1452.                let elementIsVisible = false;
  1453.                const observer = new IntersectionObserver((elements) => {
  1454.                    elements.forEach((entry) => {
  1455.                        elementIsVisible = entry.isIntersecting;
  1456.                    });
  1457.                });
  1458.                observer.observe(element);
  1459.  
  1460.                element.style.setProperty('--zoom-in-ratio', 1 + scaleAmount * percentageSeen(element));
  1461.  
  1462.                window.addEventListener(
  1463.                    'scroll',
  1464.                    throttle(() => {
  1465.                        if (!elementIsVisible) return;
  1466.  
  1467.                        element.style.setProperty('--zoom-in-ratio', 1 + scaleAmount * percentageSeen(element));
  1468.                    }),
  1469.                    { passive: true }
  1470.                );
  1471.            });
  1472.        }
  1473.  
  1474.        function percentageSeen(element) {
  1475.            const viewportHeight = window.innerHeight;
  1476.            const scrollY = window.scrollY;
  1477.            const elementPositionY = element.getBoundingClientRect().top + scrollY;
  1478.            const elementHeight = element.offsetHeight;
  1479.  
  1480.            if (elementPositionY > scrollY + viewportHeight) {
  1481.                // If we haven't reached the image yet
  1482.                return 0;
  1483.            } else if (elementPositionY + elementHeight < scrollY) {
  1484.                // If we've completely scrolled past the image
  1485.                return 100;
  1486.            }
  1487.  
  1488.            // When the image is in the viewport
  1489.            const distance = scrollY + viewportHeight - elementPositionY;
  1490.            let percentage = distance / ((viewportHeight + elementHeight) / 100);
  1491.            return Math.round(percentage);
  1492.        }
  1493.  
  1494.        window.addEventListener('DOMContentLoaded', () => {
  1495.            initializeScrollAnimationTrigger();
  1496.            initializeScrollZoomAnimationTrigger();
  1497.        });
  1498.  
  1499.        if (Shopify.designMode) {
  1500.            document.addEventListener('shopify:section:load', (event) => initializeScrollAnimationTrigger(event.target, true));
  1501.            document.addEventListener('shopify:section:reorder', () => initializeScrollAnimationTrigger(document, true));
  1502.        }  
  1503.    </script>
  1504.    <script>
  1505.        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');
  1506.    </script>
  1507.    <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/67119169539/digital_wallets/dialog">
  1508.    <link rel="alternate" type="application/json+oembed" href=".html">
  1509.    <script async="async" src="https://illuzia.net/"></script>
  1510.    <script id="shopify-features" type="application/json">
  1511.      {
  1512.        "accessToken": "bd35w3423f0855sf383c4483c3cc50a6",
  1513.        "betas": ["rich-media-storefront-analytics"],
  1514.        "domain": "https://illuzia.net/",
  1515.        "predictiveSearch": true,
  1516.        "shopId": 37356114305,
  1517.        "smart_payment_buttons_url": "https:\/\/illuzia.net\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js",
  1518.        "dynamic_checkout_cart_url": "https:\/\/illuzia.net\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js",
  1519.        "locale": "en",
  1520.        "optimusEnabled": true,
  1521.        "optimusHidden": false,
  1522.        "betterDynamicCheckoutRecommendationVariant": "control",
  1523.        "shopPromisePDPV3Enabled": false
  1524.      }
  1525.    </script>
  1526.    <script type="application/ld+json">
  1527.      {
  1528.        "@context": "https://schema.org",
  1529.        "@type": "SoftwareApplication",
  1530.        "name": "KOITOTO",
  1531.        "operatingSystem": "ANDROID",
  1532.        "applicationCategory": "GameApplication",
  1533.        "aggregateRating": {
  1534.          "@type": "AggregateRating",
  1535.          "ratingValue": "5",
  1536.          "ratingCount": "2907771"
  1537.        },
  1538.        "offers": {
  1539.          "@type": "Offer",
  1540.          "price": "10000.00",
  1541.          "priceCurrency": "IDR"
  1542.        }
  1543.      }
  1544.    </script>
  1545.    <script>
  1546.        var Shopify = Shopify || {};
  1547.        Shopify.shop = "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online";
  1548.        Shopify.locale = "en";
  1549.        Shopify.currency = {
  1550.            active: "IDR",
  1551.            rate: "1.0"
  1552.        };
  1553.        Shopify.country = "ID";
  1554.        Shopify.theme = {
  1555.            name: "Refresh",
  1556.            id: 138081403093,
  1557.            theme_store_id: 1567,
  1558.            role: "main"
  1559.        };
  1560.        Shopify.theme.handle = "null";
  1561.        Shopify.theme.style = {
  1562.            id: null,
  1563.            handle: null
  1564.        };
  1565.        Shopify.cdnHost = "https://illuzia.net//cdn";
  1566.        Shopify.routes = Shopify.routes || {};
  1567.        Shopify.routes.root = "https://illuzia.net/";
  1568.    </script>
  1569.    <script type="module">
  1570.        ! function (o) {
  1571.            (o.Shopify = o.Shopify || {}).modules = !0
  1572.        }(window);
  1573.    </script>
  1574.    <script>
  1575.        ! function (o) {
  1576.            function n() {
  1577.                var o = [];
  1578.  
  1579.                function n() {
  1580.                    o.push(Array.prototype.slice.apply(arguments))
  1581.                }
  1582.                return n.q = o, n
  1583.            }
  1584.            var t = o.Shopify = o.Shopify || {};
  1585.            t.loadFeatures = n(), t.autoloadFeatures = n()
  1586.        }(window);
  1587.    </script>
  1588.    <script id="__st">
  1589.        var __st = {
  1590.            a: 67119169539,
  1591.            offset: 0,
  1592.            reqid: "816b44e4-400f-420d-8784-4bd8093b92b1",
  1593.            pageurl: "https://illuzia.net/",
  1594.            u: "64d86d143528",
  1595.            p: "product",
  1596.            rtyp: "product",
  1597.            rid: 8226828321669
  1598.        };
  1599.    </script>
  1600.    <script>
  1601.        window.ShopifyPaypalV4VisibilityTracking = true;
  1602.    </script>
  1603.    <script>
  1604.        ! function (o) {
  1605.            o.addEventListener("DOMContentLoaded", function () {
  1606.                window.Shopify = window.Shopify || {}, window.Shopify.recaptchaV3 = window.Shopify.recaptchaV3 || {
  1607.                    siteKey: "6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"
  1608.                };
  1609.                var t = ['form[action*="/contact"] input[name="form_type"][value="contact"]', 'form[action*="/comments"] input[name="form_type"][value="new_comment"]', 'form[action*="/account"] input[name="form_type"][value="customer_login"]', 'form[action*="/account"] input[name="form_type"][value="recover_customer_password"]', 'form[action*="/account"] input[name="form_type"][value="create_customer"]', 'form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");
  1610.  
  1611.                function n(e) {
  1612.                    e = e.target;
  1613.                    null == e || null != (e = function e(t, n) {
  1614.                        if (null == t.parentElement) return null;
  1615.                        if ("FORM" != t.parentElement.tagName) return e(t.parentElement, n);
  1616.                        for (var o = t.parentElement.action, r = 0; r < n.length; r++)
  1617.                            if (-1 !== o.indexOf(n[r])) return t.parentElement;
  1618.                        return null
  1619.                    }(e, ["/contact", "/comments", "/account"])) && null != e.querySelector(t) && ((e = o.createElement("script")).setAttribute("src", "../../../../cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"), o.body.appendChild(e), o.removeEventListener("focus", n, !0), o.removeEventListener("change", n, !0), o.removeEventListener("click", n, !0))
  1620.                }
  1621.                o.addEventListener("click", n, !0), o.addEventListener("change", n, !0), o.addEventListener("focus", n, !0)
  1622.            })
  1623.        }(document);
  1624.    </script>
  1625.    <script>
  1626.        !function () { var e = function (e) { var t = { exports: {} }; return e.call(t.exports, t, t.exports), t.exports }, t = function () { function e(e, t) { var r = [], o = !0, n = !1, a = void 0; try { for (var i, s = e[Symbol.iterator](); !(o = (i = s.next()).done) && (r.push(i.value), !t || r.length !== t); o = !0); } catch (e) { n = !0, a = e } finally { try { !o && s.return && s.return() } finally { if (n) throw a } } return r } return function (t, r) { if (Array.isArray(t)) return t; if (Symbol.iterator in Object(t)) return e(t, r); throw new TypeError("Invalid attempt to destructure non-iterable instance") } }(), r = function (e) { return e && e.__esModule ? e : { default: e } }, o = function (e) { if (Array.isArray(e)) { for (var t = 0, r = Array(e.length); t < e.length; t++)r[t] = e[t]; return r } return Array.from(e) }, n = e((function (e, t) { "use strict"; function r(e) { "loading" !== document.readyState ? e() : document.addEventListener ? document.addEventListener("DOMContentLoaded", e) : document.attachEvent("onreadystatechange", (function () { "loading" !== document.readyState && e() })) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), a = e((function (e, t) { "use strict"; function r(e) { return new Error('The feature { name: "' + e.name + '", version: "' + e.version + '"} does not exist') } function o(e) { return new Error("Could not create registry entry " + e) } function n() { return new Error("Cannot register a feature with the same selector twice") } function a(e) { return new Error("Features should be an Array. Received: " + JSON.stringify(e)) } function i(e) { return new Error('Features should be defined as `{ name: "name", version: "version" }`. Received: ' + JSON.stringify(e)) } function s(e, t) { return new Error(e + " has already been loaded at version " + t) } Object.defineProperty(t, "__esModule", { value: !0 }), t.featureNotFound = r, t.couldNotCreateEntry = o, t.couldNotAddToQuerySelectors = n, t.invalidFeaturesArray = a, t.invalidFeature = i, t.alreadyLoaded = s })), i = e((function (e, t) { "use strict"; function r() { if (a) return a; var e = document.getElementById("shopify-features"); if (e) try { a = JSON.parse(e.textContent) } catch (e) { } else a = {}; return a } function o() { var e = r(); if (e) try { return e.betas.reduce((function (e, t) { return e[t] = !0, e }), {}) } catch (e) { } return {} } function n() { return r().locale || "en" } Object.defineProperty(t, "__esModule", { value: !0 }), t.getBetas = o, t.getLocale = n; var a = void 0 })), s = e((function (e, t) { "use strict"; function r() { } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), u = e((function (e, t) { "use strict"; function r() { function e(e, t) { r[e] = r[e] || []; for (var o = r[e], n = 0; n < o.length; n++) { var i = o[n], s = i.name, u = i.version; if (t.name === s) { if (t.version !== u) throw (0, a.couldNotAddToQuerySelectors)(e); return } } o.push(t) } function t() { return Object.keys(r).reduce((function (e, t) { if (!document.querySelector(t)) return e; var o = r[t]; return delete r[t], e.concat(o) }), []) } var r = {}; return { add: e, getFeatures: t } } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), l = e((function (e, t) { "use strict"; function r(e) { var t = e.name, r = e.baseName, o = e.version, n = e.betaFlag, s = e.fileName, l = e.fileNames, d = e.legacy, c = e.localized, f = e.localesSupported, h = e.autoLoadSelector, v = e.props, y = void 0 === v ? {} : v, m = t + "@" + (o || "latest"); if (u[m]) throw (0, a.couldNotCreateEntry)(m); h && (Array.isArray(h) ? h : [h]).forEach((function (e) { p.lookup.add(e, { name: t, version: o }) })); u[m] = { props: y, betaFlag: n, scriptId: m, name: t, baseName: r, version: o, locale: (0, i.getLocale)(), localized: c, localesSupported: f, legacy: d, fileName: s, fileNames: l } } function o() { l = {} } function n(e) { window.Shopify.modules ? (e.legacy = !1, e.props = { type: "module" }, r(e)) : e.hasLegacy && (e.legacy = !0, e.props = { nomodule: "" }, r(e)) } function s(e) { var t = e.name + "@" + (e.version || "latest"), r = u[t]; if (!r) throw (0, a.featureNotFound)(e); var o = r.name, n = r.baseName, i = r.version, s = r.localized && r.locale, d = r.legacy, c = r.localesSupported; if (l[o] && l[o] !== i) throw (0, a.alreadyLoaded)(t, l[o]); l[o] = i; var f = []; return (r.fileNames || [r.fileName]).forEach((function (e) { f.push((0, h.urlForFeature)({ name: o, baseName: n, version: i, legacy: d, locale: s, localesSupported: c, fileName: e })) })), 1 === f.length ? r.src = f[0] : f.length > 1 && (r.srcs = f), r } Object.defineProperty(t, "__esModule", { value: !0 }), t.reset = o, t.register = n, t.getEntry = s; var u = {}, l = {} })), d = e((function (e, t) { "use strict"; function r() { n = null } function o(e) { return n ? n[e] : (n = (0, i.getBetas)(), o(e)) } Object.defineProperty(t, "__esModule", { value: !0 }), t.resetBetas = r, t.default = o; var n = null })), c = e((function (e, t) { "use strict"; function r(e) { return a.indexOf(e) > -1 } function o(e) { return i.indexOf(e) > -1 } function n(e, t, n) { function s() { a.push(c), d(), n(null, c) } function u() { i.push(c), d(), n(new Error("load error: " + e)) } function l() { c.addEventListener("load", s), c.addEventListener("error", u) } function d() { c.removeEventListener("load", s), c.removeEventListener("error", u) } var c = document.querySelector('script[src="' + e + '"]'); c && r(c) ? s() : c && o(c) ? u() : c ? l() : (c = document.createElement("script"), Object.keys(t).forEach((function (e) { c.setAttribute(e, t[e]) })), null === c.getAttribute("defer") && c.setAttribute("defer", ""), c.src = e, c.crossorigin = "anonymous", l(), document.head.appendChild(c)) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = n; var a = [], i = [] })), f = e((function (e, o) { "use strict"; function n(e, t, r) { return e.reduce((function (e, o) { var n = o.onLoad || v.default; try { var i = (0, l.getEntry)(o), s = i.betaFlag, u = !s || (0, h.default)(s); if (r && !u) throw (0, a.featureNotFound)(o); u && e.push([i, o]) } catch (e) { n(e), t.push(e) } return e }), []) } function i(e, r, o) { var n = e.reduce((function (e, r) { var o = t(r, 1)[0]; return e + (o.srcs ? o.srcs.length : 1) }), 0); 0 !== n ? e.forEach((function (e) { var a = t(e, 2), i = a[0], s = a[1].onLoad || v.default, u = i.srcs || [i.src], l = u.length, d = []; u.forEach((function (e) { (0, y.default)(e, i.props, (function (e) { e && (r.push(e), d.push(e)), 0 === --l && (0 === d.length ? s(null) : 1 === d.length ? s(d[0]) : s(d)), 0 === --n && o(r) })) })) })) : o(r) } function u(e, t, r) { var o = []; i(n(e, o, t), o, (function (e) { var t = 0 === e.length ? null : e; r(t) })) } function f(e, t) { u(e, !0, t) } function p(e, t) { u(e, !1, t) } Object.defineProperty(o, "__esModule", { value: !0 }), o.loadMultiple = u, o.loadMultipleErrorIfNotInBeta = f, o.loadMultipleSilentIfNotInBeta = p; var h = r(d), v = r(s), y = r(c) })), p = e((function (e, t) { "use strict"; function o(e) { var t = e || n.default; (0, f.loadMultipleSilentIfNotInBeta)(a.getFeatures(), t) } Object.defineProperty(t, "__esModule", { value: !0 }), t.lookup = void 0, t.default = o; var n = r(s), a = (0, r(u).default)(); t.lookup = a })), h = e((function (e, t) { "use strict"; function r(e) { var t = e.name, r = e.version, o = e.legacy, n = e.baseName, a = void 0 === n ? null : n, i = e.locale, s = void 0 === i ? null : i, u = e.localesSupported, l = void 0 === u ? [] : u, d = e.fileName, c = a || t, f = (void 0 === d ? null : d) || c; if (f.endsWith(".js") && (f = f.slice(0, -3)), o && (f += "-legacy"), s && (f = f + "." + (s = 0 === l.length || l.includes(s) ? s : "en")), ("shop-js" === t || t.startsWith("shop-js/")) && window.Shopify.spinShopJsUrl) return "https://" + window.Shopify.spinShopJsUrl + "/" + f + ".js"; var p = [window.Shopify && window.Shopify.cdnHost || "cdn.shopify.com", "shopifycloud", c]; return void 0 !== r && p.push("v" + r), p.push(f + ".js"), "https://" + p.join("/") } Object.defineProperty(t, "__esModule", { value: !0 }), t.urlForFeature = r })), v = e((function (e, t) { "use strict"; function r(e) { if (!e || "string" != typeof e.name || "string" != typeof e.version) throw (0, a.invalidFeature)(e) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), y = e((function (e, t) { "use strict"; function o(e, t) { var r = t || i.default; if (Array.isArray(e)) return e.forEach(n.default), void (0, f.loadMultipleErrorIfNotInBeta)(e, r); throw (0, a.invalidFeaturesArray)(e) } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = o; var n = r(v), i = r(s) })), m = e((function (e, t) { "use strict"; function r(e) { var t = null; return { get isObserving() { return Boolean(t) }, enable: function () { this.isObserving || (t = new MutationObserver((function (t) { for (var r = !1, o = 0; o < t.length; o++)if (t[o].addedNodes.length) { r = !0; break } r && e() }))).observe(document.body, { childList: !0, subtree: !0 }) }, disable: function () { this.isObserving && (t.disconnect(), t = null) } } } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })), g = e((function (e, t) { "use strict"; function r(e, t) { var r = window.Shopify[e] && window.Shopify[e].q; r && Array.isArray(r) && r.forEach((function (e) { t.apply(void 0, o(e)) })), window.Shopify[e] = t } Object.defineProperty(t, "__esModule", { value: !0 }), t.default = r })); e((function (e, t) { "use strict"; Object.defineProperty(t, "__esModule", { value: !0 }), t.resetRegistry = t.resetBetas = t.register = void 0; var o = r(n), a = r(y), i = r(p), s = r(m), u = r(g); t.register = l.register, t.resetBetas = d.resetBetas, t.resetRegistry = l.reset, window.Shopify = window.Shopify || {}, window.Shopify.featureAssets = window.Shopify.featureAssets || {}, window.Shopify.featureAssets["shop-js"] = window.Shopify.featureAssets["shop-js"] || {}, (0, l.register)({ name: "model-viewer", version: "0.6", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="0.6"]' }), (0, l.register)({ name: "model-viewer", version: "0.7", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="0.7"]' }), (0, l.register)({ name: "model-viewer", version: "0.8", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="0.8"]' }), (0, l.register)({ name: "model-viewer", version: "1.2", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.2"]' }), (0, l.register)({ name: "model-viewer", version: "1.7", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.7"]' }), (0, l.register)({ name: "model-viewer", version: "1.9", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.9"]' }), (0, l.register)({ name: "model-viewer", version: "1.10", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.10"]' }), (0, l.register)({ name: "model-viewer", version: "1.11", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.11"]' }), (0, l.register)({ name: "model-viewer", version: "1.12", hasLegacy: !0, autoLoadSelector: 'model-viewer[data-shopify-feature="1.12"]' }), (0, l.register)({ name: "shop-js/shopify-payment-terms", baseName: "shop-js", hasLegacy: !1, localized: !1, fileNames: Shopify.featureAssets["shop-js"]["payment-terms"] || ["client"], autoLoadSelector: ["shopify-payment-terms"] }), (0, l.register)({ name: "shop-js/shop-login-button", baseName: "shop-js", hasLegacy: !1, localized: !1, fileNames: Shopify.featureAssets["shop-js"]["login-button"] || ["client"], autoLoadSelector: ["shop-login-button"] }), (0, l.register)({ name: "model-viewer-ui", version: "1.0", hasLegacy: !0, localized: !0, localesSupported: ["bg-BG", "cs", "da", "de", "el", "es", "fi", "fr", "hi", "hr-HR", "hu", "id", "it", "ja", "ko", "lt-LT", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "ro-RO", "ru", "sk-SK", "sl-SI", "sv", "th", "tr", "vi", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "shopify-xr", version: "1.0", baseName: "shopify-xr-js", fileName: "shopify-xr", localized: !0, localesSupported: ["bg-BG", "cs", "da", "de", "el", "es", "fi", "fr", "hi", "hr-HR", "hu", "id", "it", "ja", "ko", "lt-LT", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "ro-RO", "ru", "sk-SK", "sl-SI", "sv", "th", "tr", "vi", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "video-ui", baseName: "shopify-plyr", version: "1.0", hasLegacy: !0, localized: !0, localesSupported: ["cs", "da", "de", "es", "fi", "fr", "hi", "it", "ja", "ko", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "sv", "th", "tr", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "video-ui", baseName: "shopify-plyr", version: "1.1", hasLegacy: !0, localized: !0, localesSupported: ["cs", "da", "de", "es", "fi", "fr", "hi", "it", "ja", "ko", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "sv", "th", "tr", "zh-CN", "zh-TW"] }), (0, l.register)({ name: "video-ui", baseName: "plyr", version: "2.0", hasLegacy: !0, localized: !0, localesSupported: ["bg-BG", "cs", "da", "de", "el", "es", "fi", "fr", "hi", "hr-HR", "hu", "id", "it", "ja", "ko", "lt-LT", "ms", "nb", "nl", "pl", "pt-BR", "pt-PT", "ro-RO", "ru", "sk-SK", "sl-SI", "sv", "th", "tr", "vi", "zh-CN", "zh-TW"], fileName: "shopify-plyr" }), (0, l.register)({ name: "media-analytics", version: "0.1", hasLegacy: !0, fileName: "analytics", betaFlag: "rich-media-storefront-analytics", autoLoadSelector: ["video", "model-viewer", 'a[rel="ar"]', 'a[href*="package=com.google.ar.core;action=android.intent.action.VIEW;"]', "[data-shopify-xr]", 'iframe[src^="https://www.youtube.com/embed/"]', 'iframe[src^="https://player.vimeo.com/video/"]'] }), (0, l.register)({ name: "consent-tracking-api", version: "0.1", hasLegacy: !0 }), (0, o.default)((function () { function e() { (0, i.default)((function (e) { if (e) throw e[0] })) } (0, u.default)("loadFeatures", a.default), (0, u.default)("autoloadFeatures", i.default), e(), (0, s.default)(e).enable() })) })) }("undefined" != typeof global ? global : "undefined" != typeof window && window);
  1627.    </script>
  1628.    <script>
  1629.        !function () {
  1630.            var t = function (t) { var n = { exports: {} }; return t.call(n.exports, n, n.exports), n.exports }, n = function (t) { return t && t.__esModule ? t : { default: t } }, e = t((function (t) { var n = {}.toString; t.exports = function (t) { return n.call(t).slice(8, -1) } })), r = t((function (t) { var n = t.exports = "undefined" != typeof window && window.Math == Math ? window : "undefined" != typeof self && self.Math == Math ? self : Function("return this")(); "number" == typeof __g && (__g = n) })), o = t((function (t) { var n = "__core-js_shared__", e = r[n] || (r[n] = {}); t.exports = function (t) { return e[t] || (e[t] = {}) } })), i = t((function (t) { var n = 0, e = Math.random(); t.exports = function (t) { return "Symbol(".concat(void 0 === t ? "" : t, ")_", (++n + e).toString(36)) } })), u = t((function (t) { var n = o("wks"), e = r.Symbol, u = "function" == typeof e; (t.exports = function (t) { return n[t] || (n[t] = u && e[t] || (u ? e : i)("Symbol." + t)) }).store = n })), c = t((function (t) { var n = u("toStringTag"), r = "Arguments" == e(function () { return arguments }()), o = function (t, n) { try { return t[n] } catch (t) { } }; t.exports = function (t) { var i, u, c; return void 0 === t ? "Undefined" : null === t ? "Null" : "string" == typeof (u = o(i = Object(t), n)) ? u : r ? e(i) : "Object" == (c = e(i)) && "function" == typeof i.callee ? "Arguments" : c } })), s = t((function (t) { t.exports = function (t) { return "object" == typeof t ? null !== t : "function" == typeof t } })), a = t((function (t) { t.exports = function (t) { if (!s(t)) throw TypeError(t + " is not an object!"); return t } })), f = t((function (t) { t.exports = function (t) { try { return !!t() } catch (t) { return !0 } } })), l = t((function (t) { t.exports = !f((function () { return 7 != Object.defineProperty({}, "a", { get: function () { return 7 } }).a })) })), p = t((function (t) { var n = r.document, e = s(n) && s(n.createElement); t.exports = function (t) { return e ? n.createElement(t) : {} } })), h = t((function (t) { t.exports = !l && !f((function () { return 7 != Object.defineProperty(p("div"), "a", { get: function () { return 7 } }).a })) })), d = t((function (t) { t.exports = function (t, n) { if (!s(t)) return t; var e, r; if (n && "function" == typeof (e = t.toString) && !s(r = e.call(t))) return r; if ("function" == typeof (e = t.valueOf) && !s(r = e.call(t))) return r; if (!n && "function" == typeof (e = t.toString) && !s(r = e.call(t))) return r; throw TypeError("Can't convert object to primitive value") } })), y = t((function (t, n) { var e = Object.defineProperty; n.f = l ? Object.defineProperty : function (t, n, r) { if (a(t), n = d(n, !0), a(r), h) try { return e(t, n, r) } catch (t) { } if ("get" in r || "set" in r) throw TypeError("Accessors not supported!"); return "value" in r && (t[n] = r.value), t } })), v = t((function (t) { t.exports = function (t, n) { return { enumerable: !(1 & t), configurable: !(2 & t), writable: !(4 & t), value: n } } })), m = t((function (t) { t.exports = l ? function (t, n, e) { return y.f(t, n, v(1, e)) } : function (t, n, e) { return t[n] = e, t } })), b = t((function (t) { var n = {}.hasOwnProperty; t.exports = function (t, e) { return n.call(t, e) } })), _ = t((function (t) { var n = t.exports = { version: "2.5.1" }; "number" == typeof __e && (__e = n) })), w = t((function (t) { var n = i("src"), e = "toString", o = Function[e], u = ("" + o).split(e); _.inspectSource = function (t) { return o.call(t) }, (t.exports = function (t, e, o, i) { var c = "function" == typeof o; c && (b(o, "name") || m(o, "name", e)), t[e] !== o && (c && (b(o, n) || m(o, n, t[e] ? "" + t[e] : u.join(String(e)))), t === r ? t[e] = o : i ? t[e] ? t[e] = o : m(t, e, o) : (delete t[e], m(t, e, o))) })(Function.prototype, e, (function () { return "function" == typeof this && this[n] || o.call(this) })) })), x = (t((function () { "use strict"; var t = {}; t[u("toStringTag")] = "z", t + "" != "[object z]" && w(Object.prototype, "toString", (function () { return "[object " + c(this) + "]" }), !0) })), t((function (t) { var n = Math.ceil, e = Math.floor; t.exports = function (t) { return isNaN(t = +t) ? 0 : (t > 0 ? e : n)(t) } }))), g = t((function (t) { t.exports = function (t) { if (null == t) throw TypeError("Can't call method on  " + t); return t } })), A = t((function (t) { t.exports = function (t) { return function (n, e) { var r, o, i = String(g(n)), u = x(e), c = i.length; return u < 0 || u >= c ? t ? "" : void 0 : (r = i.charCodeAt(u)) < 55296 || r > 56319 || u + 1 === c || (o = i.charCodeAt(u + 1)) < 56320 || o > 57343 ? t ? i.charAt(u) : r : t ? i.slice(u, u + 2) : o - 56320 + (r - 55296 << 10) + 65536 } } })), S = t((function (t) { t.exports = !1 })), P = t((function (t) { t.exports = function (t) { if ("function" != typeof t) throw TypeError(t + " is not a function!"); return t } })), E = t((function (t) { t.exports = function (t, n, e) { if (P(t), void 0 === n) return t; switch (e) { case 1: return function (e) { return t.call(n, e) }; case 2: return function (e, r) { return t.call(n, e, r) }; case 3: return function (e, r, o) { return t.call(n, e, r, o) } }return function () { return t.apply(n, arguments) } } })), O = t((function (t) { var n = "prototype", e = function (t, o, i) { var u, c, s, a, f = t & e.F, l = t & e.G, p = t & e.S, h = t & e.P, d = t & e.B, y = l ? r : p ? r[o] || (r[o] = {}) : (r[o] || {})[n], v = l ? _ : _[o] || (_[o] = {}), b = v[n] || (v[n] = {}); for (u in l && (i = o), i) s = ((c = !f && y && void 0 !== y[u]) ? y : i)[u], a = d && c ? E(s, r) : h && "function" == typeof s ? E(Function.call, s) : s, y && w(y, u, s, t & e.U), v[u] != s && m(v, u, a), h && b[u] != s && (b[u] = s) }; r.core = _, e.F = 1, e.G = 2, e.S = 4, e.P = 8, e.B = 16, e.W = 32, e.U = 64, e.R = 128, t.exports = e })), T = t((function (t) { t.exports = {} })), j = t((function (t) { t.exports = Object("z").propertyIsEnumerable(0) ? Object : function (t) { return "String" == e(t) ? t.split("") : Object(t) } })), F = t((function (t) { t.exports = function (t) { return j(g(t)) } })), k = t((function (t) { var n = Math.min; t.exports = function (t) { return t > 0 ? n(x(t), 9007199254740991) : 0 } })), B = t((function (t) { var n = Math.max, e = Math.min; t.exports = function (t, r) { return (t = x(t)) < 0 ? n(t + r, 0) : e(t, r) } })), L = t((function (t) { t.exports = function (t) { return function (n, e, r) { var o, i = F(n), u = k(i.length), c = B(r, u); if (t && e != e) { for (; u > c;)if ((o = i[c++]) != o) return !0 } else for (; u > c; c++)if ((t || c in i) && i[c] === e) return t || c || 0; return !t && -1 } } })), M = t((function (t) { var n = o("keys"); t.exports = function (t) { return n[t] || (n[t] = i(t)) } })), C = t((function (t) { var n = L(!1), e = M("IE_PROTO"); t.exports = function (t, r) { var o, i = F(t), u = 0, c = []; for (o in i) o != e && b(i, o) && c.push(o); for (; r.length > u;)b(i, o = r[u++]) && (~n(c, o) || c.push(o)); return c } })), I = t((function (t) { t.exports = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",") })), R = t((function (t) { t.exports = Object.keys || function (t) { return C(t, I) } })), D = t((function (t) { t.exports = l ? Object.defineProperties : function (t, n) { a(t); for (var e, r = R(n), o = r.length, i = 0; o > i;)y.f(t, e = r[i++], n[e]); return t } })), U = t((function (t) { var n = r.document; t.exports = n && n.documentElement })), N = t((function (t) { var n = M("IE_PROTO"), e = function () { }, r = "prototype", o = function () { var t, n = p("iframe"), e = I.length, i = "<", u = ">"; for (n.style.display = "none", U.appendChild(n), n.src = "javascript:", (t = n.contentWindow.document).open(), t.write(i + "script" + u + "document.F=Object" + i + "/script" + u), t.close(), o = t.F; e--;)delete o[r][I[e]]; return o() }; t.exports = Object.create || function (t, i) { var u; return null !== t ? (e[r] = a(t), u = new e, e[r] = null, u[n] = t) : u = o(), void 0 === i ? u : D(u, i) } })), G = t((function (t) { var n = y.f, e = u("toStringTag"); t.exports = function (t, r, o) { t && !b(t = o ? t : t.prototype, e) && n(t, e, { configurable: !0, value: r }) } })), H = t((function (t) { "use strict"; var n = {}; m(n, u("iterator"), (function () { return this })), t.exports = function (t, e, r) { t.prototype = N(n, { next: v(1, r) }), G(t, e + " Iterator") } })), q = t((function (t) { t.exports = function (t) { return Object(g(t)) } })), z = t((function (t) { var n = M("IE_PROTO"), e = Object.prototype; t.exports = Object.getPrototypeOf || function (t) { return t = q(t), b(t, n) ? t[n] : "function" == typeof t.constructor && t instanceof t.constructor ? t.constructor.prototype : t instanceof Object ? e : null } })), V = t((function (t) { "use strict"; var n = u("iterator"), e = !([].keys && "next" in [].keys()), r = "@@iterator", o = "keys", i = "values", c = function () { return this }; t.exports = function (t, u, s, a, f, l, p) { H(s, u, a); var h, d, y, v = function (t) { if (!e && t in A) return A[t]; switch (t) { case o: case i: return function () { return new s(this, t) } }return function () { return new s(this, t) } }, _ = u + " Iterator", x = f == i, g = !1, A = t.prototype, P = A[n] || A[r] || f && A[f], E = P || v(f), j = f ? x ? v("entries") : E : void 0, F = "Array" == u && A.entries || P; if (F && (y = z(F.call(new t))) !== Object.prototype && y.next && (G(y, _, !0), S || b(y, n) || m(y, n, c)), x && P && P.name !== i && (g = !0, E = function () { return P.call(this) }), S && !p || !e && !g && A[n] || m(A, n, E), T[u] = E, T[_] = c, f) if (h = { values: x ? E : v(i), keys: l ? E : v(o), entries: j }, p) for (d in h) d in A || w(A, d, h[d]); else O(O.P + O.F * (e || g), u, h); return h } })), W = (t((function () { "use strict"; var t = A(!0); V(String, "String", (function (t) { this._t = String(t), this._i = 0 }), (function () { var n, e = this._t, r = this._i; return r >= e.length ? { value: void 0, done: !0 } : (n = t(e, r), this._i += n.length, { value: n, done: !1 }) })) })), t((function (t) { var n = u("unscopables"), e = Array.prototype; null == e[n] && m(e, n, {}), t.exports = function (t) { e[n][t] = !0 } }))), K = t((function (t) { t.exports = function (t, n) { return { value: n, done: !!t } } })), J = t((function (t) { "use strict"; t.exports = V(Array, "Array", (function (t, n) { this._t = F(t), this._i = 0, this._k = n }), (function () { var t = this._t, n = this._k, e = this._i++; return !t || e >= t.length ? (this._t = void 0, K(1)) : K(0, "keys" == n ? e : "values" == n ? t[e] : [e, t[e]]) }), "values"), T.Arguments = T.Array, W("keys"), W("values"), W("entries") })), X = (t((function () { for (var t = u("iterator"), n = u("toStringTag"), e = T.Array, o = { CSSRuleList: !0, CSSStyleDeclaration: !1, CSSValueList: !1, ClientRectList: !1, DOMRectList: !1, DOMStringList: !1, DOMTokenList: !0, DataTransferItemList: !1, FileList: !1, HTMLAllCollection: !1, HTMLCollection: !1, HTMLFormElement: !1, HTMLSelectElement: !1, MediaList: !0, MimeTypeArray: !1, NamedNodeMap: !1, NodeList: !0, PaintRequestList: !1, Plugin: !1, PluginArray: !1, SVGLengthList: !1, SVGNumberList: !1, SVGPathSegList: !1, SVGPointList: !1, SVGStringList: !1, SVGTransformList: !1, SourceBufferList: !1, StyleSheetList: !0, TextTrackCueList: !1, TextTrackList: !1, TouchList: !1 }, i = R(o), c = 0; c < i.length; c++) { var s, a = i[c], f = o[a], l = r[a], p = l && l.prototype; if (p && (p[t] || m(p, t, e), p[n] || m(p, n, a), T[a] = e, f)) for (s in J) p[s] || w(p, s, J[s], !0) } })), t((function (t) { t.exports = function (t, n, e, r) { if (!(t instanceof n) || void 0 !== r && r in t) throw TypeError(e + ": incorrect invocation!"); return t } }))), Y = t((function (t) { t.exports = function (t, n, e, r) { try { return r ? n(a(e)[0], e[1]) : n(e) } catch (n) { var o = t.return; throw void 0 !== o && a(o.call(t)), n } } })), $ = t((function (t) { var n = u("iterator"), e = Array.prototype; t.exports = function (t) { return void 0 !== t && (T.Array === t || e[n] === t) } })), Q = t((function (t) { var n = u("iterator"); t.exports = _.getIteratorMethod = function (t) { if (null != t) return t[n] || t["@@iterator"] || T[c(t)] } })), Z = t((function (t, n) { var e = {}, r = {}; (n = t.exports = function (t, n, o, i, u) { var c, s, f, l, p = u ? function () { return t } : Q(t), h = E(o, i, n ? 2 : 1), d = 0; if ("function" != typeof p) throw TypeError(t + " is not iterable!"); if ($(p)) { for (c = k(t.length); c > d; d++)if ((l = n ? h(a(s = t[d])[0], s[1]) : h(t[d])) === e || l === r) return l } else for (f = p.call(t); !(s = f.next()).done;)if ((l = Y(f, h, s.value, n)) === e || l === r) return l }).BREAK = e, n.RETURN = r })), tt = t((function (t) { var n = u("species"); t.exports = function (t, e) { var r, o = a(t).constructor; return void 0 === o || null == (r = a(o)[n]) ? e : P(r) } })), nt = t((function (t) { t.exports = function (t, n, e) { var r = void 0 === e; switch (n.length) { case 0: return r ? t() : t.call(e); case 1: return r ? t(n[0]) : t.call(e, n[0]); case 2: return r ? t(n[0], n[1]) : t.call(e, n[0], n[1]); case 3: return r ? t(n[0], n[1], n[2]) : t.call(e, n[0], n[1], n[2]); case 4: return r ? t(n[0], n[1], n[2], n[3]) : t.call(e, n[0], n[1], n[2], n[3]) }return t.apply(e, n) } })), et = t((function (t) { var n, o, i, u = r.process, c = r.setImmediate, s = r.clearImmediate, a = r.MessageChannel, f = r.Dispatch, l = 0, h = {}, d = "onreadystatechange", y = function () { var t = +this; if (h.hasOwnProperty(t)) { var n = h[t]; delete h[t], n() } }, v = function (t) { y.call(t.data) }; c && s || (c = function (t) { for (var e = [], r = 1; arguments.length > r;)e.push(arguments[r++]); return h[++l] = function () { nt("function" == typeof t ? t : Function(t), e) }, n(l), l }, s = function (t) { delete h[t] }, "process" == e(u) ? n = function (t) { u.nextTick(E(y, t, 1)) } : f && f.now ? n = function (t) { f.now(E(y, t, 1)) } : a ? (i = (o = new a).port2, o.port1.onmessage = v, n = E(i.postMessage, i, 1)) : r.addEventListener && "function" == typeof postMessage && !r.importScripts ? (n = function (t) { r.postMessage(t + "", "*") }, r.addEventListener("message", v, !1)) : n = d in p("script") ? function (t) { U.appendChild(p("script"))[d] = function () { U.removeChild(this), y.call(t) } } : function (t) { setTimeout(E(y, t, 1), 0) }), t.exports = { set: c, clear: s } })), rt = t((function (t) { var n = et.set, o = r.MutationObserver || r.WebKitMutationObserver, i = r.process, u = r.Promise, c = "process" == e(i); t.exports = function () { var t, e, s, a = function () { var n, r; for (c && (n = i.domain) && n.exit(); t;) { r = t.fn, t = t.next; try { r() } catch (n) { throw t ? s() : e = void 0, n } } e = void 0, n && n.enter() }; if (c) s = function () { i.nextTick(a) }; else if (o) { var f = !0, l = document.createTextNode(""); new o(a).observe(l, { characterData: !0 }), s = function () { l.data = f = !f } } else if (u && u.resolve) { var p = u.resolve(); s = function () { p.then(a) } } else s = function () { n.call(r, a) }; return function (n) { var r = { fn: n, next: void 0 }; e && (e.next = r), t || (t = r, s()), e = r } } })), ot = t((function (t) { "use strict"; function n(t) { var n, e; this.promise = new t((function (t, r) { if (void 0 !== n || void 0 !== e) throw TypeError("Bad Promise constructor"); n = t, e = r })), this.resolve = P(n), this.reject = P(e) } t.exports.f = function (t) { return new n(t) } })), it = t((function (t) { t.exports = function (t) { try { return { e: !1, v: t() } } catch (t) { return { e: !0, v: t } } } })), ut = t((function (t) { t.exports = function (t, n) { if (a(t), s(n) && n.constructor === t) return n; var e = ot.f(t); return (0, e.resolve)(n), e.promise } })), ct = t((function (t) { t.exports = function (t, n, e) { for (var r in n) w(t, r, n[r], e); return t } })), st = t((function (t) { "use strict"; var n = u("species"); t.exports = function (t) { var e = r[t]; l && e && !e[n] && y.f(e, n, { configurable: !0, get: function () { return this } }) } })), at = t((function (t) { var n = u("iterator"), e = !1; try { var r = [7][n](); r.return = function () { e = !0 }, Array.from(r, (function () { throw 2 })) } catch (t) { } t.exports = function (t, r) { if (!r && !e) return !1; var o = !1; try { var i = [7], u = i[n](); u.next = function () { return { done: o = !0 } }, i[n] = function () { return u }, t(i) } catch (t) { } return o } })), ft = (t((function () { "use strict"; var t, n, e, o, i = et.set, a = rt(), f = "Promise", l = r.TypeError, p = r.process, h = r[f], d = "process" == c(p), y = function () { }, v = n = ot.f, m = !!function () { try { var t = h.resolve(1), n = (t.constructor = {})[u("species")] = function (t) { t(y, y) }; return (d || "function" == typeof PromiseRejectionEvent) && t.then(y) instanceof n } catch (t) { } }(), b = function (t) { var n; return !(!s(t) || "function" != typeof (n = t.then)) && n }, w = function (t, n) { if (!t._n) { t._n = !0; var e = t._c; a((function () { for (var r = t._v, o = 1 == t._s, i = 0, u = function (n) { var e, i, u = o ? n.ok : n.fail, c = n.resolve, s = n.reject, a = n.domain; try { u ? (o || (2 == t._h && A(t), t._h = 1), !0 === u ? e = r : (a && a.enter(), e = u(r), a && a.exit()), e === n.promise ? s(l("Promise-chain cycle")) : (i = b(e)) ? i.call(e, c, s) : c(e)) : s(r) } catch (t) { s(t) } }; e.length > i;)u(e[i++]); t._c = [], t._n = !1, n && !t._h && x(t) })) } }, x = function (t) { i.call(r, (function () { var n, e, o, i = t._v, u = g(t); if (u && (n = it((function () { d ? p.emit("unhandledRejection", i, t) : (e = r.onunhandledrejection) ? e({ promise: t, reason: i }) : (o = r.console) && o.error && o.error("Unhandled promise rejection", i) })), t._h = d || g(t) ? 2 : 1), t._a = void 0, u && n.e) throw n.v })) }, g = function (t) { if (1 == t._h) return !1; for (var n, e = t._a || t._c, r = 0; e.length > r;)if ((n = e[r++]).fail || !g(n.promise)) return !1; return !0 }, A = function (t) { i.call(r, (function () { var n; d ? p.emit("rejectionHandled", t) : (n = r.onrejectionhandled) && n({ promise: t, reason: t._v }) })) }, T = function (t) { var n = this; n._d || (n._d = !0, (n = n._w || n)._v = t, n._s = 2, n._a || (n._a = n._c.slice()), w(n, !0)) }, j = function (t) { var n, e = this; if (!e._d) { e._d = !0, e = e._w || e; try { if (e === t) throw l("Promise can't be resolved itself"); (n = b(t)) ? a((function () { var r = { _w: e, _d: !1 }; try { n.call(t, E(j, r, 1), E(T, r, 1)) } catch (t) { T.call(r, t) } })) : (e._v = t, e._s = 1, w(e, !1)) } catch (t) { T.call({ _w: e, _d: !1 }, t) } } }; m || (h = function (n) { X(this, h, f, "_h"), P(n), t.call(this); try { n(E(j, this, 1), E(T, this, 1)) } catch (t) { T.call(this, t) } }, (t = function () { this._c = [], this._a = void 0, this._s = 0, this._d = !1, this._v = void 0, this._h = 0, this._n = !1 }).prototype = ct(h.prototype, { then: function (t, n) { var e = v(tt(this, h)); return e.ok = "function" != typeof t || t, e.fail = "function" == typeof n && n, e.domain = d ? p.domain : void 0, this._c.push(e), this._a && this._a.push(e), this._s && w(this, !1), e.promise }, catch: function (t) { return this.then(void 0, t) } }), e = function () { var n = new t; this.promise = n, this.resolve = E(j, n, 1), this.reject = E(T, n, 1) }, ot.f = v = function (t) { return t === h || t === o ? new e(t) : n(t) }), O(O.G + O.W + O.F * !m, { Promise: h }), G(h, f), st(f), o = _[f], O(O.S + O.F * !m, f, { reject: function (t) { var n = v(this); return (0, n.reject)(t), n.promise } }), O(O.S + O.F * (S || !m), f, { resolve: function (t) { return ut(S && this === o ? h : this, t) } }), O(O.S + O.F * !(m && at((function (t) { h.all(t).catch(y) }))), f, { all: function (t) { var n = this, e = v(n), r = e.resolve, o = e.reject, i = it((function () { var e = [], i = 0, u = 1; Z(t, !1, (function (t) { var c = i++, s = !1; e.push(void 0), u++, n.resolve(t).then((function (t) { s || (s = !0, e[c] = t, --u || r(e)) }), o) })), --u || r(e) })); return i.e && o(i.v), e.promise }, race: function (t) { var n = this, e = v(n), r = e.reject, o = it((function () { Z(t, !1, (function (t) { n.resolve(t).then(e.resolve, r) })) })); return o.e && r(o.v), e.promise } }) })), t((function (t) { t.exports = _.Promise })), t((function (t) { t.exports = Array.isArray || function (t) { return "Array" == e(t) } }))), lt = (t((function () { O(O.S, "Array", { isArray: ft }) })), t((function (t) { "use strict"; t.exports = function (t, n, e) { n in t ? y.f(t, n, v(0, e)) : t[n] = e } }))), pt = (t((function () { "use strict"; O(O.S + O.F * !at((function (t) { Array.from(t) })), "Array", { from: function (t) { var n, e, r, o, i = q(t), u = "function" == typeof this ? this : Array, c = arguments.length, s = c > 1 ? arguments[1] : void 0, a = void 0 !== s, f = 0, l = Q(i); if (a && (s = E(s, c > 2 ? arguments[2] : void 0, 2)), null == l || u == Array && $(l)) for (e = new u(n = k(i.length)); n > f; f++)lt(e, f, a ? s(i[f], f) : i[f]); else for (o = l.call(i), e = new u; !(r = o.next()).done; f++)lt(e, f, a ? Y(o, s, [r.value, f], !0) : r.value); return e.length = f, e } }) })), t((function () { "use strict"; O(O.S + O.F * f((function () { function t() { } return !(Array.of.call(t) instanceof t) })), "Array", { of: function () { for (var t = 0, n = arguments.length, e = new ("function" == typeof this ? this : Array)(n); n > t;)lt(e, t, arguments[t++]); return e.length = n, e } }) })), t((function (t) { "use strict"; t.exports = function (t, n) { return !!t && f((function () { n ? t.call(null, (function () { }), 1) : t.call(null) })) } }))), ht = (t((function () { "use strict"; var t = [].join; O(O.P + O.F * (j != Object || !pt(t)), "Array", { join: function (n) { return t.call(F(this), void 0 === n ? "," : n) } }) })), t((function () { "use strict"; var t = [].slice; O(O.P + O.F * f((function () { U && t.call(U) })), "Array", { slice: function (n, r) { var o = k(this.length), i = e(this); if (r = void 0 === r ? o : r, "Array" == i) return t.call(this, n, r); for (var u = B(n, o), c = B(r, o), s = k(c - u), a = Array(s), f = 0; f < s; f++)a[f] = "String" == i ? this.charAt(u + f) : this[u + f]; return a } }) })), t((function () { "use strict"; var t = [].sort, n = [1, 2, 3]; O(O.P + O.F * (f((function () { n.sort(void 0) })) || !f((function () { n.sort(null) })) || !pt(t)), "Array", { sort: function (n) { return void 0 === n ? t.call(q(this)) : t.call(q(this), P(n)) } }) })), t((function (t) { var n = u("species"); t.exports = function (t) { var e; return ft(t) && ("function" != typeof (e = t.constructor) || e !== Array && !ft(e.prototype) || (e = void 0), s(e) && null === (e = e[n]) && (e = void 0)), void 0 === e ? Array : e } }))), dt = t((function (t) { t.exports = function (t, n) { return new (ht(t))(n) } })), yt = t((function (t) { t.exports = function (t, n) { var e = 1 == t, r = 2 == t, o = 3 == t, i = 4 == t, u = 6 == t, c = 5 == t || u, s = n || dt; return function (n, a, f) { for (var l, p, h = q(n), d = j(h), y = E(a, f, 3), v = k(d.length), m = 0, b = e ? s(n, v) : r ? s(n, 0) : void 0; v > m; m++)if ((c || m in d) && (p = y(l = d[m], m, h), t)) if (e) b[m] = p; else if (p) switch (t) { case 3: return !0; case 5: return l; case 6: return m; case 2: b.push(l) } else if (i) return !1; return u ? -1 : o || i ? i : b } } })), vt = (t((function () { "use strict"; var t = yt(0), n = pt([].forEach, !0); O(O.P + O.F * !n, "Array", { forEach: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(1); O(O.P + O.F * !pt([].map, !0), "Array", { map: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(2); O(O.P + O.F * !pt([].filter, !0), "Array", { filter: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(3); O(O.P + O.F * !pt([].some, !0), "Array", { some: function (n) { return t(this, n, arguments[1]) } }) })), t((function () { "use strict"; var t = yt(4); O(O.P + O.F * !pt([].every, !0), "Array", { every: function (n) { return t(this, n, arguments[1]) } }) })), t((function (t) { t.exports = function (t, n, e, r, o) { P(n); var i = q(t), u = j(i), c = k(i.length), s = o ? c - 1 : 0, a = o ? -1 : 1; if (e < 2) for (; ;) { if (s in u) { r = u[s], s += a; break } if (s += a, o ? s < 0 : c <= s) throw TypeError("Reduce of empty array with no initial value") } for (; o ? s >= 0 : c > s; s += a)s in u && (r = n(r, u[s], s, i)); return r } }))), mt = (t((function () { "use strict"; O(O.P + O.F * !pt([].reduce, !0), "Array", { reduce: function (t) { return vt(this, t, arguments.length, arguments[1], !1) } }) })), t((function () { "use strict"; O(O.P + O.F * !pt([].reduceRight, !0), "Array", { reduceRight: function (t) { return vt(this, t, arguments.length, arguments[1], !0) } }) })), t((function () { "use strict"; var t = L(!1), n = [].indexOf, e = !!n && 1 / [1].indexOf(1, -0) < 0; O(O.P + O.F * (e || !pt(n)), "Array", { indexOf: function (r) { return e ? n.apply(this, arguments) || 0 : t(this, r, arguments[1]) } }) })), t((function () { "use strict"; var t = [].lastIndexOf, n = !!t && 1 / [1].lastIndexOf(1, -0) < 0; O(O.P + O.F * (n || !pt(t)), "Array", { lastIndexOf: function (e) { if (n) return t.apply(this, arguments) || 0; var r = F(this), o = k(r.length), i = o - 1; for (arguments.length > 1 && (i = Math.min(i, x(arguments[1]))), i < 0 && (i = o + i); i >= 0; i--)if (i in r && r[i] === e) return i || 0; return -1 } }) })), t((function (t) { "use strict"; t.exports = [].copyWithin || function (t, n) { var e = q(this), r = k(e.length), o = B(t, r), i = B(n, r), u = arguments.length > 2 ? arguments[2] : void 0, c = Math.min((void 0 === u ? r : B(u, r)) - i, r - o), s = 1; for (i < o && o < i + c && (s = -1, i += c - 1, o += c - 1); c-- > 0;)i in e ? e[o] = e[i] : delete e[o], o += s, i += s; return e } }))), bt = (t((function () { O(O.P, "Array", { copyWithin: mt }), W("copyWithin") })), t((function (t) { "use strict"; t.exports = function (t) { for (var n = q(this), e = k(n.length), r = arguments.length, o = B(r > 1 ? arguments[1] : void 0, e), i = r > 2 ? arguments[2] : void 0, u = void 0 === i ? e : B(i, e); u > o;)n[o++] = t; return n } }))), _t = (t((function () { O(O.P, "Array", { fill: bt }), W("fill") })), t((function () { "use strict"; var t = yt(5), n = "find", e = !0; n in [] && Array(1)[n]((function () { e = !1 })), O(O.P + O.F * e, "Array", { find: function (n) { return t(this, n, arguments.length > 1 ? arguments[1] : void 0) } }), W(n) })), t((function () { "use strict"; var t = yt(6), n = "findIndex", e = !0; n in [] && Array(1)[n]((function () { e = !1 })), O(O.P + O.F * e, "Array", { findIndex: function (n) { return t(this, n, arguments.length > 1 ? arguments[1] : void 0) } }), W(n) })), t((function () { st("Array") })), t((function (t) { t.exports = _.Array })), t((function (t) { var n = i("meta"), e = y.f, r = 0, o = Object.isExtensible || function () { return !0 }, u = !f((function () { return o(Object.preventExtensions({})) })), c = function (t) { e(t, n, { value: { i: "O" + ++r, w: {} } }) }, a = function (t, e) { if (!s(t)) return "symbol" == typeof t ? t : ("string" == typeof t ? "S" : "P") + t; if (!b(t, n)) { if (!o(t)) return "F"; if (!e) return "E"; c(t) } return t[n].i }, l = function (t, e) { if (!b(t, n)) { if (!o(t)) return !0; if (!e) return !1; c(t) } return t[n].w }, p = function (t) { return u && h.NEED && o(t) && !b(t, n) && c(t), t }, h = t.exports = { KEY: n, NEED: !1, fastKey: a, getWeak: l, onFreeze: p } }))), wt = t((function (t) { t.exports = function (t, n) { if (!s(t) || t._t !== n) throw TypeError("Incompatible receiver, " + n + " required!"); return t } })), xt = t((function (t) { "use strict"; var n = y.f, e = _t.fastKey, r = l ? "_s" : "size", o = function (t, n) { var r, o = e(n); if ("F" !== o) return t._i[o]; for (r = t._f; r; r = r.n)if (r.k == n) return r }; t.exports = { getConstructor: function (t, e, i, u) { var c = t((function (t, n) { X(t, c, e, "_i"), t._t = e, t._i = N(null), t._f = void 0, t._l = void 0, t[r] = 0, null != n && Z(n, i, t[u], t) })); return ct(c.prototype, { clear: function () { for (var t = wt(this, e), n = t._i, o = t._f; o; o = o.n)o.r = !0, o.p && (o.p = o.p.n = void 0), delete n[o.i]; t._f = t._l = void 0, t[r] = 0 }, delete: function (t) { var n = wt(this, e), i = o(n, t); if (i) { var u = i.n, c = i.p; delete n._i[i.i], i.r = !0, c && (c.n = u), u && (u.p = c), n._f == i && (n._f = u), n._l == i && (n._l = c), n[r]-- } return !!i }, forEach: function (t) { wt(this, e); for (var n, r = E(t, arguments.length > 1 ? arguments[1] : void 0, 3); n = n ? n.n : this._f;)for (r(n.v, n.k, this); n && n.r;)n = n.p }, has: function (t) { return !!o(wt(this, e), t) } }), l && n(c.prototype, "size", { get: function () { return wt(this, e)[r] } }), c }, def: function (t, n, i) { var u, c, s = o(t, n); return s ? s.v = i : (t._l = s = { i: c = e(n, !0), k: n, v: i, p: u = t._l, n: void 0, r: !1 }, t._f || (t._f = s), u && (u.n = s), t[r]++, "F" !== c && (t._i[c] = s)), t }, getEntry: o, setStrong: function (t, n, e) { V(t, n, (function (t, e) { this._t = wt(t, n), this._k = e, this._l = void 0 }), (function () { for (var t = this, n = t._k, e = t._l; e && e.r;)e = e.p; return t._t && (t._l = e = e ? e.n : t._t._f) ? K(0, "keys" == n ? e.k : "values" == n ? e.v : [e.k, e.v]) : (t._t = void 0, K(1)) }), e ? "entries" : "values", !e, !0), st(n) } } })), gt = t((function (t, n) { n.f = {}.propertyIsEnumerable })), At = t((function (t, n) { var e = Object.getOwnPropertyDescriptor; n.f = l ? e : function (t, n) { if (t = F(t), n = d(n, !0), h) try { return e(t, n) } catch (t) { } if (b(t, n)) return v(!gt.f.call(t, n), t[n]) } })), St = t((function (t) { var n = function (t, n) { if (a(t), !s(n) && null !== n) throw TypeError(n + ": can't set as prototype!") }; t.exports = { set: Object.setPrototypeOf || ("__proto__" in {} ? function (t, e, r) { try { (r = E(Function.call, At.f(Object.prototype, "__proto__").set, 2))(t, []), e = !(t instanceof Array) } catch (t) { e = !0 } return function (t, o) { return n(t, o), e ? t.__proto__ = o : r(t, o), t } }({}, !1) : void 0), check: n } })), Pt = t((function (t) { var n = St.set; t.exports = function (t, e, r) { var o, i = e.constructor; return i !== r && "function" == typeof i && (o = i.prototype) !== r.prototype && s(o) && n && n(t, o), t } })), Et = t((function (t) { "use strict"; t.exports = function (t, n, e, o, i, u) { var c = r[t], a = c, l = i ? "set" : "add", p = a && a.prototype, h = {}, d = function (t) { var n = p[t]; w(p, t, "delete" == t || "has" == t ? function (t) { return !(u && !s(t)) && n.call(this, 0 === t ? 0 : t) } : "get" == t ? function (t) { return u && !s(t) ? void 0 : n.call(this, 0 === t ? 0 : t) } : "add" == t ? function (t) { return n.call(this, 0 === t ? 0 : t), this } : function (t, e) { return n.call(this, 0 === t ? 0 : t, e), this }) }; if ("function" == typeof a && (u || p.forEach && !f((function () { (new a).entries().next() })))) { var y = new a, v = y[l](u ? {} : -0, 1) != y, m = f((function () { y.has(1) })), b = at((function (t) { new a(t) })), _ = !u && f((function () { for (var t = new a, n = 5; n--;)t[l](n, n); return !t.has(-0) })); b || ((a = n((function (n, e) { X(n, a, t); var r = Pt(new c, n, a); return null != e && Z(e, i, r[l], r), r }))).prototype = p, p.constructor = a), (m || _) && (d("delete"), d("has"), i && d("get")), (_ || v) && d(l), u && p.clear && delete p.clear } else a = o.getConstructor(n, t, i, l), ct(a.prototype, e), _t.NEED = !0; return G(a, t), h[t] = a, O(O.G + O.W + O.F * (a != c), h), u || o.setStrong(a, t, i), a } })); t((function (t) { "use strict"; var n = "Set"; t.exports = Et(n, (function (t) { return function () { return t(this, arguments.length > 0 ? arguments[0] : void 0) } }), { add: function (t) { return xt.def(wt(this, n), t = 0 === t ? 0 : t, t) } }, xt) })), t((function (t) { t.exports = _.Set })); !function (t) {
  1631.                "use strict"; function n(t) { if ("string" != typeof t && (t = String(t)), /[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(t)) throw new TypeError("Invalid character in header field name"); return t.toLowerCase() } function e(t) { return "string" != typeof t && (t = String(t)), t } function r(t) { var n = { next: function () { var n = t.shift(); return { done: void 0 === n, value: n } } }; return m.iterable && (n[Symbol.iterator] = function () { return n }), n } function o(t) { this.map = {}, t instanceof o ? t.forEach((function (t, n) { this.append(n, t) }), this) : Array.isArray(t) ? t.forEach((function (t) { this.append(t[0], t[1]) }), this) : t && Object.getOwnPropertyNames(t).forEach((function (n) { this.append(n, t[n]) }), this) } function i(t) { if (t.bodyUsed) return Promise.reject(new TypeError("Already read")); t.bodyUsed = !0 } function u(t) { return new Promise((function (n, e) { t.onload = function () { n(t.result) }, t.onerror = function () { e(t.error) } })) } function c(t) { var n = new FileReader, e = u(n); return n.readAsArrayBuffer(t), e } function s(t) { var n = new FileReader, e = u(n); return n.readAsText(t), e } function a(t) { for (var n = new Uint8Array(t), e = new Array(n.length), r = 0; r < n.length; r++)e[r] = String.fromCharCode(n[r]); return e.join("") } function f(t) { if (t.slice) return t.slice(0); var n = new Uint8Array(t.byteLength); return n.set(new Uint8Array(t)), n.buffer } function l() { return this.bodyUsed = !1, this._initBody = function (t) { if (this._bodyInit = t, t) if ("string" == typeof t) this._bodyText = t; else if (m.blob && Blob.prototype.isPrototypeOf(t)) this._bodyBlob = t; else if (m.formData && FormData.prototype.isPrototypeOf(t)) this._bodyFormData = t; else if (m.searchParams && URLSearchParams.prototype.isPrototypeOf(t)) this._bodyText = t.toString(); else if (m.arrayBuffer && m.blob && _(t)) this._bodyArrayBuffer = f(t.buffer), this._bodyInit = new Blob([this._bodyArrayBuffer]); else { if (!m.arrayBuffer || !ArrayBuffer.prototype.isPrototypeOf(t) && !w(t)) throw new Error("unsupported BodyInit type"); this._bodyArrayBuffer = f(t) } else this._bodyText = ""; this.headers.get("content-type") || ("string" == typeof t ? this.headers.set("content-type", "text/plain;charset=UTF-8") : this._bodyBlob && this._bodyBlob.type ? this.headers.set("content-type", this._bodyBlob.type) : m.searchParams && URLSearchParams.prototype.isPrototypeOf(t) && this.headers.set("content-type", "application/x-www-form-urlencoded;charset=UTF-8")) }, m.blob && (this.blob = function () { var t = i(this); if (t) return t; if (this._bodyBlob) return Promise.resolve(this._bodyBlob); if (this._bodyArrayBuffer) return Promise.resolve(new Blob([this._bodyArrayBuffer])); if (this._bodyFormData) throw new Error("could not read FormData body as blob"); return Promise.resolve(new Blob([this._bodyText])) }, this.arrayBuffer = function () { return this._bodyArrayBuffer ? i(this) || Promise.resolve(this._bodyArrayBuffer) : this.blob().then(c) }), this.text = function () { var t = i(this); if (t) return t; if (this._bodyBlob) return s(this._bodyBlob); if (this._bodyArrayBuffer) return Promise.resolve(a(this._bodyArrayBuffer)); if (this._bodyFormData) throw new Error("could not read FormData body as text"); return Promise.resolve(this._bodyText) }, m.formData && (this.formData = function () { return this.text().then(d) }), this.json = function () { return this.text().then(JSON.parse) }, this } function p(t) { var n = t.toUpperCase(); return x.indexOf(n) > -1 ? n : t } function h(t, n) { var e = (n = n || {}).body; if (t instanceof h) { if (t.bodyUsed) throw new TypeError("Already read"); this.url = t.url, this.credentials = t.credentials, n.headers || (this.headers = new o(t.headers)), this.method = t.method, this.mode = t.mode, e || null == t._bodyInit || (e = t._bodyInit, t.bodyUsed = !0) } else this.url = String(t); if (this.credentials = n.credentials || this.credentials || "omit", !n.headers && this.headers || (this.headers = new o(n.headers)), this.method = p(n.method || this.method || "GET"), this.mode = n.mode || this.mode || null, this.referrer = null, ("GET" === this.method || "HEAD" === this.method) && e) throw new TypeError("Body not allowed for GET or HEAD requests"); this._initBody(e) } function d(t) { var n = new FormData; return t.trim().split("&").forEach((function (t) { if (t) { var e = t.split("="), r = e.shift().replace(/\+/g, " "), o = e.join("=").replace(/\+/g, " "); n.append(decodeURIComponent(r), decodeURIComponent(o)) } })), n } function y(t) { var n = new o; return t.replace(/\r?\n[\t ]+/g, " ").split(/\r?\n/).forEach((function (t) { var e = t.split(":"), r = e.shift().trim(); if (r) { var o = e.join(":").trim(); n.append(r, o) } })), n } function v(t, n) { n || (n = {}), this.type = "default", this.status = void 0 === n.status ? 200 : n.status, this.ok = this.status >= 200 && this.status < 300, this.statusText = "statusText" in n ? n.statusText : "OK", this.headers = new o(n.headers), this.url = n.url || "", this._initBody(t) } if (!t.fetch) {
  1632.                    var m = { searchParams: "URLSearchParams" in t, iterable: "Symbol" in t && "iterator" in Symbol, blob: "FileReader" in t && "Blob" in t && function () { try { return new Blob, !0 } catch (t) { return !1 } }(), formData: "FormData" in t, arrayBuffer: "ArrayBuffer" in t }; if (m.arrayBuffer) var b = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"], _ = function (t) { return t && DataView.prototype.isPrototypeOf(t) }, w = ArrayBuffer.isView || function (t) { return t && b.indexOf(Object.prototype.toString.call(t)) > -1 }; o.prototype.append = function (t, r) { t = n(t), r = e(r); var o = this.map[t]; this.map[t] = o ? o + "," + r : r }, o.prototype.delete = function (t) { delete this.map[n(t)] }, o.prototype.get = function (t) { return t = n(t), this.has(t) ? this.map[t] : null }, o.prototype.has = function (t) { return this.map.hasOwnProperty(n(t)) }, o.prototype.set = function (t, r) { this.map[n(t)] = e(r) }, o.prototype.forEach = function (t, n) { for (var e in this.map) this.map.hasOwnProperty(e) && t.call(n, this.map[e], e, this) }, o.prototype.keys = function () { var t = []; return this.forEach((function (n, e) { t.push(e) })), r(t) }, o.prototype.values = function () { var t = []; return this.forEach((function (n) { t.push(n) })), r(t) }, o.prototype.entries = function () { var t = []; return this.forEach((function (n, e) { t.push([e, n]) })), r(t) }, m.iterable && (o.prototype[Symbol.iterator] = o.prototype.entries); var x = ["DELETE", "GET", "HEAD", "OPTIONS", "POST", "PUT"]; h.prototype.clone = function () { return new h(this, { body: this._bodyInit }) }, l.call(h.prototype), l.call(v.prototype), v.prototype.clone = function () { return new v(this._bodyInit, { status: this.status, statusText: this.statusText, headers: new o(this.headers), url: this.url }) }, v.error = function () { var t = new v(null, { status: 0, statusText: "" }); return t.type = "error", t }; var g = [301, 302, 303, 307, 308]; v.redirect = function (t, n) { if (-1 === g.indexOf(n)) throw new RangeError("Invalid status code"); return new v(null, { status: n, headers: { location: t } }) }, t.Headers = o, t.Request = h, t.Response = v, t.fetch = function (t, n) {
  1633.                        return new Promise((function (e, r) {
  1634.                            var o = new h(t, n), i = new XMLHttpRequest; i.onload = function () { var t = { status: i.status, statusText: i.statusText, headers: y(i.getAllResponseHeaders() || "") }; t.url = "responseURL" in i ? i.responseURL : t.headers.get("X-Request-URL"); var n = "response" in i ? i.response : i.responseText; e(new v(n, t)) }, i.onerror = function () { r(new TypeError("Network request failed")) }, i.ontimeout = function () { r(new TypeError("Network request failed")) }, i.open(o.method, o.url, !0),
  1635.                                "include" === o.credentials ? i.withCredentials = !0 : "omit" === o.credentials && (i.withCredentials = !1), "responseType" in i && m.blob && (i.responseType = "blob"), o.headers.forEach((function (t, n) { i.setRequestHeader(n, t) })), i.send(void 0 === o._bodyInit ? null : o._bodyInit)
  1636.                        }))
  1637.                    }, t.fetch.polyfill = !0
  1638.                }
  1639.            }("undefined" != typeof self ? self : this); var Ot = t((function (t, n) { "use strict"; Object.defineProperty(n, "__esModule", { value: !0 }); var e = { track: function () { var t; "undefined" != typeof ShopifyAnalytics && ShopifyAnalytics.lib && (t = ShopifyAnalytics.lib).track.apply(t, arguments) } }; n.default = e })), Tt = t((function (t, n) { "use strict"; function e(t) { o(), r(t, "smart-payment-buttons") } function r(t, n) { var e = "shopify-features__" + n, r = e + "--disabled", o = e + "--enabled", i = t.className.split(/\s+/); t.className = i.filter((function (t) { return Boolean(t) })).filter((function (t) { return t !== r })).filter((function (t) { return t !== o })).concat([o]).join(" ") } function o() { var t = "shopify-dynamic-checkout"; if (null === document.getElementById(t)) { var n = document.createElement("style"); n.id = t, n.innerHTML = i, document.head.appendChild(n) } } Object.defineProperty(n, "__esModule", { value: !0 }), n.default = e, n.toggleFeatureCssClasses = r, n.appendDynamicCheckoutProductCss = o; var i = "\n.shopify-payment-button__button--hidden {\n  visibility: hidden;\n}\n\n.shopify-payment-button__button {\n  border-radius: 4px;\n  border: none;\n  box-shadow: 0 0 0 0 transparent;\n  color: white;\n  cursor: pointer;\n  display: block;\n  font-size: 1em;\n  font-weight: 500;\n  line-height: 1;\n  text-align: center;\n  width: 100%;\n  transition: background 0.2s ease-in-out;\n}\n\n.shopify-payment-button__button[disabled] {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.shopify-payment-button__button--unbranded {\n  background-color: #1990c6;\n  padding: 1em 2em;\n}\n\n.shopify-payment-button__button--unbranded:hover:not([disabled]) {\n  background-color: #136f99;\n}\n\n.shopify-payment-button__more-options {\n  background: transparent;\n  border: 0 none;\n  cursor: pointer;\n  display: block;\n  font-size: 1em;\n  margin-top: 1em;\n  text-align: center;\n  width: 100%;\n}\n\n.shopify-payment-button__more-options:hover:not([disabled]) {\n  text-decoration: underline;\n}\n\n.shopify-payment-button__more-options[disabled] {\n  opacity: 0.6;\n  cursor: default;\n}\n\n.shopify-payment-button__button--branded {\n  display: flex;\n  flex-direction: column;\n  min-height: 44px;\n  position: relative;\n  z-index: 1;\n}\n\n.shopify-payment-button__button--branded .shopify-cleanslate {\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n" })), jt = t((function (t, e) { "use strict"; function r(t, n) { return o().then((function (e) { e ? i(t, n) : c(t, n) })) } function o() { function t() { return document.querySelector("[data-shopify=payment-button]") } return new Promise((function (n) { t() ? n(!0) : window.Shopify.designMode ? new MutationObserver((function (e, r) { t() && (n(!0), r.disconnect()) })).observe(document.body, { childList: !0, subtree: !0 }) : n(!1) })) } function i(t, n) { (0, l.default)(t); var e = u(t, n); return s("[SPB] Script appended"), e } function u(t, n) { var e = t.parentNode, r = e.createElement("script"); return r.src = n.smart_payment_buttons_url, r.dataset.sourceAttribute = "shopify.dynamic_checkout.product.init", e.head.appendChild(r), r } function c(t, n) { void 0 === window.Shopify.PaymentButton && (window.Shopify.PaymentButton = { init: function () { var e = i(t, n); e.onload = function () { a() }, e.onerror = function () { console.error("Error loading Dynamic Checkout bundle") }, window.Shopify.PaymentButton.init = function () { } } }) } function s(t) { p && performance.mark(t) } function a() { var t = "polyfilled_dynamic_checkout", n = window.Shopify && window.Shopify.theme && window.Shopify.theme.name, e = window.location.href; f.default.track(t, { theme: n, url: e }) } Object.defineProperty(e, "__esModule", { value: !0 }), e.default = r; var f = n(Ot), l = n(Tt), p = "undefined" != typeof performance && "function" == typeof performance.mark })), Ft = t((function (t, n) { "use strict"; function e(t, n) { return r().then((function () { o(t, n) })) } function r() { function t() { return document.getElementById("dynamic-checkout-cart") } return new Promise((function (n) { t() ? (window.Shopify.CartType = "cart_page", n()) : new MutationObserver((function (e, r) { t() && (window.Shopify.CartType = "cart_ajax", n(), r.disconnect()) })).observe(document.body, { childList: !0, subtree: !0 }) })) } function o(t, n) { var e = t.parentNode, r = e.createElement("script"); return r.src = n.dynamic_checkout_cart_url, r.dataset.sourceAttribute = "shopify.dynamic_checkout.cart.init", e.head.appendChild(r), r } Object.defineProperty(n, "__esModule", { value: !0 }), n.default = e })), kt = t((function (t, e) { "use strict"; function r(t) { var n = o(t); n && ((0, i.default)(t, n), (0, u.default)(t, n)) } function o(t) { try { return JSON.parse(t.querySelector(c).textContent) } catch (t) { return null } } Object.defineProperty(e, "__esModule", { value: !0 }), e.default = r; var i = n(jt), u = n(Ft), c = "#shopify-features" })); t((function () { "use strict"; (0, n(kt).default)(document.documentElement) }))
  1640.        }("undefined" != typeof global ? global : "undefined" != typeof window && window);
  1641.    </script>
  1642.    <style id="shopify-dynamic-checkout">
  1643.        .shopify-payment-button__button--hidden {
  1644.            visibility: hidden
  1645.        }
  1646.  
  1647.        .shopify-payment-button__button {
  1648.            border-radius: 4px;
  1649.            border: none;
  1650.            box-shadow: 0 0 0 0 transparent;
  1651.            color: #fff;
  1652.            cursor: pointer;
  1653.            display: block;
  1654.            font-size: 1em;
  1655.            font-weight: 500;
  1656.            line-height: 1;
  1657.            text-align: center;
  1658.            width: 100%;
  1659.            transition: background .2s ease-in-out
  1660.        }
  1661.  
  1662.        .shopify-payment-button__button[disabled] {
  1663.            opacity: .6;
  1664.            cursor: default
  1665.        }
  1666.  
  1667.        .shopify-payment-button__button--unbranded {
  1668.            background-color: #1990c6;
  1669.            padding: 1em 2em
  1670.        }
  1671.  
  1672.        .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  1673.            background-color: #136f99
  1674.        }
  1675.  
  1676.        .shopify-payment-button__more-options {
  1677.            background: 0 0;
  1678.            border: 0 none;
  1679.            cursor: pointer;
  1680.            display: block;
  1681.            font-size: 1em;
  1682.            margin-top: 1em;
  1683.            text-align: center;
  1684.            width: 100%
  1685.        }
  1686.  
  1687.        .shopify-payment-button__more-options:hover:not([disabled]) {
  1688.            text-decoration: underline
  1689.        }
  1690.  
  1691.        .shopify-payment-button__more-options[disabled] {
  1692.            opacity: .6;
  1693.            cursor: not-allowed
  1694.        }
  1695.  
  1696.        .shopify-payment-button__button--branded {
  1697.            display: flex;
  1698.            flex-direction: column;
  1699.            min-height: 44px;
  1700.            position: relative;
  1701.            z-index: 1
  1702.        }
  1703.  
  1704.        .shopify-payment-button__button--branded .shopify-cleanslate {
  1705.            flex: 1 !important;
  1706.            display: flex !important;
  1707.            flex-direction: column !important
  1708.        }
  1709.  
  1710.        .shopify-payment-button__button.button.loading {
  1711.            position: relative;
  1712.            color: transparent
  1713.        }
  1714.  
  1715.        .shopify-payment-button__button.button.loading>.loading-overlay__spinner {
  1716.            top: 50%;
  1717.            left: 50%;
  1718.            transform: translate(-50%, -50%);
  1719.            position: absolute;
  1720.            height: 100%;
  1721.            display: flex;
  1722.            align-items: center
  1723.        }
  1724.  
  1725.        .shopify-payment-button__button.button.loading>.loading-overlay__spinner .spinner {
  1726.            width: -moz-fit-content;
  1727.            width: fit-content
  1728.        }
  1729.  
  1730.        .button.loading>.loading-overlay__spinner .path {
  1731.            stroke: #fff
  1732.        }
  1733.  
  1734.        .shopify-payment-button__button .loading-overlay__spinner {
  1735.            width: 1.8rem;
  1736.            display: inline-block
  1737.        }
  1738.  
  1739.        .shopify-payment-button__button .spinner {
  1740.            animation: shopify-rotator 1.4s linear infinite
  1741.        }
  1742.  
  1743.        @keyframes shopify-rotator {
  1744.            0% {
  1745.                transform: rotate(0)
  1746.            }
  1747.  
  1748.            100% {
  1749.                transform: rotate(270deg)
  1750.            }
  1751.        }
  1752.  
  1753.        .shopify-payment-button__button .path {
  1754.            stroke-dasharray: 280;
  1755.            stroke-dashoffset: 0;
  1756.            transform-origin: center;
  1757.            stroke: #121212;
  1758.            animation: shopify-dash 1.4s ease-in-out infinite
  1759.        }
  1760.  
  1761.        @media screen and (forced-colors:active) {
  1762.            .shopify-payment-button__button .path {
  1763.                stroke: CanvasText
  1764.            }
  1765.        }
  1766.  
  1767.        @keyframes shopify-dash {
  1768.            0% {
  1769.                stroke-dashoffset: 280
  1770.            }
  1771.  
  1772.            50% {
  1773.                stroke-dashoffset: 75;
  1774.                transform: rotate(135deg)
  1775.            }
  1776.  
  1777.            100% {
  1778.                stroke-dashoffset: 280;
  1779.                transform: rotate(450deg)
  1780.            }
  1781.        }
  1782.    </style>
  1783.    <script>
  1784.        window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');
  1785.    </script>
  1786.    <style data-shopify>
  1787.        @font-face {
  1788.            font-family: Questrial;
  1789.            font-weight: 400;
  1790.            font-style: normal;
  1791.            font-display: swap;
  1792.            src: url(http://https://illuzia.net//cdn/fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=2ddb1e040059f191fdb3e184199ec4bc383d5aa55a6213bf798372c9da87d664) format("woff2"), url(http://https://illuzia.net//cdn/fonts/questrial/questrial_n4.5abce10d8846bb9326c9741eaffed9667c847692.woff?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=136e78abf621321b832ba0b2c80d5c764228ec9edb2550b890fb94f7dfbf4881) format("woff")
  1793.        }
  1794.  
  1795.        @font-face {
  1796.            font-family: Archivo;
  1797.            font-weight: 700;
  1798.            font-style: normal;
  1799.            font-display: swap;
  1800.            src: url(http://https://illuzia.net//cdn/fonts/archivo/archivo_n7.6f363ab30b12ea00d5e6243ed0e977a11393a3ad.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=6cc30ef697b84bb8f7f3bf9979eb1a3b3e1410751b95cc93dce027cd0262d372) format("woff2"), url(http://https://illuzia.net//cdn/fonts/archivo/archivo_n7.846b40a5735bbd149ad44b083a19c3e5d88d8fab.woff?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=d0abb13a26bf76d6aa3da07b374c9d85e0b976d6591761ed7c4cdc2cd429b450) format("woff")
  1801.        }
  1802.  
  1803.        .color-background-1,
  1804.        :root {
  1805.            --color-background: 245, 245, 245;
  1806.            --gradient-background: #ffffff;
  1807.            --color-foreground: 14, 27, 77;
  1808.            --color-background-contrast: 161, 166, 196;
  1809.            --color-shadow: 14, 27, 77;
  1810.            --color-button: 130, 0, 0;
  1811.            --color-button-text: 245, 245, 245;
  1812.            --color-secondary-button: 245, 245, 245;
  1813.            --color-secondary-button-text: 14, 27, 77;
  1814.            --color-link: 14, 27, 77;
  1815.            --color-badge-foreground: 14, 27, 77;
  1816.            --color-badge-background: 245, 245, 245;
  1817.            --color-badge-border: 14, 27, 77;
  1818.            --payment-terms-background-color: rgb(239 240 245)
  1819.        }
  1820.  
  1821.        .n-columns-2 {
  1822.            display: grid;
  1823.            grid-template-columns: repeat(2, 1fr);
  1824.            font-weight: 700
  1825.        }
  1826.  
  1827.        .n-columns-2 a {
  1828.            text-align: center;
  1829.            text-decoration: none;
  1830.        }
  1831.  
  1832.        .login,
  1833.        .register {
  1834.            color: #fff;
  1835.            padding: 13px 10px
  1836.        }
  1837.  
  1838.        .login,
  1839.        .login-button {
  1840.            border: 1px solid #d3d3d3;
  1841.            background: linear-gradient(to bottom, #bb0000 0, #6d0000 100%)
  1842.        }
  1843.  
  1844.        .register,
  1845.        .register-button {
  1846.            background: linear-gradient(to bottom, #bb0000 0, #6d0000 100%);
  1847.            border: 1px solid #d3d3d3
  1848.        }
  1849.  
  1850.        .color-background-2 {
  1851.            --color-background: 255, 255, 255;
  1852.            --gradient-background: #FFFFFF;
  1853.            --color-foreground: 14, 27, 77;
  1854.            --color-background-contrast: 191, 191, 191;
  1855.            --color-shadow: 14, 27, 77;
  1856.            --color-button: 14, 27, 77;
  1857.            --color-button-text: 255, 255, 255;
  1858.            --color-secondary-button: 255, 255, 255;
  1859.            --color-secondary-button-text: 14, 27, 77;
  1860.            --color-link: 14, 27, 77;
  1861.            --color-badge-foreground: 14, 27, 77;
  1862.            --color-badge-background: 255, 255, 255;
  1863.            --color-badge-border: 14, 27, 77;
  1864.            --payment-terms-background-color: rgb(255 255 255)
  1865.        }
  1866.  
  1867.        .color-inverse {
  1868.            --color-background: 130, 0, 0;
  1869.            --gradient-background: #520101;
  1870.            --color-foreground: 255, 255, 255;
  1871.            --color-background-contrast: 18, 35, 99;
  1872.            --color-shadow: 14, 27, 77;
  1873.            --color-button: 255, 255, 255;
  1874.            --color-button-text: 14, 27, 77;
  1875.            --color-secondary-button: 14, 27, 77;
  1876.            --color-secondary-button-text: 255, 255, 255;
  1877.            --color-link: 255, 255, 255;
  1878.            --color-badge-foreground: 255, 255, 255;
  1879.            --color-badge-background: 14, 27, 77;
  1880.            --color-badge-border: 255, 255, 255;
  1881.            --payment-terms-background-color: rgb(79, 0, 0)
  1882.        }
  1883.  
  1884.        .color-accent-1 {
  1885.            --color-background: 128, 0, 0;
  1886.            --gradient-background: #930000;
  1887.            --color-foreground: 255, 255, 255;
  1888.            --color-background-contrast: 27, 57, 136;
  1889.            --color-shadow: 14, 27, 77;
  1890.            --color-button: 255, 255, 255;
  1891.            --color-button-text: 128, 0, 0;
  1892.            --color-secondary-button: 128, 0, 0;
  1893.            --color-secondary-button-text: 255, 255, 255;
  1894.            --color-link: 255, 255, 255;
  1895.            --color-badge-foreground: 255, 255, 255;
  1896.            --color-badge-background: 130, 0, 0;
  1897.            --color-badge-border: 255, 255, 255;
  1898.            --payment-terms-background-color: rgb(0, 18, 65)
  1899.        }
  1900.  
  1901.        .color-accent-2 {
  1902.            --color-background: 227, 36, 2;
  1903.            --gradient-background: #E32402;
  1904.            --color-foreground: 255, 255, 255;
  1905.            --color-background-contrast: 101, 16, 1;
  1906.            --color-shadow: 14, 27, 77;
  1907.            --color-button: 255, 255, 255;
  1908.            --color-button-text: 227, 36, 2;
  1909.            --color-secondary-button: 227, 36, 2;
  1910.            --color-secondary-button-text: 255, 255, 255;
  1911.            --color-link: 255, 255, 255;
  1912.            --color-badge-foreground: 255, 255, 255;
  1913.            --color-badge-background: 227, 36, 2;
  1914.            --color-badge-border: 255, 255, 255;
  1915.            --payment-terms-background-color: rgb(227 36 2)
  1916.        }
  1917.  
  1918.        .color-accent-1,
  1919.        .color-accent-2,
  1920.        .color-background-1,
  1921.        .color-background-2,
  1922.        .color-inverse,
  1923.        body {
  1924.            color: rgba(var(--color-foreground), .75);
  1925.            background-color: rgb(var(--color-background))
  1926.        }
  1927.  
  1928.        :root {
  1929.            --font-body-family: Questrial, sans-serif;
  1930.            --font-body-style: normal;
  1931.            --font-body-weight: 400;
  1932.            --font-body-weight-bold: 700;
  1933.            --font-heading-family: Archivo, serif;
  1934.            --font-heading-style: normal;
  1935.            --font-heading-weight: 700;
  1936.            --font-body-scale: 1.05;
  1937.            --font-heading-scale: 1.0476190476190477;
  1938.            --media-padding: px;
  1939.            --media-border-opacity: 0.1;
  1940.            --media-border-width: 0px;
  1941.            --media-radius: 20px;
  1942.            --media-shadow-opacity: 0.0;
  1943.            --media-shadow-horizontal-offset: 0px;
  1944.            --media-shadow-vertical-offset: 4px;
  1945.            --media-shadow-blur-radius: 5px;
  1946.            --media-shadow-visible: 0;
  1947.            --page-width: 120rem;
  1948.            --page-width-margin: 0rem;
  1949.            --product-card-image-padding: 1.6rem;
  1950.            --product-card-corner-radius: 1.8rem;
  1951.            --product-card-text-alignment: left;
  1952.            --product-card-border-width: 0.1rem;
  1953.            --product-card-border-opacity: 1.0;
  1954.            --product-card-shadow-opacity: 0.0;
  1955.            --product-card-shadow-visible: 0;
  1956.            --product-card-shadow-horizontal-offset: 0.0rem;
  1957.            --product-card-shadow-vertical-offset: 0.4rem;
  1958.            --product-card-shadow-blur-radius: 0.5rem;
  1959.            --collection-card-image-padding: 1.6rem;
  1960.            --collection-card-corner-radius: 1.8rem;
  1961.            --collection-card-text-alignment: left;
  1962.            --collection-card-border-width: 0.1rem;
  1963.            --collection-card-border-opacity: 1.0;
  1964.            --collection-card-shadow-opacity: 0.0;
  1965.            --collection-card-shadow-visible: 0;
  1966.            --collection-card-shadow-horizontal-offset: 0.0rem;
  1967.            --collection-card-shadow-vertical-offset: 0.4rem;
  1968.            --collection-card-shadow-blur-radius: 0.5rem;
  1969.            --blog-card-image-padding: 1.6rem;
  1970.            --blog-card-corner-radius: 1.8rem;
  1971.            --blog-card-text-alignment: left;
  1972.            --blog-card-border-width: 0.1rem;
  1973.            --blog-card-border-opacity: 1.0;
  1974.            --blog-card-shadow-opacity: 0.0;
  1975.            --blog-card-shadow-visible: 0;
  1976.            --blog-card-shadow-horizontal-offset: 0.0rem;
  1977.            --blog-card-shadow-vertical-offset: 0.4rem;
  1978.            --blog-card-shadow-blur-radius: 0.5rem;
  1979.            --badge-corner-radius: 0.0rem;
  1980.            --popup-border-width: 1px;
  1981.            --popup-border-opacity: 0.1;
  1982.            --popup-corner-radius: 18px;
  1983.            --popup-shadow-opacity: 0.0;
  1984.            --popup-shadow-horizontal-offset: 0px;
  1985.            --popup-shadow-vertical-offset: 4px;
  1986.            --popup-shadow-blur-radius: 5px;
  1987.            --drawer-border-width: 0px;
  1988.            --drawer-border-opacity: 0.1;
  1989.            --drawer-shadow-opacity: 0.0;
  1990.            --drawer-shadow-horizontal-offset: 0px;
  1991.            --drawer-shadow-vertical-offset: 4px;
  1992.            --drawer-shadow-blur-radius: 5px;
  1993.            --spacing-sections-desktop: 0px;
  1994.            --spacing-sections-mobile: 0px;
  1995.            --grid-desktop-vertical-spacing: 28px;
  1996.            --grid-desktop-horizontal-spacing: 28px;
  1997.            --grid-mobile-vertical-spacing: 14px;
  1998.            --grid-mobile-horizontal-spacing: 14px;
  1999.            --text-boxes-border-opacity: 0.1;
  2000.            --text-boxes-border-width: 0px;
  2001.            --text-boxes-radius: 20px;
  2002.            --text-boxes-shadow-opacity: 0.0;
  2003.            --text-boxes-shadow-visible: 0;
  2004.            --text-boxes-shadow-horizontal-offset: 0px;
  2005.            --text-boxes-shadow-vertical-offset: 4px;
  2006.            --text-boxes-shadow-blur-radius: 5px;
  2007.            --buttons-radius: 40px;
  2008.            --buttons-radius-outset: 41px;
  2009.            --buttons-border-width: 1px;
  2010.            --buttons-border-opacity: 1.0;
  2011.            --buttons-shadow-opacity: 0.0;
  2012.            --buttons-shadow-visible: 0;
  2013.            --buttons-shadow-horizontal-offset: 0px;
  2014.            --buttons-shadow-vertical-offset: 4px;
  2015.            --buttons-shadow-blur-radius: 5px;
  2016.            --buttons-border-offset: 0.3px;
  2017.            --inputs-radius: 26px;
  2018.            --inputs-border-width: 1px;
  2019.            --inputs-border-opacity: 0.55;
  2020.            --inputs-shadow-opacity: 0.0;
  2021.            --inputs-shadow-horizontal-offset: 0px;
  2022.            --inputs-margin-offset: 0px;
  2023.            --inputs-shadow-vertical-offset: 4px;
  2024.            --inputs-shadow-blur-radius: 5px;
  2025.            --inputs-radius-outset: 27px;
  2026.            --variant-pills-radius: 40px;
  2027.            --variant-pills-border-width: 1px;
  2028.            --variant-pills-border-opacity: 0.55;
  2029.            --variant-pills-shadow-opacity: 0.0;
  2030.            --variant-pills-shadow-horizontal-offset: 0px;
  2031.            --variant-pills-shadow-vertical-offset: 4px;
  2032.            --variant-pills-shadow-blur-radius: 5px
  2033.        }
  2034.  
  2035.        *,
  2036.        ::after,
  2037.        ::before {
  2038.            box-sizing: inherit
  2039.        }
  2040.  
  2041.        html {
  2042.            box-sizing: border-box;
  2043.            font-size: calc(var(--font-body-scale) * 62.5%);
  2044.            height: 100%
  2045.        }
  2046.  
  2047.        body {
  2048.            display: grid;
  2049.            grid-template-rows: auto auto 1fr auto;
  2050.            grid-template-columns: 100%;
  2051.            min-height: 100%;
  2052.            margin: 0;
  2053.            font-size: 1.5rem;
  2054.            letter-spacing: .06rem;
  2055.            line-height: calc(1 + .8 / var(--font-body-scale));
  2056.            font-family: var(--font-body-family);
  2057.            font-style: var(--font-body-style);
  2058.            font-weight: var(--font-body-weight)
  2059.        }
  2060.  
  2061.        @media screen and (min-width:750px) {
  2062.            body {
  2063.                font-size: 1.6rem
  2064.            }
  2065.        }
  2066.    </style>
  2067.    <style>
  2068.        :root {
  2069.            --alpha-button-background: 1;
  2070.            --alpha-button-border: 1;
  2071.            --alpha-link: .85;
  2072.            --alpha-badge-border: .1
  2073.        }
  2074.  
  2075.        .product-card-wrapper .card,
  2076.        .contains-card--product {
  2077.            --border-radius: var(--product-card-corner-radius);
  2078.            --border-width: var(--product-card-border-width);
  2079.            --border-opacity: var(--product-card-border-opacity);
  2080.            --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  2081.            --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  2082.            --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  2083.            --shadow-opacity: var(--product-card-shadow-opacity);
  2084.            --shadow-visible: var(--product-card-shadow-visible);
  2085.            --image-padding: var(--product-card-image-padding);
  2086.            --text-alignment: var(--product-card-text-alignment)
  2087.        }
  2088.  
  2089.        .collection-card-wrapper .card,
  2090.        .contains-card--collection {
  2091.            --border-radius: var(--collection-card-corner-radius);
  2092.            --border-width: var(--collection-card-border-width);
  2093.            --border-opacity: var(--collection-card-border-opacity);
  2094.            --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  2095.            --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  2096.            --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  2097.            --shadow-opacity: var(--collection-card-shadow-opacity);
  2098.            --shadow-visible: var(--collection-card-shadow-visible);
  2099.            --image-padding: var(--collection-card-image-padding);
  2100.            --text-alignment: var(--collection-card-text-alignment)
  2101.        }
  2102.  
  2103.        .article-card-wrapper .card,
  2104.        .contains-card--article {
  2105.            --border-radius: var(--blog-card-corner-radius);
  2106.            --border-width: var(--blog-card-border-width);
  2107.            --border-opacity: var(--blog-card-border-opacity);
  2108.            --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  2109.            --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  2110.            --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  2111.            --shadow-opacity: var(--blog-card-shadow-opacity);
  2112.            --shadow-visible: var(--blog-card-shadow-visible);
  2113.            --image-padding: var(--blog-card-image-padding);
  2114.            --text-alignment: var(--blog-card-text-alignment)
  2115.        }
  2116.  
  2117.        .contains-content-container,
  2118.        .content-container {
  2119.            --border-radius: var(--text-boxes-radius);
  2120.            --border-width: var(--text-boxes-border-width);
  2121.            --border-opacity: var(--text-boxes-border-opacity);
  2122.            --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  2123.            --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  2124.            --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  2125.            --shadow-opacity: var(--text-boxes-shadow-opacity);
  2126.            --shadow-visible: var(--text-boxes-shadow-visible)
  2127.        }
  2128.  
  2129.        .contains-media,
  2130.        .global-media-settings {
  2131.            --border-radius: var(--media-radius);
  2132.            --border-width: var(--media-border-width);
  2133.            --border-opacity: var(--media-border-opacity);
  2134.            --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  2135.            --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  2136.            --shadow-blur-radius: var(--media-shadow-blur-radius);
  2137.            --shadow-opacity: var(--media-shadow-opacity);
  2138.            --shadow-visible: var(--media-shadow-visible)
  2139.        }
  2140.  
  2141.        .no-js:not(html) {
  2142.            display: none !important
  2143.        }
  2144.  
  2145.        html.no-js .no-js:not(html) {
  2146.            display: block !important
  2147.        }
  2148.  
  2149.        .no-js-inline {
  2150.            display: none !important
  2151.        }
  2152.  
  2153.        html.no-js .no-js-inline {
  2154.            display: inline-block !important
  2155.        }
  2156.  
  2157.        html.no-js .no-js-hidden {
  2158.            display: none !important
  2159.        }
  2160.  
  2161.        .page-width {
  2162.            max-width: var(--page-width);
  2163.            margin: 0 auto;
  2164.            padding: 0 1.5rem
  2165.        }
  2166.  
  2167.        body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  2168.            max-width: 100%
  2169.        }
  2170.  
  2171.        .page-width.drawer-menu {
  2172.            max-width: 100%
  2173.        }
  2174.  
  2175.        .page-width-desktop {
  2176.            padding: 0;
  2177.            margin: 0 auto
  2178.        }
  2179.  
  2180.        .utility-bar__grid.page-width {
  2181.            padding-left: 3rem;
  2182.            padding-right: 3rem
  2183.        }
  2184.  
  2185.        @media screen and (min-width: 750px) {
  2186.            .page-width {
  2187.                padding: 0 5rem
  2188.            }
  2189.  
  2190.            .header.page-width,
  2191.            .utility-bar__grid.page-width {
  2192.                padding-left: 3.2rem;
  2193.                padding-right: 3.2rem
  2194.            }
  2195.  
  2196.            .page-width--narrow {
  2197.                padding: 0 9rem
  2198.            }
  2199.  
  2200.            .page-width-desktop {
  2201.                padding: 0
  2202.            }
  2203.  
  2204.            .page-width-tablet {
  2205.                padding: 0 5rem
  2206.            }
  2207.        }
  2208.  
  2209.        @media screen and (min-width: 990px) {
  2210.            .header:not(.drawer-menu).page-width {
  2211.                padding-left: 5rem;
  2212.                padding-right: 5rem
  2213.            }
  2214.  
  2215.            .page-width--narrow {
  2216.                max-width: 72.6rem;
  2217.                padding: 0
  2218.            }
  2219.  
  2220.            .page-width-desktop {
  2221.                max-width: var(--page-width);
  2222.                padding: 0 5rem
  2223.            }
  2224.        }
  2225.  
  2226.        .isolate {
  2227.            position: relative;
  2228.            z-index: 0
  2229.        }
  2230.  
  2231.        .section+.section {
  2232.            margin-top: var(--spacing-sections-mobile)
  2233.        }
  2234.  
  2235.        @media screen and (min-width: 750px) {
  2236.            .section+.section {
  2237.                margin-top: var(--spacing-sections-desktop)
  2238.            }
  2239.        }
  2240.  
  2241.        .element-margin-top {
  2242.            margin-top: 5rem
  2243.        }
  2244.  
  2245.        @media screen and (min-width: 750px) {
  2246.            .element-margin {
  2247.                margin-top: calc(5rem + var(--page-width-margin))
  2248.            }
  2249.        }
  2250.  
  2251.        .background-secondary {
  2252.            background-color: rgba(var(--color-foreground), .04)
  2253.        }
  2254.  
  2255.        .grid-auto-flow {
  2256.            display: grid;
  2257.            grid-auto-flow: column
  2258.        }
  2259.  
  2260.        .page-margin,
  2261.        .shopify-challenge__container {
  2262.            margin: 7rem auto
  2263.        }
  2264.  
  2265.        .rte-width {
  2266.            max-width: 82rem;
  2267.            margin: 0 auto 2rem
  2268.        }
  2269.  
  2270.        .list-unstyled {
  2271.            margin: 0;
  2272.            padding: 0;
  2273.            list-style: none
  2274.        }
  2275.  
  2276.        .hidden {
  2277.            display: none !important
  2278.        }
  2279.  
  2280.        .visually-hidden {
  2281.            position: absolute !important;
  2282.            overflow: hidden;
  2283.            width: 1px;
  2284.            height: 1px;
  2285.            margin: -1px;
  2286.            padding: 0;
  2287.            border: 0;
  2288.            clip: rect(0 0 0 0);
  2289.            word-wrap: normal !important
  2290.        }
  2291.  
  2292.        .visually-hidden--inline {
  2293.            margin: 0;
  2294.            height: 1em
  2295.        }
  2296.  
  2297.        .overflow-hidden {
  2298.            overflow: hidden
  2299.        }
  2300.  
  2301.        .skip-to-content-link:focus {
  2302.            z-index: 9999;
  2303.            position: inherit;
  2304.            overflow: auto;
  2305.            width: auto;
  2306.            height: auto;
  2307.            clip: auto
  2308.        }
  2309.  
  2310.        .full-width-link {
  2311.            position: absolute;
  2312.            top: 0;
  2313.            right: 0;
  2314.            bottom: 0;
  2315.            left: 0;
  2316.            z-index: 2
  2317.        }
  2318.  
  2319.        ::selection {
  2320.            background-color: rgba(var(--color-foreground), .2)
  2321.        }
  2322.  
  2323.        .text-body {
  2324.            font-size: 1.5rem;
  2325.            letter-spacing: .06rem;
  2326.            line-height: calc(1 + .8 / var(--font-body-scale));
  2327.            font-family: var(--font-body-family);
  2328.            font-style: var(--font-body-style);
  2329.            font-weight: var(--font-body-weight)
  2330.        }
  2331.  
  2332.        h1,
  2333.        h2,
  2334.        h3,
  2335.        h4,
  2336.        h5,
  2337.        .h0,
  2338.        .h1,
  2339.        .h2,
  2340.        .h3,
  2341.        .h4,
  2342.        .h5 {
  2343.            font-family: var(--font-heading-family);
  2344.            font-style: var(--font-heading-style);
  2345.            font-weight: var(--font-heading-weight);
  2346.            letter-spacing: calc(var(--font-heading-scale) * .06rem);
  2347.            color: rgb(var(--color-foreground));
  2348.            line-height: calc(1 + .3/max(1, var(--font-heading-scale)));
  2349.            word-break: break-word
  2350.        }
  2351.  
  2352.        .hxl {
  2353.            font-size: calc(var(--font-heading-scale) * 5rem)
  2354.        }
  2355.  
  2356.        @media only screen and (min-width: 750px) {
  2357.            .hxl {
  2358.                font-size: calc(var(--font-heading-scale) * 6.2rem)
  2359.            }
  2360.        }
  2361.  
  2362.        .h0 {
  2363.            font-size: calc(var(--font-heading-scale) * 4rem)
  2364.        }
  2365.  
  2366.        @media only screen and (min-width: 750px) {
  2367.            .h0 {
  2368.                font-size: calc(var(--font-heading-scale) * 5.2rem)
  2369.            }
  2370.        }
  2371.  
  2372.        h1,
  2373.        .h1 {
  2374.            font-size: calc(var(--font-heading-scale) * 3rem)
  2375.        }
  2376.  
  2377.        @media only screen and (min-width: 750px) {
  2378.  
  2379.            h1,
  2380.            .h1 {
  2381.                font-size: calc(var(--font-heading-scale) * 4rem)
  2382.            }
  2383.        }
  2384.  
  2385.        h2,
  2386.        .h2 {
  2387.            font-size: calc(var(--font-heading-scale) * 2rem)
  2388.        }
  2389.  
  2390.        @media only screen and (min-width: 750px) {
  2391.  
  2392.            h2,
  2393.            .h2 {
  2394.                font-size: calc(var(--font-heading-scale) * 2.4rem)
  2395.            }
  2396.        }
  2397.  
  2398.        h3,
  2399.        .h3 {
  2400.            font-size: calc(var(--font-heading-scale) * 1.7rem)
  2401.        }
  2402.  
  2403.        @media only screen and (min-width: 750px) {
  2404.  
  2405.            h3,
  2406.            .h3 {
  2407.                font-size: calc(var(--font-heading-scale) * 1.8rem)
  2408.            }
  2409.        }
  2410.  
  2411.        h4,
  2412.        .h4 {
  2413.            font-family: var(--font-heading-family);
  2414.            font-style: var(--font-heading-style);
  2415.            font-size: calc(var(--font-heading-scale) * 1.5rem)
  2416.        }
  2417.  
  2418.        h5,
  2419.        .h5 {
  2420.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  2421.        }
  2422.  
  2423.        @media only screen and (min-width: 750px) {
  2424.  
  2425.            h5,
  2426.            .h5 {
  2427.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  2428.            }
  2429.        }
  2430.  
  2431.        h6,
  2432.        .h6 {
  2433.            color: rgba(var(--color-foreground), .75);
  2434.            margin-block-start: 1.67em;
  2435.            margin-block-end: 1.67em
  2436.        }
  2437.  
  2438.        blockquote {
  2439.            font-style: italic;
  2440.            color: rgba(var(--color-foreground), .75);
  2441.            border-left: .2rem solid rgba(var(--color-foreground), .2);
  2442.            padding-left: 1rem
  2443.        }
  2444.  
  2445.        @media screen and (min-width: 750px) {
  2446.            blockquote {
  2447.                padding-left: 1.5rem
  2448.            }
  2449.        }
  2450.  
  2451.        .caption {
  2452.            font-size: 1rem;
  2453.            letter-spacing: .07rem;
  2454.            line-height: calc(1 + .7 / var(--font-body-scale))
  2455.        }
  2456.  
  2457.        @media screen and (min-width: 750px) {
  2458.            .caption {
  2459.                font-size: 1.2rem
  2460.            }
  2461.        }
  2462.  
  2463.        .caption-with-letter-spacing {
  2464.            font-size: 1rem;
  2465.            letter-spacing: .13rem;
  2466.            line-height: calc(1 + .2 / var(--font-body-scale));
  2467.            text-transform: uppercase
  2468.        }
  2469.  
  2470.        .caption-with-letter-spacing--medium {
  2471.            font-size: 1.2rem;
  2472.            letter-spacing: .16rem
  2473.        }
  2474.  
  2475.        .caption-with-letter-spacing--large {
  2476.            font-size: 1.4rem;
  2477.            letter-spacing: .18rem
  2478.        }
  2479.  
  2480.        .caption-large,
  2481.        .customer .field input,
  2482.        .customer select,
  2483.        .field__input,
  2484.        .form__label,
  2485.        .select__select {
  2486.            font-size: 1.3rem;
  2487.            line-height: calc(1 + .5 / var(--font-body-scale));
  2488.            letter-spacing: .04rem
  2489.        }
  2490.  
  2491.        .color-foreground {
  2492.            color: rgb(var(--color-foreground))
  2493.        }
  2494.  
  2495.        table:not([class]) {
  2496.            table-layout: fixed;
  2497.            border-collapse: collapse;
  2498.            font-size: 1.4rem;
  2499.            border-style: hidden;
  2500.            box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), .2)
  2501.        }
  2502.  
  2503.        table:not([class]) td,
  2504.        table:not([class]) th {
  2505.            padding: 1em;
  2506.            border: .1rem solid rgba(var(--color-foreground), .2)
  2507.        }
  2508.  
  2509.        @media screen and (max-width: 749px) {
  2510.            .small-hide {
  2511.                display: none !important
  2512.            }
  2513.        }
  2514.  
  2515.        @media screen and (min-width: 750px) and (max-width: 989px) {
  2516.            .medium-hide {
  2517.                display: none !important
  2518.            }
  2519.        }
  2520.  
  2521.        @media screen and (min-width: 990px) {
  2522.            .large-up-hide {
  2523.                display: none !important
  2524.            }
  2525.        }
  2526.  
  2527.        .left {
  2528.            text-align: left
  2529.        }
  2530.  
  2531.        .center {
  2532.            text-align: center
  2533.        }
  2534.  
  2535.        .right {
  2536.            text-align: right
  2537.        }
  2538.  
  2539.        .uppercase {
  2540.            text-transform: uppercase
  2541.        }
  2542.  
  2543.        .light {
  2544.            opacity: .7
  2545.        }
  2546.  
  2547.        a:empty,
  2548.        ul:empty,
  2549.        dl:empty,
  2550.        div:empty,
  2551.        section:empty,
  2552.        article:empty,
  2553.        p:empty,
  2554.        h1:empty,
  2555.        h2:empty,
  2556.        h3:empty,
  2557.        h4:empty,
  2558.        h5:empty,
  2559.        h6:empty {
  2560.            display: none
  2561.        }
  2562.  
  2563.        .link,
  2564.        .customer a {
  2565.            cursor: pointer;
  2566.            display: inline-block;
  2567.            border: none;
  2568.            box-shadow: none;
  2569.            text-decoration: underline;
  2570.            text-underline-offset: .3rem;
  2571.            color: rgb(var(--color-link));
  2572.            background-color: transparent;
  2573.            font-size: 1.4rem;
  2574.            font-family: inherit
  2575.        }
  2576.  
  2577.        .link--text {
  2578.            color: rgb(var(--color-foreground))
  2579.        }
  2580.  
  2581.        .link--text:hover {
  2582.            color: rgba(var(--color-foreground), .75)
  2583.        }
  2584.  
  2585.        .link-with-icon {
  2586.            display: inline-flex;
  2587.            font-size: 1.4rem;
  2588.            font-weight: 600;
  2589.            letter-spacing: .1rem;
  2590.            text-decoration: none;
  2591.            margin-bottom: 4.5rem;
  2592.            white-space: nowrap
  2593.        }
  2594.  
  2595.        .link-with-icon .icon {
  2596.            width: 1.5rem;
  2597.            margin-left: 1rem
  2598.        }
  2599.  
  2600.        a:not([href]) {
  2601.            cursor: not-allowed
  2602.        }
  2603.  
  2604.        .circle-divider:after {
  2605.            content: "\2022";
  2606.            margin: 0 1.3rem 0 1.5rem
  2607.        }
  2608.  
  2609.        .circle-divider:last-of-type:after {
  2610.            display: none
  2611.        }
  2612.  
  2613.        hr {
  2614.            border: none;
  2615.            height: .1rem;
  2616.            background-color: rgba(var(--color-foreground), .2);
  2617.            display: block;
  2618.            margin: 5rem 0
  2619.        }
  2620.  
  2621.        @media screen and (min-width: 750px) {
  2622.            hr {
  2623.                margin: 7rem 0
  2624.            }
  2625.        }
  2626.  
  2627.        .full-unstyled-link {
  2628.            text-decoration: none;
  2629.            color: currentColor;
  2630.            display: block
  2631.        }
  2632.  
  2633.        .placeholder {
  2634.            background-color: rgba(var(--color-foreground), .04);
  2635.            color: rgba(var(--color-foreground), .55);
  2636.            fill: rgba(var(--color-foreground), .55)
  2637.        }
  2638.  
  2639.        details>* {
  2640.            box-sizing: border-box
  2641.        }
  2642.  
  2643.        .break {
  2644.            word-break: break-word
  2645.        }
  2646.  
  2647.        .visibility-hidden {
  2648.            visibility: hidden
  2649.        }
  2650.  
  2651.        @media (prefers-reduced-motion) {
  2652.            .motion-reduce {
  2653.                transition: none !important;
  2654.                animation: none !important
  2655.            }
  2656.        }
  2657.  
  2658.        :root {
  2659.            --duration-short: .1s;
  2660.            --duration-default: .2s;
  2661.            --duration-announcement-bar: .25s;
  2662.            --duration-medium: .3s;
  2663.            --duration-long: .5s;
  2664.            --duration-extra-long: .6s;
  2665.            --duration-extended: 3s;
  2666.            --ease-out-slow: cubic-bezier(0, 0, .3, 1);
  2667.            --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  2668.            --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)
  2669.        }
  2670.  
  2671.        .underlined-link,
  2672.        .customer a,
  2673.        .inline-richtext a {
  2674.            text-underline-offset: .3rem;
  2675.            text-decoration-thickness: .1rem;
  2676.            transition: text-decoration-thickness ease .1s
  2677.        }
  2678.  
  2679.        .underlined-link,
  2680.        .customer a {
  2681.            color: rgba(var(--color-link), var(--alpha-link))
  2682.        }
  2683.  
  2684.        .inline-richtext a,
  2685.        .rte.inline-richtext a {
  2686.            color: currentColor
  2687.        }
  2688.  
  2689.        .underlined-link:hover,
  2690.        .customer a:hover,
  2691.        .inline-richtext a:hover {
  2692.            color: rgb(var(--color-link));
  2693.            text-decoration-thickness: .2rem
  2694.        }
  2695.  
  2696.        .icon-arrow {
  2697.            width: 1.5rem
  2698.        }
  2699.  
  2700.        h3 .icon-arrow,
  2701.        .h3 .icon-arrow {
  2702.            width: calc(var(--font-heading-scale) * 1.5rem)
  2703.        }
  2704.  
  2705.        .animate-arrow .icon-arrow path {
  2706.            transform: translate(-.25rem);
  2707.            transition: transform var(--duration-short) ease
  2708.        }
  2709.  
  2710.        .animate-arrow:hover .icon-arrow path {
  2711.            transform: translate(-.05rem)
  2712.        }
  2713.  
  2714.        summary {
  2715.            cursor: pointer;
  2716.            list-style: none;
  2717.            position: relative
  2718.        }
  2719.  
  2720.        summary .icon-caret {
  2721.            position: absolute;
  2722.            height: .6rem;
  2723.            right: 1.5rem;
  2724.            top: calc(50% - .2rem)
  2725.        }
  2726.  
  2727.        summary::-webkit-details-marker {
  2728.            display: none
  2729.        }
  2730.  
  2731.        .disclosure-has-popup {
  2732.            position: relative
  2733.        }
  2734.  
  2735.        .disclosure-has-popup[open]>summary:before {
  2736.            position: fixed;
  2737.            top: 0;
  2738.            right: 0;
  2739.            bottom: 0;
  2740.            left: 0;
  2741.            z-index: 2;
  2742.            display: block;
  2743.            cursor: default;
  2744.            content: " ";
  2745.            background: transparent
  2746.        }
  2747.  
  2748.        .disclosure-has-popup>summary:before {
  2749.            display: none
  2750.        }
  2751.  
  2752.        .disclosure-has-popup[open]>summary+* {
  2753.            z-index: 100
  2754.        }
  2755.  
  2756.        @media screen and (min-width: 750px) {
  2757.            .disclosure-has-popup[open]>summary+* {
  2758.                z-index: 4
  2759.            }
  2760.  
  2761.            .facets .disclosure-has-popup[open]>summary+* {
  2762.                z-index: 2
  2763.            }
  2764.        }
  2765.  
  2766.        *:focus {
  2767.            outline: 0;
  2768.            box-shadow: none
  2769.        }
  2770.  
  2771.        *:focus-visible {
  2772.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2773.            outline-offset: .3rem;
  2774.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  2775.        }
  2776.  
  2777.        .focused,
  2778.        .no-js *:focus {
  2779.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2780.            outline-offset: .3rem;
  2781.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  2782.        }
  2783.  
  2784.        .no-js *:focus:not(:focus-visible) {
  2785.            outline: 0;
  2786.            box-shadow: none
  2787.        }
  2788.  
  2789.        .focus-inset:focus-visible {
  2790.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2791.            outline-offset: -.2rem;
  2792.            box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  2793.        }
  2794.  
  2795.        .focused.focus-inset,
  2796.        .no-js .focus-inset:focus {
  2797.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2798.            outline-offset: -.2rem;
  2799.            box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3)
  2800.        }
  2801.  
  2802.        .no-js .focus-inset:focus:not(:focus-visible) {
  2803.            outline: 0;
  2804.            box-shadow: none
  2805.        }
  2806.  
  2807.        .focus-none {
  2808.            box-shadow: none !important;
  2809.            outline: 0 !important
  2810.        }
  2811.  
  2812.        .focus-offset:focus-visible {
  2813.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2814.            outline-offset: 1rem;
  2815.            box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  2816.        }
  2817.  
  2818.        .focus-offset.focused,
  2819.        .no-js .focus-offset:focus {
  2820.            outline: .2rem solid rgba(var(--color-foreground), .5);
  2821.            outline-offset: 1rem;
  2822.            box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 .2rem 1.2rem rgba(var(--color-foreground), .3)
  2823.        }
  2824.  
  2825.        .no-js .focus-offset:focus:not(:focus-visible) {
  2826.            outline: 0;
  2827.            box-shadow: none
  2828.        }
  2829.  
  2830.        .title,
  2831.        .title-wrapper-with-link {
  2832.            margin: 3rem 0 2rem
  2833.        }
  2834.  
  2835.        .title-wrapper-with-link .title {
  2836.            margin: 0
  2837.        }
  2838.  
  2839.        .title .link {
  2840.            font-size: inherit
  2841.        }
  2842.  
  2843.        .title-wrapper {
  2844.            margin-bottom: 3rem
  2845.        }
  2846.  
  2847.        .title-wrapper-with-link {
  2848.            display: flex;
  2849.            justify-content: space-between;
  2850.            align-items: flex-end;
  2851.            gap: 1rem;
  2852.            margin-bottom: 3rem;
  2853.            flex-wrap: wrap
  2854.        }
  2855.  
  2856.        .title--primary {
  2857.            margin: 4rem 0
  2858.        }
  2859.  
  2860.        .title-wrapper--self-padded-tablet-down,
  2861.        .title-wrapper--self-padded-mobile {
  2862.            padding-left: 1.5rem;
  2863.            padding-right: 1.5rem
  2864.        }
  2865.  
  2866.        @media screen and (min-width: 750px) {
  2867.            .title-wrapper--self-padded-mobile {
  2868.                padding-left: 0;
  2869.                padding-right: 0
  2870.            }
  2871.        }
  2872.  
  2873.        @media screen and (min-width: 990px) {
  2874.  
  2875.            .title,
  2876.            .title-wrapper-with-link {
  2877.                margin: 5rem 0 3rem
  2878.            }
  2879.  
  2880.            .title--primary {
  2881.                margin: 2rem 0
  2882.            }
  2883.  
  2884.            .title-wrapper-with-link {
  2885.                align-items: center
  2886.            }
  2887.  
  2888.            .title-wrapper-with-link .title {
  2889.                margin-bottom: 0
  2890.            }
  2891.  
  2892.            .title-wrapper--self-padded-tablet-down {
  2893.                padding-left: 0;
  2894.                padding-right: 0
  2895.            }
  2896.        }
  2897.  
  2898.        .title-wrapper-with-link .link-with-icon {
  2899.            margin: 0;
  2900.            flex-shrink: 0;
  2901.            display: flex;
  2902.            align-items: center
  2903.        }
  2904.  
  2905.        .title-wrapper-with-link .link-with-icon svg {
  2906.            width: 1.5rem
  2907.        }
  2908.  
  2909.        .title-wrapper-with-link a {
  2910.            margin-top: 0;
  2911.            flex-shrink: 0
  2912.        }
  2913.  
  2914.        .title-wrapper--no-top-margin {
  2915.            margin-top: 0
  2916.        }
  2917.  
  2918.        .title-wrapper--no-top-margin>.title {
  2919.            margin-top: 0
  2920.        }
  2921.  
  2922.        .subtitle {
  2923.            font-size: 1.8rem;
  2924.            line-height: calc(1 + .8 / var(--font-body-scale));
  2925.            letter-spacing: .06rem;
  2926.            color: rgba(var(--color-foreground), .7)
  2927.        }
  2928.  
  2929.        .subtitle--small {
  2930.            font-size: 1.4rem;
  2931.            letter-spacing: .1rem
  2932.        }
  2933.  
  2934.        .subtitle--medium {
  2935.            font-size: 1.6rem;
  2936.            letter-spacing: .08rem
  2937.        }
  2938.  
  2939.        .grid {
  2940.            display: flex;
  2941.            flex-wrap: wrap;
  2942.            margin-bottom: 2rem;
  2943.            padding: 0;
  2944.            list-style: none;
  2945.            column-gap: var(--grid-mobile-horizontal-spacing);
  2946.            row-gap: var(--grid-mobile-vertical-spacing)
  2947.        }
  2948.  
  2949.        @media screen and (min-width: 750px) {
  2950.            .grid {
  2951.                column-gap: var(--grid-desktop-horizontal-spacing);
  2952.                row-gap: var(--grid-desktop-vertical-spacing)
  2953.            }
  2954.        }
  2955.  
  2956.        .grid:last-child {
  2957.            margin-bottom: 0
  2958.        }
  2959.  
  2960.        .grid__item {
  2961.            width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  2962.            max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  2963.            flex-grow: 1;
  2964.            flex-shrink: 0
  2965.        }
  2966.  
  2967.        @media screen and (min-width: 750px) {
  2968.            .grid__item {
  2969.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  2970.                max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  2971.            }
  2972.        }
  2973.  
  2974.        .grid--gapless.grid {
  2975.            column-gap: 0;
  2976.            row-gap: 0
  2977.        }
  2978.  
  2979.        @media screen and (max-width: 749px) {
  2980.            .grid__item.slider__slide--full-width {
  2981.                width: 100%;
  2982.                max-width: none
  2983.            }
  2984.        }
  2985.  
  2986.        .grid--1-col .grid__item {
  2987.            max-width: 100%;
  2988.            width: 100%
  2989.        }
  2990.  
  2991.        .grid--3-col .grid__item {
  2992.            width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)
  2993.        }
  2994.  
  2995.        @media screen and (min-width: 750px) {
  2996.            .grid--3-col .grid__item {
  2997.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  2998.            }
  2999.        }
  3000.  
  3001.        .grid--2-col .grid__item {
  3002.            width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  3003.        }
  3004.  
  3005.        @media screen and (min-width: 750px) {
  3006.            .grid--2-col .grid__item {
  3007.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3008.            }
  3009.  
  3010.            .grid--4-col-tablet .grid__item {
  3011.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
  3012.            }
  3013.  
  3014.            .grid--3-col-tablet .grid__item {
  3015.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3016.            }
  3017.  
  3018.            .grid--2-col-tablet .grid__item {
  3019.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3020.            }
  3021.        }
  3022.  
  3023.        @media screen and (max-width: 989px) {
  3024.            .grid--1-col-tablet-down .grid__item {
  3025.                width: 100%;
  3026.                max-width: 100%
  3027.            }
  3028.  
  3029.            .slider--tablet.grid--peek {
  3030.                margin: 0;
  3031.                width: 100%
  3032.            }
  3033.  
  3034.            .slider--tablet.grid--peek .grid__item {
  3035.                box-sizing: content-box;
  3036.                margin: 0
  3037.            }
  3038.  
  3039.            .slider.slider--tablet .scroll-trigger.animate--slide-in,
  3040.            .slider.slider--mobile .scroll-trigger.animate--slide-in {
  3041.                animation: none;
  3042.                opacity: 1;
  3043.                transform: inherit
  3044.            }
  3045.  
  3046.            .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
  3047.                animation: var(--animation-slide-in)
  3048.            }
  3049.        }
  3050.  
  3051.        @media screen and (min-width: 990px) {
  3052.            .grid--6-col-desktop .grid__item {
  3053.                width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  3054.                max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)
  3055.            }
  3056.  
  3057.            .grid--5-col-desktop .grid__item {
  3058.                width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  3059.                max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)
  3060.            }
  3061.  
  3062.            .grid--4-col-desktop .grid__item {
  3063.                width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  3064.                max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
  3065.            }
  3066.  
  3067.            .grid--3-col-desktop .grid__item {
  3068.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  3069.                max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
  3070.            }
  3071.  
  3072.            .grid--2-col-desktop .grid__item {
  3073.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  3074.                max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3075.            }
  3076.  
  3077.            .slider.slider--desktop .scroll-trigger.animate--slide-in {
  3078.                animation: none;
  3079.                opacity: 1;
  3080.                transform: inherit
  3081.            }
  3082.  
  3083.            .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
  3084.                animation: var(--animation-slide-in)
  3085.            }
  3086.        }
  3087.  
  3088.        @media screen and (min-width: 990px) {
  3089.            .grid--1-col-desktop {
  3090.                flex: 0 0 100%;
  3091.                max-width: 100%
  3092.            }
  3093.  
  3094.            .grid--1-col-desktop .grid__item {
  3095.                width: 100%;
  3096.                max-width: 100%
  3097.            }
  3098.        }
  3099.  
  3100.        @media screen and (max-width: 749px) {
  3101.            .grid--peek.slider--mobile {
  3102.                margin: 0;
  3103.                width: 100%
  3104.            }
  3105.  
  3106.            .grid--peek.slider--mobile .grid__item {
  3107.                box-sizing: content-box;
  3108.                margin: 0
  3109.            }
  3110.  
  3111.            .grid--peek .grid__item {
  3112.                min-width: 35%
  3113.            }
  3114.  
  3115.            .grid--peek.slider .grid__item:first-of-type {
  3116.                margin-left: 1.5rem
  3117.            }
  3118.  
  3119.            .grid--peek.slider:after {
  3120.                margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
  3121.            }
  3122.  
  3123.            .grid--2-col-tablet-down .grid__item {
  3124.                width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2)
  3125.            }
  3126.  
  3127.            .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  3128.            .grid--peek .grid__item {
  3129.                width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem)
  3130.            }
  3131.  
  3132.            .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  3133.            .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
  3134.                width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
  3135.            }
  3136.        }
  3137.  
  3138.        @media screen and (min-width: 750px) and (max-width: 989px) {
  3139.            .slider--tablet.grid--peek .grid__item {
  3140.                width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3141.            }
  3142.  
  3143.            .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
  3144.                width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3145.            }
  3146.  
  3147.            .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  3148.            .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
  3149.                width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3150.            }
  3151.  
  3152.            .slider--tablet.grid--peek .grid__item:first-of-type {
  3153.                margin-left: 1.5rem
  3154.            }
  3155.  
  3156.            .grid--2-col-tablet-down .grid__item {
  3157.                width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  3158.            }
  3159.  
  3160.            .grid--1-col-tablet-down.grid--peek .grid__item {
  3161.                width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem)
  3162.            }
  3163.        }
  3164.  
  3165.        .media {
  3166.            display: block;
  3167.            background-color: rgba(var(--color-foreground), .1);
  3168.            position: relative;
  3169.            overflow: hidden
  3170.        }
  3171.  
  3172.        .media--transparent {
  3173.            background-color: transparent
  3174.        }
  3175.  
  3176.        .media>*:not(.zoom):not(.deferred-media__poster-button),
  3177.        .media model-viewer {
  3178.            display: block;
  3179.            max-width: 100%;
  3180.            position: absolute;
  3181.            top: 0;
  3182.            left: 0;
  3183.            height: 100%;
  3184.            width: 100%
  3185.        }
  3186.  
  3187.        .media>img {
  3188.            object-fit: cover;
  3189.            object-position: center center;
  3190.            transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
  3191.        }
  3192.  
  3193.        .media--square {
  3194.            padding-bottom: 100%
  3195.        }
  3196.  
  3197.        .media--portrait {
  3198.            padding-bottom: 125%
  3199.        }
  3200.  
  3201.        .media--landscape {
  3202.            padding-bottom: 66.6%
  3203.        }
  3204.  
  3205.        .media--cropped {
  3206.            padding-bottom: 56%
  3207.        }
  3208.  
  3209.        .media--16-9 {
  3210.            padding-bottom: 56.25%
  3211.        }
  3212.  
  3213.        .media--circle {
  3214.            padding-bottom: 100%;
  3215.            border-radius: 50%
  3216.        }
  3217.  
  3218.        .media.media--hover-effect>img+img {
  3219.            opacity: 0
  3220.        }
  3221.  
  3222.        @media screen and (min-width: 990px) {
  3223.            .media--cropped {
  3224.                padding-bottom: 63%
  3225.            }
  3226.        }
  3227.  
  3228.        deferred-media {
  3229.            display: block
  3230.        }
  3231.  
  3232.        .button--secondary,
  3233.        .button--tertiary {
  3234.            --color-button: var(--color-secondary-button);
  3235.            --color-button-text: var(--color-secondary-button-text)
  3236.        }
  3237.  
  3238.        .button--tertiary {
  3239.            --alpha-button-background: 0;
  3240.            --alpha-button-border: .2
  3241.        }
  3242.  
  3243.        .button,
  3244.        .shopify-challenge__button,
  3245.        .customer button,
  3246.        button.shopify-payment-button__button--unbranded,
  3247.        .shopify-payment-button [role=button],
  3248.        .cart__dynamic-checkout-buttons [role=button],
  3249.        .cart__dynamic-checkout-buttons iframe {
  3250.            --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  3251.            --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  3252.            --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  3253.            --shadow-opacity: var(--buttons-shadow-opacity);
  3254.            --shadow-visible: var(--buttons-shadow-visible);
  3255.            --border-offset: var(--buttons-border-offset);
  3256.            --border-opacity: calc(1 - var(--buttons-border-opacity));
  3257.            border-radius: var(--buttons-radius-outset);
  3258.            position: relative
  3259.        }
  3260.  
  3261.        .button,
  3262.        .shopify-challenge__button,
  3263.        .customer button,
  3264.        button.shopify-payment-button__button--unbranded {
  3265.            min-width: calc(12rem + var(--buttons-border-width) * 2);
  3266.            min-height: calc(4.5rem + var(--buttons-border-width) * 2)
  3267.        }
  3268.  
  3269.        .shopify-payment-button__button--branded {
  3270.            z-index: auto
  3271.        }
  3272.  
  3273.        .cart__dynamic-checkout-buttons iframe {
  3274.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  3275.        }
  3276.  
  3277.        .button,
  3278.        .shopify-challenge__button,
  3279.        .customer button {
  3280.            display: inline-flex;
  3281.            justify-content: center;
  3282.            align-items: center;
  3283.            border: 0;
  3284.            padding: 0 3rem;
  3285.            cursor: pointer;
  3286.            font: inherit;
  3287.            font-size: 1.5rem;
  3288.            text-decoration: none;
  3289.            color: rgb(var(--color-button-text));
  3290.            transition: box-shadow var(--duration-short) ease;
  3291.            -webkit-appearance: none;
  3292.            appearance: none;
  3293.            background-color: rgba(var(--color-button), var(--alpha-button-background))
  3294.        }
  3295.  
  3296.        .button:before,
  3297.        .shopify-challenge__button:before,
  3298.        .customer button:before,
  3299.        .shopify-payment-button__button--unbranded:before,
  3300.        .shopify-payment-button [role=button]:before,
  3301.        .cart__dynamic-checkout-buttons [role=button]:before {
  3302.            content: "";
  3303.            position: absolute;
  3304.            top: 0;
  3305.            right: 0;
  3306.            bottom: 0;
  3307.            left: 0;
  3308.            z-index: -1;
  3309.            border-radius: var(--buttons-radius-outset);
  3310.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  3311.        }
  3312.  
  3313.        .button:after,
  3314.        .shopify-challenge__button:after,
  3315.        .customer button:after,
  3316.        .shopify-payment-button__button--unbranded:after {
  3317.            content: "";
  3318.            position: absolute;
  3319.            top: var(--buttons-border-width);
  3320.            right: var(--buttons-border-width);
  3321.            bottom: var(--buttons-border-width);
  3322.            left: var(--buttons-border-width);
  3323.            z-index: 1;
  3324.            border-radius: var(--buttons-radius);
  3325.            box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  3326.            transition: box-shadow var(--duration-short) ease
  3327.        }
  3328.  
  3329.        .button:not([disabled]):hover:after,
  3330.        .shopify-challenge__button:hover:after,
  3331.        .customer button:hover:after,
  3332.        .shopify-payment-button__button--unbranded:hover:after {
  3333.            --border-offset: 1.3px;
  3334.            box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background))
  3335.        }
  3336.  
  3337.        .button--secondary:after {
  3338.            --border-opacity: var(--buttons-border-opacity)
  3339.        }
  3340.  
  3341.        .button:focus-visible,
  3342.        .button:focus,
  3343.        .button.focused,
  3344.        .shopify-payment-button__button--unbranded:focus-visible,
  3345.        .shopify-payment-button [role=button]:focus-visible,
  3346.        .shopify-payment-button__button--unbranded:focus,
  3347.        .shopify-payment-button [role=button]:focus {
  3348.            outline: 0;
  3349.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  3350.        }
  3351.  
  3352.        .button:focus:not(:focus-visible):not(.focused),
  3353.        .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused),
  3354.        .shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused) {
  3355.            box-shadow: inherit
  3356.        }
  3357.  
  3358.        .button::selection,
  3359.        .shopify-challenge__button::selection,
  3360.        .customer button::selection {
  3361.            background-color: rgba(var(--color-button-text), .3)
  3362.        }
  3363.  
  3364.        .button,
  3365.        .button-label,
  3366.        .shopify-challenge__button,
  3367.        .customer button {
  3368.            font-size: 1.5rem;
  3369.            letter-spacing: .1rem;
  3370.            line-height: calc(1 + .2 / var(--font-body-scale))
  3371.        }
  3372.  
  3373.        .button--tertiary {
  3374.            font-size: 1.2rem;
  3375.            padding: 1rem 1.5rem;
  3376.            min-width: calc(9rem + var(--buttons-border-width) * 2);
  3377.            min-height: calc(3.5rem + var(--buttons-border-width) * 2)
  3378.        }
  3379.  
  3380.        .button--small {
  3381.            padding: 1.2rem 2.6rem
  3382.        }
  3383.  
  3384.        .button:disabled,
  3385.        .button[aria-disabled=true],
  3386.        .button.disabled,
  3387.        .customer button:disabled,
  3388.        .customer button[aria-disabled=true],
  3389.        .customer button.disabled,
  3390.        .quantity__button.disabled {
  3391.            cursor: not-allowed;
  3392.            opacity: .5
  3393.        }
  3394.  
  3395.        .button--full-width {
  3396.            display: flex;
  3397.            width: 100%
  3398.        }
  3399.  
  3400.        .button.loading {
  3401.            color: transparent;
  3402.            position: relative
  3403.        }
  3404.  
  3405.        @media screen and (forced-colors: active) {
  3406.            .button.loading {
  3407.                color: rgb(var(--color-foreground))
  3408.            }
  3409.        }
  3410.  
  3411.        .button.loading>.loading__spinner {
  3412.            top: 50%;
  3413.            left: 50%;
  3414.            transform: translate(-50%, -50%);
  3415.            position: absolute;
  3416.            height: 100%;
  3417.            display: flex;
  3418.            align-items: center
  3419.        }
  3420.  
  3421.        .button.loading>.loading__spinner .spinner {
  3422.            width: fit-content
  3423.        }
  3424.  
  3425.        .button.loading>.loading__spinner .path {
  3426.            stroke: rgb(var(--color-button-text))
  3427.        }
  3428.  
  3429.        .share-button {
  3430.            display: block;
  3431.            position: relative
  3432.        }
  3433.  
  3434.        .share-button details {
  3435.            width: fit-content
  3436.        }
  3437.  
  3438.        .share-button__button {
  3439.            font-size: 1.4rem;
  3440.            display: flex;
  3441.            align-items: center;
  3442.            color: rgb(var(--color-link));
  3443.            margin-left: 0;
  3444.            padding-left: 0;
  3445.            min-height: 4.4rem
  3446.        }
  3447.  
  3448.        details[open]>.share-button__fallback {
  3449.            animation: animateMenuOpen var(--duration-default) ease
  3450.        }
  3451.  
  3452.        .share-button__button:hover {
  3453.            text-decoration: underline;
  3454.            text-underline-offset: .3rem
  3455.        }
  3456.  
  3457.        .share-button__button,
  3458.        .share-button__fallback button {
  3459.            cursor: pointer;
  3460.            background-color: transparent;
  3461.            border: none
  3462.        }
  3463.  
  3464.        .share-button__button .icon-share {
  3465.            height: 1.2rem;
  3466.            margin-right: 1rem;
  3467.            min-width: 1.3rem
  3468.        }
  3469.  
  3470.        .share-button__fallback {
  3471.            display: flex;
  3472.            align-items: center;
  3473.            position: absolute;
  3474.            top: 3rem;
  3475.            left: .1rem;
  3476.            z-index: 3;
  3477.            width: 100%;
  3478.            min-width: max-content;
  3479.            border-radius: var(--inputs-radius);
  3480.            border: 0
  3481.        }
  3482.  
  3483.        .share-button__fallback:after {
  3484.            pointer-events: none;
  3485.            content: "";
  3486.            position: absolute;
  3487.            top: var(--inputs-border-width);
  3488.            right: var(--inputs-border-width);
  3489.            bottom: var(--inputs-border-width);
  3490.            left: var(--inputs-border-width);
  3491.            border: .1rem solid transparent;
  3492.            border-radius: var(--inputs-radius);
  3493.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3494.            transition: box-shadow var(--duration-short) ease;
  3495.            z-index: 1
  3496.        }
  3497.  
  3498.        .share-button__fallback:before {
  3499.            background: rgb(var(--color-background));
  3500.            pointer-events: none;
  3501.            content: "";
  3502.            position: absolute;
  3503.            top: 0;
  3504.            right: 0;
  3505.            bottom: 0;
  3506.            left: 0;
  3507.            border-radius: var(--inputs-radius-outset);
  3508.            box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  3509.            z-index: -1
  3510.        }
  3511.  
  3512.        .share-button__fallback button {
  3513.            width: 4.4rem;
  3514.            height: 4.4rem;
  3515.            padding: 0;
  3516.            flex-shrink: 0;
  3517.            display: flex;
  3518.            justify-content: center;
  3519.            align-items: center;
  3520.            position: relative;
  3521.            right: var(--inputs-border-width)
  3522.        }
  3523.  
  3524.        .share-button__fallback button:hover {
  3525.            color: rgba(var(--color-foreground), .75)
  3526.        }
  3527.  
  3528.        .share-button__fallback button:hover svg {
  3529.            transform: scale(1.07)
  3530.        }
  3531.  
  3532.        .share-button__close:not(.hidden)+.share-button__copy {
  3533.            display: none
  3534.        }
  3535.  
  3536.        .share-button__close,
  3537.        .share-button__copy {
  3538.            background-color: transparent;
  3539.            color: rgb(var(--color-foreground))
  3540.        }
  3541.  
  3542.        .share-button__copy:focus-visible,
  3543.        .share-button__close:focus-visible {
  3544.            background-color: rgb(var(--color-background));
  3545.            z-index: 2
  3546.        }
  3547.  
  3548.        .share-button__copy:focus,
  3549.        .share-button__close:focus {
  3550.            background-color: rgb(var(--color-background));
  3551.            z-index: 2
  3552.        }
  3553.  
  3554.        .field:not(:focus-visible):not(.focused)+.share-button__copy:not(:focus-visible):not(.focused),
  3555.        .field:not(:focus-visible):not(.focused)+.share-button__close:not(:focus-visible):not(.focused) {
  3556.            background-color: inherit
  3557.        }
  3558.  
  3559.        .share-button__fallback .field:after,
  3560.        .share-button__fallback .field:before {
  3561.            content: none
  3562.        }
  3563.  
  3564.        .share-button__fallback .field {
  3565.            border-radius: 0;
  3566.            min-width: auto;
  3567.            min-height: auto;
  3568.            transition: none
  3569.        }
  3570.  
  3571.        .share-button__fallback .field__input:focus,
  3572.        .share-button__fallback .field__input:-webkit-autofill {
  3573.            outline: .2rem solid rgba(var(--color-foreground), .5);
  3574.            outline-offset: .1rem;
  3575.            box-shadow: 0 0 0 .1rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
  3576.        }
  3577.  
  3578.        .share-button__fallback .field__input {
  3579.            box-shadow: none;
  3580.            text-overflow: ellipsis;
  3581.            white-space: nowrap;
  3582.            overflow: hidden;
  3583.            filter: none;
  3584.            min-width: auto;
  3585.            min-height: auto
  3586.        }
  3587.  
  3588.        .share-button__fallback .field__input:hover {
  3589.            box-shadow: none
  3590.        }
  3591.  
  3592.        .share-button__fallback .icon {
  3593.            width: 1.5rem;
  3594.            height: 1.5rem
  3595.        }
  3596.  
  3597.        .share-button__message:not(:empty) {
  3598.            display: flex;
  3599.            align-items: center;
  3600.            width: 100%;
  3601.            height: 100%;
  3602.            margin-top: 0;
  3603.            padding: .8rem 0 .8rem 1.5rem;
  3604.            margin: var(--inputs-border-width)
  3605.        }
  3606.  
  3607.        .share-button__message:not(:empty):not(.hidden)~* {
  3608.            display: none
  3609.        }
  3610.  
  3611.        .field__input,
  3612.        .select__select,
  3613.        .customer .field input,
  3614.        .customer select {
  3615.            -webkit-appearance: none;
  3616.            appearance: none;
  3617.            background-color: rgb(var(--color-background));
  3618.            color: rgb(var(--color-foreground));
  3619.            font-size: 1.6rem;
  3620.            width: 100%;
  3621.            box-sizing: border-box;
  3622.            transition: box-shadow var(--duration-short) ease;
  3623.            border-radius: var(--inputs-radius);
  3624.            height: 4.5rem;
  3625.            min-height: calc(var(--inputs-border-width) * 2);
  3626.            min-width: calc(7rem + (var(--inputs-border-width) * 2));
  3627.            position: relative;
  3628.            border: 0
  3629.        }
  3630.  
  3631.        .field:before,
  3632.        .select:before,
  3633.        .customer .field:before,
  3634.        .customer select:before,
  3635.        .localization-form__select:before {
  3636.            pointer-events: none;
  3637.            content: "";
  3638.            position: absolute;
  3639.            top: 0;
  3640.            right: 0;
  3641.            bottom: 0;
  3642.            left: 0;
  3643.            border-radius: var(--inputs-radius-outset);
  3644.            box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  3645.            z-index: -1
  3646.        }
  3647.  
  3648.        .field:after,
  3649.        .select:after,
  3650.        .customer .field:after,
  3651.        .customer select:after,
  3652.        .localization-form__select:after {
  3653.            pointer-events: none;
  3654.            content: "";
  3655.            position: absolute;
  3656.            top: var(--inputs-border-width);
  3657.            right: var(--inputs-border-width);
  3658.            bottom: var(--inputs-border-width);
  3659.            left: var(--inputs-border-width);
  3660.            border: .1rem solid transparent;
  3661.            border-radius: var(--inputs-radius);
  3662.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3663.            transition: box-shadow var(--duration-short) ease;
  3664.            z-index: 1
  3665.        }
  3666.  
  3667.        .select__select {
  3668.            font-family: var(--font-body-family);
  3669.            font-style: var(--font-body-style);
  3670.            font-weight: var(--font-body-weight);
  3671.            font-size: 1.2rem;
  3672.            color: rgba(var(--color-foreground), .75)
  3673.        }
  3674.  
  3675.        .field:hover.field:after,
  3676.        .select:hover.select:after,
  3677.        .select__select:hover.select__select:after,
  3678.        .customer .field:hover.field:after,
  3679.        .customer select:hover.select:after,
  3680.        .localization-form__select:hover.localization-form__select:after {
  3681.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3682.            outline: 0;
  3683.            border-radius: var(--inputs-radius)
  3684.        }
  3685.  
  3686.        .field__input:focus-visible,
  3687.        .select__select:focus-visible,
  3688.        .customer .field input:focus-visible,
  3689.        .customer select:focus-visible,
  3690.        .localization-form__select:focus-visible.localization-form__select:after {
  3691.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  3692.            outline: 0;
  3693.            border-radius: var(--inputs-radius)
  3694.        }
  3695.  
  3696.        .field__input:focus,
  3697.        .select__select:focus,
  3698.        .customer .field input:focus,
  3699.        .customer select:focus,
  3700.        .localization-form__select:focus.localization-form__select:after {
  3701.            box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  3702.            outline: 0;
  3703.            border-radius: var(--inputs-radius)
  3704.        }
  3705.  
  3706.        .localization-form__select:focus {
  3707.            outline: 0;
  3708.            box-shadow: none
  3709.        }
  3710.  
  3711.        .text-area,
  3712.        .select {
  3713.            display: flex;
  3714.            position: relative;
  3715.            width: 100%
  3716.        }
  3717.  
  3718.        .select .icon-caret,
  3719.        .customer select+svg {
  3720.            height: .6rem;
  3721.            pointer-events: none;
  3722.            position: absolute;
  3723.            top: calc(50% - .2rem);
  3724.            right: calc(var(--inputs-border-width) + 1.5rem)
  3725.        }
  3726.  
  3727.        .select__select,
  3728.        .customer select {
  3729.            cursor: pointer;
  3730.            line-height: calc(1 + .6 / var(--font-body-scale));
  3731.            padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  3732.            margin: var(--inputs-border-width);
  3733.            min-height: calc(var(--inputs-border-width) * 2)
  3734.        }
  3735.  
  3736.        .field {
  3737.            position: relative;
  3738.            width: 100%;
  3739.            display: flex;
  3740.            transition: box-shadow var(--duration-short) ease
  3741.        }
  3742.  
  3743.        .customer .field {
  3744.            display: flex
  3745.        }
  3746.  
  3747.        .field--with-error {
  3748.            flex-wrap: wrap
  3749.        }
  3750.  
  3751.        .field__input,
  3752.        .customer .field input {
  3753.            flex-grow: 1;
  3754.            text-align: left;
  3755.            padding: 1.5rem;
  3756.            margin: var(--inputs-border-width);
  3757.            transition: box-shadow var(--duration-short) ease
  3758.        }
  3759.  
  3760.        .field__label,
  3761.        .customer .field label {
  3762.            font-size: 1.6rem;
  3763.            left: calc(var(--inputs-border-width) + 2rem);
  3764.            top: calc(1rem + var(--inputs-border-width));
  3765.            margin-bottom: 0;
  3766.            pointer-events: none;
  3767.            position: absolute;
  3768.            transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  3769.            color: rgba(var(--color-foreground), .75);
  3770.            letter-spacing: .1rem;
  3771.            line-height: 1.5
  3772.        }
  3773.  
  3774.        .field__input:focus~.field__label,
  3775.        .field__input:not(:placeholder-shown)~.field__label,
  3776.        .field__input:-webkit-autofill~.field__label,
  3777.        .customer .field input:focus~label,
  3778.        .customer .field input:not(:placeholder-shown)~label,
  3779.        .customer .field input:-webkit-autofill~label {
  3780.            font-size: 1rem;
  3781.            top: calc(var(--inputs-border-width) + .5rem);
  3782.            left: calc(var(--inputs-border-width) + 2rem);
  3783.            letter-spacing: .04rem
  3784.        }
  3785.  
  3786.        .field__input:focus,
  3787.        .field__input:not(:placeholder-shown),
  3788.        .field__input:-webkit-autofill,
  3789.        .customer .field input:focus,
  3790.        .customer .field input:not(:placeholder-shown),
  3791.        .customer .field input:-webkit-autofill {
  3792.            padding: 2.2rem 1.5rem .8rem 2rem;
  3793.            margin: var(--inputs-border-width)
  3794.        }
  3795.  
  3796.        .field__input::-webkit-search-cancel-button,
  3797.        .customer .field input::-webkit-search-cancel-button {
  3798.            display: none
  3799.        }
  3800.  
  3801.        .field__input::placeholder,
  3802.        .customer .field input::placeholder {
  3803.            opacity: 0
  3804.        }
  3805.  
  3806.        .field__button {
  3807.            align-items: center;
  3808.            background-color: transparent;
  3809.            border: 0;
  3810.            color: currentColor;
  3811.            cursor: pointer;
  3812.            display: flex;
  3813.            height: 4.4rem;
  3814.            justify-content: center;
  3815.            overflow: hidden;
  3816.            padding: 0;
  3817.            position: absolute;
  3818.            right: 0;
  3819.            top: 0;
  3820.            width: 4.4rem
  3821.        }
  3822.  
  3823.        .field__button>svg {
  3824.            height: 2.5rem;
  3825.            width: 2.5rem
  3826.        }
  3827.  
  3828.        .field__input:-webkit-autofill~.field__button,
  3829.        .field__input:-webkit-autofill~.field__label,
  3830.        .customer .field input:-webkit-autofill~label {
  3831.            color: #000
  3832.        }
  3833.  
  3834.        .text-area {
  3835.            font-family: var(--font-body-family);
  3836.            font-style: var(--font-body-style);
  3837.            font-weight: var(--font-body-weight);
  3838.            min-height: 10rem;
  3839.            resize: none
  3840.        }
  3841.  
  3842.        input[type=checkbox] {
  3843.            display: inline-block;
  3844.            width: auto;
  3845.            margin-right: .5rem
  3846.        }
  3847.  
  3848.        .form__label {
  3849.            display: block;
  3850.            margin-bottom: .6rem
  3851.        }
  3852.  
  3853.        .form__message {
  3854.            align-items: center;
  3855.            display: flex;
  3856.            font-size: 1.4rem;
  3857.            line-height: 1;
  3858.            margin-top: 1rem
  3859.        }
  3860.  
  3861.        .form__message--large {
  3862.            font-size: 1.6rem
  3863.        }
  3864.  
  3865.        .customer .field .form__message {
  3866.            font-size: 1.4rem;
  3867.            text-align: left
  3868.        }
  3869.  
  3870.        .form__message .icon,
  3871.        .customer .form__message svg {
  3872.            flex-shrink: 0;
  3873.            height: 1.3rem;
  3874.            margin-right: .5rem;
  3875.            width: 1.3rem
  3876.        }
  3877.  
  3878.        .form__message--large .icon,
  3879.        .customer .form__message svg {
  3880.            height: 1.5rem;
  3881.            width: 1.5rem;
  3882.            margin-right: 1rem
  3883.        }
  3884.  
  3885.        .customer .field .form__message svg {
  3886.            align-self: start
  3887.        }
  3888.  
  3889.        .form-status {
  3890.            margin: 0;
  3891.            font-size: 1.6rem
  3892.        }
  3893.  
  3894.        .form-status-list {
  3895.            padding: 0;
  3896.            margin: 2rem 0 4rem
  3897.        }
  3898.  
  3899.        .form-status-list li {
  3900.            list-style-position: inside
  3901.        }
  3902.  
  3903.        .form-status-list .link:first-letter {
  3904.            text-transform: capitalize
  3905.        }
  3906.  
  3907.        .quantity {
  3908.            color: rgba(var(--color-foreground));
  3909.            position: relative;
  3910.            width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  3911.            display: flex;
  3912.            border-radius: var(--inputs-radius);
  3913.            min-height: calc((var(--inputs-border-width) * 2) + 4.5rem)
  3914.        }
  3915.  
  3916.        .quantity:after {
  3917.            pointer-events: none;
  3918.            content: "";
  3919.            position: absolute;
  3920.            top: var(--inputs-border-width);
  3921.            right: var(--inputs-border-width);
  3922.            bottom: var(--inputs-border-width);
  3923.            left: var(--inputs-border-width);
  3924.            border: .1rem solid transparent;
  3925.            border-radius: var(--inputs-radius);
  3926.            box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  3927.            transition: box-shadow var(--duration-short) ease;
  3928.            z-index: 1
  3929.        }
  3930.  
  3931.        .quantity:before {
  3932.            background: rgb(var(--color-background));
  3933.            pointer-events: none;
  3934.            content: "";
  3935.            position: absolute;
  3936.            top: 0;
  3937.            right: 0;
  3938.            bottom: 0;
  3939.            left: 0;
  3940.            border-radius: var(--inputs-radius-outset);
  3941.            box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  3942.            z-index: -1
  3943.        }
  3944.  
  3945.        .quantity__input {
  3946.            color: currentColor;
  3947.            font-size: 1.6rem;
  3948.            font-weight: 500;
  3949.            opacity: .85;
  3950.            text-align: center;
  3951.            background-color: transparent;
  3952.            border: 0;
  3953.            padding: 0 .5rem;
  3954.            width: 100%;
  3955.            flex-grow: 1;
  3956.            -webkit-appearance: none;
  3957.            appearance: none
  3958.        }
  3959.  
  3960.        .quantity__button {
  3961.            width: calc(4.5rem / var(--font-body-scale));
  3962.            flex-shrink: 0;
  3963.            font-size: 1.8rem;
  3964.            border: 0;
  3965.            background-color: transparent;
  3966.            cursor: pointer;
  3967.            display: flex;
  3968.            align-items: center;
  3969.            justify-content: center;
  3970.            color: rgb(var(--color-foreground));
  3971.            padding: 0
  3972.        }
  3973.  
  3974.        .quantity__button:first-child {
  3975.            margin-left: calc(var(--inputs-border-width))
  3976.        }
  3977.  
  3978.        .quantity__button:last-child {
  3979.            margin-right: calc(var(--inputs-border-width))
  3980.        }
  3981.  
  3982.        .quantity__button svg {
  3983.            width: 1rem;
  3984.            pointer-events: none
  3985.        }
  3986.  
  3987.        .quantity__button:focus-visible,
  3988.        .quantity__input:focus-visible {
  3989.            background-color: rgb(var(--color-background));
  3990.            z-index: 2
  3991.        }
  3992.  
  3993.        .quantity__button:focus,
  3994.        .quantity__input:focus {
  3995.            background-color: rgb(var(--color-background));
  3996.            z-index: 2
  3997.        }
  3998.  
  3999.        .quantity__button:not(:focus-visible):not(.focused),
  4000.        .quantity__input:not(:focus-visible):not(.focused) {
  4001.            box-shadow: inherit;
  4002.            background-color: inherit
  4003.        }
  4004.  
  4005.        .quantity__input:-webkit-autofill,
  4006.        .quantity__input:-webkit-autofill:hover,
  4007.        .quantity__input:-webkit-autofill:active {
  4008.            box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  4009.            -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important
  4010.        }
  4011.  
  4012.        .quantity__input::-webkit-outer-spin-button,
  4013.        .quantity__input::-webkit-inner-spin-button {
  4014.            -webkit-appearance: none;
  4015.            margin: 0
  4016.        }
  4017.  
  4018.        .quantity__input[type=number] {
  4019.            -moz-appearance: textfield
  4020.        }
  4021.  
  4022.        .quantity__rules {
  4023.            margin-top: .5rem;
  4024.            position: relative;
  4025.            font-size: 1.2rem
  4026.        }
  4027.  
  4028.        .quantity__rules .caption {
  4029.            display: inline-block;
  4030.            margin-top: 0;
  4031.            margin-bottom: 0
  4032.        }
  4033.  
  4034.        .quantity__rules .divider+.divider:before {
  4035.            content: "\2022";
  4036.            margin: 0 .5rem
  4037.        }
  4038.  
  4039.        .quantity__rules-cart {
  4040.            position: relative
  4041.        }
  4042.  
  4043.        product-info .loading__spinner:not(.hidden)~*,
  4044.        .quantity__rules-cart .loading__spinner:not(.hidden)~* {
  4045.            visibility: hidden
  4046.        }
  4047.  
  4048.        .modal__toggle {
  4049.            list-style-type: none
  4050.        }
  4051.  
  4052.        .no-js details[open] .modal__toggle {
  4053.            position: absolute;
  4054.            z-index: 5
  4055.        }
  4056.  
  4057.        .modal__toggle-close {
  4058.            display: none
  4059.        }
  4060.  
  4061.        .no-js details[open] svg.modal__toggle-close {
  4062.            display: flex;
  4063.            z-index: 1;
  4064.            height: 1.7rem;
  4065.            width: 1.7rem
  4066.        }
  4067.  
  4068.        .modal__toggle-open {
  4069.            display: flex
  4070.        }
  4071.  
  4072.        .no-js details[open] .modal__toggle-open {
  4073.            display: none
  4074.        }
  4075.  
  4076.        .no-js .modal__close-button.link {
  4077.            display: none
  4078.        }
  4079.  
  4080.        .modal__close-button.link {
  4081.            display: flex;
  4082.            justify-content: center;
  4083.            align-items: center;
  4084.            padding: 0rem;
  4085.            height: 4.4rem;
  4086.            width: 4.4rem;
  4087.            background-color: transparent
  4088.        }
  4089.  
  4090.        .modal__close-button .icon {
  4091.            width: 1.7rem;
  4092.            height: 1.7rem
  4093.        }
  4094.  
  4095.        .modal__content {
  4096.            position: absolute;
  4097.            top: 0;
  4098.            left: 0;
  4099.            right: 0;
  4100.            bottom: 0;
  4101.            background: rgb(var(--color-background));
  4102.            z-index: 4;
  4103.            display: flex;
  4104.            justify-content: center;
  4105.            align-items: center
  4106.        }
  4107.  
  4108.        .media-modal {
  4109.            cursor: zoom-out
  4110.        }
  4111.  
  4112.        .media-modal .deferred-media {
  4113.            cursor: initial
  4114.        }
  4115.  
  4116.        .cart-count-bubble:empty {
  4117.            display: none
  4118.        }
  4119.  
  4120.        .cart-count-bubble {
  4121.            position: absolute;
  4122.            background-color: rgb(var(--color-button));
  4123.            color: rgb(var(--color-button-text));
  4124.            height: 1.7rem;
  4125.            width: 1.7rem;
  4126.            border-radius: 100%;
  4127.            display: flex;
  4128.            justify-content: center;
  4129.            align-items: center;
  4130.            font-size: .9rem;
  4131.            bottom: .8rem;
  4132.            left: 2.2rem;
  4133.            line-height: calc(1 + .1 / var(--font-body-scale))
  4134.        }
  4135.  
  4136.        .utility-bar {
  4137.            height: 100%
  4138.        }
  4139.  
  4140.        .utility-bar--bottom-border {
  4141.            border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4142.        }
  4143.  
  4144.        @media screen and (min-width: 990px) {
  4145.            .utility-bar--bottom-border-social-only {
  4146.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4147.            }
  4148.        }
  4149.  
  4150.        .utility-bar__grid {
  4151.            display: grid;
  4152.            grid-template-columns: 1fr;
  4153.            grid-template-areas: "announcements"
  4154.        }
  4155.  
  4156.        .utility-bar__grid .list-social {
  4157.            justify-content: flex-start;
  4158.            align-content: center;
  4159.            margin-left: -1.2rem;
  4160.            grid-area: social-icons
  4161.        }
  4162.  
  4163.        @media screen and (max-width: 989px) {
  4164.            .utility-bar .utility-bar__grid .list-social {
  4165.                display: none
  4166.            }
  4167.        }
  4168.  
  4169.        .utility-bar .list-social__item .icon {
  4170.            scale: .9
  4171.        }
  4172.  
  4173.        @media screen and (min-width: 990px) {
  4174.            .utility-bar__grid--3-col {
  4175.                grid-template-columns: 3fr 4fr 3fr;
  4176.                grid-template-areas: "social-icons announcements language-currency"
  4177.            }
  4178.  
  4179.            .utility-bar__grid--2-col {
  4180.                grid-template-columns: 1fr 1fr;
  4181.                grid-template-areas: "social-icons language-currency"
  4182.            }
  4183.  
  4184.            .announcement-bar.announcement-bar--one-announcement,
  4185.            .announcement-bar--one-announcement .announcement-bar__link {
  4186.                width: fit-content;
  4187.                margin: auto
  4188.            }
  4189.        }
  4190.  
  4191.        .announcement-bar,
  4192.        .announcement-bar__announcement {
  4193.            color: rgb(var(--color-foreground));
  4194.            width: 100%;
  4195.            height: 100%;
  4196.            display: flex;
  4197.            justify-content: center;
  4198.            flex-wrap: wrap;
  4199.            align-content: center;
  4200.            grid-area: announcements
  4201.        }
  4202.  
  4203.        .announcement-bar .slider--everywhere {
  4204.            margin-bottom: 0;
  4205.            scroll-behavior: auto
  4206.        }
  4207.  
  4208.        .utility-bar__grid .announcement-bar-slider,
  4209.        .announcement-bar-slider,
  4210.        .announcement-bar-slider .slider {
  4211.            width: 100%
  4212.        }
  4213.  
  4214.        .announcement-bar .slider-button--next {
  4215.            margin-right: -1.5rem;
  4216.            min-width: 44px
  4217.        }
  4218.  
  4219.        .announcement-bar .slider-button--prev {
  4220.            margin-left: -1.5rem;
  4221.            min-width: 44px
  4222.        }
  4223.  
  4224.        .announcement-bar .slider-button--next:focus-visible,
  4225.        .announcement-bar .slider-button--prev:focus-visible,
  4226.        .utility-bar .list-social__link:focus-visible {
  4227.            outline-offset: -.3rem;
  4228.            box-shadow: 0 0 0 -.2rem rgb(var(--color-foreground))
  4229.        }
  4230.  
  4231.        .localization-wrapper {
  4232.            grid-area: language-currency;
  4233.            align-self: center;
  4234.            display: flex;
  4235.            justify-content: flex-end
  4236.        }
  4237.  
  4238.        .localization-wrapper .localization-selector+.disclosure__list-wrapper {
  4239.            animation: animateMenuOpen var(--duration-default) ease
  4240.        }
  4241.  
  4242.        .utility-bar .localization-wrapper .disclosure .localization-form__select,
  4243.        .utility-bar .localization-wrapper .disclosure__link {
  4244.            font-size: calc(var(--font-heading-scale) * 1.3rem)
  4245.        }
  4246.  
  4247.        @media screen and (min-width: 990px) {
  4248.            body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
  4249.                padding-left: 5rem;
  4250.                padding-right: 5rem
  4251.            }
  4252.  
  4253.            .announcement-bar-slider {
  4254.                width: 60%
  4255.            }
  4256.  
  4257.            .announcement-bar .slider-button {
  4258.                height: 3.8rem
  4259.            }
  4260.        }
  4261.  
  4262.        .announcement-bar__link {
  4263.            display: flex;
  4264.            width: 100%;
  4265.            text-decoration: none;
  4266.            height: 100%;
  4267.            justify-content: center;
  4268.            align-items: center
  4269.        }
  4270.  
  4271.        .announcement-bar__link:hover {
  4272.            text-decoration: underline
  4273.        }
  4274.  
  4275.        .announcement-bar__link .icon-arrow {
  4276.            display: inline-block;
  4277.            pointer-events: none;
  4278.            margin-left: .8rem;
  4279.            vertical-align: middle;
  4280.            margin-bottom: .2rem
  4281.        }
  4282.  
  4283.        .announcement-bar__message {
  4284.            text-align: center;
  4285.            padding: 1rem 0;
  4286.            margin: 0;
  4287.            letter-spacing: .1rem;
  4288.            min-height: 3.8rem
  4289.        }
  4290.  
  4291.        .announcement-bar-slider--fade-in-next .announcement-bar__message,
  4292.        .announcement-bar-slider--fade-in-previous .announcement-bar__message,
  4293.        .announcement-bar-slider--fade-out-next .announcement-bar__message,
  4294.        .announcement-bar-slider--fade-out-previous .announcement-bar__message {
  4295.            animation-duration: var(--duration-announcement-bar);
  4296.            animation-timing-function: ease-in-out;
  4297.            animation-fill-mode: forwards
  4298.        }
  4299.  
  4300.        .announcement-bar-slider--fade-in-next .announcement-bar__message {
  4301.            --announcement-translate-from: -1.5rem;
  4302.            opacity: 0;
  4303.            animation-name: translateAnnouncementSlideIn;
  4304.            animation-delay: var(--duration-announcement-bar)
  4305.        }
  4306.  
  4307.        .announcement-bar-slider--fade-in-previous .announcement-bar__message {
  4308.            --announcement-translate-from: 1.5rem;
  4309.            opacity: 0;
  4310.            animation-name: translateAnnouncementSlideIn;
  4311.            animation-delay: var(--duration-announcement-bar)
  4312.        }
  4313.  
  4314.        .announcement-bar-slider--fade-out-next .announcement-bar__message {
  4315.            --announcement-translate-to: 1.5rem;
  4316.            animation-name: translateAnnouncementSlideOut
  4317.        }
  4318.  
  4319.        .announcement-bar-slider--fade-out-previous .announcement-bar__message {
  4320.            --announcement-translate-to: -1.5rem;
  4321.            animation-name: translateAnnouncementSlideOut
  4322.        }
  4323.  
  4324.        @keyframes translateAnnouncementSlideIn {
  4325.            0% {
  4326.                opacity: 0;
  4327.                transform: translate(var(--announcement-translate-from))
  4328.            }
  4329.  
  4330.            to {
  4331.                opacity: 1;
  4332.                transform: translate(0)
  4333.            }
  4334.        }
  4335.  
  4336.        @keyframes translateAnnouncementSlideOut {
  4337.            0% {
  4338.                opacity: 1;
  4339.                transform: translate(0)
  4340.            }
  4341.  
  4342.            to {
  4343.                opacity: 0;
  4344.                transform: translate(var(--announcement-translate-to))
  4345.            }
  4346.        }
  4347.  
  4348.        .section-header.shopify-section-group-header-group {
  4349.            z-index: 3
  4350.        }
  4351.  
  4352.        .shopify-section-header-sticky {
  4353.            position: sticky;
  4354.            top: 0
  4355.        }
  4356.  
  4357.        .shopify-section-header-hidden {
  4358.            top: calc(-1 * var(--header-height))
  4359.        }
  4360.  
  4361.        .shopify-section-header-hidden.menu-open {
  4362.            top: 0
  4363.        }
  4364.  
  4365.        .section-header.animate {
  4366.            transition: top .15s ease-out
  4367.        }
  4368.  
  4369.        .shopify-section-group-header-group {
  4370.            z-index: 4
  4371.        }
  4372.  
  4373.        .section-header~.shopify-section-group-header-group {
  4374.            z-index: initial
  4375.        }
  4376.  
  4377.        .header-wrapper {
  4378.            display: block;
  4379.            position: relative;
  4380.            background-color: rgb(var(--color-background))
  4381.        }
  4382.  
  4383.        .header-wrapper--border-bottom {
  4384.            border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  4385.        }
  4386.  
  4387.        .header {
  4388.            display: grid;
  4389.            grid-template-areas: "left-icons heading icons";
  4390.            grid-template-columns: 1fr 2fr 1fr;
  4391.            align-items: center
  4392.        }
  4393.  
  4394.        @media screen and (max-width: 749px) {
  4395.            .header--has-app {
  4396.                grid-template-columns: auto 1fr auto
  4397.            }
  4398.        }
  4399.  
  4400.        @media screen and (min-width: 990px) {
  4401.            .header {
  4402.                grid-template-columns: 1fr auto 1fr
  4403.            }
  4404.  
  4405.            .header--top-left,
  4406.            .header--middle-left:not(.header--has-menu) {
  4407.                grid-template-areas: "heading icons" "navigation navigation";
  4408.                grid-template-columns: 1fr auto
  4409.            }
  4410.  
  4411.            .header--top-left.drawer-menu,
  4412.            .header--middle-left.drawer-menu {
  4413.                grid-template-areas: "navigation heading icons";
  4414.                grid-template-columns: auto 1fr auto;
  4415.                column-gap: 1rem
  4416.            }
  4417.  
  4418.            .header--middle-left {
  4419.                grid-template-areas: "heading navigation icons";
  4420.                grid-template-columns: auto auto 1fr;
  4421.                column-gap: 2rem
  4422.            }
  4423.  
  4424.            .header--middle-center:not(.drawer-menu) {
  4425.                grid-template-areas: "navigation heading icons";
  4426.                grid-template-columns: 1fr auto 1fr;
  4427.                column-gap: 2rem
  4428.            }
  4429.  
  4430.            .header--middle-center a.header__heading-link {
  4431.                text-align: center
  4432.            }
  4433.  
  4434.            .header--top-center {
  4435.                grid-template-areas: "left-icons heading icons" "navigation navigation navigation"
  4436.            }
  4437.  
  4438.            .header--top-center.drawer-menu {
  4439.                grid-template-areas: "left-icons heading icons";
  4440.                grid-template-columns: 1fr auto 1fr
  4441.            }
  4442.  
  4443.            .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
  4444.                margin-top: 1.05rem
  4445.            }
  4446.        }
  4447.  
  4448.        .header *[tabindex="-1"]:focus {
  4449.            outline: none
  4450.        }
  4451.  
  4452.        .header__heading {
  4453.            margin: 0;
  4454.            line-height: 0
  4455.        }
  4456.  
  4457.        .header>.header__heading-link {
  4458.            line-height: 0
  4459.        }
  4460.  
  4461.        .header__heading,
  4462.        .header__heading-link {
  4463.            grid-area: heading;
  4464.            justify-self: center
  4465.        }
  4466.  
  4467.        .header__heading-link {
  4468.            display: inline-block;
  4469.            padding: .75rem;
  4470.            text-decoration: none;
  4471.            word-break: break-word
  4472.        }
  4473.  
  4474.        .header__heading-link:hover .h2 {
  4475.            color: rgb(var(--color-foreground))
  4476.        }
  4477.  
  4478.        .header__heading-link .h2 {
  4479.            line-height: 1;
  4480.            color: rgba(var(--color-foreground), .75)
  4481.        }
  4482.  
  4483.        .header__heading-logo {
  4484.            height: auto;
  4485.            max-width: 100%
  4486.        }
  4487.  
  4488.        .header__heading-logo-wrapper {
  4489.            width: 100%;
  4490.            display: inline-block;
  4491.            transition: width .3s cubic-bezier(.52, 0, .61, .99)
  4492.        }
  4493.  
  4494.        @media screen and (max-width: 989px) {
  4495.  
  4496.            .header__heading,
  4497.            .header__heading-link {
  4498.                text-align: center
  4499.            }
  4500.  
  4501.            .header--mobile-left .header__heading,
  4502.            .header--mobile-left .header__heading-link {
  4503.                text-align: left;
  4504.                justify-self: start
  4505.            }
  4506.  
  4507.            .header--mobile-left {
  4508.                grid-template-columns: auto 2fr 1fr
  4509.            }
  4510.        }
  4511.  
  4512.        @media screen and (min-width: 990px) {
  4513.  
  4514.            .header--middle-left .header__heading-link,
  4515.            .header--top-left .header__heading-link {
  4516.                margin-left: -.75rem
  4517.            }
  4518.  
  4519.            .header__heading,
  4520.            .header__heading-link {
  4521.                justify-self: start
  4522.            }
  4523.  
  4524.            .header--middle-center .header__heading-link,
  4525.            .header--middle-center .header__heading,
  4526.            .header--top-center .header__heading-link,
  4527.            .header--top-center .header__heading {
  4528.                justify-self: center;
  4529.                text-align: center
  4530.            }
  4531.        }
  4532.  
  4533.        .header__icons {
  4534.            display: flex;
  4535.            grid-area: icons;
  4536.            justify-self: end;
  4537.            padding-right: .8rem
  4538.        }
  4539.  
  4540.        .header__icons .shopify-app-block {
  4541.            max-width: 4.4rem;
  4542.            max-height: 4.4rem;
  4543.            overflow: hidden
  4544.        }
  4545.  
  4546.        .header__icon:not(.header__icon--summary),
  4547.        .header__icon span {
  4548.            display: flex;
  4549.            align-items: center;
  4550.            justify-content: center
  4551.        }
  4552.  
  4553.        .header__icon {
  4554.            color: rgb(var(--color-foreground))
  4555.        }
  4556.  
  4557.        .header__icon span {
  4558.            height: 100%
  4559.        }
  4560.  
  4561.        .header__icon:after {
  4562.            content: none
  4563.        }
  4564.  
  4565.        .header__icon:hover .icon,
  4566.        .modal__close-button:hover .icon {
  4567.            transform: scale(1.07)
  4568.        }
  4569.  
  4570.        .header__icon .icon {
  4571.            height: 2rem;
  4572.            width: 2rem;
  4573.            fill: none;
  4574.            vertical-align: middle
  4575.        }
  4576.  
  4577.        .header__icon,
  4578.        .header__icon--cart .icon {
  4579.            height: 4.4rem;
  4580.            width: 4.4rem;
  4581.            padding: 0
  4582.        }
  4583.  
  4584.        .header__icon--cart {
  4585.            position: relative;
  4586.            margin-right: -1.2rem
  4587.        }
  4588.  
  4589.        .header__icon--menu[aria-expanded=true]:before {
  4590.            content: "";
  4591.            top: 100%;
  4592.            left: 0;
  4593.            height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  4594.            width: 100%;
  4595.            display: block;
  4596.            position: absolute;
  4597.            background: rgba(var(--color-foreground), .5)
  4598.        }
  4599.  
  4600.        menu-drawer+.header__search {
  4601.            display: none
  4602.        }
  4603.  
  4604.        .header>.header__search {
  4605.            grid-area: left-icons;
  4606.            justify-self: start
  4607.        }
  4608.  
  4609.        .header--top-center.drawer-menu>.header__search {
  4610.            margin-left: 3.2rem
  4611.        }
  4612.  
  4613.        .header--top-center header-drawer {
  4614.            grid-area: left-icons
  4615.        }
  4616.  
  4617.        .header:not(.header--has-menu) *>.header__search {
  4618.            display: none
  4619.        }
  4620.  
  4621.        .header__search {
  4622.            display: inline-flex;
  4623.            line-height: 0
  4624.        }
  4625.  
  4626.        .header--top-center>.header__search {
  4627.            display: none
  4628.        }
  4629.  
  4630.        .header--top-center *>.header__search {
  4631.            display: inline-flex
  4632.        }
  4633.  
  4634.        @media screen and (min-width: 990px) {
  4635.  
  4636.            .header:not(.header--top-center) *>.header__search,
  4637.            .header--top-center>.header__search {
  4638.                display: inline-flex
  4639.            }
  4640.  
  4641.            .header:not(.header--top-center)>.header__search,
  4642.            .header--top-center *>.header__search {
  4643.                display: none
  4644.            }
  4645.        }
  4646.  
  4647.        .no-js .predictive-search {
  4648.            display: none
  4649.        }
  4650.  
  4651.        details[open]>.search-modal {
  4652.            opacity: 1;
  4653.            animation: animateMenuOpen var(--duration-default) ease
  4654.        }
  4655.  
  4656.        details[open] .modal-overlay {
  4657.            display: block
  4658.        }
  4659.  
  4660.        details[open] .modal-overlay:after {
  4661.            position: absolute;
  4662.            content: "";
  4663.            background-color: rgb(var(--color-foreground), .5);
  4664.            top: 100%;
  4665.            left: 0;
  4666.            right: 0;
  4667.            height: 100vh
  4668.        }
  4669.  
  4670.        .no-js details[open]>.header__icon--search {
  4671.            top: 1rem;
  4672.            right: .5rem
  4673.        }
  4674.  
  4675.        .search-modal {
  4676.            opacity: 0;
  4677.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  4678.            min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  4679.            height: 100%
  4680.        }
  4681.  
  4682.        .search-modal__content {
  4683.            display: flex;
  4684.            align-items: center;
  4685.            justify-content: center;
  4686.            width: 100%;
  4687.            height: 100%;
  4688.            padding: 0 5rem 0 1rem;
  4689.            line-height: calc(1 + .8 / var(--font-body-scale));
  4690.            position: relative
  4691.        }
  4692.  
  4693.        .search-modal__content-bottom {
  4694.            bottom: calc((var(--inputs-margin-offset) / 2))
  4695.        }
  4696.  
  4697.        .search-modal__content-top {
  4698.            top: calc((var(--inputs-margin-offset) / 2))
  4699.        }
  4700.  
  4701.        .search-modal__form {
  4702.            width: 100%
  4703.        }
  4704.  
  4705.        .search-modal__close-button {
  4706.            position: absolute;
  4707.            right: .3rem
  4708.        }
  4709.  
  4710.        @media screen and (min-width: 750px) {
  4711.            .search-modal__close-button {
  4712.                right: 1rem
  4713.            }
  4714.  
  4715.            .search-modal__content {
  4716.                padding: 0 6rem
  4717.            }
  4718.        }
  4719.  
  4720.        @media screen and (min-width: 990px) {
  4721.            .search-modal__form {
  4722.                max-width: 74.2rem
  4723.            }
  4724.  
  4725.            .search-modal__close-button {
  4726.                position: initial;
  4727.                margin-left: .5rem
  4728.            }
  4729.        }
  4730.  
  4731.        .header__icon--menu .icon {
  4732.            display: block;
  4733.            position: absolute;
  4734.            opacity: 1;
  4735.            transform: scale(1);
  4736.            transition: transform .15s ease, opacity .15s ease
  4737.        }
  4738.  
  4739.        details:not([open])>.header__icon--menu .icon-close,
  4740.        details[open]>.header__icon--menu .icon-hamburger {
  4741.            visibility: hidden;
  4742.            opacity: 0;
  4743.            transform: scale(.8)
  4744.        }
  4745.  
  4746.        .js details[open]:not(.menu-opening)>.header__icon--menu .icon-close {
  4747.            visibility: hidden
  4748.        }
  4749.  
  4750.        .js details[open]:not(.menu-opening)>.header__icon--menu .icon-hamburger {
  4751.            visibility: visible;
  4752.            opacity: 1;
  4753.            transform: scale(1.07)
  4754.        }
  4755.  
  4756.        .js details>.header__submenu {
  4757.            opacity: 0;
  4758.            transform: translateY(-1.5rem)
  4759.        }
  4760.  
  4761.        details[open]>.header__submenu {
  4762.            animation: animateMenuOpen var(--duration-default) ease;
  4763.            animation-fill-mode: forwards;
  4764.            z-index: 1
  4765.        }
  4766.  
  4767.        @media (prefers-reduced-motion) {
  4768.            details[open]>.header__submenu {
  4769.                opacity: 1;
  4770.                transform: translateY(0)
  4771.            }
  4772.        }
  4773.  
  4774.        .header__inline-menu {
  4775.            margin-left: -1.2rem;
  4776.            grid-area: navigation;
  4777.            display: none
  4778.        }
  4779.  
  4780.        .header--top-center .header__inline-menu,
  4781.        .header--top-center .header__heading-link {
  4782.            margin-left: 0
  4783.        }
  4784.  
  4785.        @media screen and (min-width: 990px) {
  4786.            .header__inline-menu {
  4787.                display: block
  4788.            }
  4789.  
  4790.            .header--top-center .header__inline-menu {
  4791.                justify-self: center
  4792.            }
  4793.  
  4794.            .header--top-center .header__inline-menu>.list-menu--inline {
  4795.                justify-content: center
  4796.            }
  4797.  
  4798.            .header--middle-left .header__inline-menu {
  4799.                margin-left: 0
  4800.            }
  4801.        }
  4802.  
  4803.        .header__menu {
  4804.            padding: 0 1rem
  4805.        }
  4806.  
  4807.        .header__menu-item {
  4808.            padding: 1.2rem;
  4809.            text-decoration: none;
  4810.            color: rgba(var(--color-foreground), .75)
  4811.        }
  4812.  
  4813.        .header__menu-item:hover {
  4814.            color: rgb(var(--color-foreground))
  4815.        }
  4816.  
  4817.        .header__menu-item span {
  4818.            transition: text-decoration var(--duration-short) ease
  4819.        }
  4820.  
  4821.        .header__menu-item:hover span {
  4822.            text-decoration: underline;
  4823.            text-underline-offset: .3rem
  4824.        }
  4825.  
  4826.        details[open]>.header__menu-item {
  4827.            text-decoration: underline
  4828.        }
  4829.  
  4830.        details[open]:hover>.header__menu-item {
  4831.            text-decoration-thickness: .2rem
  4832.        }
  4833.  
  4834.        details[open]>.header__menu-item .icon-caret {
  4835.            transform: rotate(180deg)
  4836.        }
  4837.  
  4838.        .header__active-menu-item {
  4839.            transition: text-decoration-thickness var(--duration-short) ease;
  4840.            color: rgb(var(--color-foreground));
  4841.            text-decoration: underline;
  4842.            text-underline-offset: .3rem
  4843.        }
  4844.  
  4845.        .header__menu-item:hover .header__active-menu-item {
  4846.            text-decoration-thickness: .2rem
  4847.        }
  4848.  
  4849.        .header__submenu {
  4850.            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease
  4851.        }
  4852.  
  4853.        .global-settings-popup,
  4854.        .header__submenu.global-settings-popup {
  4855.            border-radius: var(--popup-corner-radius);
  4856.            border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  4857.            border-style: solid;
  4858.            border-width: var(--popup-border-width);
  4859.            box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  4860.            z-index: -1
  4861.        }
  4862.  
  4863.        .header__submenu.list-menu {
  4864.            padding: 1rem 0
  4865.        }
  4866.  
  4867.        .header__submenu .header__submenu {
  4868.            background-color: rgba(var(--color-foreground), .03);
  4869.            padding: 1rem 0;
  4870.            margin: 1rem 0
  4871.        }
  4872.  
  4873.        .header__submenu .header__menu-item:after {
  4874.            right: 2rem
  4875.        }
  4876.  
  4877.        .header__submenu .header__menu-item {
  4878.            justify-content: space-between;
  4879.            padding: .8rem 2rem
  4880.        }
  4881.  
  4882.        .header__submenu .header__menu-item:hover {
  4883.            text-decoration-line: underline
  4884.        }
  4885.  
  4886.        .header__menu-item .icon-caret {
  4887.            right: .8rem
  4888.        }
  4889.  
  4890.        .header__submenu .icon-caret {
  4891.            flex-shrink: 0;
  4892.            margin-left: 1rem;
  4893.            position: static
  4894.        }
  4895.  
  4896.        header-menu>details,
  4897.        details-disclosure>details {
  4898.            position: relative
  4899.        }
  4900.  
  4901.        @keyframes animateMenuOpen {
  4902.            0% {
  4903.                opacity: 0;
  4904.                transform: translateY(-1.5rem)
  4905.            }
  4906.  
  4907.            to {
  4908.                opacity: 1;
  4909.                transform: translateY(0)
  4910.            }
  4911.        }
  4912.  
  4913.        .overflow-hidden-mobile,
  4914.        .overflow-hidden-tablet,
  4915.        .overflow-hidden-desktop {
  4916.            overflow: hidden
  4917.        }
  4918.  
  4919.        @media screen and (min-width: 750px) {
  4920.            .overflow-hidden-mobile {
  4921.                overflow: auto
  4922.            }
  4923.        }
  4924.  
  4925.        @media screen and (min-width: 990px) {
  4926.            .overflow-hidden-tablet {
  4927.                overflow: auto
  4928.            }
  4929.        }
  4930.  
  4931.        .badge {
  4932.            border: 1px solid transparent;
  4933.            border-radius: var(--badge-corner-radius);
  4934.            display: inline-block;
  4935.            font-size: 1.2rem;
  4936.            letter-spacing: .1rem;
  4937.            line-height: 1;
  4938.            padding: .5rem 1.3rem .6rem;
  4939.            text-align: center;
  4940.            background-color: rgb(var(--color-badge-background));
  4941.            border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  4942.            color: rgb(var(--color-badge-foreground));
  4943.            word-break: break-word
  4944.        }
  4945.  
  4946.        .gradient {
  4947.            background: rgb(var(--color-background));
  4948.            background: var(--gradient-background);
  4949.            background-attachment: fixed
  4950.        }
  4951.  
  4952.        @media screen and (forced-colors: active) {
  4953.            .icon {
  4954.                color: CanvasText;
  4955.                fill: CanvasText !important
  4956.            }
  4957.  
  4958.            .icon-close-small path {
  4959.                stroke: CanvasText
  4960.            }
  4961.        }
  4962.  
  4963.        .ratio {
  4964.            display: flex;
  4965.            position: relative;
  4966.            align-items: stretch
  4967.        }
  4968.  
  4969.        .ratio:before {
  4970.            content: "";
  4971.            width: 0;
  4972.            height: 0;
  4973.            padding-bottom: var(--ratio-percent)
  4974.        }
  4975.  
  4976.        .content-container {
  4977.            border-radius: var(--text-boxes-radius);
  4978.            border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  4979.            position: relative
  4980.        }
  4981.  
  4982.        .content-container:after {
  4983.            content: "";
  4984.            position: absolute;
  4985.            top: calc(var(--text-boxes-border-width) * -1);
  4986.            right: calc(var(--text-boxes-border-width) * -1);
  4987.            bottom: calc(var(--text-boxes-border-width) * -1);
  4988.            left: calc(var(--text-boxes-border-width) * -1);
  4989.            border-radius: var(--text-boxes-radius);
  4990.            box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  4991.            z-index: -1
  4992.        }
  4993.  
  4994.        .content-container--full-width:after {
  4995.            left: 0;
  4996.            right: 0;
  4997.            border-radius: 0
  4998.        }
  4999.  
  5000.        @media screen and (max-width: 749px) {
  5001.            .content-container--full-width-mobile {
  5002.                border-left: none;
  5003.                border-right: none;
  5004.                border-radius: 0
  5005.            }
  5006.  
  5007.            .content-container--full-width-mobile:after {
  5008.                display: none
  5009.            }
  5010.        }
  5011.  
  5012.        .global-media-settings {
  5013.            position: relative;
  5014.            border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  5015.            border-radius: var(--media-radius);
  5016.            overflow: visible !important;
  5017.            background-color: rgb(var(--color-background))
  5018.        }
  5019.  
  5020.        .global-media-settings:after {
  5021.            content: "";
  5022.            position: absolute;
  5023.            top: calc(var(--media-border-width) * -1);
  5024.            right: calc(var(--media-border-width) * -1);
  5025.            bottom: calc(var(--media-border-width) * -1);
  5026.            left: calc(var(--media-border-width) * -1);
  5027.            border-radius: var(--media-radius);
  5028.            box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  5029.            z-index: -1;
  5030.            pointer-events: none
  5031.        }
  5032.  
  5033.        .global-media-settings--no-shadow {
  5034.            overflow: hidden !important
  5035.        }
  5036.  
  5037.        .global-media-settings--no-shadow:after {
  5038.            content: none
  5039.        }
  5040.  
  5041.        .global-media-settings img,
  5042.        .global-media-settings iframe,
  5043.        .global-media-settings model-viewer,
  5044.        .global-media-settings video,
  5045.        .global-media-settings .placeholder-svg {
  5046.            border-radius: calc(var(--media-radius) - var(--media-border-width))
  5047.        }
  5048.  
  5049.        .content-container--full-width,
  5050.        .global-media-settings--full-width,
  5051.        .global-media-settings--full-width img,
  5052.        .global-media-settings--full-width video,
  5053.        .global-media-settings--full-width iframe,
  5054.        .global-media-settings--full-width .placeholder-svg {
  5055.            border-radius: 0;
  5056.            border-left: none;
  5057.            border-right: none
  5058.        }
  5059.  
  5060.        @supports not (inset: 10px) {
  5061.            .grid {
  5062.                margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing))
  5063.            }
  5064.  
  5065.            .grid__item {
  5066.                padding-left: var(--grid-mobile-horizontal-spacing);
  5067.                padding-bottom: var(--grid-mobile-vertical-spacing)
  5068.            }
  5069.  
  5070.            @media screen and (min-width: 750px) {
  5071.                .grid {
  5072.                    margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  5073.                }
  5074.  
  5075.                .grid__item {
  5076.                    padding-left: var(--grid-desktop-horizontal-spacing);
  5077.                    padding-bottom: var(--grid-desktop-vertical-spacing)
  5078.                }
  5079.            }
  5080.  
  5081.            .grid--gapless .grid__item {
  5082.                padding-left: 0;
  5083.                padding-bottom: 0
  5084.            }
  5085.  
  5086.            @media screen and (min-width: 749px) {
  5087.                .grid--peek .grid__item {
  5088.                    padding-left: var(--grid-mobile-horizontal-spacing)
  5089.                }
  5090.            }
  5091.  
  5092.            .product-grid .grid__item {
  5093.                padding-bottom: var(--grid-mobile-vertical-spacing)
  5094.            }
  5095.  
  5096.            @media screen and (min-width: 750px) {
  5097.                .product-grid .grid__item {
  5098.                    padding-bottom: var(--grid-desktop-vertical-spacing)
  5099.                }
  5100.            }
  5101.        }
  5102.  
  5103.        .font-body-bold {
  5104.            font-weight: var(--font-body-weight-bold)
  5105.        }
  5106.  
  5107.        @media (forced-colors: active) {
  5108.  
  5109.            .button,
  5110.            .shopify-challenge__button,
  5111.            .customer button {
  5112.                border: transparent solid 1px
  5113.            }
  5114.  
  5115.            .button:focus-visible,
  5116.            .button:focus,
  5117.            .button.focused,
  5118.            .shopify-payment-button__button--unbranded:focus-visible,
  5119.            .shopify-payment-button [role=button]:focus-visible,
  5120.            .shopify-payment-button__button--unbranded:focus,
  5121.            .shopify-payment-button [role=button]:focus {
  5122.                outline: solid transparent 1px
  5123.            }
  5124.  
  5125.            .field__input:focus,
  5126.            .select__select:focus,
  5127.            .customer .field input:focus,
  5128.            .customer select:focus,
  5129.            .localization-form__select:focus.localization-form__select:after {
  5130.                outline: transparent solid 1px
  5131.            }
  5132.  
  5133.            .localization-form__select:focus {
  5134.                outline: transparent solid 1px
  5135.            }
  5136.        }
  5137.  
  5138.        .rte:after {
  5139.            clear: both;
  5140.            content: "";
  5141.            display: block
  5142.        }
  5143.  
  5144.        .rte>*:first-child {
  5145.            margin-top: 0
  5146.        }
  5147.  
  5148.        .rte>*:last-child {
  5149.            margin-bottom: 0
  5150.        }
  5151.  
  5152.        .rte table {
  5153.            table-layout: fixed
  5154.        }
  5155.  
  5156.        @media screen and (min-width: 750px) {
  5157.            .rte table td {
  5158.                padding-left: 1.2rem;
  5159.                padding-right: 1.2rem
  5160.            }
  5161.        }
  5162.  
  5163.        .rte img {
  5164.            height: auto;
  5165.            max-width: 100%;
  5166.            border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  5167.            border-radius: var(--media-radius);
  5168.            box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
  5169.            margin-bottom: var(--media-shadow-vertical-offset)
  5170.        }
  5171.  
  5172.        .rte ul,
  5173.        .rte ol {
  5174.            list-style-position: inside;
  5175.            padding-left: 2rem
  5176.        }
  5177.  
  5178.        .rte li {
  5179.            list-style: inherit
  5180.        }
  5181.  
  5182.        .rte li:last-child {
  5183.            margin-bottom: 0
  5184.        }
  5185.  
  5186.        .rte a {
  5187.            color: rgba(var(--color-link), var(--alpha-link));
  5188.            text-underline-offset: .3rem;
  5189.            text-decoration-thickness: .1rem;
  5190.            transition: text-decoration-thickness var(--duration-short) ease
  5191.        }
  5192.  
  5193.        .rte a:hover {
  5194.            color: rgb(var(--color-link));
  5195.            text-decoration-thickness: .2rem
  5196.        }
  5197.  
  5198.        .rte blockquote {
  5199.            display: inline-flex
  5200.        }
  5201.  
  5202.        .rte blockquote>* {
  5203.            margin: -.5rem 0
  5204.        }
  5205.  
  5206.        .shape--mask {
  5207.            display: block;
  5208.            height: 0;
  5209.            width: 0
  5210.        }
  5211.  
  5212.        .shape--arch {
  5213.            clip-path: url(#Shape-Arch)
  5214.        }
  5215.  
  5216.        .shape--blob {
  5217.            clip-path: polygon(var(--shape--blob-1))
  5218.        }
  5219.  
  5220.        .shape--chevronleft {
  5221.            clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%)
  5222.        }
  5223.  
  5224.        .shape--chevronright {
  5225.            clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%)
  5226.        }
  5227.  
  5228.        .shape--circle {
  5229.            clip-path: circle(closest-side)
  5230.        }
  5231.  
  5232.        .shape--diamond {
  5233.            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
  5234.        }
  5235.  
  5236.        .shape--parallelogram {
  5237.            clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%)
  5238.        }
  5239.  
  5240.        .shape--round {
  5241.            clip-path: ellipse(45% 45% at 50% 50%)
  5242.        }
  5243.  
  5244.        .animate--fixed {
  5245.            clip-path: inset(0)
  5246.        }
  5247.  
  5248.        .animate--fixed>img:not(.zoom):not(.deferred-media__poster-button),
  5249.        .animate--fixed>svg:not(.zoom):not(.deferred-media__poster-button) {
  5250.            position: fixed;
  5251.            height: 100vh
  5252.        }
  5253.  
  5254.        .animate--zoom-in {
  5255.            --zoom-in-ratio: 1
  5256.        }
  5257.  
  5258.        .animate--zoom-in>img,
  5259.        .animate--zoom-in>svg {
  5260.            transition: scale var(--duration-short) linear;
  5261.            scale: var(--zoom-in-ratio)
  5262.        }
  5263.  
  5264.        @media (prefers-reduced-motion: no-preference) {
  5265.  
  5266.            .animate--ambient>img,
  5267.            .animate--ambient>svg {
  5268.                animation: animateAmbient 30s linear infinite
  5269.            }
  5270.  
  5271.            @keyframes animateAmbient {
  5272.                0% {
  5273.                    transform: rotate(0) translate(1em) rotate(0) scale(1.2)
  5274.                }
  5275.  
  5276.                to {
  5277.                    transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)
  5278.                }
  5279.            }
  5280.  
  5281.            .scroll-trigger.animate--fade-in,
  5282.            .scroll-trigger.animate--slide-in {
  5283.                opacity: .01
  5284.            }
  5285.  
  5286.            .scroll-trigger.animate--slide-in {
  5287.                transform: translateY(2rem)
  5288.            }
  5289.  
  5290.            .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
  5291.                opacity: 1;
  5292.                animation: var(--animation-fade-in)
  5293.            }
  5294.  
  5295.            .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
  5296.                animation: var(--animation-slide-in);
  5297.                animation-delay: calc(var(--animation-order) * 75ms)
  5298.            }
  5299.  
  5300.            .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  5301.            .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  5302.            .scroll-trigger.scroll-trigger--design-mode .slider,
  5303.            .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
  5304.                opacity: 1;
  5305.                animation: none;
  5306.                transition: none
  5307.            }
  5308.  
  5309.            .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
  5310.                transform: translateY(0)
  5311.            }
  5312.  
  5313.            @keyframes slideIn {
  5314.                0% {
  5315.                    transform: translateY(2rem);
  5316.                    opacity: .01
  5317.                }
  5318.  
  5319.                to {
  5320.                    transform: translateY(0);
  5321.                    opacity: 1
  5322.                }
  5323.            }
  5324.  
  5325.            @keyframes fadeIn {
  5326.                0% {
  5327.                    opacity: .01
  5328.                }
  5329.  
  5330.                to {
  5331.                    opacity: 1
  5332.                }
  5333.            }
  5334.        }
  5335.  
  5336.        @media (prefers-reduced-motion: no-preference) and (hover: hover) {
  5337.  
  5338.            .animate--hover-3d-lift .card-wrapper .card--card,
  5339.            .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  5340.            .animate--hover-3d-lift .button:not(.button--tertiary),
  5341.            .animate--hover-3d-lift .shopify-challenge__button,
  5342.            .animate--hover-3d-lift .customer button,
  5343.            .animate--hover-3d-lift .shopify-payment-button__button,
  5344.            .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
  5345.                transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
  5346.                transform-origin: center
  5347.            }
  5348.  
  5349.            .animate--hover-3d-lift .card-wrapper:hover .card--card,
  5350.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  5351.            .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  5352.            .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  5353.            .animate--hover-3d-lift .customer button:not([disabled]):hover,
  5354.            .animate--hover-3d-lift .shopify-payment-button__button:hover,
  5355.            .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
  5356.                transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease;
  5357.                transform: rotate(1deg);
  5358.                box-shadow: -1rem -1rem 1rem -1rem #0000000d, 1rem 1rem 1rem -1rem #0000000d, 0 0 .5rem #fff0, 0 2rem 3.5rem -2rem #00000080
  5359.            }
  5360.  
  5361.            .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
  5362.                transform: translate(-50%, -50%) scale(1.05)
  5363.            }
  5364.  
  5365.            .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  5366.            .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
  5367.                transform: rotate(.5deg)
  5368.            }
  5369.  
  5370.            .animate--hover-3d-lift .product-grid .grid__item:hover,
  5371.            .animate--hover-3d-lift .collection-list .grid__item:hover,
  5372.            .animate--hover-3d-lift .collage__item:hover,
  5373.            .animate--hover-3d-lift .blog-articles .article:hover,
  5374.            .animate--hover-3d-lift .complementary-slide li:hover {
  5375.                z-index: 2
  5376.            }
  5377.  
  5378.            .animate--hover-3d-lift .product-grid {
  5379.                isolation: isolate
  5380.            }
  5381.  
  5382.            .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
  5383.                box-shadow: none;
  5384.                transition: transform var(--duration-long) ease, filter var(--duration-long) ease
  5385.            }
  5386.  
  5387.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
  5388.                transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease;
  5389.                filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, .15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, .15))
  5390.            }
  5391.  
  5392.            .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  5393.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  5394.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
  5395.                background-image: var(--easter-egg);
  5396.                background-size: 250px 250px;
  5397.                mix-blend-mode: color-dodge;
  5398.                pointer-events: none;
  5399.                z-index: 2
  5400.            }
  5401.  
  5402.            .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner .card__media:before {
  5403.                content: "";
  5404.                position: absolute;
  5405.                top: 0;
  5406.                bottom: 0;
  5407.                left: 0;
  5408.                right: 0
  5409.            }
  5410.  
  5411.            .animate--hover-3d-lift .card-wrapper .card--card:before,
  5412.            .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
  5413.                content: "";
  5414.                position: absolute;
  5415.                top: 0;
  5416.                right: 0;
  5417.                bottom: 0;
  5418.                left: 0;
  5419.                opacity: 0;
  5420.                pointer-events: none;
  5421.                transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
  5422.                mix-blend-mode: overlay;
  5423.                background-size: 400% 100%;
  5424.                background-position: 90% 0;
  5425.                background-repeat: no-repeat;
  5426.                background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 55%)
  5427.            }
  5428.  
  5429.            .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  5430.            .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
  5431.                opacity: .2;
  5432.                transition: background-position 6s ease, opacity var(--duration-long) ease;
  5433.                background-position: left;
  5434.                z-index: 2
  5435.            }
  5436.  
  5437.            :root {
  5438.                --easter-egg: none;
  5439.                --sparkle: url(sparkle.gif)
  5440.            }
  5441.  
  5442.            .animate--hover-vertical-lift .button:not(.button--tertiary),
  5443.            .animate--hover-vertical-lift .shopify-challenge__button,
  5444.            .animate--hover-vertical-lift .customer button,
  5445.            .animate--hover-vertical-lift .shopify-payment-button__button {
  5446.                transition: transform var(--duration-default) var(--ease-out-slow)
  5447.            }
  5448.  
  5449.            .animate--hover-vertical-lift .card-wrapper .card--card,
  5450.            .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
  5451.                transition: transform var(--duration-medium) var(--ease-out-slow)
  5452.            }
  5453.  
  5454.            .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  5455.            .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
  5456.                transform: translateY(-.75rem)
  5457.            }
  5458.  
  5459.            .animate--hover-vertical-lift .card-wrapper:active .card--card,
  5460.            .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
  5461.                transform: translateY(-.5rem)
  5462.            }
  5463.  
  5464.            .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  5465.            .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  5466.            .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  5467.            .animate--hover-vertical-lift .shopify-payment-button__button:hover {
  5468.                transform: translateY(-.25rem)
  5469.            }
  5470.  
  5471.            .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  5472.            .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  5473.            .animate--hover-vertical-lift .customer button:not([disabled]):active,
  5474.            .animate--hover-vertical-lift .shopify-payment-button__button:active {
  5475.                transform: translateY(0)
  5476.            }
  5477.  
  5478.            .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  5479.            .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  5480.            .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
  5481.                --border-offset: .3px;
  5482.                box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background))
  5483.            }
  5484.  
  5485.            .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
  5486.                --border-offset: 0px
  5487.            }
  5488.        }
  5489.    </style>
  5490.    <link rel="preload" as="font"
  5491.        href="https://illuzia.net/cdn/fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=2ddb1e040059f191fdb3e184199ec4bc383d5aa55a6213bf798372c9da87d664"
  5492.        type="font/woff2" crossorigin>
  5493.    <link rel="preload" as="font"
  5494.        href="https://illuzia.net/cdn/fonts/archivo/archivo_n7.6f363ab30b12ea00d5e6243ed0e977a11393a3ad.woff2?h1=N2ViNWQ0LTMuYWNjb3VudC5teXNob3BpZnkuY29t&amp;h2=eHh4LmRlcm1hYmxlbmQuY29t&amp;hmac=6cc30ef697b84bb8f7f3bf9979eb1a3b3e1410751b95cc93dce027cd0262d372"
  5495.        type="font/woff2" crossorigin>
  5496.    <style>
  5497.        .predictive-search {
  5498.            display: none;
  5499.            position: absolute;
  5500.            top: calc(100% + .1rem);
  5501.            left: -.1rem;
  5502.            border-width: var(--popup-border-width);
  5503.            border-style: solid;
  5504.            border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  5505.            background-color: rgb(var(--color-background));
  5506.            z-index: 3;
  5507.            border-bottom-right-radius: var(--popup-corner-radius);
  5508.            border-bottom-left-radius: var(--popup-corner-radius);
  5509.            box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  5510.            overflow-y: auto;
  5511.            -webkit-overflow-scrolling: touch
  5512.        }
  5513.  
  5514.        .predictive-search--search-template {
  5515.            z-index: 2;
  5516.            width: calc(100% + .2rem)
  5517.        }
  5518.  
  5519.        .predictive-search__results-groups-wrapper {
  5520.            display: flex;
  5521.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  5522.            padding-bottom: 1rem
  5523.        }
  5524.  
  5525.        @media screen and (max-width: 749px) {
  5526.            .predictive-search--header {
  5527.                right: 0;
  5528.                left: 0;
  5529.                top: 100%
  5530.            }
  5531.  
  5532.            .predictive-search__results-groups-wrapper {
  5533.                flex-direction: column
  5534.            }
  5535.  
  5536.            .predictive-search__results-groups-wrapper:not(.predictive-search__results-groups-wrapper--no-suggestions) {
  5537.                gap: 2rem
  5538.            }
  5539.        }
  5540.  
  5541.        @media screen and (min-width: 750px) {
  5542.            .predictive-search {
  5543.                border-top: none;
  5544.                width: calc(100% + .2rem)
  5545.            }
  5546.  
  5547.            .header predictive-search {
  5548.                position: relative
  5549.            }
  5550.        }
  5551.  
  5552.        predictive-search[open] .predictive-search,
  5553.        predictive-search[loading] .predictive-search {
  5554.            display: block
  5555.        }
  5556.  
  5557.        .predictive-search__result-group {
  5558.            display: flex;
  5559.            flex-direction: column;
  5560.            flex: 1 1 auto;
  5561.            gap: 2rem
  5562.        }
  5563.  
  5564.        .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  5565.            display: none
  5566.        }
  5567.  
  5568.        @media screen and (min-width: 750px) {
  5569.  
  5570.            .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),
  5571.            .predictive-search__result-group:last-child .predictive-search__pages-wrapper {
  5572.                display: none
  5573.            }
  5574.  
  5575.            .predictive-search__result-group:first-child .predictive-search__pages-wrapper {
  5576.                display: initial
  5577.            }
  5578.  
  5579.            .predictive-search__result-group:first-child {
  5580.                flex: 0 0 26.4rem
  5581.            }
  5582.  
  5583.            .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,
  5584.            .predictive-search__result-group:only-child {
  5585.                flex-grow: 1
  5586.            }
  5587.        }
  5588.  
  5589.        .predictive-search__heading {
  5590.            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  5591.            margin: 0 2rem;
  5592.            padding: 1.5rem 0 .75rem;
  5593.            color: rgba(var(--color-foreground), .7)
  5594.        }
  5595.  
  5596.        predictive-search .spinner {
  5597.            width: 1.5rem;
  5598.            height: 1.5rem;
  5599.            line-height: 0
  5600.        }
  5601.  
  5602.        predictive-search:not([loading]) .predictive-search__loading-state,
  5603.        predictive-search:not([loading]) .predictive-search-status__loading {
  5604.            display: none
  5605.        }
  5606.  
  5607.        predictive-search[loading] .predictive-search__loading-state {
  5608.            display: flex;
  5609.            justify-content: center;
  5610.            padding: 1rem
  5611.        }
  5612.  
  5613.        predictive-search[loading] .predictive-search__search-for-button {
  5614.            display: none
  5615.        }
  5616.  
  5617.        predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state {
  5618.            display: none
  5619.        }
  5620.  
  5621.        predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button {
  5622.            display: initial
  5623.        }
  5624.  
  5625.        .predictive-search__list-item[aria-selected=true]>*,
  5626.        .predictive-search__list-item:hover>*,
  5627.        .predictive-search__item[aria-selected=true],
  5628.        .predictive-search__item:hover {
  5629.            color: rgb(var(--color-foreground));
  5630.            background-color: rgba(var(--color-foreground), .04)
  5631.        }
  5632.  
  5633.        .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,
  5634.        .predictive-search__list-item:hover .predictive-search__item-heading {
  5635.            text-decoration: underline;
  5636.            text-underline-offset: .3rem
  5637.        }
  5638.  
  5639.        .predictive-search__item {
  5640.            display: flex;
  5641.            padding: 1rem 2rem;
  5642.            text-align: left;
  5643.            text-decoration: none;
  5644.            width: 100%
  5645.        }
  5646.  
  5647.        .predictive-search__item--link-with-thumbnail {
  5648.            display: grid;
  5649.            grid-template-columns: 5rem 1fr;
  5650.            grid-column-gap: 2rem;
  5651.            grid-template-areas: "product-image product-content"
  5652.        }
  5653.  
  5654.        .predictive-search__item-content {
  5655.            grid-area: product-content;
  5656.            display: flex;
  5657.            flex-direction: column
  5658.        }
  5659.  
  5660.        .predictive-search__item-content--centered {
  5661.            justify-content: center
  5662.        }
  5663.  
  5664.        .predictive-search__item-vendor {
  5665.            font-size: .9rem
  5666.        }
  5667.  
  5668.        .predictive-search__item-heading {
  5669.            margin: 0
  5670.        }
  5671.  
  5672.        .predictive-search__item-query-result *:not(mark) {
  5673.            font-weight: bolder
  5674.        }
  5675.  
  5676.        .predictive-search__item-query-result mark {
  5677.            color: rgba(var(--color-foreground), .75)
  5678.        }
  5679.  
  5680.        .predictive-search__item-query-result mark {
  5681.            background-color: transparent
  5682.        }
  5683.  
  5684.        .predictive-search__item .price {
  5685.            color: rgba(var(--color-foreground), .7);
  5686.            font-size: 1.2rem
  5687.        }
  5688.  
  5689.        .predictive-search__item-vendor+.predictive-search__item-heading,
  5690.        .predictive-search .price {
  5691.            margin-top: .5rem
  5692.        }
  5693.  
  5694.        .predictive-search__item--term {
  5695.            justify-content: space-between;
  5696.            align-items: center;
  5697.            padding: 1.3rem 2rem;
  5698.            word-break: break-all;
  5699.            line-height: calc(1 + .4 / var(--font-body-scale))
  5700.        }
  5701.  
  5702.        @media screen and (min-width: 750px) {
  5703.            .predictive-search__item--term {
  5704.                padding-top: 1rem;
  5705.                padding-bottom: 1rem
  5706.            }
  5707.        }
  5708.  
  5709.        .predictive-search__item--term .icon-arrow {
  5710.            width: calc(var(--font-heading-scale) * 1.4rem);
  5711.            height: calc(var(--font-heading-scale) * 1.4rem);
  5712.            flex-shrink: 0;
  5713.            margin-left: calc(var(--font-heading-scale) * 2rem);
  5714.            color: rgb(var(--color-link))
  5715.        }
  5716.  
  5717.        .predictive-search__image {
  5718.            grid-area: product-image;
  5719.            object-fit: contain;
  5720.            font-family: "object-fit: contain"
  5721.        }
  5722.    </style>
  5723.    <script>
  5724.        document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
  5725.        if (Shopify.designMode) {
  5726.            document.documentElement.classList.add('shopify-design-mode');
  5727.        }
  5728.    </script>
  5729.    <link href="https://monorail-edge.shopifysvc.com/" rel="dns-prefetch">
  5730.    <script>
  5731.        (function () {
  5732.            if ("sendBeacon" in navigator && "performance" in window) {
  5733.                var session_token = document.cookie.match(/_shopify_s=([^;]*)/);
  5734.  
  5735.                function handle_abandonment_event(e) {
  5736.                    var entries = performance.getEntries().filter(function (entry) {
  5737.                        return /monorail-edge.shopifysvc.com/.test(entry.name);
  5738.                    });
  5739.                    if (!window.abandonment_tracked && entries.length === 0) {
  5740.                        window.abandonment_tracked = true;
  5741.                        var currentMs = Date.now();
  5742.                        var navigation_start = performance.timing.navigationStart;
  5743.                        var payload = {
  5744.                            shop_id: 67119169539,
  5745.                            url: window.location.href,
  5746.                            navigation_start,
  5747.                            duration: currentMs - navigation_start,
  5748.                            session_token: session_token && session_token.length === 2 ? session_token[1] : "",
  5749.                            page_type: "product"
  5750.                        };
  5751.                        window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({
  5752.                            schema_id: "online_store_buyer_site_abandonment/1.1",
  5753.                            payload: payload,
  5754.                            metadata: {
  5755.                                event_created_at_ms: currentMs,
  5756.                                event_sent_at_ms: currentMs
  5757.                            }
  5758.                        }));
  5759.                    }
  5760.                }
  5761.                window.addEventListener('pagehide', handle_abandonment_event);
  5762.            }
  5763.        }());
  5764.    </script>
  5765.    <script id="web-pixels-manager-setup">
  5766.        (function e(e, n, a, t, o, r, i) {
  5767.            var s = null !== e,
  5768.                l = ("function" == typeof BigInt && BigInt.toString().indexOf("[native code]") ? "modern" : "legacy").substring(0, 1),
  5769.                c = t.substring(0, 1);
  5770.            if (s) {
  5771.                window.Shopify = window.Shopify || {};
  5772.                var d = window.Shopify;
  5773.                d.analytics = d.analytics || {};
  5774.                var u = d.analytics;
  5775.                u.replayQueue = [], u.publish = function (e, n, a) {
  5776.                    u.replayQueue.push([e, n, a])
  5777.                };
  5778.                try {
  5779.                    self.performance.mark("wpm:start")
  5780.                } catch (e) { }
  5781.            }
  5782.            var p, f, y, h, v, m, w, g, b, _ = [a, "/wpm", "https://illuzia.net/", c, r, l, ".js"].join("");
  5783.            f = (p = {
  5784.                src: _,
  5785.                async: !0,
  5786.                onload: function () {
  5787.                    if (e) {
  5788.                        var a = window.webPixelsManager.init(e);
  5789.                        null == n || n(a);
  5790.                        var t = window.Shopify.analytics;
  5791.                        t.replayQueue.forEach((function (e) {
  5792.                            var n = e[0],
  5793.                                t = e[1],
  5794.                                o = e[2];
  5795.                            a.publishCustomEvent(n, t, o)
  5796.                        })), t.replayQueue = [], t.publish = a.publishCustomEvent, t.visitor = a.visitor
  5797.                    }
  5798.                },
  5799.                onerror: function () {
  5800.                    var n = (null == e ? void 0 : e.storefrontBaseUrl) ? e.storefrontBaseUrl.replace(/\/$/, "") : self.location.origin,
  5801.                        a = "".concat(n, "/.well-known/shopify/monorail/unstable/produce_batch"),
  5802.                        t = JSON.stringify({
  5803.                            metadata: {
  5804.                                event_sent_at_ms: (new Date).getTime()
  5805.                            },
  5806.                            events: [{
  5807.                                schema_id: "web_pixels_manager_load/2.0",
  5808.                                payload: {
  5809.                                    version: o || "latest",
  5810.                                    page_url: self.location.href,
  5811.                                    status: "failed",
  5812.                                    error_msg: "".concat(_, " has failed to load")
  5813.                                },
  5814.                                metadata: {
  5815.                                    event_created_at_ms: (new Date).getTime()
  5816.                                }
  5817.                            }]
  5818.                        });
  5819.                    try {
  5820.                        if (self.navigator.sendBeacon.bind(self.navigator)(a, t)) return !0
  5821.                    } catch (e) { }
  5822.                    var r = new XMLHttpRequest;
  5823.                    try {
  5824.                        return r.open("POST.html", a, !0), r.setRequestHeader("Content-Type", "text/plain"), r.send(t), !0
  5825.                    } catch (e) {
  5826.                        console && console.warn && console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")
  5827.                    }
  5828.                    return !1
  5829.                }
  5830.            }).src, y = p.async, h = void 0 === y || y, v = p.onload, m = p.onerror, w = document.createElement("script"), g = document.head, b = document.body, w.async = h, w.src = f, v && w.addEventListener("load", v), m && w.addEventListener("error", m), g ? g.appendChild(w) : b ? b.appendChild(w) : console.error("Did not find a head or body element to append the script")
  5831.        })({
  5832.            shopId: 67119169539,
  5833.            storefrontBaseUrl: "https://illuzia.net/",
  5834.            cdnBaseUrl: "https://illuzia.net/cdn",
  5835.            surface: "storefront-renderer",
  5836.            enabledBetaFlags: ["web_pixels_async_pixel_refactor", "web_pixels_manager_performance_improvement"],
  5837.            webPixelsConfigList: [{
  5838.                "id": "shopify-app-pixel",
  5839.                "configuration": "{}",
  5840.                "eventPayloadVersion": "v1",
  5841.                "runtimeContext": "STRICT",
  5842.                "scriptVersion": "0570",
  5843.                "apiClientId": "shopify-pixel",
  5844.                "type": "APP"
  5845.            }, {
  5846.                "id": "shopify-custom-pixel",
  5847.                "eventPayloadVersion": "v1",
  5848.                "runtimeContext": "LAX",
  5849.                "scriptVersion": "0570",
  5850.                "apiClientId": "shopify-pixel",
  5851.                "type": "CUSTOM"
  5852.            }],
  5853.            initData: {
  5854.                "cart": null,
  5855.                "checkout": null,
  5856.                "customer": null,
  5857.                "productVariants": [{
  5858.                    "id": "43114192093653",
  5859.                    "image": {
  5860.                        "src": "https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"
  5861.                    },
  5862.                    "price": {
  5863.                        "amount": 10.000,
  5864.                        "currencyCode": "IDR"
  5865.                    },
  5866.                    "product": {
  5867.                        "id": "8226828321669",
  5868.                        "title": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  5869.                        "untranslatedTitle": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  5870.                        "url": "https://illuzia.net/",
  5871.                        "vendor": "KOITOTO",
  5872.                        "type": ""
  5873.                    },
  5874.                    "sku": "",
  5875.                    "title": "Default Title",
  5876.                    "untranslatedTitle": "Default Title"
  5877.                }]
  5878.            },
  5879.        }, function pageEvents(webPixelsManagerAPI) {
  5880.            webPixelsManagerAPI.publish("page_viewed");
  5881.            webPixelsManagerAPI.publish("product_viewed", {
  5882.                "productVariant": {
  5883.                    "id": "43114192093653",
  5884.                    "image": {
  5885.                        "src": "https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"
  5886.                    },
  5887.                    "price": {
  5888.                        "amount": 10.000,
  5889.                        "currencyCode": "IDR"
  5890.                    },
  5891.                    "product": {
  5892.                        "id": "8226828321669",
  5893.                        "title": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  5894.                        "untranslatedTitle": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  5895.                        "url": "https://illuzia.net/",
  5896.                        "vendor": "KOITOTO",
  5897.                        "type": ""
  5898.                    },
  5899.                    "sku": "",
  5900.                    "title": "Default Title",
  5901.                    "untranslatedTitle": "Default Title"
  5902.                }
  5903.            });
  5904.        }, "https://illuzia.net/cdn", "browser", "0.0.407", "f25882c1w423ab3d2p8df04b18m261f6c04", ["web_pixels_async_pixel_refactor", "web_pixels_manager_performance_improvement"]);
  5905.    </script>
  5906.    <script>
  5907.        window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  5908.        window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  5909.        window.ShopifyAnalytics.meta.currency = 'IDR';
  5910.        var meta = {
  5911.            "product": {
  5912.                "id": 8226828321669,
  5913.                "gid": "gid:\/\/shopify\/Product\/8226828321669",
  5914.                "vendor": "KOITOTO",
  5915.                "type": "",
  5916.                "variants": [{
  5917.                    "id": 43114192093653,
  5918.                    "price": 10.000,
  5919.                    "name": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  5920.                    "public_title": null,
  5921.                    "sku": ""
  5922.                }]
  5923.            },
  5924.            "page": {
  5925.                "pageType": "product",
  5926.                "resourceType": "product",
  5927.                "resourceId": 8226828321669
  5928.            }
  5929.        };
  5930.        for (var attr in meta) {
  5931.            window.ShopifyAnalytics.meta[attr] = meta[attr];
  5932.        }
  5933.    </script>
  5934.    <script>
  5935.        window.ShopifyAnalytics.merchantGoogleAnalytics = function () { };
  5936.    </script>
  5937.    <script class="analytics">
  5938.        ! function () {
  5939.            var o = function (e) {
  5940.                var t = null;
  5941.                window.jQuery ? t = window.jQuery : window.Checkout && window.Checkout.$ && (t = window.Checkout.$), t && t("body").append(e)
  5942.            },
  5943.                r = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  5944.            if (!r.integrations) {
  5945.                r.methods = ["identify", "page", "ready", "track", "trackForm", "trackLink"], r.factory = function (t) {
  5946.                    return function () {
  5947.                        var e = Array.prototype.slice.call(arguments);
  5948.                        return e.unshift(t), r.push(e), r
  5949.                    }
  5950.                };
  5951.                for (var e = 0; e < r.methods.length; e++) {
  5952.                    var t = r.methods[e];
  5953.                    r[t] = r.factory(t)
  5954.                }
  5955.                r.load = function (e) {
  5956.                    r.config = e || {}, r.config.initialDocumentCookie = document.cookie;
  5957.                    var n = document.getElementsByTagName("script")[0],
  5958.                        t = document.createElement("script");
  5959.                    t.type = "text/javascript", t.onerror = function (e) {
  5960.                        var t = document.createElement("script");
  5961.                        t.type = "text/javascript", t.onerror = function (e) {
  5962.                            var i = {
  5963.                                produce: function (e, t, n) {
  5964.                                    var o = (new Date).getTime(),
  5965.                                        r = {
  5966.                                            schema_id: t,
  5967.                                            payload: n,
  5968.                                            metadata: {
  5969.                                                event_created_at_ms: o,
  5970.                                                event_sent_at_ms: o
  5971.                                            }
  5972.                                        };
  5973.                                    return i.sendRequest("https://" + e + "/v1/produce", JSON.stringify(r))
  5974.                                },
  5975.                                sendRequest: function (e, t) {
  5976.                                    if (window && window.navigator && "function" == typeof window.navigator.sendBeacon && "function" == typeof window.Blob && !i.isIos12()) {
  5977.                                        var n = new window.Blob([t], {
  5978.                                            type: "text/plain"
  5979.                                        });
  5980.                                        if (window.navigator.sendBeacon(e, n)) return !0
  5981.                                    }
  5982.                                    var o = new XMLHttpRequest;
  5983.                                    try {
  5984.                                        o.open("POST.html", e), o.setRequestHeader("Content-Type", "text/plain"), o.send(t)
  5985.                                    } catch (e) {
  5986.                                        console.log(e)
  5987.                                    }
  5988.                                    return !1
  5989.                                },
  5990.                                isIos12: function () {
  5991.                                    return -1 !== window.navigator.userAgent.lastIndexOf("iPhone; CPU iPhone OS 12_") || -1 !== window.navigator.userAgent.lastIndexOf("iPad; CPU OS 12_")
  5992.                                }
  5993.                            };
  5994.                            i.produce("monorail-edge.shopifysvc.com", "trekkie_storefront_load_errors/1.1", {
  5995.                                shop_id: 67119169539,
  5996.                                theme_id: 138081403093,
  5997.                                app_name: "storefront",
  5998.                                context_url: window.location.href,
  5999.                                source_url: "//illuzia.net/cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js"
  6000.                            })
  6001.                        }, t.async = !0, t.src = "cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js", n.parentNode.insertBefore(t, n)
  6002.                    }, t.async = !0, t.src = "cdn/s/trekkie.storefront.cdbb3ab87b2344fc90b72e01ec11aedeab3a9cf7.min.js", n.parentNode.insertBefore(t, n)
  6003.                }, r.load({
  6004.                    Trekkie: {
  6005.                        appName: "storefront",
  6006.                        development: !1,
  6007.                        defaultAttributes: {
  6008.                            shopId: 67119169539,
  6009.                            isMerchantRequest: null,
  6010.                            themeId: 138081403093,
  6011.                            themeCityHash: "17813912158783281087",
  6012.                            contentLanguage: "en",
  6013.                            currency: "IDR"
  6014.                        },
  6015.                        isServerSideCookieWritingEnabled: !0,
  6016.                        monorailRegion: "shop_domain"
  6017.                    },
  6018.                    "Session Attribution": {},
  6019.                    S2S: {
  6020.                        facebookCapiEnabled: !1,
  6021.                        source: "trekkie-storefront-renderer"
  6022.                    }
  6023.                });
  6024.                var i = !1;
  6025.                r.ready(function () {
  6026.                    if (!i) {
  6027.                        i = !0, window.ShopifyAnalytics.lib = window.trekkie;
  6028.                        var e = document.write;
  6029.                        document.write = o;
  6030.                        try {
  6031.                            window.ShopifyAnalytics.merchantGoogleAnalytics.call(this)
  6032.                        } catch (e) { }
  6033.                        document.write = e, window.ShopifyAnalytics.lib.page(null, {
  6034.                            pageType: "product",
  6035.                            resourceType: "product",
  6036.                            resourceId: 8226828321669
  6037.                        });
  6038.                        var t = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/),
  6039.                            n = t ? t[1] : void 0;
  6040.                        (function (e) {
  6041.                            return !!e && -1 !== document.cookie.indexOf("loggedConversion=" + e)
  6042.                        })(n) || (function (e) {
  6043.                            if (e) {
  6044.                                var t = new Date(Date.now());
  6045.                                t.setMonth(t.getMonth() + 2), document.cookie = "loggedConversion=" + e + "; expires=" + t
  6046.                            }
  6047.                        }(n), window.ShopifyAnalytics.lib.track("Viewed Product", {
  6048.                            currency: "IDR",
  6049.                            variantId: 43114192093653,
  6050.                            productId: 8226828321669,
  6051.                            productGid: "gid://shopify/Product/8226828321669",
  6052.                            name: "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  6053.                            price: "10000.0",
  6054.                            sku: "",
  6055.                            brand: "KOITOTO",
  6056.                            variant: null,
  6057.                            category: "",
  6058.                            nonInteraction: !0
  6059.                        }), window.ShopifyAnalytics.lib.track("monorail://trekkie_storefront_viewed_product/1.1", {
  6060.                            currency: "IDR",
  6061.                            variantId: 43114192093653,
  6062.                            productId: 8226828321669,
  6063.                            productGid: "gid://shopify/Product/8226828321669",
  6064.                            name: "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  6065.                            price: "10000.0",
  6066.                            sku: "",
  6067.                            brand: "KOITOTO",
  6068.                            variant: null,
  6069.                            category: "",
  6070.                            nonInteraction: !0,
  6071.                            referer: "https://illuzia.net/"
  6072.                        }))
  6073.                    }
  6074.                });
  6075.                var n = document.createElement("script");
  6076.                n.async = !0, n.src = "cdn/shopifycloud/shopify/assets/shop_events_listener-a7c63dba65ccddc484f77541dc8ca437e60e1e9e297fe1c3faebf6523a0ede9b.js", document.getElementsByTagName("head")[0].appendChild(n)
  6077.            }
  6078.        }()
  6079.    </script>
  6080.    <script class="boomerang">
  6081.        ! function () {
  6082.            if (!window.BOOMR || !window.BOOMR.version && !window.BOOMR.snippetExecuted) {
  6083.                window.BOOMR = window.BOOMR || {}, window.BOOMR.snippetStart = (new Date).getTime(), window.BOOMR.snippetExecuted = !0, window.BOOMR.snippetVersion = 12, window.BOOMR.application = "storefront-renderer", window.BOOMR.themeName = "Refresh", window.BOOMR.themeVersion = "12.0.0", window.BOOMR.shopId = 67119169539, window.BOOMR.themeId = 138081403093, window.BOOMR.renderRegion = "gcp-us-central1", window.BOOMR.url = "cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  6084.                var r = (document.currentScript || document.getElementsByTagName("script")[0]).parentNode,
  6085.                    c = !1,
  6086.                    e = document.createElement("link");
  6087.                e.relList && "function" == typeof e.relList.supports && e.relList.supports("preload") && "as" in e ? (window.BOOMR.snippetMethod = "p", e.href = window.BOOMR.url, e.rel = "preload", e.as = "script", e.addEventListener("load", function () {
  6088.                    if (!c) {
  6089.                        var e = document.createElement("script");
  6090.                        e.id = "boomr-scr-as", e.src = window.BOOMR.url, e.async = !0, r.appendChild(e), c = !0
  6091.                    }
  6092.                }), e.addEventListener("error", function () {
  6093.                    n(!0)
  6094.                }), setTimeout(function () {
  6095.                    c || n(!0)
  6096.                }, 3e3), BOOMR_lstart = (new Date).getTime(), r.appendChild(e)) : n(!1), window.addEventListener ? window.addEventListener("load", t, !1) : window.attachEvent && window.attachEvent("onload", t), document.addEventListener ? document.addEventListener("onBoomerangLoaded", function (e) {
  6097.                    e.detail.BOOMR.init({
  6098.                        ResourceTiming: {
  6099.                            enabled: !0,
  6100.                            trackedResourceTypes: ["script", "img", "css"]
  6101.                        }
  6102.                    }), e.detail.BOOMR.t_end = (new Date).getTime()
  6103.                }) : document.attachEvent && document.attachEvent("onpropertychange", function (e) {
  6104.                    e || (e = event), "onBoomerangLoaded" === e.propertyName && (e.detail.BOOMR.init({
  6105.                        ResourceTiming: {
  6106.                            enabled: !0,
  6107.                            trackedResourceTypes: ["script", "img", "css"]
  6108.                        }
  6109.                    }), e.detail.BOOMR.t_end = (new Date).getTime())
  6110.                })
  6111.            }
  6112.  
  6113.            function n(e) {
  6114.                var n, t, o, i;
  6115.                c = !0;
  6116.                var d = document,
  6117.                    a = window;
  6118.                if (window.BOOMR.snippetMethod = e ? "if" : "i", t = function (e, n) {
  6119.                    var t = d.createElement("script");
  6120.                    t.id = n || "boomr-if-as", t.src = window.BOOMR.url, BOOMR_lstart = (new Date).getTime(), (e = e || d.body).appendChild(t)
  6121.                }, !window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) return window.BOOMR.snippetMethod = "s", void t(r, "boomr-async");
  6122.                (o = document.createElement("IFRAME")).src = "about:blank", o.title = "", o.role = "presentation", o.loading = "eager", (i = (o.frameElement || o).style).width = 0, i.height = 0, i.border = 0, i.display = "none", r.appendChild(o);
  6123.                try {
  6124.                    a = o.contentWindow, d = a.document.open()
  6125.                } catch (e) {
  6126.                    n = document.domain, o.src = "javascript:var d=document.open();d.domain='" + n + "';void(0);", a = o.contentWindow, d = a.document.open()
  6127.                }
  6128.                n ? (d._boomrl = function () {
  6129.                    this.domain = n, t()
  6130.                }, d.write(" < body onload = 'document._boomrl();' > ")) : (a._boomrl = function () {
  6131.                    t()
  6132.                }, a.addEventListener ? a.addEventListener("load", a._boomrl, !1) : a.attachEvent && a.attachEvent("onload", a._boomrl)), d.close()
  6133.            }
  6134.  
  6135.            function t(e) {
  6136.                window.BOOMR_onload = e && e.timeStamp || (new Date).getTime()
  6137.            }
  6138.        }()
  6139.    </script>
  6140.    <script type="application/ld+json" class="yoast-schema-graph">
  6141.        {
  6142.        "@context":"https://schema.org",
  6143.        "@graph":[{"@type":"WebSite",
  6144.        "@id":"https://illuzia.net/",
  6145.        "url":"https://illuzia.net/",
  6146.        "name":"KOITOTO",
  6147.        "potentialAction":[{"@type":"SearchAction",
  6148.        "target":{"@type":"EntryPoint",
  6149.        "urlTemplate":"#?s={search_term_string}"},
  6150.        "query-input":"required name=search_term_string"}],
  6151.        "inLanguage":"id-ID"},{"@type":"CollectionPage",
  6152.        "@id":"##webpage",
  6153.        "url":"https://illuzia.net/",
  6154.        "name":"KOITOTO",
  6155.        "isPartOf":{"@id":"#website"},
  6156.        "description":"Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.",
  6157.        "breadcrumb":{"@id":"#breadcrumb"},
  6158.        "inLanguage":"id-ID",
  6159.        "potentialAction":[{"@type":"ReadAction",
  6160.        "target":["https://illuzia.net/"]}]},
  6161.        {"@type":"BreadcrumbList",
  6162.        "@id":"#breadcrumb",
  6163.        "itemListElement":[{"@type":"ListItem",
  6164.        "position":1,
  6165.        "name":"Home"}]}]}
  6166.        </script>
  6167.    <script type="application/ld+json">
  6168.        {
  6169.        "@context": "http://schema.org",
  6170.        "@type": "Game",
  6171.        "name": "KOITOTO",
  6172.        "author": { "@type": "Person",
  6173.        "name": "KOITOTO" },
  6174.        "headline": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  6175.        "description": "Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.",
  6176.        "image": "https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg",
  6177.        "url": "https://illuzia.net/",
  6178.        "publisher": { "@type": "Organization", "name": "KOITOTO" },
  6179.        "aggregateRating": { "@type": "AggregateRating",
  6180.        "ratingValue": "100",
  6181.        "bestRating": "100",
  6182.        "worstRating": "0",
  6183.        "ratingCount": "10987881" },
  6184.        "inLanguage": "id-ID"}
  6185.        </script>
  6186.    <script type='application/ld+json'>
  6187.        {
  6188.        "@context": "http://schema.org",
  6189.        "@type": "Article",
  6190.        "@id": "#article",
  6191.        "mainEntityOfPage": "https://illuzia.net/",
  6192.        "headline": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  6193.        "name": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  6194.        "url": "https://illuzia.net/",
  6195.        "description": "Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.",
  6196.        "image": "https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg",
  6197.        "datePublished": "2024-07-08T10:42:40+00:00",
  6198.        "dateModified": "2024-07-08T10:42:40+00:00",
  6199.        "author": {
  6200.        "@type": "Person",
  6201.        "name": "KOITOTO",
  6202.        "url": "https://illuzia.net/"
  6203.        },
  6204.        "publisher": {
  6205.        "@type": "Organization",
  6206.        "name": "https://illuzia.net/",
  6207.        "description": "Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.",
  6208.        "logo": {
  6209.        "@type": "ImageObject",
  6210.        "url": "https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg",
  6211.        "width": 600,
  6212.        "height": 60
  6213.        }
  6214.        }
  6215.        }
  6216.        </script>
  6217.    <script type="application/ld+json">
  6218.        {
  6219.        "@context": "https://schema.org",
  6220.        "@type": "Organization",
  6221.        "name": "KOITOTO",
  6222.        "alternateName": "KOITOTO",
  6223.        "url": "https://illuzia.net/",
  6224.        "logo": "https://imgstore.io/images/2024/09/18/KOITOTO.png",
  6225.        "description": "Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.",
  6226.        "address": {
  6227.        "@type": "PostalAddress",
  6228.        "streetAddress":"Kuningan",
  6229.        "postOfficeBoxNumber":"11450",
  6230.        "addressLocality":"DaerahKhususIbukotaJakarta",
  6231.        "addressRegion":"KotaJakartaPusat",
  6232.        "postalCode":"41000",
  6233.        "addressCountry": "ID"
  6234.        },
  6235.        "contactPoint": {
  6236.        "@type": "ContactPoint",
  6237.        "telephone": "+62821-3366-5511",
  6238.        "contactType": "customer service",
  6239.        "areaServed": "ID",
  6240.        "availableLanguage": "Indonesian"
  6241.        },
  6242.        "sameAs": [
  6243.        "https://www.youtube.com/KOITOTO",
  6244.        "https://twitter.com/KOITOTO",
  6245.        "https://illuzia.net/"
  6246.        ]
  6247.        }
  6248.        </script>
  6249.    <script type="application/ld+json">
  6250.        {
  6251.        "@context": "https://schema.org",
  6252.        "@type": "FAQPage",
  6253.        "mainEntity": [
  6254.        {
  6255.        "@type": "Question",
  6256.        "name": "Apa itu Koitoto Togel?",
  6257.        "acceptedAnswer": {
  6258.        "@type": "Answer",
  6259.        "text": "Koitoto Togel adalah situs togel online yang menjadi favorit di kalangan pecinta togel. Situs ini menawarkan pengalaman bermain yang aman dan terpercaya dengan berbagai pilihan pasaran togel internasional."
  6260.        }
  6261.        },{
  6262.        "@type": "Question",
  6263.        "name": "Apa saja keunggulan Koitoto Togel?",
  6264.        "acceptedAnswer": {
  6265.        "@type": "Answer",
  6266.        "text": "Keunggulan Koitoto Togel meliputi fitur lengkap seperti prediksi akurat, bonus menarik, serta pelayanan pelanggan yang responsif. Selain itu, Koitoto menggunakan sistem keamanan canggih untuk melindungi data pengguna."
  6267.        }
  6268.        },{
  6269.        "@type": "Question",
  6270.        "name": "Bagaimana cara memasang taruhan di Koitoto Togel?",
  6271.        "acceptedAnswer": {
  6272.        "@type": "Answer",
  6273.        "text": "Untuk memasang taruhan di Koitoto Togel, pengguna dapat mendaftar terlebih dahulu, kemudian memilih pasaran togel yang diinginkan dan mengikuti petunjuk untuk memasang taruhan secara aman dan cepat."
  6274.        }
  6275.        },{
  6276.        "@type": "Question",
  6277.        "name": "Apa yang membuat Koitoto Togel menjadi pilihan utama bagi pecinta togel?",
  6278.        "acceptedAnswer": {
  6279.        "@type": "Answer",
  6280.        "text": "Koitoto Togel menjadi pilihan utama karena mengutamakan kenyamanan dan kepercayaan pengguna. Dengan berbagai fitur menarik dan pelayanan yang baik, Koitoto memberikan pengalaman bermain togel online yang memuaskan."
  6281.        }
  6282.        }]
  6283.        }
  6284.        </script>
  6285.    <script type="application/ld+json">
  6286.        {
  6287.        "@context": "https://schema.org/",
  6288.        "@type": "BreadcrumbList",
  6289.        "itemListElement": [{
  6290.        "@type": "ListItem",
  6291.        "position": 1,
  6292.        "name": "Home",
  6293.        "item": "https://illuzia.net/"
  6294.        },
  6295.        {
  6296.        "@type": "ListItem",
  6297.        "position": 2,
  6298.        "name": "KOITOTO",
  6299.        "item": "https://illuzia.net/"
  6300.        },
  6301.        {
  6302.        "@type": "ListItem",
  6303.        "position": 3,
  6304.        "name": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  6305.        "item": "https://illuzia.net/"
  6306.        }
  6307.        ]
  6308.        }
  6309.        </script>
  6310. </head>
  6311.  
  6312. <body class="gradient">
  6313.    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
  6314.        Skip to content
  6315.    </a>
  6316.  
  6317.    <style>
  6318.        quantity-popover {
  6319.            position: relative;
  6320.            display: block
  6321.        }
  6322.  
  6323.        quantity-popover volume-pricing li:nth-child(odd) {
  6324.            background: rgba(var(--color-foreground), .03)
  6325.        }
  6326.  
  6327.        quantity-popover volume-pricing li {
  6328.            font-size: 1.4rem;
  6329.            letter-spacing: .06rem;
  6330.            padding: .6rem .8rem;
  6331.            display: flex;
  6332.            justify-content: space-between
  6333.        }
  6334.  
  6335.        .quantity-popover__info.global-settings-popup {
  6336.            width: 100%;
  6337.            z-index: 2;
  6338.            position: absolute;
  6339.            background-color: rgb(var(--color-background));
  6340.            max-width: 36rem
  6341.        }
  6342.  
  6343.        .quantity-popover__info .button-close,
  6344.        .variant-remove-total quick-order-list-remove-all-button .button,
  6345.        .quick-order-list-total__confirmation quick-order-list-remove-all-button .button,
  6346.        quantity-popover quick-order-list-remove-button .button {
  6347.            --shadow-opacity: 0;
  6348.            --border-opacity: 0
  6349.        }
  6350.  
  6351.        .quantity-popover__info-button {
  6352.            display: flex;
  6353.            align-items: center;
  6354.            margin: 0 .4rem 0 0;
  6355.            min-width: 1.5rem;
  6356.            min-height: 1.5rem;
  6357.            --shadow-opacity: 0;
  6358.            --border-opacity: 0
  6359.        }
  6360.  
  6361.        .quantity-popover__info-button--icon-with-label {
  6362.            align-items: flex-start;
  6363.            text-align: left
  6364.        }
  6365.  
  6366.        .quantity-popover__info-button--icon-with-label svg {
  6367.            flex-shrink: 0
  6368.        }
  6369.  
  6370.        .quantity-popover__info-button--open {
  6371.            text-decoration: underline
  6372.        }
  6373.  
  6374.        .quantity-popover__info-button span {
  6375.            padding-left: 1rem
  6376.        }
  6377.  
  6378.        @media screen and (max-width: 989px) {
  6379.            .quantity-popover__info.global-settings-popup {
  6380.                left: 0
  6381.            }
  6382.  
  6383.            .quantity-popover__info-button {
  6384.                padding-left: 0
  6385.            }
  6386.        }
  6387.  
  6388.        .quantity-popover__info .quantity__rules {
  6389.            margin-top: 1.2rem;
  6390.            margin-bottom: 1rem
  6391.        }
  6392.  
  6393.        .quantity-popover__info .volume-pricing-label {
  6394.            display: block;
  6395.            margin-left: 1.2rem;
  6396.            margin-top: 1.2rem;
  6397.            font-size: 1.2rem
  6398.        }
  6399.  
  6400.        .quantity-popover__info .button {
  6401.            width: 3.2rem;
  6402.            height: 3.2rem;
  6403.            position: absolute;
  6404.            top: .4rem;
  6405.            right: 0;
  6406.            padding: 0 1.2rem 0 0;
  6407.            display: flex;
  6408.            justify-content: flex-end
  6409.        }
  6410.  
  6411.        .quantity-popover__info .volume-pricing-label~.button {
  6412.            top: -.2rem
  6413.        }
  6414.  
  6415.        .quantity-popover__info .button .icon {
  6416.            width: 1.5rem;
  6417.            height: 1.5rem
  6418.        }
  6419.  
  6420.        quantity-popover volume-pricing {
  6421.            margin-top: 1.2rem;
  6422.            display: block
  6423.        }
  6424.  
  6425.        quantity-popover .quantity__rules span:first-of-type {
  6426.            display: block
  6427.        }
  6428.  
  6429.        .quantity-popover-container {
  6430.            display: flex;
  6431.            padding: .5rem .5rem .5rem 0
  6432.        }
  6433.  
  6434.        .quantity-popover-container:not(.quantity-popover-container--hover) {
  6435.            align-items: center
  6436.        }
  6437.  
  6438.        @media screen and (min-width: 990px) {
  6439.            .quantity-popover-container--hover:hover {
  6440.                background-color: rgba(var(--color-foreground), .03);
  6441.                border-radius: var(--inputs-radius-outset)
  6442.            }
  6443.  
  6444.            .quantity-popover-container--empty {
  6445.                margin-right: 2.7rem
  6446.            }
  6447.  
  6448.            .quantity-popover__info.global-settings-popup {
  6449.                width: 27rem
  6450.            }
  6451.  
  6452.            .quantity-popover-container {
  6453.                width: auto;
  6454.                max-width: 20rem
  6455.            }
  6456.  
  6457.            .quantity-popover__info.global-settings-popup {
  6458.                transform: translateY(1rem)
  6459.            }
  6460.        }
  6461.  
  6462.        quantity-popover:has(.quantity__input:focus-visible) .quantity-popover__info {
  6463.            display: block
  6464.        }
  6465.  
  6466.        quantity-popover .quantity {
  6467.            background: rgb(var(--color-background))
  6468.        }
  6469.  
  6470.        quantity-popover .quantity__rules {
  6471.            margin-left: .8rem
  6472.        }
  6473.  
  6474.        quantity-popover .quantity__rules .divider:nth-child(2):before {
  6475.            content: none
  6476.        }
  6477.  
  6478.        quantity-popover .quantity__button:not(:focus-visible):not(.focused),
  6479.        quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
  6480.            background-color: initial
  6481.        }
  6482.    </style>
  6483.    <style>
  6484.        .card-wrapper {
  6485.            color: inherit;
  6486.            height: 100%;
  6487.            position: relative;
  6488.            text-decoration: none
  6489.        }
  6490.  
  6491.        .card {
  6492.            text-decoration: none;
  6493.            text-align: var(--text-alignment)
  6494.        }
  6495.  
  6496.        .card:not(.ratio) {
  6497.            display: flex;
  6498.            flex-direction: column;
  6499.            height: 100%
  6500.        }
  6501.  
  6502.        .card.card--horizontal {
  6503.            --text-alignment: left;
  6504.            --image-padding: 0rem;
  6505.            flex-direction: row;
  6506.            align-items: flex-start;
  6507.            gap: 1.5rem
  6508.        }
  6509.  
  6510.        .card--horizontal.ratio:before {
  6511.            padding-bottom: 0
  6512.        }
  6513.  
  6514.        .card--card.card--horizontal {
  6515.            padding: 1.2rem
  6516.        }
  6517.  
  6518.        .card--card.card--horizontal.card--text {
  6519.            column-gap: 0
  6520.        }
  6521.  
  6522.        .card--card {
  6523.            height: 100%
  6524.        }
  6525.  
  6526.        .card--card,
  6527.        .card--standard .card__inner {
  6528.            position: relative;
  6529.            box-sizing: border-box;
  6530.            border-radius: var(--border-radius);
  6531.            border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  6532.        }
  6533.  
  6534.        .card--card:after,
  6535.        .card--standard .card__inner:after {
  6536.            content: "";
  6537.            position: absolute;
  6538.            z-index: -1;
  6539.            width: calc(var(--border-width) * 2 + 100%);
  6540.            height: calc(var(--border-width) * 2 + 100%);
  6541.            top: calc(var(--border-width) * -1);
  6542.            left: calc(var(--border-width) * -1);
  6543.            border-radius: var(--border-radius);
  6544.            box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  6545.        }
  6546.  
  6547.        .card--card.gradient,
  6548.        .card__inner.gradient {
  6549.            transform: perspective(0)
  6550.        }
  6551.  
  6552.        .card__inner.color-background-1 {
  6553.            background: transparent
  6554.        }
  6555.  
  6556.        .card .card__inner .card__media {
  6557.            overflow: hidden;
  6558.            z-index: 0;
  6559.            border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  6560.        }
  6561.  
  6562.        .card--card .card__inner .card__media {
  6563.            border-bottom-right-radius: 0;
  6564.            border-bottom-left-radius: 0
  6565.        }
  6566.  
  6567.        .card--standard.card--text {
  6568.            background-color: transparent
  6569.        }
  6570.  
  6571.        .card-information {
  6572.            text-align: var(--text-alignment)
  6573.        }
  6574.  
  6575.        .card__media,
  6576.        .card .media {
  6577.            bottom: 0;
  6578.            position: absolute;
  6579.            top: 0
  6580.        }
  6581.  
  6582.        .card .media {
  6583.            width: 100%
  6584.        }
  6585.  
  6586.        .card__media {
  6587.            margin: var(--image-padding);
  6588.            width: calc(100% - 2 * var(--image-padding))
  6589.        }
  6590.  
  6591.        .card--standard .card__media {
  6592.            margin: var(--image-padding)
  6593.        }
  6594.  
  6595.        .card__inner {
  6596.            width: 100%
  6597.        }
  6598.  
  6599.        .card--media .card__inner .card__content {
  6600.            position: relative;
  6601.            padding: calc(var(--image-padding) + 1rem)
  6602.        }
  6603.  
  6604.        .card__content {
  6605.            display: grid;
  6606.            grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  6607.            padding: 1rem;
  6608.            width: 100%;
  6609.            flex-grow: 1
  6610.        }
  6611.  
  6612.        .card__content--auto-margins {
  6613.            grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  6614.        }
  6615.  
  6616.        .card__information {
  6617.            grid-row-start: 2;
  6618.            padding: 1.3rem 1rem
  6619.        }
  6620.  
  6621.        .card:not(.ratio)>.card__content {
  6622.            grid-template-rows: max-content minmax(0, 1fr) max-content auto
  6623.        }
  6624.  
  6625.        .card-information .card__information-volume-pricing-note {
  6626.            margin-top: .6rem;
  6627.            line-height: calc(.5 + .4 / var(--font-body-scale));
  6628.            color: rgba(var(--color-foreground), .75)
  6629.        }
  6630.  
  6631.        @media screen and (min-width: 750px) {
  6632.            .card__information {
  6633.                padding-bottom: 1.7rem;
  6634.                padding-top: 1.7rem
  6635.            }
  6636.        }
  6637.  
  6638.        .card__badge {
  6639.            align-self: flex-end;
  6640.            grid-row-start: 3;
  6641.            justify-self: flex-start
  6642.        }
  6643.  
  6644.        .card__badge.top {
  6645.            align-self: flex-start;
  6646.            grid-row-start: 1
  6647.        }
  6648.  
  6649.        .card__badge.right {
  6650.            justify-self: flex-end
  6651.        }
  6652.  
  6653.        .card:not(.card--horizontal)>.card__content>.card__badge {
  6654.            margin: 1.3rem
  6655.        }
  6656.  
  6657.        .card__media .media img {
  6658.            height: 100%;
  6659.            object-fit: cover;
  6660.            object-position: center center;
  6661.            width: 100%
  6662.        }
  6663.  
  6664.        .card__inner:not(.ratio)>.card__content {
  6665.            height: 100%
  6666.        }
  6667.  
  6668.        .card__heading {
  6669.            margin-top: 0;
  6670.            margin-bottom: 0
  6671.        }
  6672.  
  6673.        .card__heading:last-child {
  6674.            margin-bottom: 0
  6675.        }
  6676.  
  6677.        .card--horizontal .card__heading,
  6678.        .card--horizontal .price__container .price-item,
  6679.        .card--horizontal__quick-add {
  6680.            font-size: calc(var(--font-heading-scale) * 1.2rem)
  6681.        }
  6682.  
  6683.        .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6684.            margin-top: 0
  6685.        }
  6686.  
  6687.        .card--horizontal__quick-add:before {
  6688.            box-shadow: none
  6689.        }
  6690.  
  6691.        @media only screen and (min-width: 750px) {
  6692.  
  6693.            .card--horizontal .card__heading,
  6694.            .card--horizontal .price__container .price-item,
  6695.            .card--horizontal__quick-add {
  6696.                font-size: calc(var(--font-heading-scale) * 1.3rem)
  6697.            }
  6698.        }
  6699.  
  6700.        .card--card.card--media>.card__content {
  6701.            margin-top: calc(0rem - var(--image-padding))
  6702.        }
  6703.  
  6704.        .card--standard.card--text a:after,
  6705.        .card--card .card__heading a:after {
  6706.            bottom: calc(var(--border-width) * -1);
  6707.            left: calc(var(--border-width) * -1);
  6708.            right: calc(var(--border-width) * -1);
  6709.            top: calc(var(--border-width) * -1)
  6710.        }
  6711.  
  6712.        .card__heading a:after {
  6713.            bottom: 0;
  6714.            content: "";
  6715.            left: 0;
  6716.            position: absolute;
  6717.            right: 0;
  6718.            top: 0;
  6719.            z-index: 1
  6720.        }
  6721.  
  6722.        .card__heading a:after {
  6723.            outline-offset: .3rem
  6724.        }
  6725.  
  6726.        .card__heading a:focus:after {
  6727.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6728.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6729.        }
  6730.  
  6731.        .card__heading a:focus-visible:after {
  6732.            box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  6733.            outline: .2rem solid rgba(var(--color-foreground), .5)
  6734.        }
  6735.  
  6736.        .card__heading a:focus:not(:focus-visible):after {
  6737.            box-shadow: none;
  6738.            outline: 0
  6739.        }
  6740.  
  6741.        .card__heading a:focus {
  6742.            box-shadow: none;
  6743.            outline: 0
  6744.        }
  6745.  
  6746.        @media screen and (min-width: 990px) {
  6747.  
  6748.            .card .media.media--hover-effect>img:only-child,
  6749.            .card-wrapper .media.media--hover-effect>img:only-child {
  6750.                transition: transform var(--duration-long) ease
  6751.            }
  6752.  
  6753.            .card:hover .media.media--hover-effect>img:first-child:only-child,
  6754.            .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  6755.                transform: scale(1.03)
  6756.            }
  6757.  
  6758.            .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  6759.                opacity: 0
  6760.            }
  6761.  
  6762.            .card-wrapper:hover .media.media--hover-effect>img+img {
  6763.                opacity: 1;
  6764.                transition: transform var(--duration-long) ease;
  6765.                transform: scale(1.03)
  6766.            }
  6767.  
  6768.            .underline-links-hover:hover a {
  6769.                text-decoration: underline;
  6770.                text-underline-offset: .3rem
  6771.            }
  6772.        }
  6773.  
  6774.        .card--standard.card--media .card__inner .card__information,
  6775.        .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  6776.        .card--standard:not(.card--horizontal)>.card__content .card__badge,
  6777.        .card--standard.card--text.article-card>.card__content .card__information,
  6778.        .card--standard>.card__content .card__caption {
  6779.            display: none
  6780.        }
  6781.  
  6782.        .card--standard:not(.card--horizontal) .placeholder-svg {
  6783.            height: auto;
  6784.            width: 100%
  6785.        }
  6786.  
  6787.        .card--standard>.card__content {
  6788.            padding: 0
  6789.        }
  6790.  
  6791.        .card--standard>.card__content .card__information {
  6792.            padding-left: 0;
  6793.            padding-right: 0
  6794.        }
  6795.  
  6796.        .card--card.card--media .card__inner .card__information,
  6797.        .card--card.card--text .card__inner,
  6798.        .card--card.card--media>.card__content .card__badge {
  6799.            display: none
  6800.        }
  6801.  
  6802.        .card--horizontal .card__badge,
  6803.        .card--horizontal.card--text .card__inner {
  6804.            display: none
  6805.        }
  6806.  
  6807.        .card--extend-height {
  6808.            height: 100%
  6809.        }
  6810.  
  6811.        .card--extend-height.card--standard.card--text,
  6812.        .card--extend-height.card--media {
  6813.            display: flex;
  6814.            flex-direction: column
  6815.        }
  6816.  
  6817.        .card--extend-height.card--standard.card--text .card__inner,
  6818.        .card--extend-height.card--media .card__inner {
  6819.            flex-grow: 1
  6820.        }
  6821.  
  6822.        .card .icon-wrap {
  6823.            margin-left: .8rem;
  6824.            white-space: nowrap;
  6825.            transition: transform var(--duration-short) ease;
  6826.            overflow: hidden
  6827.        }
  6828.  
  6829.        .card-information>*+* {
  6830.            margin-top: .5rem
  6831.        }
  6832.  
  6833.        .card-information {
  6834.            width: 100%
  6835.        }
  6836.  
  6837.        .card-information>* {
  6838.            line-height: calc(1 + .4 / var(--font-body-scale));
  6839.            color: rgb(var(--color-foreground))
  6840.        }
  6841.  
  6842.        .card-information>.price {
  6843.            color: rgb(var(--color-foreground))
  6844.        }
  6845.  
  6846.        .card--horizontal .card-information>.price {
  6847.            color: rgba(var(--color-foreground), .75)
  6848.        }
  6849.  
  6850.        .card-information>.rating {
  6851.            margin-top: .4rem
  6852.        }
  6853.  
  6854.        .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  6855.            margin-top: .7rem
  6856.        }
  6857.  
  6858.        .card-information .caption {
  6859.            letter-spacing: .07rem
  6860.        }
  6861.  
  6862.        .card-article-info {
  6863.            margin-top: 1rem
  6864.        }
  6865.  
  6866.        .card--shape .card__content {
  6867.            padding-top: 0
  6868.        }
  6869.  
  6870.        .card--shape.card--standard:not(.card--text) .card__inner {
  6871.            border: 0;
  6872.            background-color: transparent;
  6873.            filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  6874.        }
  6875.  
  6876.        .card--shape.card--standard:not(.card--text) .card__inner:after {
  6877.            display: none
  6878.        }
  6879.  
  6880.        .grid__item:nth-child(2n) .shape--blob {
  6881.            clip-path: polygon(var(--shape--blob-2))
  6882.        }
  6883.  
  6884.        .grid__item:nth-child(3n) .shape--blob {
  6885.            clip-path: polygon(var(--shape--blob-3))
  6886.        }
  6887.  
  6888.        .grid__item:nth-child(4n) .shape--blob {
  6889.            clip-path: polygon(var(--shape--blob-4))
  6890.        }
  6891.  
  6892.        .grid__item:nth-child(5n) .shape--blob {
  6893.            clip-path: polygon(var(--shape--blob-5))
  6894.        }
  6895.  
  6896.        .grid__item:nth-child(7n) .shape--blob {
  6897.            clip-path: polygon(var(--shape--blob-6))
  6898.        }
  6899.  
  6900.        .grid__item:nth-child(8n) .shape--blob {
  6901.            clip-path: polygon(var(--shape--blob-1))
  6902.        }
  6903.  
  6904.        @media (prefers-reduced-motion: no-preference) {
  6905.            .product-card-wrapper .shape--round {
  6906.                transition: clip-path var(--duration-long) ease
  6907.            }
  6908.  
  6909.            .product-card-wrapper:hover .shape--round {
  6910.                clip-path: ellipse(47% 47% at 50% 50%)
  6911.            }
  6912.  
  6913.            .product-card-wrapper .shape--blob {
  6914.                transition: clip-path var(--duration-long) ease-in-out
  6915.            }
  6916.  
  6917.            .product-card-wrapper:hover .shape--blob {
  6918.                clip-path: polygon(var(--shape--blob-5))
  6919.            }
  6920.  
  6921.            .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  6922.                clip-path: polygon(var(--shape--blob-6))
  6923.            }
  6924.  
  6925.            .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  6926.                clip-path: polygon(var(--shape--blob-1))
  6927.            }
  6928.  
  6929.            .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  6930.                clip-path: polygon(var(--shape--blob-2))
  6931.            }
  6932.  
  6933.            .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  6934.                clip-path: polygon(var(--shape--blob-3))
  6935.            }
  6936.  
  6937.            .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  6938.                clip-path: polygon(var(--shape--blob-4))
  6939.            }
  6940.  
  6941.            .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  6942.                clip-path: polygon(var(--shape--blob-5))
  6943.            }
  6944.        }
  6945.    </style>
  6946.  
  6947.    <script>
  6948.        /** Shopify CDN: Minification failed
  6949.    
  6950.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6951.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6952.    Line 22:6 Transforming const to the configured target environment ("es5") is not supported yet
  6953.    Line 30:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  6954.    Line 31:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6955.    Line 36:4 Transforming const to the configured target environment ("es5") is not supported yet
  6956.    Line 45:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6957.    Line 54:22 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6958.    Line 60:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6959.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  6960.    ... and 38 more hidden warnings
  6961.    
  6962.    **/
  6963.        class CartRemoveButton extends HTMLElement {
  6964.            constructor() {
  6965.                super();
  6966.  
  6967.                this.addEventListener('click', (event) => {
  6968.                    event.preventDefault();
  6969.                    const cartItems = this.closest('cart-items') || this.closest('cart-drawer-items');
  6970.                    cartItems.updateQuantity(this.dataset.index, 0);
  6971.                });
  6972.            }
  6973.        }
  6974.  
  6975.        customElements.define('cart-remove-button', CartRemoveButton);
  6976.  
  6977.        class CartItems extends HTMLElement {
  6978.            constructor() {
  6979.                super();
  6980.                this.lineItemStatusElement =
  6981.                    document.getElementById('shopping-cart-line-item-status') || document.getElementById('CartDrawer-LineItemStatus');
  6982.  
  6983.                const debouncedOnChange = debounce((event) => {
  6984.                    this.onChange(event);
  6985.                }, ON_CHANGE_DEBOUNCE_TIMER);
  6986.  
  6987.                this.addEventListener('change', debouncedOnChange.bind(this));
  6988.            }
  6989.  
  6990.            cartUpdateUnsubscriber = undefined;
  6991.  
  6992.            connectedCallback() {
  6993.                this.cartUpdateUnsubscriber = subscribe(PUB_SUB_EVENTS.cartUpdate, (event) => {
  6994.                    if (event.source === 'cart-items') {
  6995.                        return;
  6996.                    }
  6997.                    this.onCartUpdate();
  6998.                });
  6999.            }
  7000.  
  7001.            disconnectedCallback() {
  7002.                if (this.cartUpdateUnsubscriber) {
  7003.                    this.cartUpdateUnsubscriber();
  7004.                }
  7005.            }
  7006.  
  7007.            onChange(event) {
  7008.                this.updateQuantity(event.target.dataset.index, event.target.value, document.activeElement.getAttribute('name'), event.target.dataset.quantityVariantId);
  7009.            }
  7010.  
  7011.            onCartUpdate() {
  7012.                if (this.tagName === 'CART-DRAWER-ITEMS') {
  7013.                    fetch(`${routes.cart_url}?section_id=cart-drawer`)
  7014.                        .then((response) => response.text())
  7015.                        .then((responseText) => {
  7016.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7017.                            const selectors = ['cart-drawer-items', '.cart-drawer__footer'];
  7018.                            for (const selector of selectors) {
  7019.                                const targetElement = document.querySelector(selector);
  7020.                                const sourceElement = html.querySelector(selector);
  7021.                                if (targetElement && sourceElement) {
  7022.                                    targetElement.replaceWith(sourceElement);
  7023.                                }
  7024.                            }
  7025.                        })
  7026.                        .catch((e) => {
  7027.                            console.error(e);
  7028.                        });
  7029.                } else {
  7030.                    fetch(`${routes.cart_url}?section_id=main-cart-items`)
  7031.                        .then((response) => response.text())
  7032.                        .then((responseText) => {
  7033.                            const html = new DOMParser().parseFromString(responseText, 'text/html');
  7034.                            const sourceQty = html.querySelector('cart-items');
  7035.                            this.innerHTML = sourceQty.innerHTML;
  7036.                        })
  7037.                        .catch((e) => {
  7038.                            console.error(e);
  7039.                        });
  7040.                }
  7041.            }
  7042.  
  7043.            getSectionsToRender() {
  7044.                return [
  7045.                    {
  7046.                        id: 'main-cart-items',
  7047.                        section: document.getElementById('main-cart-items').dataset.id,
  7048.                        selector: '.js-contents',
  7049.                    },
  7050.                    {
  7051.                        id: 'cart-icon-bubble',
  7052.                        section: 'cart-icon-bubble',
  7053.                        selector: '.shopify-section',
  7054.                    },
  7055.                    {
  7056.                        id: 'cart-live-region-text',
  7057.                        section: 'cart-live-region-text',
  7058.                        selector: '.shopify-section',
  7059.                    },
  7060.                    {
  7061.                        id: 'main-cart-footer',
  7062.                        section: document.getElementById('main-cart-footer').dataset.id,
  7063.                        selector: '.js-contents',
  7064.                    },
  7065.                ];
  7066.            }
  7067.  
  7068.            updateQuantity(line, quantity, name, variantId) {
  7069.                this.enableLoading(line);
  7070.  
  7071.                const body = JSON.stringify({
  7072.                    line,
  7073.                    quantity,
  7074.                    sections: this.getSectionsToRender().map((section) => section.section),
  7075.                    sections_url: window.location.pathname,
  7076.                });
  7077.  
  7078.                fetch(`${routes.cart_change_url}`, { ...fetchConfig(), ...{ body } })
  7079.                    .then((response) => {
  7080.                        return response.text();
  7081.                    })
  7082.                    .then((state) => {
  7083.                        const parsedState = JSON.parse(state);
  7084.                        const quantityElement =
  7085.                            document.getElementById(`Quantity-${line}`) || document.getElementById(`Drawer-quantity-${line}`);
  7086.                        const items = document.querySelectorAll('.cart-item');
  7087.  
  7088.                        if (parsedState.errors) {
  7089.                            quantityElement.value = quantityElement.getAttribute('value');
  7090.                            this.updateLiveRegions(line, parsedState.errors);
  7091.                            return;
  7092.                        }
  7093.  
  7094.                        this.classList.toggle('is-empty', parsedState.item_count === 0);
  7095.                        const cartDrawerWrapper = document.querySelector('cart-drawer');
  7096.                        const cartFooter = document.getElementById('main-cart-footer');
  7097.  
  7098.                        if (cartFooter) cartFooter.classList.toggle('is-empty', parsedState.item_count === 0);
  7099.                        if (cartDrawerWrapper) cartDrawerWrapper.classList.toggle('is-empty', parsedState.item_count === 0);
  7100.  
  7101.                        this.getSectionsToRender().forEach((section) => {
  7102.                            const elementToReplace =
  7103.                                document.getElementById(section.id).querySelector(section.selector) || document.getElementById(section.id);
  7104.                            elementToReplace.innerHTML = this.getSectionInnerHTML(
  7105.                                parsedState.sections[section.section],
  7106.                                section.selector
  7107.                            );
  7108.                        });
  7109.                        const updatedValue = parsedState.items[line - 1] ? parsedState.items[line - 1].quantity : undefined;
  7110.                        let message = '';
  7111.                        if (items.length === parsedState.items.length && updatedValue !== parseInt(quantityElement.value)) {
  7112.                            if (typeof updatedValue === 'undefined') {
  7113.                                message = window.cartStrings.error;
  7114.                            } else {
  7115.                                message = window.cartStrings.quantityError.replace('[quantity]', updatedValue);
  7116.                            }
  7117.                        }
  7118.                        this.updateLiveRegions(line, message);
  7119.  
  7120.                        const lineItem =
  7121.                            document.getElementById(`CartItem-${line}`) || document.getElementById(`CartDrawer-Item-${line}`);
  7122.                        if (lineItem && lineItem.querySelector(`[name="${name}"]`)) {
  7123.                            cartDrawerWrapper
  7124.                                ? trapFocus(cartDrawerWrapper, lineItem.querySelector(`[name="${name}"]`))
  7125.                                : lineItem.querySelector(`[name="${name}"]`).focus();
  7126.                        } else if (parsedState.item_count === 0 && cartDrawerWrapper) {
  7127.                            trapFocus(cartDrawerWrapper.querySelector('.drawer__inner-empty'), cartDrawerWrapper.querySelector('a'));
  7128.                        } else if (document.querySelector('.cart-item') && cartDrawerWrapper) {
  7129.                            trapFocus(cartDrawerWrapper, document.querySelector('.cart-item__name'));
  7130.                        }
  7131.  
  7132.                        publish(PUB_SUB_EVENTS.cartUpdate, { source: 'cart-items', cartData: parsedState, variantId: variantId });
  7133.                    })
  7134.                    .catch(() => {
  7135.                        this.querySelectorAll('.loading__spinner').forEach((overlay) => overlay.classList.add('hidden'));
  7136.                        const errors = document.getElementById('cart-errors') || document.getElementById('CartDrawer-CartErrors');
  7137.                        errors.textContent = window.cartStrings.error;
  7138.                    })
  7139.                    .finally(() => {
  7140.                        this.disableLoading(line);
  7141.                    });
  7142.            }
  7143.  
  7144.            updateLiveRegions(line, message) {
  7145.                const lineItemError =
  7146.                    document.getElementById(`Line-item-error-${line}`) || document.getElementById(`CartDrawer-LineItemError-${line}`);
  7147.                if (lineItemError) lineItemError.querySelector('.cart-item__error-text').innerHTML = message;
  7148.  
  7149.                this.lineItemStatusElement.setAttribute('aria-hidden', true);
  7150.  
  7151.                const cartStatus =
  7152.                    document.getElementById('cart-live-region-text') || document.getElementById('CartDrawer-LiveRegionText');
  7153.                cartStatus.setAttribute('aria-hidden', false);
  7154.  
  7155.                setTimeout(() => {
  7156.                    cartStatus.setAttribute('aria-hidden', true);
  7157.                }, 1000);
  7158.            }
  7159.  
  7160.            getSectionInnerHTML(html, selector) {
  7161.                return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  7162.            }
  7163.  
  7164.            enableLoading(line) {
  7165.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7166.                mainCartItems.classList.add('cart__items--disabled');
  7167.  
  7168.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7169.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7170.  
  7171.                [...cartItemElements, ...cartDrawerItemElements].forEach((overlay) => overlay.classList.remove('hidden'));
  7172.  
  7173.                document.activeElement.blur();
  7174.                this.lineItemStatusElement.setAttribute('aria-hidden', false);
  7175.            }
  7176.  
  7177.            disableLoading(line) {
  7178.                const mainCartItems = document.getElementById('main-cart-items') || document.getElementById('CartDrawer-CartItems');
  7179.                mainCartItems.classList.remove('cart__items--disabled');
  7180.  
  7181.                const cartItemElements = this.querySelectorAll(`#CartItem-${line} .loading__spinner`);
  7182.                const cartDrawerItemElements = this.querySelectorAll(`#CartDrawer-Item-${line} .loading__spinner`);
  7183.  
  7184.                cartItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7185.                cartDrawerItemElements.forEach((overlay) => overlay.classList.add('hidden'));
  7186.            }
  7187.        }
  7188.  
  7189.        customElements.define('cart-items', CartItems);
  7190.  
  7191.        if (!customElements.get('cart-note')) {
  7192.            customElements.define(
  7193.                'cart-note',
  7194.                class CartNote extends HTMLElement {
  7195.                    constructor() {
  7196.                        super();
  7197.  
  7198.                        this.addEventListener(
  7199.                            'change',
  7200.                            debounce((event) => {
  7201.                                const body = JSON.stringify({ note: event.target.value });
  7202.                                fetch(`${routes.cart_update_url}`, { ...fetchConfig(), ...{ body } });
  7203.                            }, ON_CHANGE_DEBOUNCE_TIMER)
  7204.                        );
  7205.                    }
  7206.                }
  7207.            );
  7208.        }
  7209.    </script>
  7210.    <script>
  7211.        /** Shopify CDN: Minification failed
  7212.    
  7213.    Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  7214.    Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7215.    Line 53:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7216.    Line 61:8 Transforming const to the configured target environment ("es5") is not supported yet
  7217.    Line 62:8 Transforming const to the configured target environment ("es5") is not supported yet
  7218.    Line 68:8 Transforming const to the configured target environment ("es5") is not supported yet
  7219.    Line 77:18 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  7220.    Line 79:8 Transforming const to the configured target environment ("es5") is not supported yet
  7221.    Line 81:8 Transforming const to the configured target environment ("es5") is not supported yet
  7222.    
  7223.    **/
  7224.        if (!customElements.get('quantity-popover')) {
  7225.            customElements.define(
  7226.                'quantity-popover',
  7227.                class QuantityPopover extends HTMLElement {
  7228.                    constructor() {
  7229.                        super();
  7230.                        this.mql = window.matchMedia('(min-width: 990px)');
  7231.                        this.mqlTablet = window.matchMedia('(min-width: 750px)');
  7232.                        this.infoButtonDesktop = this.querySelector('.quantity-popover__info-button--icon-only');
  7233.                        this.infoButtonMobile = this.querySelector('.quantity-popover__info-button--icon-with-label');
  7234.                        this.popoverInfo = this.querySelector('.quantity-popover__info');
  7235.                        this.closeButton = this.querySelector('.button-close');
  7236.                        this.variantInfo = this.querySelector('.quantity-popover-container');
  7237.                        this.eventMouseEnterHappened = false;
  7238.  
  7239.                        if (this.closeButton) {
  7240.                            this.closeButton.addEventListener('click', this.closePopover.bind(this));
  7241.                        }
  7242.  
  7243.                        if (this.popoverInfo && this.infoButtonDesktop && this.mql.matches) {
  7244.                            this.popoverInfo.addEventListener('mouseenter', this.closePopover.bind(this));
  7245.                        }
  7246.  
  7247.                        if (this.infoButtonDesktop) {
  7248.                            this.infoButtonDesktop.addEventListener('click', this.togglePopover.bind(this));
  7249.                            this.infoButtonDesktop.addEventListener('focusout', this.closePopover.bind(this));
  7250.                        }
  7251.  
  7252.                        if (this.infoButtonMobile) {
  7253.                            this.infoButtonMobile.addEventListener('click', this.togglePopover.bind(this));
  7254.                            this.infoButtonMobile.addEventListener('focusout', this.closePopover.bind(this));
  7255.                        }
  7256.  
  7257.                        if (this.infoButtonDesktop && this.mqlTablet.matches) {
  7258.                            this.variantInfo.addEventListener('mouseenter', this.togglePopover.bind(this));
  7259.                            this.variantInfo.addEventListener('mouseleave', this.closePopover.bind(this));
  7260.                        }
  7261.                    }
  7262.  
  7263.                    togglePopover(event) {
  7264.                        event.preventDefault();
  7265.                        if (event.type === 'mouseenter') {
  7266.                            this.eventMouseEnterHappened = true;
  7267.                        }
  7268.  
  7269.                        if (event.type === 'click' && this.eventMouseEnterHappened) return;
  7270.  
  7271.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7272.                        const isExpanded = button.getAttribute('aria-expanded') === 'true';
  7273.  
  7274.                        button.setAttribute('aria-expanded', !isExpanded);
  7275.  
  7276.                        this.popoverInfo.toggleAttribute('hidden');
  7277.  
  7278.                        const isOpen = button.getAttribute('aria-expanded') === 'true';
  7279.  
  7280.                        button.classList.toggle('quantity-popover__info-button--open');
  7281.  
  7282.                        if (isOpen && event.type !== 'mouseenter') {
  7283.                            button.focus();
  7284.                        }
  7285.                    }
  7286.  
  7287.                    closePopover(event) {
  7288.                        event.preventDefault();
  7289.                        const isChild = this.variantInfo.contains(event.relatedTarget);
  7290.  
  7291.                        const button = this.infoButtonDesktop && this.mql.matches ? this.infoButtonDesktop : this.infoButtonMobile;
  7292.  
  7293.                        if (!event.relatedTarget || !isChild) {
  7294.                            button.setAttribute('aria-expanded', 'false');
  7295.                            button.classList.remove('quantity-popover__info-button--open');
  7296.                            this.popoverInfo.setAttribute('hidden', '');
  7297.                        }
  7298.  
  7299.                        this.eventMouseEnterHappened = false;
  7300.                    }
  7301.                }
  7302.            );
  7303.        }
  7304.    </script>
  7305.  
  7306.    <style>
  7307.        .drawer {
  7308.            visibility: hidden;
  7309.        }
  7310.    </style>
  7311.  
  7312.    <cart-drawer class="drawer is-empty">
  7313.        <div id="CartDrawer" class="cart-drawer">
  7314.            <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
  7315.            <div class="drawer__inner gradient color-background-1" role="dialog" aria-modal="true"
  7316.                aria-label="Your cart" tabindex="-1">
  7317.                <div class="drawer__inner-empty">
  7318.                    <div class="cart-drawer__warnings center">
  7319.                        <div class="cart-drawer__empty-content">
  7320.                            <h2 class="cart__empty-text">SITUS TOGEL</h2>
  7321.                            <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7322.                                aria-label="Close">
  7323.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7324.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7325.                                    <path
  7326.                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  7327.                                        fill="currentColor">
  7328.                                </svg>
  7329.  
  7330.                            </button>
  7331.                            <a href="https://illuzia.net/" class="button">
  7332.                                KOITOTO
  7333.                            </a>
  7334.                        </div>
  7335.                    </div>
  7336.                </div>
  7337.                <div class="drawer__header">
  7338.                    <h2 class="drawer__heading">Your cart</h2>
  7339.                    <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()"
  7340.                        aria-label="Close">
  7341.                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  7342.                            class="icon icon-close" fill="none" viewBox="0 0 18 17">
  7343.                            <path
  7344.                                d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  7345.                                fill="currentColor">
  7346.                        </svg>
  7347.  
  7348.                    </button>
  7349.                </div>
  7350.                <cart-drawer-items class=" is-empty">
  7351.                    <form action="https://illuzia.net/" id="CartDrawer-Form" class="cart__contents cart-drawer__form"
  7352.                        method="post">
  7353.                        <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
  7354.                            <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
  7355.                            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
  7356.                                Loading...
  7357.                            </p>
  7358.                        </div>
  7359.                        <div id="CartDrawer-CartErrors" role="alert"></div>
  7360.                    </form>
  7361.                </cart-drawer-items>
  7362.                <div class="drawer__footer"><!-- Start blocks -->
  7363.                    <!-- Subtotals -->
  7364.  
  7365.                    <div class="cart-drawer__footer">
  7366.                        <div></div>
  7367.  
  7368.                        <div class="totals" role="status">
  7369.                            <h2 class="totals__total">Estimated total</h2>
  7370.                            <p class="totals__total-value">Rp 0,00 IDR</p>
  7371.                        </div>
  7372.  
  7373.                        <small class="tax-note caption-large rte">Taxes, discounts and shipping calculated at checkout
  7374.                        </small>
  7375.                    </div>
  7376.  
  7377.                    <!-- CTAs -->
  7378.  
  7379.                    <div class="cart__ctas">
  7380.                        <noscript>
  7381.                            <button type="submit" class="cart__update-button button button--secondary"
  7382.                                form="CartDrawer-Form">
  7383.                                Update
  7384.                            </button>
  7385.                        </noscript>
  7386.  
  7387.                        <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button"
  7388.                            name="checkout" form="CartDrawer-Form" disabled>
  7389.                            Check out
  7390.                        </button>
  7391.                    </div>
  7392.                </div>
  7393.            </div>
  7394.        </div>
  7395.    </cart-drawer>
  7396.  
  7397.    <script>
  7398.        document.addEventListener('DOMContentLoaded', function () {
  7399.            function isIE() {
  7400.                const ua = window.navigator.userAgent;
  7401.                const msie = ua.indexOf('MSIE ');
  7402.                const trident = ua.indexOf('Trident/https://illuzia.net/');
  7403.  
  7404.                return msie > 0 || trident > 0;
  7405.            }
  7406.  
  7407.            if (!isIE()) return;
  7408.            const cartSubmitInput = document.createElement('input');
  7409.            cartSubmitInput.setAttribute('name', 'checkout');
  7410.            cartSubmitInput.setAttribute('type', 'hidden');
  7411.            document.querySelector('#cart').appendChild(cartSubmitInput);
  7412.            document.querySelector('#checkout').addEventListener('click', function (event) {
  7413.                document.querySelector('#cart').submit();
  7414.            });
  7415.        });
  7416.    </script>
  7417.    <!-- BEGIN sections: header-group -->
  7418.    <style>
  7419.        slideshow-component {
  7420.            position: relative;
  7421.            display: flex;
  7422.            flex-direction: column
  7423.        }
  7424.  
  7425.        @media screen and (max-width: 989px) {
  7426.            .no-js slideshow-component .slider {
  7427.                padding-bottom: 3rem
  7428.            }
  7429.        }
  7430.  
  7431.        slideshow-component .slideshow.banner {
  7432.            flex-direction: row;
  7433.            flex-wrap: nowrap;
  7434.            margin: 0;
  7435.            gap: 0
  7436.        }
  7437.  
  7438.        .slideshow__slide {
  7439.            padding: 0;
  7440.            position: relative;
  7441.            display: flex;
  7442.            flex-direction: column;
  7443.            visibility: visible
  7444.        }
  7445.  
  7446.        @media screen and (max-width: 749px) {
  7447.  
  7448.            .slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,
  7449.            .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom) {
  7450.                height: 28rem
  7451.            }
  7452.        }
  7453.  
  7454.        @media screen and (min-width: 750px) {
  7455.            .slideshow--placeholder.banner--adapt_image {
  7456.                height: 56rem
  7457.            }
  7458.        }
  7459.  
  7460.        .slideshow__text.banner__box {
  7461.            display: flex;
  7462.            flex-direction: column;
  7463.            justify-content: center;
  7464.            max-width: 54.5rem
  7465.        }
  7466.  
  7467.        .slideshow__text>* {
  7468.            max-width: 100%
  7469.        }
  7470.  
  7471.        @media screen and (max-width: 749px) {
  7472.            slideshow-component.page-width .slideshow__text {
  7473.                border-right: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  7474.                border-left: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity))
  7475.            }
  7476.  
  7477.            .banner--mobile-bottom .slideshow__text.banner__box {
  7478.                max-width: 100%
  7479.            }
  7480.  
  7481.            .banner--mobile-bottom .slideshow__text-wrapper {
  7482.                flex-grow: 1
  7483.            }
  7484.  
  7485.            .banner--mobile-bottom .slideshow__text.banner__box {
  7486.                height: 100%
  7487.            }
  7488.  
  7489.            .banner--mobile-bottom .slideshow__text .button {
  7490.                flex-grow: 0
  7491.            }
  7492.  
  7493.            .slideshow__text.slideshow__text-mobile--left {
  7494.                align-items: flex-start;
  7495.                text-align: left
  7496.            }
  7497.  
  7498.            .slideshow__text.slideshow__text-mobile--right {
  7499.                align-items: flex-end;
  7500.                text-align: right
  7501.            }
  7502.        }
  7503.  
  7504.        @media screen and (min-width: 750px) {
  7505.            .slideshow__text.slideshow__text--left {
  7506.                align-items: flex-start;
  7507.                text-align: left
  7508.            }
  7509.  
  7510.            .slideshow__text.slideshow__text--right {
  7511.                align-items: flex-end;
  7512.                text-align: right
  7513.            }
  7514.        }
  7515.  
  7516.        .slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  7517.            height: 100%
  7518.        }
  7519.  
  7520.        @media screen and (min-width: 750px) {
  7521.            .slideshow__text-wrapper.banner__content {
  7522.                height: 100%;
  7523.                padding: 5rem
  7524.            }
  7525.        }
  7526.  
  7527.        .slideshow__controls {
  7528.            border: .1rem solid rgba(var(--color-foreground), .08)
  7529.        }
  7530.  
  7531.        .slideshow__controls--top {
  7532.            order: 2;
  7533.            z-index: 1
  7534.        }
  7535.  
  7536.        @media screen and (max-width: 749px) {
  7537.            .slideshow__controls--border-radius-mobile {
  7538.                border-bottom-right-radius: var(--text-boxes-radius);
  7539.                border-bottom-left-radius: var(--text-boxes-radius)
  7540.            }
  7541.        }
  7542.  
  7543.        .spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
  7544.            border-bottom: none
  7545.        }
  7546.  
  7547.        @media screen and (min-width: 750px) {
  7548.            .slideshow__controls {
  7549.                position: relative
  7550.            }
  7551.        }
  7552.  
  7553.        slideshow-component:not(.page-width) .slider-buttons {
  7554.            border-right: 0;
  7555.            border-left: 0
  7556.        }
  7557.  
  7558.        .slideshow__control-wrapper {
  7559.            display: flex
  7560.        }
  7561.  
  7562.        .slideshow__autoplay {
  7563.            position: absolute;
  7564.            right: 0;
  7565.            border-left: none;
  7566.            display: flex;
  7567.            justify-content: center;
  7568.            align-items: center
  7569.        }
  7570.  
  7571.        @media screen and (max-width: 749px) {
  7572.            slideshow-component.page-width .slideshow__autoplay {
  7573.                right: 1.5rem
  7574.            }
  7575.        }
  7576.  
  7577.        @media screen and (min-width: 750px) {
  7578.            .slideshow__autoplay.slider-button {
  7579.                position: inherit;
  7580.                margin-left: .6rem;
  7581.                padding: 0 0 0 .6rem;
  7582.                border-left: .1rem solid rgba(var(--color-foreground), .08)
  7583.            }
  7584.        }
  7585.  
  7586.        .slideshow__autoplay .icon.icon-play,
  7587.        .slideshow__autoplay .icon.icon-pause {
  7588.            display: block;
  7589.            position: absolute;
  7590.            opacity: 1;
  7591.            transform: scale(1);
  7592.            transition: transform .15s ease, opacity .15s ease;
  7593.            width: .8rem;
  7594.            height: 1.2rem
  7595.        }
  7596.  
  7597.        .slideshow__autoplay .icon.icon-play {
  7598.            height: 1rem
  7599.        }
  7600.  
  7601.        .slideshow__autoplay path {
  7602.            fill: rgba(var(--color-foreground), .75)
  7603.        }
  7604.  
  7605.        .slideshow__autoplay:hover path {
  7606.            fill: rgb(var(--color-foreground))
  7607.        }
  7608.  
  7609.        @media screen and (forced-colors: active) {
  7610.  
  7611.            .slideshow__autoplay path,
  7612.            .slideshow__autoplay:hover path {
  7613.                fill: CanvasText
  7614.            }
  7615.        }
  7616.  
  7617.        .slideshow__autoplay:hover svg {
  7618.            transform: scale(1.1)
  7619.        }
  7620.  
  7621.        .slideshow__autoplay--paused .icon-pause,
  7622.        .slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  7623.            visibility: hidden;
  7624.            opacity: 0;
  7625.            transform: scale(.8)
  7626.        }
  7627.    </style>
  7628.    <style>
  7629.        slider-component {
  7630.            --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  7631.            position: relative;
  7632.            display: block
  7633.        }
  7634.  
  7635.        slider-component.slider-component-full-width {
  7636.            --desktop-margin-left-first-item: 1.5rem
  7637.        }
  7638.  
  7639.        @media screen and (max-width: 749px) {
  7640.            slider-component.page-width {
  7641.                padding: 0 1.5rem
  7642.            }
  7643.        }
  7644.  
  7645.        @media screen and (min-width: 749px) and (max-width: 990px) {
  7646.            slider-component.page-width {
  7647.                padding: 0 5rem
  7648.            }
  7649.        }
  7650.  
  7651.        @media screen and (max-width: 989px) {
  7652.            .no-js slider-component .slider {
  7653.                padding-bottom: 3rem
  7654.            }
  7655.        }
  7656.  
  7657.        .slider__slide {
  7658.            --focus-outline-padding: .5rem;
  7659.            --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  7660.            --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  7661.            scroll-snap-align: start;
  7662.            flex-shrink: 0;
  7663.            padding-bottom: 0
  7664.        }
  7665.  
  7666.        @media screen and (max-width: 749px) {
  7667.            .slider.slider--mobile {
  7668.                position: relative;
  7669.                flex-wrap: inherit;
  7670.                overflow-x: auto;
  7671.                scroll-snap-type: x mandatory;
  7672.                scroll-behavior: smooth;
  7673.                scroll-padding-left: 1.5rem;
  7674.                -webkit-overflow-scrolling: touch;
  7675.                margin-bottom: 1rem
  7676.            }
  7677.  
  7678.            .slider--mobile:after {
  7679.                content: "";
  7680.                width: 0;
  7681.                padding-left: 1.5rem
  7682.            }
  7683.  
  7684.            .slider.slider--mobile .slider__slide {
  7685.                margin-bottom: 0;
  7686.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7687.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7688.            }
  7689.  
  7690.            .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7691.                padding-bottom: var(--focus-outline-padding)
  7692.            }
  7693.  
  7694.            .slider.slider--mobile.contains-content-container .slider__slide {
  7695.                --focus-outline-padding: 0rem
  7696.            }
  7697.        }
  7698.  
  7699.        @media screen and (min-width: 750px) {
  7700.            .slider.slider--tablet-up {
  7701.                position: relative;
  7702.                flex-wrap: inherit;
  7703.                overflow-x: auto;
  7704.                scroll-snap-type: x mandatory;
  7705.                scroll-behavior: smooth;
  7706.                scroll-padding-left: 1rem;
  7707.                -webkit-overflow-scrolling: touch
  7708.            }
  7709.  
  7710.            .slider.slider--tablet-up .slider__slide {
  7711.                margin-bottom: 0
  7712.            }
  7713.        }
  7714.  
  7715.        @media screen and (max-width: 989px) {
  7716.            .slider.slider--tablet {
  7717.                position: relative;
  7718.                flex-wrap: inherit;
  7719.                overflow-x: auto;
  7720.                scroll-snap-type: x mandatory;
  7721.                scroll-behavior: smooth;
  7722.                scroll-padding-left: 1.5rem;
  7723.                -webkit-overflow-scrolling: touch;
  7724.                margin-bottom: 1rem
  7725.            }
  7726.  
  7727.            .slider--tablet:after {
  7728.                content: "";
  7729.                width: 0;
  7730.                padding-left: 1.5rem;
  7731.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7732.            }
  7733.  
  7734.            .slider.slider--tablet .slider__slide {
  7735.                margin-bottom: 0;
  7736.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7737.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7738.            }
  7739.  
  7740.            .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7741.                padding-bottom: var(--focus-outline-padding)
  7742.            }
  7743.  
  7744.            .slider.slider--tablet.contains-content-container .slider__slide {
  7745.                --focus-outline-padding: 0rem
  7746.            }
  7747.        }
  7748.  
  7749.        .slider--everywhere {
  7750.            position: relative;
  7751.            flex-wrap: inherit;
  7752.            overflow-x: auto;
  7753.            scroll-snap-type: x mandatory;
  7754.            scroll-behavior: smooth;
  7755.            -webkit-overflow-scrolling: touch;
  7756.            margin-bottom: 1rem
  7757.        }
  7758.  
  7759.        .slider.slider--everywhere .slider__slide {
  7760.            margin-bottom: 0;
  7761.            scroll-snap-align: center
  7762.        }
  7763.  
  7764.        @media screen and (min-width: 990px) {
  7765.            .slider-component-desktop.page-width {
  7766.                max-width: none
  7767.            }
  7768.  
  7769.            .slider--desktop {
  7770.                position: relative;
  7771.                flex-wrap: inherit;
  7772.                overflow-x: auto;
  7773.                scroll-snap-type: x mandatory;
  7774.                scroll-behavior: smooth;
  7775.                -webkit-overflow-scrolling: touch;
  7776.                margin-bottom: 1rem;
  7777.                scroll-padding-left: var(--desktop-margin-left-first-item)
  7778.            }
  7779.  
  7780.            .slider--desktop:after {
  7781.                content: "";
  7782.                width: 0;
  7783.                padding-left: 5rem;
  7784.                margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  7785.            }
  7786.  
  7787.            .slider.slider--desktop .slider__slide {
  7788.                margin-bottom: 0;
  7789.                padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  7790.                padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  7791.            }
  7792.  
  7793.            .slider--desktop .slider__slide:first-child {
  7794.                margin-left: var(--desktop-margin-left-first-item);
  7795.                scroll-margin-left: var(--desktop-margin-left-first-item)
  7796.            }
  7797.  
  7798.            .slider-component-full-width .slider--desktop {
  7799.                scroll-padding-left: 1.5rem
  7800.            }
  7801.  
  7802.            .slider-component-full-width .slider--desktop .slider__slide:first-child {
  7803.                margin-left: 1.5rem;
  7804.                scroll-margin-left: 1.5rem
  7805.            }
  7806.  
  7807.            .slider-component-full-width .slider--desktop:after {
  7808.                padding-left: 1.5rem
  7809.            }
  7810.  
  7811.            .slider--desktop.grid--5-col-desktop .grid__item {
  7812.                width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  7813.            }
  7814.  
  7815.            .slider--desktop.grid--4-col-desktop .grid__item {
  7816.                width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  7817.            }
  7818.  
  7819.            .slider--desktop.grid--3-col-desktop .grid__item {
  7820.                width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  7821.            }
  7822.  
  7823.            .slider--desktop.grid--2-col-desktop .grid__item {
  7824.                width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  7825.            }
  7826.  
  7827.            .slider--desktop.grid--1-col-desktop .grid__item {
  7828.                width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  7829.            }
  7830.  
  7831.            .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  7832.                padding-bottom: var(--focus-outline-padding)
  7833.            }
  7834.  
  7835.            .slider.slider--desktop.contains-content-container .slider__slide {
  7836.                --focus-outline-padding: 0rem
  7837.            }
  7838.        }
  7839.  
  7840.        @media (prefers-reduced-motion) {
  7841.            .slider {
  7842.                scroll-behavior: auto
  7843.            }
  7844.        }
  7845.  
  7846.        .slider {
  7847.            scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  7848.            -ms-overflow-style: none;
  7849.            scrollbar-width: none
  7850.        }
  7851.  
  7852.        .slider::-webkit-scrollbar {
  7853.            height: .4rem;
  7854.            width: .4rem;
  7855.            display: none
  7856.        }
  7857.  
  7858.        .no-js .slider {
  7859.            -ms-overflow-style: auto;
  7860.            scrollbar-width: auto
  7861.        }
  7862.  
  7863.        .no-js .slider::-webkit-scrollbar {
  7864.            display: initial
  7865.        }
  7866.  
  7867.        .slider::-webkit-scrollbar-thumb {
  7868.            background-color: rgb(var(--color-foreground));
  7869.            border-radius: .4rem;
  7870.            border: 0
  7871.        }
  7872.  
  7873.        .slider::-webkit-scrollbar-track {
  7874.            background: rgba(var(--color-foreground), .04);
  7875.            border-radius: .4rem
  7876.        }
  7877.  
  7878.        .slider-counter {
  7879.            display: flex;
  7880.            justify-content: center;
  7881.            min-width: 4.4rem
  7882.        }
  7883.  
  7884.        @media screen and (min-width: 750px) {
  7885.            .slider-counter--dots {
  7886.                margin: 0 1.2rem
  7887.            }
  7888.        }
  7889.  
  7890.        .slider-counter__link {
  7891.            padding: 1rem
  7892.        }
  7893.  
  7894.        @media screen and (max-width: 749px) {
  7895.            .slider-counter__link {
  7896.                padding: .7rem
  7897.            }
  7898.        }
  7899.  
  7900.        .slider-counter__link--dots .dot {
  7901.            width: 1rem;
  7902.            height: 1rem;
  7903.            border-radius: 50%;
  7904.            border: .1rem solid rgba(var(--color-foreground), .5);
  7905.            padding: 0;
  7906.            display: block
  7907.        }
  7908.  
  7909.        .slider-counter__link--active.slider-counter__link--dots .dot {
  7910.            background-color: rgb(var(--color-foreground))
  7911.        }
  7912.  
  7913.        @media screen and (forced-colors: active) {
  7914.            .slider-counter__link--active.slider-counter__link--dots .dot {
  7915.                background-color: CanvasText
  7916.            }
  7917.        }
  7918.  
  7919.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  7920.            border-color: rgb(var(--color-foreground))
  7921.        }
  7922.  
  7923.        .slider-counter__link--dots .dot,
  7924.        .slider-counter__link--numbers {
  7925.            transition: transform .2s ease-in-out
  7926.        }
  7927.  
  7928.        .slider-counter__link--active.slider-counter__link--numbers,
  7929.        .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  7930.        .slider-counter__link--numbers:hover {
  7931.            transform: scale(1.1)
  7932.        }
  7933.  
  7934.        .slider-counter__link--numbers {
  7935.            color: rgba(var(--color-foreground), .5);
  7936.            text-decoration: none
  7937.        }
  7938.  
  7939.        .slider-counter__link--numbers:hover {
  7940.            color: rgb(var(--color-foreground))
  7941.        }
  7942.  
  7943.        .slider-counter__link--active.slider-counter__link--numbers {
  7944.            text-decoration: underline;
  7945.            color: rgb(var(--color-foreground))
  7946.        }
  7947.  
  7948.        .slider-buttons {
  7949.            display: flex;
  7950.            align-items: center;
  7951.            justify-content: center
  7952.        }
  7953.  
  7954.        @media screen and (min-width: 990px) {
  7955.            .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  7956.                display: none
  7957.            }
  7958.        }
  7959.  
  7960.        @media screen and (max-width: 989px) {
  7961.            .slider--desktop:not(.slider--tablet)+.slider-buttons {
  7962.                display: none
  7963.            }
  7964.        }
  7965.  
  7966.        @media screen and (min-width: 750px) {
  7967.            .slider--mobile+.slider-buttons {
  7968.                display: none
  7969.            }
  7970.        }
  7971.  
  7972.        .slider-button {
  7973.            color: rgba(var(--color-foreground), .75);
  7974.            background: transparent;
  7975.            border: none;
  7976.            cursor: pointer;
  7977.            width: 44px;
  7978.            height: 44px;
  7979.            display: flex;
  7980.            align-items: center;
  7981.            justify-content: center
  7982.        }
  7983.  
  7984.        .slider-button:not([disabled]):hover {
  7985.            color: rgb(var(--color-foreground))
  7986.        }
  7987.  
  7988.        .slider-button .icon {
  7989.            height: .6rem
  7990.        }
  7991.  
  7992.        .slider-button[disabled] .icon {
  7993.            color: rgba(var(--color-foreground), .3);
  7994.            cursor: not-allowed
  7995.        }
  7996.  
  7997.        .slider-button--next .icon {
  7998.            transform: rotate(-90deg)
  7999.        }
  8000.  
  8001.        .slider-button--prev .icon {
  8002.            transform: rotate(90deg)
  8003.        }
  8004.  
  8005.        .slider-button--next:not([disabled]):hover .icon {
  8006.            transform: rotate(-90deg) scale(1.1)
  8007.        }
  8008.  
  8009.        .slider-button--prev:not([disabled]):hover .icon {
  8010.            transform: rotate(90deg) scale(1.1)
  8011.        }
  8012.    </style>
  8013.  
  8014.  
  8015.    <div class="utility-bar color-accent-1 gradient utility-bar--bottom-border">
  8016.        <div class="page-width utility-bar__grid">
  8017.            <div class="announcement-bar" role="region" aria-label="Announcement">
  8018.                <p class="announcement-bar__message h5">
  8019.                    <span>Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online</span>
  8020.                </p>
  8021.            </div>
  8022.            <div class="localization-wrapper">
  8023.            </div>
  8024.        </div>
  8025.    </div>
  8026.  
  8027.  
  8028.    </div>
  8029.    <div id="shopify-section-sections--17040648405205__header"
  8030.        class="shopify-section shopify-section-group-header-group section-header">
  8031.        <style>
  8032.            .list-menu--right {
  8033.                right: 0;
  8034.            }
  8035.  
  8036.            .list-menu--disclosure {
  8037.                position: absolute;
  8038.                min-width: 100%;
  8039.                width: 20rem;
  8040.                border: 1px solid rgba(var(--color-foreground), 0.2);
  8041.            }
  8042.  
  8043.            .list-menu--disclosure:focus {
  8044.                outline: none;
  8045.            }
  8046.  
  8047.            .list-menu__item--active {
  8048.                text-decoration: underline;
  8049.                text-underline-offset: 0.3rem;
  8050.            }
  8051.  
  8052.            .list-menu__item--active:hover {
  8053.                text-decoration-thickness: 0.2rem;
  8054.            }
  8055.  
  8056.            .list-menu--disclosure.localization-selector {
  8057.                max-height: 18rem;
  8058.                overflow: auto;
  8059.                width: 10rem;
  8060.                padding: 0.5rem;
  8061.            }
  8062.        </style>
  8063.        <style>
  8064.            .search__input.field__input {
  8065.                padding-right: 9.8rem
  8066.            }
  8067.  
  8068.            .search__button {
  8069.                right: var(--inputs-border-width);
  8070.                top: var(--inputs-border-width)
  8071.            }
  8072.  
  8073.            .reset__button {
  8074.                right: calc(var(--inputs-border-width) + 4.4rem);
  8075.                top: var(--inputs-border-width)
  8076.            }
  8077.  
  8078.            .reset__button:not(:focus-visible):after {
  8079.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8080.                display: block;
  8081.                height: calc(100% - 1.6rem);
  8082.                content: "";
  8083.                position: absolute;
  8084.                right: 0
  8085.            }
  8086.  
  8087.            .reset__button:not(:focus):after {
  8088.                border-right: .1rem solid rgba(var(--color-foreground), .08);
  8089.                display: block;
  8090.                height: calc(100% - 1.8rem);
  8091.                content: "";
  8092.                position: absolute;
  8093.                right: 0
  8094.            }
  8095.  
  8096.            .search__button:focus-visible,
  8097.            .reset__button:focus-visible {
  8098.                background-color: rgb(var(--color-background));
  8099.                z-index: 4
  8100.            }
  8101.  
  8102.            .search__button:focus,
  8103.            .reset__button:focus {
  8104.                background-color: rgb(var(--color-background));
  8105.                z-index: 4
  8106.            }
  8107.  
  8108.            .search__button:not(:focus-visible):not(.focused),
  8109.            .reset__button:not(:focus-visible):not(.focused) {
  8110.                box-shadow: inherit;
  8111.                background-color: inherit
  8112.            }
  8113.  
  8114.            .search__button:hover .icon,
  8115.            .reset__button:hover .icon {
  8116.                transform: scale(1.07)
  8117.            }
  8118.  
  8119.            .search__button .icon {
  8120.                height: 1.8rem;
  8121.                width: 1.8rem
  8122.            }
  8123.  
  8124.            .reset__button .icon.icon-close {
  8125.                height: 1.8rem;
  8126.                width: 1.8rem;
  8127.                stroke-width: .1rem
  8128.            }
  8129.  
  8130.            input::-webkit-search-decoration {
  8131.                -webkit-appearance: none
  8132.            }
  8133.  
  8134.            .template-search__results {
  8135.                position: relative
  8136.            }
  8137.        </style>
  8138.        <style>
  8139.            .header__icon--menu {
  8140.                position: initial
  8141.            }
  8142.  
  8143.            .js menu-drawer>details>summary:before,
  8144.            .js menu-drawer>details[open]:not(.menu-opening)>summary:before {
  8145.                content: "";
  8146.                position: absolute;
  8147.                cursor: default;
  8148.                width: 100%;
  8149.                height: calc(100vh - 100%);
  8150.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  8151.                top: 100%;
  8152.                left: 0;
  8153.                background: rgba(var(--color-foreground), .5);
  8154.                opacity: 0;
  8155.                visibility: hidden;
  8156.                z-index: 2;
  8157.                transition: opacity 0s, visibility 0s
  8158.            }
  8159.  
  8160.            menu-drawer>details[open]>summary:before {
  8161.                visibility: visible;
  8162.                opacity: 1;
  8163.                transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease
  8164.            }
  8165.  
  8166.            .menu-drawer {
  8167.                position: absolute;
  8168.                transform: translate(-100%);
  8169.                visibility: hidden;
  8170.                z-index: 3;
  8171.                left: 0;
  8172.                top: 100%;
  8173.                width: 100%;
  8174.                padding: 0;
  8175.                background-color: rgb(var(--color-background));
  8176.                overflow-x: hidden;
  8177.                filter: drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow), var(--drawer-shadow-opacity)))
  8178.            }
  8179.  
  8180.            .js .menu-drawer {
  8181.                height: calc(100vh - 100%);
  8182.                height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))
  8183.            }
  8184.  
  8185.            .js details[open]>.menu-drawer,
  8186.            .js details[open]>.menu-drawer__submenu {
  8187.                transition: transform var(--duration-default) ease, visibility var(--duration-default) ease
  8188.            }
  8189.  
  8190.            .no-js details[open]>.menu-drawer,
  8191.            .js details[open].menu-opening>.menu-drawer,
  8192.            details[open].menu-opening>.menu-drawer__submenu {
  8193.                transform: translate(0);
  8194.                visibility: visible
  8195.            }
  8196.  
  8197.            .js .menu-drawer__navigation .submenu-open {
  8198.                visibility: hidden
  8199.            }
  8200.  
  8201.            @media screen and (min-width: 750px) {
  8202.                .menu-drawer {
  8203.                    width: 40rem;
  8204.                    border-width: 0 var(--drawer-border-width) 0 0;
  8205.                    border-style: solid;
  8206.                    border-color: rgba(var(--color-foreground), var(--drawer-border-opacity))
  8207.                }
  8208.  
  8209.                .no-js .menu-drawer {
  8210.                    height: auto
  8211.                }
  8212.            }
  8213.  
  8214.            .menu-drawer__inner-container {
  8215.                position: relative;
  8216.                height: 100%
  8217.            }
  8218.  
  8219.            .menu-drawer__navigation-container {
  8220.                display: grid;
  8221.                grid-template-rows: 1fr auto;
  8222.                align-content: space-between;
  8223.                overflow-y: auto;
  8224.                height: 100%
  8225.            }
  8226.  
  8227.            .menu-drawer__navigation {
  8228.                padding: 3rem 0
  8229.            }
  8230.  
  8231.            .menu-drawer__inner-submenu {
  8232.                height: 100%;
  8233.                overflow-x: hidden;
  8234.                overflow-y: auto
  8235.            }
  8236.  
  8237.            .no-js .menu-drawer__navigation {
  8238.                padding: 0
  8239.            }
  8240.  
  8241.            .no-js .menu-drawer__navigation>ul>li {
  8242.                border-bottom: .1rem solid rgba(var(--color-foreground), .04)
  8243.            }
  8244.  
  8245.            .no-js .menu-drawer__submenu ul>li {
  8246.                border-top: .1rem solid rgba(var(--color-foreground), .04)
  8247.            }
  8248.  
  8249.            .js .menu-drawer__menu li {
  8250.                margin-bottom: .2rem
  8251.            }
  8252.  
  8253.            .menu-drawer__menu-item {
  8254.                padding: 1.1rem 3rem;
  8255.                text-decoration: none;
  8256.                font-size: 1.8rem
  8257.            }
  8258.  
  8259.            .no-js .menu-drawer__menu-item {
  8260.                font-size: 1.6rem
  8261.            }
  8262.  
  8263.            .no-js .menu-drawer__submenu .menu-drawer__menu-item {
  8264.                padding: 1.2rem 5.2rem 1.2rem 6rem
  8265.            }
  8266.  
  8267.            .no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  8268.                padding-left: 9rem
  8269.            }
  8270.  
  8271.            .menu-drawer summary.menu-drawer__menu-item {
  8272.                padding-right: 5.2rem
  8273.            }
  8274.  
  8275.            .no-js .menu-drawer__menu-item .icon-caret {
  8276.                right: 3rem
  8277.            }
  8278.  
  8279.            .menu-drawer__menu-item--active,
  8280.            .menu-drawer__menu-item:focus,
  8281.            .menu-drawer__close-button:focus,
  8282.            .menu-drawer__menu-item:hover,
  8283.            .menu-drawer__close-button:hover {
  8284.                color: rgb(var(--color-foreground));
  8285.                background-color: rgba(var(--color-foreground), .04)
  8286.            }
  8287.  
  8288.            .menu-drawer__menu-item--active:hover {
  8289.                background-color: rgba(var(--color-foreground), .08)
  8290.            }
  8291.  
  8292.            .js .menu-drawer__menu-item .icon-caret,
  8293.            .no-js .menu-drawer .icon-arrow {
  8294.                display: none
  8295.            }
  8296.  
  8297.            .menu-drawer__menu-item>.icon-arrow {
  8298.                position: absolute;
  8299.                right: 3rem;
  8300.                top: 50%;
  8301.                transform: translateY(-50%)
  8302.            }
  8303.  
  8304.            .js .menu-drawer__submenu {
  8305.                position: absolute;
  8306.                top: 0;
  8307.                width: 100%;
  8308.                bottom: 0;
  8309.                left: 0;
  8310.                background-color: rgb(var(--color-background));
  8311.                z-index: 1;
  8312.                transform: translate(100%);
  8313.                visibility: hidden
  8314.            }
  8315.  
  8316.            .js .menu-drawer__submenu .menu-drawer__submenu {
  8317.                overflow-y: auto
  8318.            }
  8319.  
  8320.            .menu-drawer__close-button {
  8321.                margin-top: 1.5rem;
  8322.                padding: 1.2rem 2.6rem 1.2rem 3rem;
  8323.                text-decoration: none;
  8324.                display: flex;
  8325.                align-items: center;
  8326.                font-size: 1.4rem;
  8327.                width: 100%;
  8328.                background-color: transparent;
  8329.                font-family: var(--font-body-family);
  8330.                font-style: var(--font-body-style);
  8331.                text-align: left
  8332.            }
  8333.  
  8334.            .no-js .menu-drawer__close-button {
  8335.                display: none
  8336.            }
  8337.  
  8338.            .menu-drawer__close-button .icon-arrow {
  8339.                transform: rotate(180deg);
  8340.                margin-right: 1rem
  8341.            }
  8342.  
  8343.            .menu-drawer__utility-links {
  8344.                padding: 0;
  8345.                background-color: rgba(var(--color-foreground), .03);
  8346.                position: relative
  8347.            }
  8348.  
  8349.            .header--has-social .menu-drawer__utility-links {
  8350.                padding: 2rem 3rem
  8351.            }
  8352.  
  8353.            @media screen and (max-width: 749px) {
  8354.                .header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links {
  8355.                    padding: 2rem 3rem
  8356.                }
  8357.            }
  8358.  
  8359.            @media screen and (max-width: 989px) {
  8360.                .header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links {
  8361.                    padding: 2rem 3rem
  8362.                }
  8363.            }
  8364.  
  8365.            .menu-drawer__account {
  8366.                display: inline-flex;
  8367.                align-items: center;
  8368.                text-decoration: none;
  8369.                padding: 1rem 0;
  8370.                font-size: 1.4rem;
  8371.                color: rgb(var(--color-foreground));
  8372.                margin-bottom: 0
  8373.            }
  8374.  
  8375.            .menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account {
  8376.                margin: 0
  8377.            }
  8378.  
  8379.            .menu-drawer__account .icon-account {
  8380.                height: 2rem;
  8381.                width: 2rem;
  8382.                margin-right: 1rem
  8383.            }
  8384.  
  8385.            .menu-drawer__account:hover .icon-account {
  8386.                transform: scale(1.07)
  8387.            }
  8388.  
  8389.            .menu-drawer .list-social {
  8390.                justify-content: flex-start;
  8391.                margin-left: -1.25rem
  8392.            }
  8393.  
  8394.            .menu-drawer .list-social:empty {
  8395.                display: none
  8396.            }
  8397.  
  8398.            .menu-drawer .list-social__link {
  8399.                padding: 1.1rem
  8400.            }
  8401.        </style>
  8402.        <style>
  8403.            .cart-notification-wrapper {
  8404.                position: relative
  8405.            }
  8406.  
  8407.            .cart-notification-wrapper .cart-notification {
  8408.                display: block
  8409.            }
  8410.  
  8411.            .cart-notification {
  8412.                border-bottom-right-radius: var(--popup-corner-radius);
  8413.                border-bottom-left-radius: var(--popup-corner-radius);
  8414.                border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  8415.                border-style: solid;
  8416.                border-width: 0 0 var(--popup-border-width);
  8417.                padding: 2.5rem 3.5rem;
  8418.                position: absolute;
  8419.                right: 0;
  8420.                transform: translateY(-100%);
  8421.                visibility: hidden;
  8422.                width: 100%;
  8423.                box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  8424.                z-index: -1
  8425.            }
  8426.  
  8427.            .cart-notification.focused {
  8428.                box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  8429.            }
  8430.  
  8431.            .cart-notification:focus-visible {
  8432.                box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  8433.            }
  8434.  
  8435.            @media screen and (min-width: 750px) {
  8436.                .header-wrapper:not(.header-wrapper--border-bottom)+cart-notification .cart-notification {
  8437.                    border-top-width: var(--popup-border-width)
  8438.                }
  8439.  
  8440.                .cart-notification {
  8441.                    border-width: 0 var(--popup-border-width) var(--popup-border-width);
  8442.                    max-width: 36.8rem;
  8443.                    right: 2.2rem
  8444.                }
  8445.            }
  8446.  
  8447.            @media screen and (min-width: 990px) {
  8448.                .cart-notification-wrapper:is(.page-width)>.cart-notification {
  8449.                    right: 4rem
  8450.                }
  8451.            }
  8452.  
  8453.            .cart-notification.animate {
  8454.                transition: transform var(--duration-short) ease, visibility 0s var(--duration-short) ease
  8455.            }
  8456.  
  8457.            .cart-notification.active {
  8458.                transform: translateY(0);
  8459.                transition: transform var(--duration-default) ease, visibility 0s;
  8460.                visibility: visible
  8461.            }
  8462.  
  8463.            .cart-notification__header {
  8464.                align-items: flex-start;
  8465.                display: flex
  8466.            }
  8467.  
  8468.            .cart-notification__heading {
  8469.                align-items: center;
  8470.                display: flex;
  8471.                flex-grow: 1;
  8472.                margin-bottom: 0;
  8473.                margin-top: 0
  8474.            }
  8475.  
  8476.            .cart-notification__heading .icon-checkmark {
  8477.                color: rgb(var(--color-foreground));
  8478.                margin-right: 1rem;
  8479.                width: 1.3rem
  8480.            }
  8481.  
  8482.            .cart-notification__close {
  8483.                margin-top: -2rem;
  8484.                margin-right: -3rem
  8485.            }
  8486.  
  8487.            .cart-notification__links {
  8488.                text-align: center
  8489.            }
  8490.  
  8491.            .cart-notification__links>* {
  8492.                margin-top: 1rem
  8493.            }
  8494.  
  8495.            .cart-notification-product {
  8496.                align-items: flex-start;
  8497.                display: flex;
  8498.                padding-bottom: 3rem;
  8499.                padding-top: 2rem
  8500.            }
  8501.  
  8502.            .cart-notification-product dl {
  8503.                margin-bottom: 0;
  8504.                margin-top: 0
  8505.            }
  8506.  
  8507.            .cart-notification-product__image {
  8508.                display: inline-flex;
  8509.                margin-right: 1.5rem;
  8510.                margin-top: .5rem
  8511.            }
  8512.  
  8513.            .cart-notification-product__image:after {
  8514.                content: none
  8515.            }
  8516.  
  8517.            .cart-notification-product__name {
  8518.                margin-bottom: .5rem;
  8519.                margin-top: 0
  8520.            }
  8521.        </style>
  8522.        <style>
  8523.            cart-items .title-wrapper-with-link {
  8524.                margin-top: 0
  8525.            }
  8526.  
  8527.            .cart-items td,
  8528.            .cart-items th {
  8529.                padding: 0;
  8530.                border: none
  8531.            }
  8532.  
  8533.            .cart-items th {
  8534.                text-align: left;
  8535.                padding-bottom: 1.8rem;
  8536.                opacity: .85;
  8537.                font-weight: 400
  8538.            }
  8539.  
  8540.            .cart-item__quantity-wrapper {
  8541.                display: flex
  8542.            }
  8543.  
  8544.            .cart-item__totals {
  8545.                position: relative
  8546.            }
  8547.  
  8548.            .cart-items *.right {
  8549.                text-align: right
  8550.            }
  8551.  
  8552.            .cart-item__image-container {
  8553.                display: inline-flex;
  8554.                align-items: flex-start
  8555.            }
  8556.  
  8557.            .cart-item__image-container:after {
  8558.                content: none
  8559.            }
  8560.  
  8561.            .cart-item__image {
  8562.                height: auto;
  8563.                max-width: calc(10rem / var(--font-body-scale))
  8564.            }
  8565.  
  8566.            @media screen and (min-width: 750px) {
  8567.                .cart-item__image {
  8568.                    max-width: 100%
  8569.                }
  8570.            }
  8571.  
  8572.            .cart-item__details {
  8573.                font-size: 1.6rem;
  8574.                line-height: calc(1 + .4 / var(--font-body-scale))
  8575.            }
  8576.  
  8577.            .cart-item__details>* {
  8578.                margin: 0;
  8579.                max-width: 30rem
  8580.            }
  8581.  
  8582.            .cart-item__details>*+* {
  8583.                margin-top: .6rem
  8584.            }
  8585.  
  8586.            .cart-item__media {
  8587.                position: relative
  8588.            }
  8589.  
  8590.            .cart-item__link {
  8591.                display: block;
  8592.                bottom: 0;
  8593.                left: 0;
  8594.                position: absolute;
  8595.                right: 0;
  8596.                top: 0;
  8597.                width: 100%;
  8598.                height: 100%
  8599.            }
  8600.  
  8601.            .cart-item__name {
  8602.                text-decoration: none;
  8603.                display: block
  8604.            }
  8605.  
  8606.            .cart-item__name:hover {
  8607.                text-decoration: underline;
  8608.                text-underline-offset: .3rem;
  8609.                text-decoration-thickness: .2rem
  8610.            }
  8611.  
  8612.            .cart-item__price-wrapper>* {
  8613.                display: block;
  8614.                margin: 0;
  8615.                padding: 0
  8616.            }
  8617.  
  8618.            .cart-item__discounted-prices dd {
  8619.                margin: 0
  8620.            }
  8621.  
  8622.            .cart-item__discounted-prices .cart-item__old-price {
  8623.                font-size: 1.4rem
  8624.            }
  8625.  
  8626.            .cart-item__old-price {
  8627.                opacity: .7
  8628.            }
  8629.  
  8630.            .cart-item__final-price {
  8631.                font-weight: 400
  8632.            }
  8633.  
  8634.            .product-option {
  8635.                font-size: 1.4rem;
  8636.                word-break: break-word;
  8637.                line-height: calc(1 + .5 / var(--font-body-scale))
  8638.            }
  8639.  
  8640.            .cart-item cart-remove-button {
  8641.                display: flex;
  8642.                margin-left: 1rem
  8643.            }
  8644.  
  8645.            @media screen and (min-width: 750px) and (max-width: 989px) {
  8646.                .cart-item cart-remove-button {
  8647.                    width: 4.5rem;
  8648.                    height: 4.5rem
  8649.                }
  8650.            }
  8651.  
  8652.            cart-remove-button .button {
  8653.                min-width: calc(4.5rem / var(--font-body-scale));
  8654.                min-height: 4.5rem;
  8655.                padding: 0;
  8656.                margin: 0 .1rem .1rem 0
  8657.            }
  8658.  
  8659.            cart-remove-button .button:before,
  8660.            cart-remove-button .button:after {
  8661.                content: none
  8662.            }
  8663.  
  8664.            cart-remove-button .button:not([disabled]):hover {
  8665.                color: rgb(var(--color-foreground))
  8666.            }
  8667.  
  8668.            @media screen and (min-width: 750px) {
  8669.                cart-remove-button .button {
  8670.                    min-width: 3.5rem;
  8671.                    min-height: 3.5rem
  8672.                }
  8673.            }
  8674.  
  8675.            cart-remove-button .icon-remove {
  8676.                height: 1.5rem;
  8677.                width: 1.5rem
  8678.            }
  8679.  
  8680.            .cart-item .loading__spinner {
  8681.                top: 0;
  8682.                left: auto;
  8683.                right: auto;
  8684.                bottom: 0;
  8685.                padding: 0
  8686.            }
  8687.  
  8688.            @media screen and (min-width: 750px) {
  8689.                .cart-item .loading__spinner {
  8690.                    right: 0;
  8691.                    padding-top: 4.5rem;
  8692.                    bottom: auto
  8693.                }
  8694.            }
  8695.  
  8696.            .cart-item .loading__spinner:not(.hidden)~* {
  8697.                visibility: hidden
  8698.            }
  8699.  
  8700.            .cart-item__error {
  8701.                display: flex;
  8702.                align-items: flex-start;
  8703.                margin-top: .2rem;
  8704.                width: min-content;
  8705.                min-width: 100%
  8706.            }
  8707.  
  8708.            .cart-item__error-text {
  8709.                font-size: 1.2rem;
  8710.                line-height: calc(1 + .2 / var(--font-body-scale));
  8711.                order: 1
  8712.            }
  8713.  
  8714.            .cart-item__error-text+svg {
  8715.                flex-shrink: 0;
  8716.                width: 1.2rem;
  8717.                margin-right: .5rem;
  8718.                margin-top: .1rem
  8719.            }
  8720.  
  8721.            .cart-item__error-text:empty+svg {
  8722.                display: none
  8723.            }
  8724.  
  8725.            .product-option+.product-option {
  8726.                margin-top: .4rem
  8727.            }
  8728.  
  8729.            .product-option * {
  8730.                display: inline;
  8731.                margin: 0
  8732.            }
  8733.  
  8734.            .cart-items thead th {
  8735.                text-transform: uppercase
  8736.            }
  8737.  
  8738.            @media screen and (max-width: 749px) {
  8739.  
  8740.                .cart-items,
  8741.                .cart-items thead,
  8742.                .cart-items tbody {
  8743.                    display: block;
  8744.                    width: 100%
  8745.                }
  8746.  
  8747.                .cart-items thead tr {
  8748.                    display: flex;
  8749.                    justify-content: space-between;
  8750.                    border-bottom: .1rem solid rgba(var(--color-foreground), .2);
  8751.                    margin-bottom: 4rem
  8752.                }
  8753.  
  8754.                .cart-item {
  8755.                    display: grid;
  8756.                    grid-template: repeat(2, auto) / repeat(4, 1fr);
  8757.                    gap: 1.5rem;
  8758.                    margin-bottom: 3.5rem
  8759.                }
  8760.  
  8761.                .cart-item:last-child {
  8762.                    margin-bottom: 0
  8763.                }
  8764.  
  8765.                .cart-item__media {
  8766.                    grid-row: 1 / 3
  8767.                }
  8768.  
  8769.                .cart-item__details {
  8770.                    grid-column: 2 / 4
  8771.                }
  8772.  
  8773.                .cart-item__quantity {
  8774.                    grid-column: 2 / 5
  8775.                }
  8776.  
  8777.                .cart-item__quantity-wrapper {
  8778.                    flex-wrap: wrap
  8779.                }
  8780.  
  8781.                .cart-item__totals {
  8782.                    display: flex;
  8783.                    align-items: flex-start;
  8784.                    justify-content: flex-end
  8785.                }
  8786.            }
  8787.  
  8788.            @media screen and (min-width: 750px) {
  8789.                .cart-items {
  8790.                    border-spacing: 0;
  8791.                    border-collapse: separate;
  8792.                    box-shadow: none;
  8793.                    width: 100%;
  8794.                    display: table
  8795.                }
  8796.  
  8797.                .cart-items th {
  8798.                    border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  8799.                }
  8800.  
  8801.                .cart-items thead th:first-child {
  8802.                    width: 50%
  8803.                }
  8804.  
  8805.                .cart-items th+th {
  8806.                    padding-left: 4rem
  8807.                }
  8808.  
  8809.                .cart-items td {
  8810.                    vertical-align: top;
  8811.                    padding-top: 4rem
  8812.                }
  8813.  
  8814.                .cart-item {
  8815.                    display: table-row
  8816.                }
  8817.  
  8818.                .cart-item>td+td {
  8819.                    padding-left: 4rem
  8820.                }
  8821.  
  8822.                .cart-item__details {
  8823.                    width: 35rem
  8824.                }
  8825.  
  8826.                .cart-item__media {
  8827.                    width: 10rem
  8828.                }
  8829.  
  8830.                .cart-item cart-remove-button {
  8831.                    margin: .5rem 0 0 1.5rem
  8832.                }
  8833.  
  8834.                .cart-item__price-wrapper>*:only-child:not(.cart-item__discounted-prices) {
  8835.                    margin-top: 1rem
  8836.                }
  8837.  
  8838.                .cart-item__error {
  8839.                    margin-left: .3rem
  8840.                }
  8841.            }
  8842.  
  8843.            @media screen and (min-width: 990px) {
  8844.  
  8845.                .cart-item .cart-item__quantity,
  8846.                .cart-items .cart-items__heading--wide {
  8847.                    padding-left: 6rem
  8848.                }
  8849.  
  8850.                .cart-item__details {
  8851.                    width: 50rem
  8852.                }
  8853.  
  8854.                .cart-items thead th:first-child {
  8855.                    width: 60%
  8856.                }
  8857.            }
  8858.  
  8859.            @media screen and (min-width: 750px) {
  8860.  
  8861.                .cart-items .cart-items__heading--quantity,
  8862.                .cart-item .cart-item__quantity,
  8863.                .cart-item__quantity--info quantity-popover>*,
  8864.                .no-js .cart-item .cart-item__quantity--info {
  8865.                    padding-left: 5rem
  8866.                }
  8867.  
  8868.                .cart-item .cart-item__quantity--info,
  8869.                .cart-item__quantity--info .cart-item__quantity-wrapper,
  8870.                .cart-item__quantity--info .cart-items__info {
  8871.                    padding-left: 0
  8872.                }
  8873.            }
  8874.  
  8875.            @media screen and (min-width: 749px) and (max-width: 990px) {
  8876.                .cart-items .quantity-popover__info-button {
  8877.                    padding-left: 1.5rem
  8878.                }
  8879.            }
  8880.        </style>
  8881.        <style>
  8882.            .price {
  8883.                font-size: 1.6rem;
  8884.                letter-spacing: .1rem;
  8885.                line-height: calc(1 + .5 / var(--font-body-scale));
  8886.                color: rgb(var(--color-foreground))
  8887.            }
  8888.  
  8889.            .price>* {
  8890.                display: inline-block;
  8891.                vertical-align: top
  8892.            }
  8893.  
  8894.            .price.price--unavailable {
  8895.                visibility: hidden
  8896.            }
  8897.  
  8898.            .price--end {
  8899.                text-align: right
  8900.            }
  8901.  
  8902.            .price .price-item {
  8903.                display: inline-block;
  8904.                margin: 0 1rem 0 0
  8905.            }
  8906.  
  8907.            .price__regular .price-item--regular {
  8908.                margin-right: 0
  8909.            }
  8910.  
  8911.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  8912.                margin: 0
  8913.            }
  8914.  
  8915.            @media screen and (min-width: 750px) {
  8916.                .price {
  8917.                    margin-bottom: 0
  8918.                }
  8919.            }
  8920.  
  8921.            .price--large {
  8922.                font-size: 1.6rem;
  8923.                line-height: calc(1 + .5 / var(--font-body-scale));
  8924.                letter-spacing: .13rem
  8925.            }
  8926.  
  8927.            @media screen and (min-width: 750px) {
  8928.                .price--large {
  8929.                    font-size: 1.8rem
  8930.                }
  8931.            }
  8932.  
  8933.            .price--sold-out .price__availability,
  8934.            .price__regular {
  8935.                display: block
  8936.            }
  8937.  
  8938.            .price__sale,
  8939.            .price__availability,
  8940.            .price .price__badge-sale,
  8941.            .price .price__badge-sold-out,
  8942.            .price--on-sale .price__regular,
  8943.            .price--on-sale .price__availability {
  8944.                display: none
  8945.            }
  8946.  
  8947.            .price--sold-out .price__badge-sold-out,
  8948.            .price--on-sale .price__badge-sale,
  8949.            .volume-pricing--sale-badge .price__badge-sale {
  8950.                display: inline-block
  8951.            }
  8952.  
  8953.            .volume-pricing--sale-badge .price__badge-sale {
  8954.                margin-left: .5rem
  8955.            }
  8956.  
  8957.            .price--on-sale .price__sale {
  8958.                display: initial;
  8959.                flex-direction: row;
  8960.                flex-wrap: wrap
  8961.            }
  8962.  
  8963.            .price--center {
  8964.                display: initial;
  8965.                justify-content: center
  8966.            }
  8967.  
  8968.            .price--on-sale .price-item--regular {
  8969.                text-decoration: line-through;
  8970.                color: rgba(var(--color-foreground), .75);
  8971.                font-size: 1.3rem
  8972.            }
  8973.  
  8974.            .unit-price {
  8975.                display: block;
  8976.                font-size: 1.1rem;
  8977.                letter-spacing: .04rem;
  8978.                line-height: calc(1 + .2 / var(--font-body-scale));
  8979.                margin-top: .2rem;
  8980.                text-transform: uppercase;
  8981.                color: rgba(var(--color-foreground), .7)
  8982.            }
  8983.        </style>
  8984.        <style>
  8985.            .drawer {
  8986.                position: fixed;
  8987.                z-index: 1000;
  8988.                left: 0;
  8989.                top: 0;
  8990.                width: 100vw;
  8991.                height: 100%;
  8992.                display: flex;
  8993.                justify-content: flex-end;
  8994.                background-color: rgba(var(--color-foreground), .5);
  8995.                transition: visibility var(--duration-default) ease
  8996.            }
  8997.  
  8998.            .drawer.active {
  8999.                visibility: visible
  9000.            }
  9001.  
  9002.            .drawer__inner {
  9003.                height: 100%;
  9004.                width: 40rem;
  9005.                max-width: calc(100vw - 3rem);
  9006.                padding: 0 1.5rem;
  9007.                border: .1rem solid rgba(var(--color-foreground), .2);
  9008.                border-right: 0;
  9009.                overflow: hidden;
  9010.                display: flex;
  9011.                flex-direction: column;
  9012.                transform: translate(100%);
  9013.                transition: transform var(--duration-default) ease
  9014.            }
  9015.  
  9016.            .drawer__inner-empty {
  9017.                height: 100%;
  9018.                padding: 0 1.5rem;
  9019.                overflow: hidden;
  9020.                display: flex;
  9021.                flex-direction: column
  9022.            }
  9023.  
  9024.            .cart-drawer__warnings {
  9025.                display: flex;
  9026.                flex-direction: column;
  9027.                flex: 1;
  9028.                justify-content: center
  9029.            }
  9030.  
  9031.            cart-drawer.is-empty .drawer__inner {
  9032.                display: grid;
  9033.                grid-template-rows: 1fr;
  9034.                align-items: center;
  9035.                padding: 0
  9036.            }
  9037.  
  9038.            cart-drawer.is-empty .drawer__header {
  9039.                display: none
  9040.            }
  9041.  
  9042.            cart-drawer:not(.is-empty) .cart-drawer__warnings,
  9043.            cart-drawer:not(.is-empty) .cart-drawer__collection {
  9044.                display: none
  9045.            }
  9046.  
  9047.            .cart-drawer__warnings--has-collection .cart__login-title {
  9048.                margin-top: 2.5rem
  9049.            }
  9050.  
  9051.            .drawer.active .drawer__inner {
  9052.                transform: translate(0)
  9053.            }
  9054.  
  9055.            .drawer__header {
  9056.                position: relative;
  9057.                padding: 1.5rem 0;
  9058.                display: flex;
  9059.                justify-content: space-between;
  9060.                align-items: center
  9061.            }
  9062.  
  9063.            .drawer__heading {
  9064.                margin: 0 0 1rem
  9065.            }
  9066.  
  9067.            .drawer__close {
  9068.                display: inline-block;
  9069.                padding: 0;
  9070.                min-width: 4.4rem;
  9071.                min-height: 4.4rem;
  9072.                box-shadow: 0 0 0 .2rem rgba(var(--color-button), 0);
  9073.                position: absolute;
  9074.                top: 10px;
  9075.                right: -10px;
  9076.                color: rgb(var(--color-foreground));
  9077.                background-color: transparent;
  9078.                border: none;
  9079.                cursor: pointer
  9080.            }
  9081.  
  9082.            .cart-drawer__warnings .drawer__close {
  9083.                right: 5px
  9084.            }
  9085.  
  9086.            .drawer__close svg {
  9087.                height: 2.4rem;
  9088.                width: 2.4rem
  9089.            }
  9090.  
  9091.            .drawer__contents {
  9092.                flex-grow: 1;
  9093.                display: flex;
  9094.                flex-direction: column
  9095.            }
  9096.  
  9097.            .drawer__footer {
  9098.                border-top: .1rem solid rgba(var(--color-foreground), .2);
  9099.                padding: 1.5rem 0
  9100.            }
  9101.  
  9102.            cart-drawer-items.is-empty+.drawer__footer {
  9103.                display: none
  9104.            }
  9105.  
  9106.            .drawer__footer>details {
  9107.                margin-top: -1.5rem;
  9108.                border-bottom: .1rem solid rgba(var(--color-foreground), .2)
  9109.            }
  9110.  
  9111.            .drawer__footer>details[open] {
  9112.                padding-bottom: 1.5rem
  9113.            }
  9114.  
  9115.            .drawer__footer summary {
  9116.                display: flex;
  9117.                position: relative;
  9118.                line-height: 1;
  9119.                padding: 1.5rem 0
  9120.            }
  9121.  
  9122.            .drawer__footer>details+.cart-drawer__footer {
  9123.                padding-top: 1.5rem
  9124.            }
  9125.  
  9126.            cart-drawer {
  9127.                position: fixed;
  9128.                top: 0;
  9129.                left: 0;
  9130.                width: 100vw;
  9131.                height: 100%
  9132.            }
  9133.  
  9134.            .cart-drawer__overlay {
  9135.                position: fixed;
  9136.                top: 0;
  9137.                right: 0;
  9138.                bottom: 0;
  9139.                left: 0
  9140.            }
  9141.  
  9142.            .cart-drawer__overlay:empty {
  9143.                display: block
  9144.            }
  9145.  
  9146.            .cart-drawer__form {
  9147.                flex-grow: 1;
  9148.                display: flex;
  9149.                flex-wrap: wrap
  9150.            }
  9151.  
  9152.            .cart-drawer__collection {
  9153.                margin: 0 2.5rem 1.5rem
  9154.            }
  9155.  
  9156.            .cart-drawer .drawer__cart-items-wrapper {
  9157.                flex-grow: 1
  9158.            }
  9159.  
  9160.            .cart-drawer .cart-items,
  9161.            .cart-drawer tbody {
  9162.                display: block;
  9163.                width: 100%
  9164.            }
  9165.  
  9166.            .cart-drawer thead {
  9167.                display: inline-table;
  9168.                width: 100%;
  9169.                position: sticky;
  9170.                top: 0;
  9171.                z-index: 2
  9172.            }
  9173.  
  9174.            cart-drawer-items {
  9175.                overflow: auto;
  9176.                flex: 1
  9177.            }
  9178.  
  9179.            @media screen and (max-height: 650px) {
  9180.                cart-drawer-items {
  9181.                    overflow: visible
  9182.                }
  9183.  
  9184.                .drawer__inner {
  9185.                    overflow: scroll
  9186.                }
  9187.            }
  9188.  
  9189.            .cart-drawer .cart-item {
  9190.                display: grid;
  9191.                grid-template: repeat(2, auto) / repeat(4, 1fr);
  9192.                gap: 1.5rem;
  9193.                margin-bottom: 0
  9194.            }
  9195.  
  9196.            .cart-drawer .cart-item:last-child {
  9197.                margin-bottom: 1rem
  9198.            }
  9199.  
  9200.            .cart-drawer .cart-item__media {
  9201.                grid-row: 1 / 3
  9202.            }
  9203.  
  9204.            .cart-drawer .cart-item__image {
  9205.                max-width: 100%
  9206.            }
  9207.  
  9208.            .cart-drawer .cart-items thead {
  9209.                margin-bottom: .5rem
  9210.            }
  9211.  
  9212.            .cart-drawer .cart-items thead th:first-child,
  9213.            .cart-drawer .cart-items thead th:last-child {
  9214.                width: 0;
  9215.                padding: 0
  9216.            }
  9217.  
  9218.            .cart-drawer .cart-items thead th:nth-child(2) {
  9219.                width: 50%;
  9220.                padding-left: 0
  9221.            }
  9222.  
  9223.            .cart-drawer .cart-items thead tr {
  9224.                display: table-row;
  9225.                margin-bottom: 0
  9226.            }
  9227.  
  9228.            .cart-drawer .cart-items th {
  9229.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9230.            }
  9231.  
  9232.            .cart-drawer .cart-item:last-child {
  9233.                margin-bottom: 1.5rem
  9234.            }
  9235.  
  9236.            .cart-drawer .cart-item .loading__spinner {
  9237.                right: 5px;
  9238.                padding-top: 2.5rem
  9239.            }
  9240.  
  9241.            .cart-drawer .cart-items td {
  9242.                padding-top: 2rem
  9243.            }
  9244.  
  9245.            .cart-drawer .cart-item>td+td {
  9246.                padding-left: 1rem
  9247.            }
  9248.  
  9249.            .cart-drawer .cart-item__details {
  9250.                width: auto;
  9251.                grid-column: 2 / 4
  9252.            }
  9253.  
  9254.            .cart-drawer .cart-item__totals {
  9255.                pointer-events: none;
  9256.                display: flex;
  9257.                align-items: flex-start;
  9258.                justify-content: flex-end
  9259.            }
  9260.  
  9261.            .cart-drawer.cart-drawer .cart-item__price-wrapper>*:only-child {
  9262.                margin-top: 0
  9263.            }
  9264.  
  9265.            .cart-drawer .cart-item__price-wrapper .cart-item__discounted-prices {
  9266.                display: flex;
  9267.                flex-direction: column;
  9268.                gap: .6rem
  9269.            }
  9270.  
  9271.            .cart-drawer .unit-price {
  9272.                margin-top: .6rem
  9273.            }
  9274.  
  9275.            .cart-drawer .cart-items .cart-item__quantity {
  9276.                padding-top: 0;
  9277.                grid-column: 2 / 5
  9278.            }
  9279.  
  9280.            @media screen and (max-width: 749px) {
  9281.                .cart-drawer .cart-item cart-remove-button {
  9282.                    margin-left: 0
  9283.                }
  9284.            }
  9285.  
  9286.            .cart-drawer__footer>*+* {
  9287.                margin-top: 1rem
  9288.            }
  9289.  
  9290.            .cart-drawer .totals {
  9291.                justify-content: space-between
  9292.            }
  9293.  
  9294.            .cart-drawer .price {
  9295.                line-height: 1
  9296.            }
  9297.  
  9298.            .cart-drawer .tax-note {
  9299.                margin: 1.2rem 0 1rem auto;
  9300.                text-align: left
  9301.            }
  9302.  
  9303.            .cart-drawer .product-option dd {
  9304.                word-break: break-word
  9305.            }
  9306.  
  9307.            .cart-drawer details[open]>summary .icon-caret {
  9308.                transform: rotate(180deg)
  9309.            }
  9310.  
  9311.            .cart-drawer .cart__checkout-button {
  9312.                max-width: none
  9313.            }
  9314.  
  9315.            .drawer__footer .cart__dynamic-checkout-buttons {
  9316.                max-width: 100%
  9317.            }
  9318.  
  9319.            .drawer__footer #dynamic-checkout-cart ul {
  9320.                flex-wrap: wrap !important;
  9321.                flex-direction: row !important;
  9322.                margin: .5rem -.5rem 0 0 !important;
  9323.                gap: .5rem
  9324.            }
  9325.  
  9326.            .drawer__footer [data-shopify-buttoncontainer] {
  9327.                justify-content: flex-start
  9328.            }
  9329.  
  9330.            .drawer__footer #dynamic-checkout-cart ul>li {
  9331.                flex-basis: calc(50% - .5rem) !important;
  9332.                margin: 0 !important
  9333.            }
  9334.  
  9335.            .drawer__footer #dynamic-checkout-cart ul>li:only-child {
  9336.                flex-basis: 100% !important;
  9337.                margin-right: .5rem !important
  9338.            }
  9339.  
  9340.            @media screen and (min-width: 750px) {
  9341.                .drawer__footer #dynamic-checkout-cart ul>li {
  9342.                    flex-basis: calc(100% / 3 - .5rem) !important;
  9343.                    margin: 0 !important
  9344.                }
  9345.  
  9346.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2),
  9347.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(2)~li,
  9348.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4),
  9349.                .drawer__footer #dynamic-checkout-cart ul>li:first-child:nth-last-child(4)~li {
  9350.                    flex-basis: calc(50% - .5rem) !important
  9351.                }
  9352.            }
  9353.  
  9354.            cart-drawer-items::-webkit-scrollbar {
  9355.                width: 3px
  9356.            }
  9357.  
  9358.            cart-drawer-items::-webkit-scrollbar-thumb {
  9359.                background-color: rgba(var(--color-foreground), .7);
  9360.                border-radius: 100px
  9361.            }
  9362.  
  9363.            cart-drawer-items::-webkit-scrollbar-track-piece {
  9364.                margin-top: 31px
  9365.            }
  9366.  
  9367.            .cart-drawer .quantity-popover-container {
  9368.                padding: 0
  9369.            }
  9370.  
  9371.            .cart-drawer .quantity-popover__info.global-settings-popup {
  9372.                transform: translateY(0);
  9373.                right: 0
  9374.            }
  9375.  
  9376.            .cart-drawer .cart-item__error {
  9377.                margin-top: .8rem
  9378.            }
  9379.  
  9380.            .cart-drawer .quantity-popover__info+.cart-item__error {
  9381.                margin-top: .2rem
  9382.            }
  9383.  
  9384.            @media screen and (min-width: 750px) {
  9385.                .cart-drawer .cart-item__quantity--info quantity-popover>* {
  9386.                    padding-left: 0
  9387.                }
  9388.  
  9389.                .cart-drawer .cart-item__error {
  9390.                    margin-left: 0
  9391.                }
  9392.            }
  9393.        </style>
  9394.        <style>
  9395.            .cart {
  9396.                position: relative;
  9397.                display: block
  9398.            }
  9399.  
  9400.            .cart__empty-text,
  9401.            .is-empty .cart__contents,
  9402.            cart-items.is-empty .title-wrapper-with-link,
  9403.            .is-empty .cart__footer {
  9404.                display: none
  9405.            }
  9406.  
  9407.            .is-empty .cart__empty-text,
  9408.            .is-empty .cart__warnings {
  9409.                display: block
  9410.            }
  9411.  
  9412.            .cart__warnings {
  9413.                display: none;
  9414.                text-align: center;
  9415.                padding: 3rem 0 1rem
  9416.            }
  9417.  
  9418.            .cart__empty-text {
  9419.                margin: 4.5rem 0 2rem
  9420.            }
  9421.  
  9422.            .cart__contents>*+* {
  9423.                margin-top: 2.5rem
  9424.            }
  9425.  
  9426.            .cart__login-title {
  9427.                margin: 5.5rem 0 .5rem
  9428.            }
  9429.  
  9430.            .cart__login-paragraph {
  9431.                margin-top: .8rem
  9432.            }
  9433.  
  9434.            .cart__login-paragraph a {
  9435.                font-size: inherit
  9436.            }
  9437.  
  9438.            @media screen and (min-width: 990px) {
  9439.                .cart__warnings {
  9440.                    padding: 7rem 0 1rem
  9441.                }
  9442.  
  9443.                .cart__empty-text {
  9444.                    margin: 0 0 3rem
  9445.                }
  9446.            }
  9447.  
  9448.            cart-items {
  9449.                display: block
  9450.            }
  9451.  
  9452.            .cart__items {
  9453.                position: relative;
  9454.                padding-bottom: 3rem;
  9455.                border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  9456.            }
  9457.  
  9458.            .cart__items--disabled {
  9459.                pointer-events: none
  9460.            }
  9461.  
  9462.            .cart__footer-wrapper:last-child .cart__footer {
  9463.                padding-bottom: 5rem
  9464.            }
  9465.  
  9466.            .cart__footer>div:only-child {
  9467.                margin-left: auto
  9468.            }
  9469.  
  9470.            .cart__footer>*+* {
  9471.                margin-top: 6.5rem
  9472.            }
  9473.  
  9474.            .cart__footer .discounts {
  9475.                margin-bottom: 1rem
  9476.            }
  9477.  
  9478.            .cart__note {
  9479.                height: fit-content;
  9480.                top: 2.5rem
  9481.            }
  9482.  
  9483.            .cart__note label {
  9484.                display: flex;
  9485.                align-items: flex-end;
  9486.                position: absolute;
  9487.                line-height: 1;
  9488.                height: 1.8rem;
  9489.                top: -3rem;
  9490.                color: rgba(var(--color-foreground), .75)
  9491.            }
  9492.  
  9493.            .cart__note .field__input {
  9494.                height: 100%;
  9495.                position: relative;
  9496.                border-radius: var(--inputs-radius);
  9497.                padding: 1rem 2rem
  9498.            }
  9499.  
  9500.            .cart__note .text-area {
  9501.                resize: vertical
  9502.            }
  9503.  
  9504.            .cart__note:after,
  9505.            .cart__note:hover.cart__note:after,
  9506.            .cart__note:before,
  9507.            .cart__note:hover.cart__note:before,
  9508.            .cart__note .field__input:focus,
  9509.            .cart__note .field__input {
  9510.                border-bottom-right-radius: 0
  9511.            }
  9512.  
  9513.            @media screen and (min-width: 750px) {
  9514.                .cart__items {
  9515.                    grid-column-start: 1;
  9516.                    grid-column-end: 3;
  9517.                    padding-bottom: 4rem
  9518.                }
  9519.  
  9520.                .cart__contents>*+* {
  9521.                    margin-top: 0
  9522.                }
  9523.  
  9524.                .cart__items+.cart__footer {
  9525.                    grid-column: 2
  9526.                }
  9527.  
  9528.                .cart__footer {
  9529.                    display: flex;
  9530.                    justify-content: space-between;
  9531.                    border: 0
  9532.                }
  9533.  
  9534.                .cart__footer-wrapper:last-child {
  9535.                    padding-top: 0
  9536.                }
  9537.  
  9538.                .cart__footer>* {
  9539.                    width: 35rem
  9540.                }
  9541.  
  9542.                .cart__footer>*+* {
  9543.                    margin-left: 4rem;
  9544.                    margin-top: 0
  9545.                }
  9546.            }
  9547.  
  9548.            .cart__ctas button {
  9549.                width: 100%
  9550.            }
  9551.  
  9552.            .cart__ctas>*:not(noscript:first-child)+* {
  9553.                margin-top: 1rem
  9554.            }
  9555.  
  9556.            .cart__update-button {
  9557.                margin-bottom: 1rem
  9558.            }
  9559.  
  9560.            .cart__dynamic-checkout-buttons {
  9561.                max-width: 36rem;
  9562.                margin: 0 auto
  9563.            }
  9564.  
  9565.            .cart__dynamic-checkout-buttons:has(.dynamic-checkout__content:empty) {
  9566.                margin: 0
  9567.            }
  9568.  
  9569.            .cart__dynamic-checkout-buttons div[role=button] {
  9570.                border-radius: var(--buttons-radius-outset) !important
  9571.            }
  9572.  
  9573.            .cart__blocks>*+* {
  9574.                margin-top: 1rem
  9575.            }
  9576.  
  9577.            .cart-note__label {
  9578.                display: inline-block;
  9579.                margin-bottom: 1rem;
  9580.                line-height: calc(1 + 1 / var(--font-body-scale))
  9581.            }
  9582.  
  9583.            .tax-note {
  9584.                margin: 2.2rem 0 1.6rem auto;
  9585.                text-align: center;
  9586.                display: block
  9587.            }
  9588.  
  9589.            .cart__checkout-button {
  9590.                max-width: 36rem
  9591.            }
  9592.  
  9593.            .cart__ctas {
  9594.                text-align: center
  9595.            }
  9596.  
  9597.            @media screen and (min-width: 750px) {
  9598.                .cart-note {
  9599.                    max-width: 35rem
  9600.                }
  9601.  
  9602.                .cart__update-button {
  9603.                    margin-bottom: 0;
  9604.                    margin-right: .8rem
  9605.                }
  9606.  
  9607.                .tax-note {
  9608.                    margin-bottom: 2.2rem;
  9609.                    text-align: right
  9610.                }
  9611.  
  9612.                [data-shopify-buttoncontainer] {
  9613.                    justify-content: flex-end
  9614.                }
  9615.  
  9616.                .cart__ctas {
  9617.                    display: flex;
  9618.                    gap: 1rem
  9619.                }
  9620.            }
  9621.        </style>
  9622.        <style>
  9623.            .totals {
  9624.                display: flex;
  9625.                justify-content: center;
  9626.                align-items: flex-end
  9627.            }
  9628.  
  9629.            .totals>* {
  9630.                font-size: 1.6rem;
  9631.                margin: 0
  9632.            }
  9633.  
  9634.            .totals>h2 {
  9635.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  9636.            }
  9637.  
  9638.            .totals * {
  9639.                line-height: 1
  9640.            }
  9641.  
  9642.            .totals>*+* {
  9643.                margin-left: 2rem
  9644.            }
  9645.  
  9646.            .totals__total {
  9647.                margin-top: .5rem
  9648.            }
  9649.  
  9650.            .totals__total-value {
  9651.                font-size: 1.8rem
  9652.            }
  9653.  
  9654.            .cart__ctas+.totals {
  9655.                margin-top: 2rem
  9656.            }
  9657.  
  9658.            @media all and (min-width: 750px) {
  9659.                .totals {
  9660.                    justify-content: flex-end
  9661.                }
  9662.            }
  9663.        </style>
  9664.        <style>
  9665.            .price {
  9666.                font-size: 1.6rem;
  9667.                letter-spacing: .1rem;
  9668.                line-height: calc(1 + .5 / var(--font-body-scale));
  9669.                color: rgb(var(--color-foreground))
  9670.            }
  9671.  
  9672.            .price>* {
  9673.                display: inline-block;
  9674.                vertical-align: top
  9675.            }
  9676.  
  9677.            .price.price--unavailable {
  9678.                visibility: hidden
  9679.            }
  9680.  
  9681.            .price--end {
  9682.                text-align: right
  9683.            }
  9684.  
  9685.            .price .price-item {
  9686.                display: inline-block;
  9687.                margin: 0 1rem 0 0
  9688.            }
  9689.  
  9690.            .price__regular .price-item--regular {
  9691.                margin-right: 0
  9692.            }
  9693.  
  9694.            .price:not(.price--show-badge) .price-item--last:last-of-type {
  9695.                margin: 0
  9696.            }
  9697.  
  9698.            @media screen and (min-width: 750px) {
  9699.                .price {
  9700.                    margin-bottom: 0
  9701.                }
  9702.            }
  9703.  
  9704.            .price--large {
  9705.                font-size: 1.6rem;
  9706.                line-height: calc(1 + .5 / var(--font-body-scale));
  9707.                letter-spacing: .13rem
  9708.            }
  9709.  
  9710.            @media screen and (min-width: 750px) {
  9711.                .price--large {
  9712.                    font-size: 1.8rem
  9713.                }
  9714.            }
  9715.  
  9716.            .price--sold-out .price__availability,
  9717.            .price__regular {
  9718.                display: block
  9719.            }
  9720.  
  9721.            .price__sale,
  9722.            .price__availability,
  9723.            .price .price__badge-sale,
  9724.            .price .price__badge-sold-out,
  9725.            .price--on-sale .price__regular,
  9726.            .price--on-sale .price__availability {
  9727.                display: none
  9728.            }
  9729.  
  9730.            .price--sold-out .price__badge-sold-out,
  9731.            .price--on-sale .price__badge-sale,
  9732.            .volume-pricing--sale-badge .price__badge-sale {
  9733.                display: inline-block
  9734.            }
  9735.  
  9736.            .volume-pricing--sale-badge .price__badge-sale {
  9737.                margin-left: .5rem
  9738.            }
  9739.  
  9740.            .price--on-sale .price__sale {
  9741.                display: initial;
  9742.                flex-direction: row;
  9743.                flex-wrap: wrap
  9744.            }
  9745.  
  9746.            .price--center {
  9747.                display: initial;
  9748.                justify-content: center
  9749.            }
  9750.  
  9751.            .price--on-sale .price-item--regular {
  9752.                text-decoration: line-through;
  9753.                color: rgba(var(--color-foreground), .75);
  9754.                font-size: 1.3rem
  9755.            }
  9756.  
  9757.            .unit-price {
  9758.                display: block;
  9759.                font-size: 1.1rem;
  9760.                letter-spacing: .04rem;
  9761.                line-height: calc(1 + .2 / var(--font-body-scale));
  9762.                margin-top: .2rem;
  9763.                text-transform: uppercase;
  9764.                color: rgba(var(--color-foreground), .7)
  9765.            }
  9766.        </style>
  9767.        <style>
  9768.            .discounts {
  9769.                font-size: 1.2rem;
  9770.            }
  9771.  
  9772.            .discounts__discount {
  9773.                display: flex;
  9774.                align-items: center;
  9775.                line-height: calc(1 + 0.5 / var(--font-body-scale));
  9776.            }
  9777.  
  9778.            .discounts__discount svg {
  9779.                color: rgba(var(--color-button), var(--alpha-button-background));
  9780.            }
  9781.  
  9782.            .discounts__discount--position {
  9783.                justify-content: center;
  9784.            }
  9785.  
  9786.            @media screen and (min-width: 750px) {
  9787.                .discounts__discount--position {
  9788.                    justify-content: flex-end;
  9789.                }
  9790.            }
  9791.  
  9792.            .discounts__discount>.icon {
  9793.                color: rgb(var(--color-foreground));
  9794.                width: 1.2rem;
  9795.                height: 1.2rem;
  9796.                margin-right: 0.7rem;
  9797.            }
  9798.        </style>
  9799.        <style>
  9800.            p img {
  9801.                width: 100%;
  9802.            }
  9803.  
  9804.            header-drawer {
  9805.                justify-self: start;
  9806.                margin-left: -1.2rem;
  9807.            }
  9808.  
  9809.            @media screen and (min-width: 990px) {
  9810.                header-drawer {
  9811.                    display: none;
  9812.                }
  9813.            }
  9814.  
  9815.            .menu-drawer-container {
  9816.                display: flex;
  9817.            }
  9818.  
  9819.            .list-menu {
  9820.                list-style: none;
  9821.                padding: 0;
  9822.                margin: 0;
  9823.            }
  9824.  
  9825.            .list-menu--inline {
  9826.                display: inline-flex;
  9827.                flex-wrap: wrap;
  9828.            }
  9829.  
  9830.            summary.list-menu__item {
  9831.                padding-right: 2.7rem;
  9832.            }
  9833.  
  9834.            .list-menu__item {
  9835.                display: flex;
  9836.                align-items: center;
  9837.                line-height: calc(1 + 0.3 / var(--font-body-scale));
  9838.            }
  9839.  
  9840.            .list-menu__item--link {
  9841.                text-decoration: none;
  9842.                padding-bottom: 1rem;
  9843.                padding-top: 1rem;
  9844.                line-height: calc(1 + 0.8 / var(--font-body-scale));
  9845.            }
  9846.  
  9847.            @media screen and (min-width: 750px) {
  9848.                .list-menu__item--link {
  9849.                    padding-bottom: 0.5rem;
  9850.                    padding-top: 0.5rem;
  9851.                }
  9852.            }
  9853.        </style>
  9854.        <style data-shopify>
  9855.            .header {
  9856.                padding: 10px 3rem 10px 3rem;
  9857.            }
  9858.  
  9859.            .section-header {
  9860.                position: sticky;
  9861.                /* This is for fixing a Safari z-index issue. PR #2147 */
  9862.                margin-bottom: 0px;
  9863.            }
  9864.  
  9865.            @media screen and (min-width: 750px) {
  9866.                .section-header {
  9867.                    margin-bottom: 0px;
  9868.                }
  9869.            }
  9870.  
  9871.            @media screen and (min-width: 990px) {
  9872.                .header {
  9873.                    padding-top: 20px;
  9874.                    padding-bottom: 20px;
  9875.                }
  9876.            }
  9877.        </style>
  9878.        <script>
  9879.            /** Shopify CDN: Minification failed
  9880.        
  9881.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9882.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9883.        Line 23:12 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9884.        Line 29:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9885.        Line 39:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9886.        Line 47:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9887.        Line 48:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9888.        Line 53:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9889.        
  9890.        **/
  9891.            class DetailsDisclosure extends HTMLElement {
  9892.                constructor() {
  9893.                    super();
  9894.                    this.mainDetailsToggle = this.querySelector('details');
  9895.                    this.content = this.mainDetailsToggle.querySelector('summary').nextElementSibling;
  9896.  
  9897.                    this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  9898.                    this.mainDetailsToggle.addEventListener('toggle', this.onToggle.bind(this));
  9899.                }
  9900.  
  9901.                onFocusOut() {
  9902.                    setTimeout(() => {
  9903.                        if (!this.contains(document.activeElement)) this.close();
  9904.                    });
  9905.                }
  9906.  
  9907.                onToggle() {
  9908.                    if (!this.animations) this.animations = this.content.getAnimations();
  9909.  
  9910.                    if (this.mainDetailsToggle.hasAttribute('open')) {
  9911.                        this.animations.forEach((animation) => animation.play());
  9912.                    } else {
  9913.                        this.animations.forEach((animation) => animation.cancel());
  9914.                    }
  9915.                }
  9916.  
  9917.                close() {
  9918.                    this.mainDetailsToggle.removeAttribute('open');
  9919.                    this.mainDetailsToggle.querySelector('summary').setAttribute('aria-expanded', false);
  9920.                }
  9921.            }
  9922.  
  9923.            customElements.define('details-disclosure', DetailsDisclosure);
  9924.  
  9925.            class HeaderMenu extends DetailsDisclosure {
  9926.                constructor() {
  9927.                    super();
  9928.                    this.header = document.querySelector('.header-wrapper');
  9929.                }
  9930.  
  9931.                onToggle() {
  9932.                    if (!this.header) return;
  9933.                    this.header.preventHide = this.mainDetailsToggle.open;
  9934.  
  9935.                    if (document.documentElement.style.getPropertyValue('--header-bottom-position-desktop') !== '') return;
  9936.                    document.documentElement.style.setProperty(
  9937.                        '--header-bottom-position-desktop',
  9938.                        `${Math.floor(this.header.getBoundingClientRect().bottom)}px`
  9939.                    );
  9940.                }
  9941.            }
  9942.  
  9943.            customElements.define('header-menu', HeaderMenu);
  9944.        </script>
  9945.        <script>
  9946.            /** Shopify CDN: Minification failed
  9947.        
  9948.        Line 13:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  9949.        Line 14:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9950.        Line 26:8 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9951.        Line 30:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9952.        Line 35:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9953.        Line 39:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9954.        Line 51:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  9955.        Line 51:20 Transforming default arguments to the configured target environment ("es5") is not supported yet
  9956.        
  9957.        **/
  9958.            class DetailsModal extends HTMLElement {
  9959.                constructor() {
  9960.                    super();
  9961.                    this.detailsContainer = this.querySelector('details');
  9962.                    this.summaryToggle = this.querySelector('summary');
  9963.  
  9964.                    this.detailsContainer.addEventListener('keyup', (event) => event.code.toUpperCase() === 'ESCAPE' && this.close());
  9965.                    this.summaryToggle.addEventListener('click', this.onSummaryClick.bind(this));
  9966.                    this.querySelector('button[type="button"]').addEventListener('click', this.close.bind(this));
  9967.  
  9968.                    this.summaryToggle.setAttribute('role', 'button');
  9969.                }
  9970.  
  9971.                isOpen() {
  9972.                    return this.detailsContainer.hasAttribute('open');
  9973.                }
  9974.  
  9975.                onSummaryClick(event) {
  9976.                    event.preventDefault();
  9977.                    event.target.closest('details').hasAttribute('open') ? this.close() : this.open(event);
  9978.                }
  9979.  
  9980.                onBodyClick(event) {
  9981.                    if (!this.contains(event.target) || event.target.classList.contains('modal-overlay')) this.close(false);
  9982.                }
  9983.  
  9984.                open(event) {
  9985.                    this.onBodyClickEvent = this.onBodyClickEvent || this.onBodyClick.bind(this);
  9986.                    event.target.closest('details').setAttribute('open', true);
  9987.                    document.body.addEventListener('click', this.onBodyClickEvent);
  9988.                    document.body.classList.add('overflow-hidden');
  9989.  
  9990.                    trapFocus(
  9991.                        this.detailsContainer.querySelector('[tabindex="-1"]'),
  9992.                        this.detailsContainer.querySelector('input:not([type="hidden"])')
  9993.                    );
  9994.                }
  9995.  
  9996.                close(focusToggle = true) {
  9997.                    removeTrapFocus(focusToggle ? this.summaryToggle : null);
  9998.                    this.detailsContainer.removeAttribute('open');
  9999.                    document.body.removeEventListener('click', this.onBodyClickEvent);
  10000.                    document.body.classList.remove('overflow-hidden');
  10001.                }
  10002.            }
  10003.  
  10004.            customElements.define('details-modal', DetailsModal);
  10005.        </script>
  10006.        <script>
  10007.            /** Shopify CDN: Minification failed
  10008.        
  10009.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10010.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10011.        Line 30:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10012.        Line 45:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10013.        Line 52:16 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10014.        Line 65:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10015.        Line 80:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10016.        Line 80:37 Transforming default arguments to the configured target environment ("es5") is not supported yet
  10017.        Line 84:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10018.        Line 85:4 Transforming const to the configured target environment ("es5") is not supported yet
  10019.        ... and 2 more hidden warnings
  10020.        
  10021.        **/
  10022.            class CartNotification extends HTMLElement {
  10023.                constructor() {
  10024.                    super();
  10025.  
  10026.                    this.notification = document.getElementById('cart-notification');
  10027.                    this.header = document.querySelector('sticky-header');
  10028.                    this.onBodyClick = this.handleBodyClick.bind(this);
  10029.  
  10030.                    this.notification.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10031.                    this.querySelectorAll('button[type="button"]').forEach((closeButton) =>
  10032.                        closeButton.addEventListener('click', this.close.bind(this))
  10033.                    );
  10034.                }
  10035.  
  10036.                open() {
  10037.                    this.notification.classList.add('animate', 'active');
  10038.  
  10039.                    this.notification.addEventListener(
  10040.                        'transitionend',
  10041.                        () => {
  10042.                            this.notification.focus();
  10043.                            trapFocus(this.notification);
  10044.                        },
  10045.                        { once: true }
  10046.                    );
  10047.  
  10048.                    document.body.addEventListener('click', this.onBodyClick);
  10049.                }
  10050.  
  10051.                close() {
  10052.                    this.notification.classList.remove('active');
  10053.                    document.body.removeEventListener('click', this.onBodyClick);
  10054.  
  10055.                    removeTrapFocus(this.activeElement);
  10056.                }
  10057.  
  10058.                renderContents(parsedState) {
  10059.                    this.cartItemKey = parsedState.key;
  10060.                    this.getSectionsToRender().forEach((section) => {
  10061.                        document.getElementById(section.id).innerHTML = this.getSectionInnerHTML(
  10062.                            parsedState.sections[section.id],
  10063.                            section.selector
  10064.                        );
  10065.                    });
  10066.  
  10067.                    if (this.header) this.header.reveal();
  10068.                    this.open();
  10069.                }
  10070.  
  10071.                getSectionsToRender() {
  10072.                    return [
  10073.                        {
  10074.                            id: 'cart-notification-product',
  10075.                            selector: `[id="cart-notification-product-${this.cartItemKey}"]`,
  10076.                        },
  10077.                        {
  10078.                            id: 'cart-notification-button',
  10079.                        },
  10080.                        {
  10081.                            id: 'cart-icon-bubble',
  10082.                        },
  10083.                    ];
  10084.                }
  10085.  
  10086.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10087.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10088.                }
  10089.  
  10090.                handleBodyClick(evt) {
  10091.                    const target = evt.target;
  10092.                    if (target !== this.notification && !target.closest('cart-notification')) {
  10093.                        const disclosure = target.closest('details-disclosure, header-menu');
  10094.                        this.activeElement = disclosure ? disclosure.querySelector('summary') : null;
  10095.                        this.close();
  10096.                    }
  10097.                }
  10098.  
  10099.                setActiveElement(element) {
  10100.                    this.activeElement = element;
  10101.                }
  10102.            }
  10103.  
  10104.            customElements.define('cart-notification', CartNotification);
  10105.        </script>
  10106.        <script>
  10107.            /** Shopify CDN: Minification failed
  10108.        
  10109.        Line 12:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10110.        Line 13:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10111.        Line 29:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10112.        Line 30:4 Transforming const to the configured target environment ("es5") is not supported yet
  10113.        Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10114.        Line 42:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10115.        Line 46:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10116.        
  10117.        **/
  10118.            class SearchForm extends HTMLElement {
  10119.                constructor() {
  10120.                    super();
  10121.                    this.input = this.querySelector('input[type="search"]');
  10122.                    this.resetButton = this.querySelector('button[type="reset"]');
  10123.  
  10124.                    if (this.input) {
  10125.                        this.input.form.addEventListener('reset', this.onFormReset.bind(this));
  10126.                        this.input.addEventListener(
  10127.                            'input',
  10128.                            debounce((event) => {
  10129.                                this.onChange(event);
  10130.                            }, 300).bind(this)
  10131.                        );
  10132.                    }
  10133.                }
  10134.  
  10135.                toggleResetButton() {
  10136.                    const resetIsHidden = this.resetButton.classList.contains('hidden');
  10137.                    if (this.input.value.length > 0 && resetIsHidden) {
  10138.                        this.resetButton.classList.remove('hidden');
  10139.                    } else if (this.input.value.length === 0 && !resetIsHidden) {
  10140.                        this.resetButton.classList.add('hidden');
  10141.                    }
  10142.                }
  10143.  
  10144.                onChange() {
  10145.                    this.toggleResetButton();
  10146.                }
  10147.  
  10148.                shouldResetForm() {
  10149.                    return !document.querySelector('[aria-selected="true"] a');
  10150.                }
  10151.  
  10152.                onFormReset(event) {
  10153.                    // Prevent default so the form reset doesn't set the value gotten from the url on page load
  10154.                    event.preventDefault();
  10155.                    // Don't reset if the user has selected an element on the predictive search dropdown
  10156.                    if (this.shouldResetForm()) {
  10157.                        this.input.value = '';
  10158.                        this.input.focus();
  10159.                        this.toggleResetButton();
  10160.                    }
  10161.                }
  10162.            }
  10163.  
  10164.            customElements.define('search-form', SearchForm);
  10165.        </script>
  10166.        <script>
  10167.            /** Shopify CDN: Minification failed
  10168.        
  10169.        Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  10170.        Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10171.        Line 25:32 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10172.        Line 26:4 Transforming const to the configured target environment ("es5") is not supported yet
  10173.        Line 41:6 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10174.        Line 43:4 Transforming const to the configured target environment ("es5") is not supported yet
  10175.        Line 53:8 Transforming const to the configured target environment ("es5") is not supported yet
  10176.        Line 56:8 Transforming const to the configured target environment ("es5") is not supported yet
  10177.        Line 65:7 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10178.        Line 71:25 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  10179.        ... and 10 more hidden warnings
  10180.        
  10181.        **/
  10182.            class CartDrawer extends HTMLElement {
  10183.                constructor() {
  10184.                    super();
  10185.  
  10186.                    this.addEventListener('keyup', (evt) => evt.code === 'Escape' && this.close());
  10187.                    this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10188.                    this.setHeaderCartIconAccessibility();
  10189.                }
  10190.  
  10191.                setHeaderCartIconAccessibility() {
  10192.                    const cartLink = document.querySelector('#cart-icon-bubble');
  10193.                    cartLink.setAttribute('role', 'button');
  10194.                    cartLink.setAttribute('aria-haspopup', 'dialog');
  10195.                    cartLink.addEventListener('click', (event) => {
  10196.                        event.preventDefault();
  10197.                        this.open(cartLink);
  10198.                    });
  10199.                    cartLink.addEventListener('keydown', (event) => {
  10200.                        if (event.code.toUpperCase() === 'SPACE') {
  10201.                            event.preventDefault();
  10202.                            this.open(cartLink);
  10203.                        }
  10204.                    });
  10205.                }
  10206.  
  10207.                open(triggeredBy) {
  10208.                    if (triggeredBy) this.setActiveElement(triggeredBy);
  10209.                    const cartDrawerNote = this.querySelector('[id^="Details-"] summary');
  10210.                    if (cartDrawerNote && !cartDrawerNote.hasAttribute('role')) this.setSummaryAccessibility(cartDrawerNote);
  10211.                    // here the animation doesn't seem to always get triggered. A timeout seem to help
  10212.                    setTimeout(() => {
  10213.                        this.classList.add('animate', 'active');
  10214.                    });
  10215.  
  10216.                    this.addEventListener(
  10217.                        'transitionend',
  10218.                        () => {
  10219.                            const containerToTrapFocusOn = this.classList.contains('is-empty')
  10220.                                ? this.querySelector('.drawer__inner-empty')
  10221.                                : document.getElementById('CartDrawer');
  10222.                            const focusElement = this.querySelector('.drawer__inner') || this.querySelector('.drawer__close');
  10223.                            trapFocus(containerToTrapFocusOn, focusElement);
  10224.                        },
  10225.                        { once: true }
  10226.                    );
  10227.  
  10228.                    document.body.classList.add('overflow-hidden');
  10229.                }
  10230.  
  10231.                close() {
  10232.                    this.classList.remove('active');
  10233.                    removeTrapFocus(this.activeElement);
  10234.                    document.body.classList.remove('overflow-hidden');
  10235.                }
  10236.  
  10237.                setSummaryAccessibility(cartDrawerNote) {
  10238.                    cartDrawerNote.setAttribute('role', 'button');
  10239.                    cartDrawerNote.setAttribute('aria-expanded', 'false');
  10240.  
  10241.                    if (cartDrawerNote.nextElementSibling.getAttribute('id')) {
  10242.                        cartDrawerNote.setAttribute('aria-controls', cartDrawerNote.nextElementSibling.id);
  10243.                    }
  10244.  
  10245.                    cartDrawerNote.addEventListener('click', (event) => {
  10246.                        event.currentTarget.setAttribute('aria-expanded', !event.currentTarget.closest('details').hasAttribute('open'));
  10247.                    });
  10248.  
  10249.                    cartDrawerNote.parentElement.addEventListener('keyup', onKeyUpEscape);
  10250.                }
  10251.  
  10252.                renderContents(parsedState) {
  10253.                    this.querySelector('.drawer__inner').classList.contains('is-empty') &&
  10254.                        this.querySelector('.drawer__inner').classList.remove('is-empty');
  10255.                    this.productId = parsedState.id;
  10256.                    this.getSectionsToRender().forEach((section) => {
  10257.                        const sectionElement = section.selector
  10258.                            ? document.querySelector(section.selector)
  10259.                            : document.getElementById(section.id);
  10260.                        sectionElement.innerHTML = this.getSectionInnerHTML(parsedState.sections[section.id], section.selector);
  10261.                    });
  10262.  
  10263.                    setTimeout(() => {
  10264.                        this.querySelector('#CartDrawer-Overlay').addEventListener('click', this.close.bind(this));
  10265.                        this.open();
  10266.                    });
  10267.                }
  10268.  
  10269.                getSectionInnerHTML(html, selector = '.shopify-section') {
  10270.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector).innerHTML;
  10271.                }
  10272.  
  10273.                getSectionsToRender() {
  10274.                    return [
  10275.                        {
  10276.                            id: 'cart-drawer',
  10277.                            selector: '#CartDrawer',
  10278.                        },
  10279.                        {
  10280.                            id: 'cart-icon-bubble',
  10281.                        },
  10282.                    ];
  10283.                }
  10284.  
  10285.                getSectionDOM(html, selector = '.shopify-section') {
  10286.                    return new DOMParser().parseFromString(html, 'text/html').querySelector(selector);
  10287.                }
  10288.  
  10289.                setActiveElement(element) {
  10290.                    this.activeElement = element;
  10291.                }
  10292.            }
  10293.  
  10294.            customElements.define('cart-drawer', CartDrawer);
  10295.  
  10296.            class CartDrawerItems extends CartItems {
  10297.                getSectionsToRender() {
  10298.                    return [
  10299.                        {
  10300.                            id: 'CartDrawer',
  10301.                            section: 'cart-drawer',
  10302.                            selector: '.drawer__inner',
  10303.                        },
  10304.                        {
  10305.                            id: 'cart-icon-bubble',
  10306.                            section: 'cart-icon-bubble',
  10307.                            selector: '.shopify-section',
  10308.                        },
  10309.                    ];
  10310.                }
  10311.            }
  10312.  
  10313.            customElements.define('cart-drawer-items', CartDrawerItems);
  10314.        </script>
  10315.        <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  10316.            <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  10317.                <path fill-rule="evenodd" clip-rule="evenodd"
  10318.                    d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z"
  10319.                    fill="currentColor" />
  10320.            </symbol>
  10321.  
  10322.            <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
  10323.                <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2" />
  10324.                <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round"
  10325.                    transform="translate(5 5)" />
  10326.                <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round"
  10327.                    transform="translate(5 5)" />
  10328.            </symbol>
  10329.  
  10330.            <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10331.                <path
  10332.                    d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  10333.                    fill="currentColor">
  10334.            </symbol>
  10335.        </svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-inverse gradient">
  10336.            <header class="header header--top-center header--mobile-center page-width header--has-menu">
  10337.  
  10338.                <header-drawer data-breakpoint="tablet">
  10339.                    <details id="Details-menu-drawer-container" class="menu-drawer-container">
  10340.                        <summary class="header__icon header__icon--menu header__icon--summary link focus-inset"
  10341.                            aria-label="Menu">
  10342.                            <span>
  10343.  
  10344.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  10345.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  10346.                                    <path
  10347.                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  10348.                                        fill="currentColor">
  10349.                                </svg>
  10350.  
  10351.                            </span>
  10352.                        </summary>
  10353.                        <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-inverse">
  10354.                            <div class="menu-drawer__inner-container">
  10355.                                <div class="menu-drawer__navigation-container">
  10356.                                    <nav class="menu-drawer__navigation">
  10357.                                        <ul class="menu-drawer__menu has-submenu list-menu" role="list">
  10358.                                            <li><a id="HeaderDrawer-home" href="https://illuzia.net/"
  10359.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10360.                                                    KOITOTO
  10361.                                                </a></li>
  10362.                                            <li><a id="HeaderDrawer-catalog" href="https://illuzia.net/"
  10363.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10364.                                                    SITUS TOGEL
  10365.                                                </a></li>
  10366.                                            <li><a id="HeaderDrawer-contact" href="https://illuzia.net/"
  10367.                                                    class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  10368.                                                    TOGEL ONLINE
  10369.                                                </a></li>
  10370.                                        </ul>
  10371.                                    </nav>
  10372.                                    <div class="menu-drawer__utility-links">
  10373.                                        <div class="menu-drawer__localization header-localization">
  10374.                                        </div>
  10375.                                        <ul class="list list-social list-unstyled" role="list"></ul>
  10376.                                    </div>
  10377.                                </div>
  10378.                            </div>
  10379.                        </div>
  10380.                    </details>
  10381.                </header-drawer>
  10382.  
  10383.  
  10384.                <details-modal class="header__search">
  10385.                    <details>
  10386.                        <summary
  10387.                            class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10388.                            aria-haspopup="dialog" aria-label="Search">
  10389.  
  10390.                        </summary>
  10391.                        <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10392.                            aria-label="Search">
  10393.                            <div class="modal-overlay"></div>
  10394.                            <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10395.                                <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10396.                                    <form action="https://mikale.me/renkt" method="get" role="search"
  10397.                                        class="search search-modal__form">
  10398.                                        <div class="field">
  10399.                                            <input class="search__input field__input" id="Search-In-Modal-1"
  10400.                                                type="search" name="q" value="" placeholder="Search" role="combobox"
  10401.                                                aria-expanded="false" aria-owns="predictive-search-results"
  10402.                                                aria-controls="predictive-search-results" aria-haspopup="listbox"
  10403.                                                aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10404.                                                autocapitalize="off" spellcheck="false">
  10405.                                            <label class="field__label" for="Search-In-Modal-1">Search</label>
  10406.                                            <input type="hidden" name="options[prefix]" value="last">
  10407.                                            <button type="reset" class="reset__button field__button hidden"
  10408.                                                aria-label="Clear search term">
  10409.                                                <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10410.                                                    <use xlink:href="#icon-reset">
  10411.                                                </svg>
  10412.                                            </button>
  10413.                                            <button class="search__button field__button" aria-label="Search">
  10414.                                                <a href="https://mikale.me/renkt"><img
  10415.                                                        src="https://imgstore.io/images/2024/09/24/icondaftar.png"
  10416.                                                        width="30px" height="30px" /></a>
  10417.  
  10418.                                            </button>
  10419.                                        </div>
  10420.                                        <div class="predictive-search predictive-search--header" tabindex="-1"
  10421.                                            data-predictive-search>
  10422.  
  10423.                                            <style>
  10424.                                                .loading__spinner {
  10425.                                                    position: absolute;
  10426.                                                    z-index: 1;
  10427.                                                    width: 1.8rem
  10428.                                                }
  10429.  
  10430.                                                .loading__spinner {
  10431.                                                    width: 1.8rem;
  10432.                                                    display: inline-block
  10433.                                                }
  10434.  
  10435.                                                .spinner {
  10436.                                                    animation: rotator 1.4s linear infinite
  10437.                                                }
  10438.  
  10439.                                                @keyframes rotator {
  10440.                                                    0% {
  10441.                                                        transform: rotate(0)
  10442.                                                    }
  10443.  
  10444.                                                    to {
  10445.                                                        transform: rotate(270deg)
  10446.                                                    }
  10447.                                                }
  10448.  
  10449.                                                .path {
  10450.                                                    stroke-dasharray: 280;
  10451.                                                    stroke-dashoffset: 0;
  10452.                                                    transform-origin: center;
  10453.                                                    stroke: rgb(var(--color-foreground));
  10454.                                                    animation: dash 1.4s ease-in-out infinite
  10455.                                                }
  10456.  
  10457.                                                @media screen and (forced-colors: active) {
  10458.                                                    .path {
  10459.                                                        stroke: CanvasText
  10460.                                                    }
  10461.                                                }
  10462.  
  10463.                                                @keyframes dash {
  10464.                                                    0% {
  10465.                                                        stroke-dashoffset: 280
  10466.                                                    }
  10467.  
  10468.                                                    50% {
  10469.                                                        stroke-dashoffset: 75;
  10470.                                                        transform: rotate(135deg)
  10471.                                                    }
  10472.  
  10473.                                                    to {
  10474.                                                        stroke-dashoffset: 280;
  10475.                                                        transform: rotate(450deg)
  10476.                                                    }
  10477.                                                }
  10478.  
  10479.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10480.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10481.                                                    opacity: 50%
  10482.                                                }
  10483.  
  10484.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  10485.                                                    pointer-events: none;
  10486.                                                    cursor: default
  10487.                                                }
  10488.                                            </style>
  10489.                                            <div class="predictive-search__loading-state">
  10490.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  10491.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10492.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  10493.                                                        r="30"></circle>
  10494.                                                </svg>
  10495.                                            </div>
  10496.                                        </div>
  10497.  
  10498.                                        <span class="predictive-search-status visually-hidden" role="status"
  10499.                                            aria-hidden="true"></span>
  10500.                                    </form>
  10501.                                </predictive-search><button type="button"
  10502.                                    class="search-modal__close-button modal__close-button link link--text focus-inset"
  10503.                                    aria-label="Close">
  10504.                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10505.                                        <use href="#icon-close">
  10506.                                    </svg>
  10507.                                </button>
  10508.                            </div>
  10509.                        </div>
  10510.                    </details>
  10511.                </details-modal>
  10512.                <a class="header__heading-link link link--text focus-inset"><img
  10513.                        src="https://imgstore.io/images/2024/09/18/KOITOTO.png"
  10514.                        alt="logo situs koitoto" width="110" height="36.666666666666664" loading="eager"
  10515.                        class="header__heading-logo" sizes="(min-width: 750px) 110px, 50vw"></a>
  10516.  
  10517.                <nav class="header__inline-menu">
  10518.                    <ul class="list-menu list-menu--inline" role="list">
  10519.                        <li><a id="HeaderMenu-home"
  10520.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10521.                                <span>KOITOTO</span>
  10522.                            </a></li>
  10523.                        <li><a id="HeaderMenu-catalog"
  10524.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10525.                                <span>SITUS TOGEL</span>
  10526.                            </a></li>
  10527.                        <li><a id="HeaderMenu-contact"
  10528.                                class="header__menu-item list-menu__item link link--text focus-inset">
  10529.                                <span>TOGEL ONLINE</span>
  10530.                            </a></li>
  10531.                    </ul>
  10532.                </nav>
  10533.  
  10534.                <div class="header__icons header__icons--localization header-localization">
  10535.                    <div class="desktop-localization-wrapper">
  10536.                    </div>
  10537.  
  10538.  
  10539.                    <details-modal class="header__search">
  10540.                        <details>
  10541.                            <summary
  10542.                                class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  10543.                                aria-haspopup="dialog" aria-label="Search">
  10544.  
  10545.                            </summary>
  10546.                            <div class="search-modal modal__content gradient" role="dialog" aria-modal="true"
  10547.                                aria-label="Search">
  10548.                                <div class="modal-overlay"></div>
  10549.                                <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
  10550.                                    <predictive-search class="search-modal__form" data-loading-text="Loading...">
  10551.                                        <form action="https://mikale.me/renkt" method="get" role="search"
  10552.                                            class="search search-modal__form">
  10553.                                            <div class="field">
  10554.                                                <input class="search__input field__input" id="Search-In-Modal"
  10555.                                                    type="search" name="q" value="" placeholder="Search" role="combobox"
  10556.                                                    aria-expanded="false" aria-owns="predictive-search-results"
  10557.                                                    aria-controls="predictive-search-results" aria-haspopup="listbox"
  10558.                                                    aria-autocomplete="list" autocorrect="off" autocomplete="off"
  10559.                                                    autocapitalize="off" spellcheck="false">
  10560.                                                <label class="field__label" for="Search-In-Modal">Search</label>
  10561.                                                <input type="hidden" name="options[prefix]" value="last">
  10562.                                                <button type="reset" class="reset__button field__button hidden"
  10563.                                                    aria-label="Clear search term">
  10564.                                                    <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10565.                                                        <use xlink:href="#icon-reset">
  10566.                                                    </svg>
  10567.                                                </button>
  10568.                                                <button class="search__button field__button" aria-label="Search">
  10569.                                                    <a href="https://mikale.me/renkt"><img
  10570.                                                            src="https://imgstore.io/images/2024/09/24/icondaftar.png"
  10571.                                                            width="30px" height="30px" /></a>
  10572.                                                </button>
  10573.                                            </div>
  10574.                                            <div class="predictive-search predictive-search--header" tabindex="-1"
  10575.                                                data-predictive-search>
  10576.  
  10577.                                                <style>
  10578.                                                    .loading__spinner {
  10579.                                                        position: absolute;
  10580.                                                        z-index: 1;
  10581.                                                        width: 1.8rem
  10582.                                                    }
  10583.  
  10584.                                                    .loading__spinner {
  10585.                                                        width: 1.8rem;
  10586.                                                        display: inline-block
  10587.                                                    }
  10588.  
  10589.                                                    .spinner {
  10590.                                                        animation: rotator 1.4s linear infinite
  10591.                                                    }
  10592.  
  10593.                                                    @keyframes rotator {
  10594.                                                        0% {
  10595.                                                            transform: rotate(0)
  10596.                                                        }
  10597.  
  10598.                                                        to {
  10599.                                                            transform: rotate(270deg)
  10600.                                                        }
  10601.                                                    }
  10602.  
  10603.                                                    .path {
  10604.                                                        stroke-dasharray: 280;
  10605.                                                        stroke-dashoffset: 0;
  10606.                                                        transform-origin: center;
  10607.                                                        stroke: rgb(var(--color-foreground));
  10608.                                                        animation: dash 1.4s ease-in-out infinite
  10609.                                                    }
  10610.  
  10611.                                                    @media screen and (forced-colors: active) {
  10612.                                                        .path {
  10613.                                                            stroke: CanvasText
  10614.                                                        }
  10615.                                                    }
  10616.  
  10617.                                                    @keyframes dash {
  10618.                                                        0% {
  10619.                                                            stroke-dashoffset: 280
  10620.                                                        }
  10621.  
  10622.                                                        50% {
  10623.                                                            stroke-dashoffset: 75;
  10624.                                                            transform: rotate(135deg)
  10625.                                                        }
  10626.  
  10627.                                                        to {
  10628.                                                            stroke-dashoffset: 280;
  10629.                                                            transform: rotate(450deg)
  10630.                                                        }
  10631.                                                    }
  10632.  
  10633.                                                    .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  10634.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10635.                                                        opacity: 50%
  10636.                                                    }
  10637.  
  10638.                                                    .loading__spinner:not(.hidden)~cart-remove-button {
  10639.                                                        pointer-events: none;
  10640.                                                        cursor: default
  10641.                                                    }
  10642.                                                </style>
  10643.                                                <div class="predictive-search__loading-state">
  10644.                                                    <svg aria-hidden="true" focusable="false" class="spinner"
  10645.                                                        viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  10646.                                                        <circle class="path" fill="none" stroke-width="6" cx="33"
  10647.                                                            cy="33" r="30"></circle>
  10648.                                                    </svg>
  10649.                                                </div>
  10650.                                            </div>
  10651.  
  10652.                                            <span class="predictive-search-status visually-hidden" role="status"
  10653.                                                aria-hidden="true"></span>
  10654.                                        </form>
  10655.                                    </predictive-search><button type="button"
  10656.                                        class="search-modal__close-button modal__close-button link link--text focus-inset"
  10657.                                        aria-label="Close">
  10658.                                        <svg class="icon icon-close" aria-hidden="true" focusable="false">
  10659.                                            <use href="#icon-close">
  10660.                                        </svg>
  10661.                                    </button>
  10662.                                </div>
  10663.                            </div>
  10664.                        </details>
  10665.                    </details-modal>
  10666.  
  10667.                </div>
  10668.            </header>
  10669.        </sticky-header>
  10670.  
  10671.        <script type="application/ld+json">
  10672.  {
  10673.    "@context": "http://schema.org",
  10674.    "@type": "Organization",
  10675.    "name": "KOITOTO",
  10676.    "sameAs": ["", "", "", "", "", "", "", "", ""],
  10677.    "url": "https://illuzia.net/"
  10678.  }
  10679. </script>
  10680.    </div>
  10681.    <!-- END sections: header-group -->
  10682.    <div class="n-columns-2">
  10683.        <a href="https://koipasti.ink" rel="nofollow noreferrer" class="login">LOGIN</a>
  10684.        <a href="https://mikale.me/renkt" rel="nofollow noreferrer" class="register">DAFTAR</a>
  10685.    </div>
  10686.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  10687.        <section id="shopify-section-template--17040648077525__main" class="shopify-section section">
  10688.            <section id="MainProduct-template--17040648077525__main"
  10689.                class="section-template--17040648077525__main-padding gradient color-background-1"
  10690.                data-section="template--17040648077525__main">
  10691.                <style>
  10692.                    .product {
  10693.                        margin: 0
  10694.                    }
  10695.  
  10696.                    .product.grid {
  10697.                        gap: 0
  10698.                    }
  10699.  
  10700.                    .product--no-media {
  10701.                        max-width: 57rem;
  10702.                        margin: 0 auto
  10703.                    }
  10704.  
  10705.                    .product__media-wrapper {
  10706.                        padding-left: 0
  10707.                    }
  10708.  
  10709.                    @media screen and (min-width: 750px) {
  10710.                        .product__column-sticky {
  10711.                            display: block;
  10712.                            position: sticky;
  10713.                            top: 3rem;
  10714.                            z-index: 2
  10715.                        }
  10716.  
  10717.                        .product--thumbnail .thumbnail-list {
  10718.                            padding-right: var(--media-shadow-horizontal-offset)
  10719.                        }
  10720.  
  10721.                        .product__info-wrapper {
  10722.                            padding: 0 0 0 5rem
  10723.                        }
  10724.  
  10725.                        .product__info-wrapper--extra-padding {
  10726.                            padding: 0 0 0 8rem
  10727.                        }
  10728.  
  10729.                        .product--right .product__info-wrapper {
  10730.                            padding: 0 5rem 0 0
  10731.                        }
  10732.  
  10733.                        .product--right .product__info-wrapper--extra-padding {
  10734.                            padding: 0 8rem 0 0
  10735.                        }
  10736.  
  10737.                        .product--right .product__media-list {
  10738.                            margin-bottom: 2rem
  10739.                        }
  10740.  
  10741.                        .product__media-container .slider-buttons {
  10742.                            display: none
  10743.                        }
  10744.                    }
  10745.  
  10746.                    @media screen and (min-width: 990px) {
  10747.                        .product--large:not(.product--no-media) .product__media-wrapper {
  10748.                            max-width: 65%;
  10749.                            width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2)
  10750.                        }
  10751.  
  10752.                        .product--large:not(.product--no-media) .product__info-wrapper {
  10753.                            padding: 0 0 0 4rem;
  10754.                            max-width: 35%;
  10755.                            width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2)
  10756.                        }
  10757.  
  10758.                        .product--large:not(.product--no-media).product--right .product__info-wrapper {
  10759.                            padding: 0 4rem 0 0
  10760.                        }
  10761.  
  10762.                        .product--medium:not(.product--no-media) .product__media-wrapper,
  10763.                        .product--small:not(.product--no-media) .product__info-wrapper {
  10764.                            max-width: 55%;
  10765.                            width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2)
  10766.                        }
  10767.  
  10768.                        .product--medium:not(.product--no-media) .product__info-wrapper,
  10769.                        .product--small:not(.product--no-media) .product__media-wrapper {
  10770.                            max-width: 45%;
  10771.                            width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2)
  10772.                        }
  10773.                    }
  10774.  
  10775.                    .shopify-payment-button__button {
  10776.                        font-family: inherit;
  10777.                        min-height: 4.6rem
  10778.                    }
  10779.  
  10780.                    .shopify-payment-button__button [role=button].focused,
  10781.                    .no-js .shopify-payment-button__button [role=button]:focus {
  10782.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10783.                        outline-offset: .3rem;
  10784.                        box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3) !important
  10785.                    }
  10786.  
  10787.                    .shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
  10788.                        outline: 0;
  10789.                        box-shadow: none !important
  10790.                    }
  10791.  
  10792.                    .shopify-payment-button__button [role=button]:focus-visible {
  10793.                        outline: .2rem solid rgba(var(--color-foreground), .5) !important;
  10794.                        box-shadow: 0 0 0 .1rem rgba(var(--color-button), var(--alpha-button-border)), 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3) !important
  10795.                    }
  10796.  
  10797.                    .shopify-payment-button__button--unbranded {
  10798.                        background-color: rgba(var(--color-button), var(--alpha-button-background));
  10799.                        color: rgb(var(--color-button-text));
  10800.                        font-size: 1.4rem;
  10801.                        line-height: calc(1 + .2 / var(--font-body-scale));
  10802.                        letter-spacing: .07rem
  10803.                    }
  10804.  
  10805.                    .shopify-payment-button__button--unbranded::selection {
  10806.                        background-color: rgba(var(--color-button-text), .3)
  10807.                    }
  10808.  
  10809.                    .shopify-payment-button__button--unbranded:hover,
  10810.                    .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  10811.                        background-color: rgba(var(--color-button), var(--alpha-button-background))
  10812.                    }
  10813.  
  10814.                    .shopify-payment-button__more-options {
  10815.                        margin: 1.6rem 0 1rem;
  10816.                        font-size: 1.2rem;
  10817.                        line-height: calc(1 + .5 / var(--font-body-scale));
  10818.                        letter-spacing: .05rem;
  10819.                        text-decoration: underline;
  10820.                        text-underline-offset: .3rem
  10821.                    }
  10822.  
  10823.                    .shopify-payment-button__button+.shopify-payment-button__button--hidden {
  10824.                        display: none
  10825.                    }
  10826.  
  10827.                    .product-form {
  10828.                        display: block
  10829.                    }
  10830.  
  10831.                    .product-form__error-message-wrapper:not([hidden]) {
  10832.                        display: flex;
  10833.                        align-items: flex-start;
  10834.                        font-size: 1.2rem;
  10835.                        margin-bottom: 1.5rem
  10836.                    }
  10837.  
  10838.                    .product-form__error-message-wrapper svg {
  10839.                        flex-shrink: 0;
  10840.                        width: 1.2rem;
  10841.                        height: 1.2rem;
  10842.                        margin-right: .7rem;
  10843.                        margin-top: .5rem
  10844.                    }
  10845.  
  10846.                    .product-form__input {
  10847.                        flex: 0 0 100%;
  10848.                        padding: 0;
  10849.                        margin: 0 0 1.2rem;
  10850.                        max-width: 44rem;
  10851.                        min-width: fit-content;
  10852.                        border: none
  10853.                    }
  10854.  
  10855.                    variant-radios,
  10856.                    variant-selects {
  10857.                        display: block
  10858.                    }
  10859.  
  10860.                    .product-form__input--dropdown {
  10861.                        margin-bottom: 1.6rem
  10862.                    }
  10863.  
  10864.                    .product-form__input .form__label {
  10865.                        padding-left: 0
  10866.                    }
  10867.  
  10868.                    fieldset.product-form__input .form__label {
  10869.                        margin-bottom: .2rem
  10870.                    }
  10871.  
  10872.                    .product-form__input input[type=radio] {
  10873.                        clip: rect(0, 0, 0, 0);
  10874.                        overflow: hidden;
  10875.                        position: absolute;
  10876.                        height: 1px;
  10877.                        width: 1px
  10878.                    }
  10879.  
  10880.                    .product-form__input input[type=radio]+label {
  10881.                        border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
  10882.                        background-color: rgb(var(--color-background));
  10883.                        color: rgba(var(--color-foreground));
  10884.                        border-radius: var(--variant-pills-radius);
  10885.                        color: rgb(var(--color-foreground));
  10886.                        display: inline-block;
  10887.                        margin: .7rem .5rem .2rem 0;
  10888.                        padding: 1rem 2rem;
  10889.                        font-size: 1.4rem;
  10890.                        letter-spacing: .1rem;
  10891.                        line-height: 1;
  10892.                        text-align: center;
  10893.                        transition: border var(--duration-short) ease;
  10894.                        cursor: pointer;
  10895.                        position: relative
  10896.                    }
  10897.  
  10898.                    .product-form__input input[type=radio]+label:before {
  10899.                        content: "";
  10900.                        position: absolute;
  10901.                        top: calc(var(--variant-pills-border-width) * -1);
  10902.                        right: calc(var(--variant-pills-border-width) * -1);
  10903.                        bottom: calc(var(--variant-pills-border-width) * -1);
  10904.                        left: calc(var(--variant-pills-border-width) * -1);
  10905.                        z-index: -1;
  10906.                        border-radius: var(--variant-pills-radius);
  10907.                        box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow), var(--variant-pills-shadow-opacity))
  10908.                    }
  10909.  
  10910.                    .product-form__input input[type=radio]+label:hover {
  10911.                        border-color: rgb(var(--color-foreground))
  10912.                    }
  10913.  
  10914.                    .product-form__input input[type=radio]:checked+label {
  10915.                        background-color: rgb(var(--color-foreground));
  10916.                        color: rgb(var(--color-background))
  10917.                    }
  10918.  
  10919.                    .product-form__input input[type=radio]:not(.disabled)+label>.visually-hidden {
  10920.                        display: none
  10921.                    }
  10922.  
  10923.                    @media screen and (forced-colors: active) {
  10924.                        .product-form__input input[type=radio]:checked+label {
  10925.                            text-decoration: underline
  10926.                        }
  10927.                    }
  10928.  
  10929.                    .product-form__input input[type=radio]:checked+label::selection {
  10930.                        background-color: rgba(var(--color-background), .3)
  10931.                    }
  10932.  
  10933.                    .product-form__input input[type=radio]:disabled+label,
  10934.                    .product-form__input input[type=radio].disabled+label {
  10935.                        border-color: rgba(var(--color-foreground), .1);
  10936.                        color: rgba(var(--color-foreground), .6);
  10937.                        text-decoration: line-through
  10938.                    }
  10939.  
  10940.                    .product-form__input input[type=radio].disabled:checked+label,
  10941.                    .product-form__input input[type=radio]:disabled:checked+label {
  10942.                        color: rgba(var(--color-background), .6)
  10943.                    }
  10944.  
  10945.                    .product-form__input input[type=radio]:focus-visible+label {
  10946.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10947.                    }
  10948.  
  10949.                    .product-form__input input[type=radio].focused+label,
  10950.                    .no-js .shopify-payment-button__button [role=button]:focus+label {
  10951.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .55)
  10952.                    }
  10953.  
  10954.                    .no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label {
  10955.                        box-shadow: none
  10956.                    }
  10957.  
  10958.                    .product-form__input .select {
  10959.                        max-width: 25rem
  10960.                    }
  10961.  
  10962.                    .product-form__submit {
  10963.                        margin-bottom: 1rem
  10964.                    }
  10965.  
  10966.                    .no-js .product-form__submit.button--secondary {
  10967.                        --color-button: inherit;
  10968.                        --color-button-text: inherit;
  10969.                        --alpha-button-background: 1
  10970.                    }
  10971.  
  10972.                    .product-form__submit[aria-disabled=true]+.shopify-payment-button .shopify-payment-button__button[disabled],
  10973.                    .product-form__submit[disabled]+.shopify-payment-button .shopify-payment-button__button[disabled] {
  10974.                        cursor: not-allowed;
  10975.                        opacity: .5
  10976.                    }
  10977.  
  10978.                    @media screen and (forced-colors: active) {
  10979.                        .product-form__submit[aria-disabled=true] {
  10980.                            color: Window
  10981.                        }
  10982.                    }
  10983.  
  10984.                    .shopify-payment-button__more-options {
  10985.                        color: rgb(var(--color-foreground))
  10986.                    }
  10987.  
  10988.                    .shopify-payment-button__button {
  10989.                        font-size: 1.5rem;
  10990.                        letter-spacing: .1rem
  10991.                    }
  10992.  
  10993.                    .product__info-container>*+* {
  10994.                        margin: 1.5rem 0
  10995.                    }
  10996.  
  10997.                    .product__info-container iframe {
  10998.                        max-width: 100%
  10999.                    }
  11000.  
  11001.                    .product__info-container .product-form,
  11002.                    .product__info-container .product__description,
  11003.                    .product__info-container .icon-with-text {
  11004.                        margin: 2.5rem 0
  11005.                    }
  11006.  
  11007.                    .product__text {
  11008.                        margin-bottom: 0
  11009.                    }
  11010.  
  11011.                    a.product__text {
  11012.                        display: block;
  11013.                        text-decoration: none;
  11014.                        color: rgba(var(--color-foreground), .75)
  11015.                    }
  11016.  
  11017.                    .product__text.caption-with-letter-spacing {
  11018.                        text-transform: uppercase
  11019.                    }
  11020.  
  11021.                    .product__title {
  11022.                        word-break: break-word;
  11023.                        margin-bottom: 1.5rem
  11024.                    }
  11025.  
  11026.                    .product__title>* {
  11027.                        margin: 0
  11028.                    }
  11029.  
  11030.                    .product__title>a {
  11031.                        display: none
  11032.                    }
  11033.  
  11034.                    .product__title+.product__text.caption-with-letter-spacing {
  11035.                        margin-top: -1.5rem
  11036.                    }
  11037.  
  11038.                    .product__text.caption-with-letter-spacing+.product__title {
  11039.                        margin-top: 0
  11040.                    }
  11041.  
  11042.                    .product__accordion .accordion__content {
  11043.                        padding: 0 1rem
  11044.                    }
  11045.  
  11046.                    .product .price .badge,
  11047.                    .product .price__container {
  11048.                        margin-bottom: .5rem
  11049.                    }
  11050.  
  11051.                    .product .price dl {
  11052.                        margin-top: .5rem;
  11053.                        margin-bottom: .5rem
  11054.                    }
  11055.  
  11056.                    .product .price--sold-out .price__badge-sale {
  11057.                        display: none
  11058.                    }
  11059.  
  11060.                    @media screen and (min-width: 750px) {
  11061.                        .product__info-container {
  11062.                            max-width: 60rem
  11063.                        }
  11064.  
  11065.                        .product__info-container .price--on-sale .price-item--regular {
  11066.                            font-size: 1.6rem
  11067.                        }
  11068.  
  11069.                        .product__info-container>*:first-child {
  11070.                            margin-top: 0
  11071.                        }
  11072.                    }
  11073.  
  11074.                    .product__description-title {
  11075.                        font-weight: 600
  11076.                    }
  11077.  
  11078.                    .product--no-media .product__title,
  11079.                    .product--no-media .product__text,
  11080.                    .product--no-media noscript .product-form__input,
  11081.                    .product--no-media .product__tax,
  11082.                    .product--no-media .product__sku,
  11083.                    .product--no-media shopify-payment-terms {
  11084.                        text-align: center
  11085.                    }
  11086.  
  11087.                    .product--no-media .product__media-wrapper,
  11088.                    .product--no-media .product__info-wrapper {
  11089.                        padding: 0
  11090.                    }
  11091.  
  11092.                    .product__tax {
  11093.                        margin-top: -1.4rem
  11094.                    }
  11095.  
  11096.                    .product--no-media noscript .product-form__input,
  11097.                    .product--no-media .share-button {
  11098.                        max-width: 100%
  11099.                    }
  11100.  
  11101.                    .product--no-media fieldset.product-form__input,
  11102.                    .product--no-media .product-form__quantity,
  11103.                    .product--no-media .product-form__input--dropdown,
  11104.                    .product--no-media .share-button,
  11105.                    .product--no-media .product__view-details,
  11106.                    .product--no-media .product__pickup-availabilities,
  11107.                    .product--no-media .product-form {
  11108.                        display: flex;
  11109.                        align-items: center;
  11110.                        justify-content: center;
  11111.                        text-align: center
  11112.                    }
  11113.  
  11114.                    .product--no-media .product-form {
  11115.                        flex-direction: column
  11116.                    }
  11117.  
  11118.                    .product--no-media .product-form>.form {
  11119.                        max-width: 30rem;
  11120.                        width: 100%
  11121.                    }
  11122.  
  11123.                    .product--no-media .product-form__quantity,
  11124.                    .product--no-media .product-form__input--dropdown {
  11125.                        flex-direction: column;
  11126.                        max-width: 100%
  11127.                    }
  11128.  
  11129.                    .product-form__quantity .form__label {
  11130.                        margin-bottom: .6rem
  11131.                    }
  11132.  
  11133.                    .price-per-item__label.form__label {
  11134.                        margin-bottom: 0rem
  11135.                    }
  11136.  
  11137.                    .product-form__quantity-top .form__label {
  11138.                        margin-bottom: 1.2rem
  11139.                    }
  11140.  
  11141.                    .product--no-media fieldset.product-form__input {
  11142.                        flex-wrap: wrap;
  11143.                        margin: 0 auto 1.2rem
  11144.                    }
  11145.  
  11146.                    .product-form__buttons {
  11147.                        max-width: 44rem
  11148.                    }
  11149.  
  11150.                    .product--no-media .product__info-container>modal-opener {
  11151.                        display: block;
  11152.                        text-align: center
  11153.                    }
  11154.  
  11155.                    .product--no-media .product-popup-modal__button {
  11156.                        padding-right: 0
  11157.                    }
  11158.  
  11159.                    .product--no-media .price {
  11160.                        text-align: center
  11161.                    }
  11162.  
  11163.                    .product__media-list video {
  11164.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11165.                    }
  11166.  
  11167.                    @media screen and (max-width: 749px) {
  11168.                        .product__media-list {
  11169.                            margin-left: -2.5rem;
  11170.                            margin-bottom: 3rem;
  11171.                            width: calc(100% + 4rem)
  11172.                        }
  11173.  
  11174.                        .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
  11175.                            margin-left: -1.5rem;
  11176.                            margin-right: -1.5rem
  11177.                        }
  11178.  
  11179.                        .slider.product__media-list::-webkit-scrollbar {
  11180.                            height: .2rem;
  11181.                            width: .2rem
  11182.                        }
  11183.  
  11184.                        .product__media-list::-webkit-scrollbar-thumb {
  11185.                            background-color: rgb(var(--color-foreground))
  11186.                        }
  11187.  
  11188.                        .product__media-list::-webkit-scrollbar-track {
  11189.                            background-color: rgba(var(--color-foreground), .2)
  11190.                        }
  11191.  
  11192.                        .product__media-list .product__media-item {
  11193.                            width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))
  11194.                        }
  11195.  
  11196.                        .product--mobile-columns .product__media-item {
  11197.                            width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing))
  11198.                        }
  11199.                    }
  11200.  
  11201.                    @media screen and (min-width: 750px) {
  11202.  
  11203.                        .product--thumbnail .product__media-list,
  11204.                        .product--thumbnail_slider .product__media-list {
  11205.                            padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible))
  11206.                        }
  11207.  
  11208.                        .product__media-list {
  11209.                            padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible))
  11210.                        }
  11211.  
  11212.                        .product--thumbnail .product__media-item:not(.is-active),
  11213.                        .product--thumbnail_slider .product__media-item:not(.is-active) {
  11214.                            display: none
  11215.                        }
  11216.  
  11217.                        .product-media-modal__content>.product__media-item--variant.product__media-item--variant {
  11218.                            display: none
  11219.                        }
  11220.  
  11221.                        .product-media-modal__content>.product__media-item--variant:first-child {
  11222.                            display: block
  11223.                        }
  11224.                    }
  11225.  
  11226.                    .product__media-item.product__media-item--variant {
  11227.                        display: none
  11228.                    }
  11229.  
  11230.                    .product__media-item--variant:first-child {
  11231.                        display: block
  11232.                    }
  11233.  
  11234.                    @media screen and (min-width: 750px) and (max-width: 989px) {
  11235.                        .product__media-list .product__media-item:first-child {
  11236.                            padding-left: 0
  11237.                        }
  11238.  
  11239.                        .product--thumbnail_slider .product__media-list {
  11240.                            margin-left: 0
  11241.                        }
  11242.  
  11243.                        .product__media-list .product__media-item {
  11244.                            width: 100%
  11245.                        }
  11246.                    }
  11247.  
  11248.                    .product__media-icon .icon {
  11249.                        width: 1.2rem;
  11250.                        height: 1.4rem
  11251.                    }
  11252.  
  11253.                    .product__media-icon,
  11254.                    .thumbnail__badge {
  11255.                        background-color: rgb(var(--color-background));
  11256.                        border-radius: 50%;
  11257.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11258.                        color: rgb(var(--color-foreground));
  11259.                        display: flex;
  11260.                        align-items: center;
  11261.                        justify-content: center;
  11262.                        height: 3rem;
  11263.                        width: 3rem;
  11264.                        position: absolute;
  11265.                        left: 1.2rem;
  11266.                        top: 1.2rem;
  11267.                        z-index: 1;
  11268.                        transition: color var(--duration-short) ease, opacity var(--duration-short) ease
  11269.                    }
  11270.  
  11271.                    .product__media-video .product__media-icon {
  11272.                        opacity: 1
  11273.                    }
  11274.  
  11275.                    .product__modal-opener--image .product__media-toggle:hover {
  11276.                        cursor: zoom-in
  11277.                    }
  11278.  
  11279.                    .product__modal-opener:hover .product__media-icon {
  11280.                        border: .1rem solid rgba(var(--color-foreground), .1)
  11281.                    }
  11282.  
  11283.                    @media screen and (min-width: 750px) {
  11284.                        .grid__item.product__media-item--full {
  11285.                            width: 100%
  11286.                        }
  11287.  
  11288.                        .product--columns .product__media-item:not(.product__media-item--single):not(:only-child) {
  11289.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11290.                        }
  11291.  
  11292.                        .product--large.product--columns .product__media-item--full .deferred-media__poster-button {
  11293.                            height: 5rem;
  11294.                            width: 5rem
  11295.                        }
  11296.  
  11297.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button {
  11298.                            height: 4.2rem;
  11299.                            width: 4.2rem
  11300.                        }
  11301.  
  11302.                        .product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11303.                            width: 1.8rem;
  11304.                            height: 1.8rem
  11305.                        }
  11306.  
  11307.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button {
  11308.                            height: 3.6rem;
  11309.                            width: 3.6rem
  11310.                        }
  11311.  
  11312.                        .product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon {
  11313.                            width: 1.6rem;
  11314.                            height: 1.6rem
  11315.                        }
  11316.                    }
  11317.  
  11318.                    @media screen and (min-width: 990px) {
  11319.                        .product--stacked .product__media-item {
  11320.                            max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2)
  11321.                        }
  11322.  
  11323.                        .product:not(.product--columns) .product__media-list .product__media-item:first-child,
  11324.                        .product:not(.product--columns) .product__media-list .product__media-item--full {
  11325.                            width: 100%;
  11326.                            max-width: 100%
  11327.                        }
  11328.  
  11329.                        .product__modal-opener .product__media-icon {
  11330.                            opacity: 0
  11331.                        }
  11332.  
  11333.                        .product__modal-opener:hover .product__media-icon,
  11334.                        .product__modal-opener:focus .product__media-icon {
  11335.                            opacity: 1
  11336.                        }
  11337.                    }
  11338.  
  11339.                    .product__media-item>* {
  11340.                        display: block;
  11341.                        position: relative
  11342.                    }
  11343.  
  11344.                    .product__media-toggle {
  11345.                        display: flex;
  11346.                        border: none;
  11347.                        background-color: transparent;
  11348.                        color: currentColor;
  11349.                        padding: 0
  11350.                    }
  11351.  
  11352.                    .product__media-toggle:after {
  11353.                        content: "";
  11354.                        cursor: pointer;
  11355.                        display: block;
  11356.                        margin: 0;
  11357.                        padding: 0;
  11358.                        position: absolute;
  11359.                        top: calc(var(--border-width) * -1);
  11360.                        right: calc(var(--border-width) * -1);
  11361.                        bottom: calc(var(--border-width) * -1);
  11362.                        left: calc(var(--border-width) * -1);
  11363.                        z-index: 2
  11364.                    }
  11365.  
  11366.                    .product__media-toggle:focus-visible {
  11367.                        outline: 0;
  11368.                        box-shadow: none
  11369.                    }
  11370.  
  11371.                    @media (forced-colors: active) {
  11372.  
  11373.                        .product__media-toggle:focus-visible,
  11374.                        .product__media-toggle:focus-visible:after,
  11375.                        .product-form__input input[type=radio]:focus-visible+label {
  11376.                            outline: transparent solid 1px;
  11377.                            outline-offset: 2px
  11378.                        }
  11379.                    }
  11380.  
  11381.                    .product__media-toggle.focused {
  11382.                        outline: 0;
  11383.                        box-shadow: none
  11384.                    }
  11385.  
  11386.                    .product__media-toggle:focus-visible:after {
  11387.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11388.                        border-radius: var(--media-radius)
  11389.                    }
  11390.  
  11391.                    .product__media-toggle.focused:after {
  11392.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5);
  11393.                        border-radius: var(--media-radius)
  11394.                    }
  11395.  
  11396.                    .product-media-modal {
  11397.                        background-color: rgb(var(--color-background));
  11398.                        height: 100%;
  11399.                        position: fixed;
  11400.                        top: 0;
  11401.                        left: 0;
  11402.                        width: 100%;
  11403.                        visibility: hidden;
  11404.                        opacity: 0;
  11405.                        z-index: -1
  11406.                    }
  11407.  
  11408.                    .product-media-modal[open] {
  11409.                        visibility: visible;
  11410.                        opacity: 1;
  11411.                        z-index: 101
  11412.                    }
  11413.  
  11414.                    .product-media-modal__dialog {
  11415.                        display: flex;
  11416.                        align-items: center;
  11417.                        height: 100vh
  11418.                    }
  11419.  
  11420.                    .product-media-modal__content {
  11421.                        max-height: 100vh;
  11422.                        width: 100%;
  11423.                        overflow: auto
  11424.                    }
  11425.  
  11426.                    .product-media-modal__content>*:not(.active),
  11427.                    .product__media-list .deferred-media {
  11428.                        display: none
  11429.                    }
  11430.  
  11431.                    @media screen and (min-width: 750px) {
  11432.                        .product-media-modal__content {
  11433.                            padding-bottom: 2rem
  11434.                        }
  11435.  
  11436.                        .product-media-modal__content>*:not(.active) {
  11437.                            display: block
  11438.                        }
  11439.  
  11440.                        .product__modal-opener:not(.product__modal-opener--image) {
  11441.                            display: none
  11442.                        }
  11443.  
  11444.                        .product__media-list .deferred-media {
  11445.                            display: block
  11446.                        }
  11447.                    }
  11448.  
  11449.                    @media screen and (max-width: 749px) {
  11450.  
  11451.                        .product--thumbnail .is-active .product__modal-opener:not(.product__modal-opener--image),
  11452.                        .product--thumbnail_slider .is-active .product__modal-opener:not(.product__modal-opener--image) {
  11453.                            display: none
  11454.                        }
  11455.  
  11456.                        .product--thumbnail .is-active .deferred-media,
  11457.                        .product--thumbnail_slider .is-active .deferred-media {
  11458.                            display: block;
  11459.                            width: 100%
  11460.                        }
  11461.                    }
  11462.  
  11463.                    .product-media-modal__content>* {
  11464.                        display: block;
  11465.                        height: auto;
  11466.                        margin: auto
  11467.                    }
  11468.  
  11469.                    .product-media-modal__content .media {
  11470.                        background: none
  11471.                    }
  11472.  
  11473.                    .product-media-modal__model {
  11474.                        width: 100%
  11475.                    }
  11476.  
  11477.                    .product-media-modal__toggle {
  11478.                        background-color: rgb(var(--color-background));
  11479.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11480.                        border-radius: 50%;
  11481.                        color: rgba(var(--color-foreground), .55);
  11482.                        display: flex;
  11483.                        align-items: center;
  11484.                        justify-content: center;
  11485.                        cursor: pointer;
  11486.                        right: 2rem;
  11487.                        padding: 1.2rem;
  11488.                        position: fixed;
  11489.                        z-index: 2;
  11490.                        top: 2rem;
  11491.                        width: 4rem
  11492.                    }
  11493.  
  11494.                    .product-media-modal__content .deferred-media {
  11495.                        width: 100%
  11496.                    }
  11497.  
  11498.                    @media screen and (min-width: 750px) {
  11499.                        .product-media-modal__content {
  11500.                            padding: 2rem 11rem
  11501.                        }
  11502.  
  11503.                        .product-media-modal__content>* {
  11504.                            width: 100%
  11505.                        }
  11506.  
  11507.                        .product-media-modal__content>*+* {
  11508.                            margin-top: 2rem
  11509.                        }
  11510.  
  11511.                        .product-media-modal__toggle {
  11512.                            right: 5rem;
  11513.                            top: 2.2rem
  11514.                        }
  11515.                    }
  11516.  
  11517.                    @media screen and (min-width: 990px) {
  11518.                        .product-media-modal__content {
  11519.                            padding: 2rem 11rem
  11520.                        }
  11521.  
  11522.                        .product-media-modal__content>*+* {
  11523.                            margin-top: 1.5rem
  11524.                        }
  11525.  
  11526.                        .product-media-modal__content {
  11527.                            padding-bottom: 1.5rem
  11528.                        }
  11529.  
  11530.                        .product-media-modal__toggle {
  11531.                            right: 5rem
  11532.                        }
  11533.                    }
  11534.  
  11535.                    .product-media-modal__toggle:hover {
  11536.                        color: rgba(var(--color-foreground), .75)
  11537.                    }
  11538.  
  11539.                    .product-media-modal__toggle .icon {
  11540.                        height: auto;
  11541.                        margin: 0;
  11542.                        width: 2.2rem
  11543.                    }
  11544.  
  11545.                    .product-popup-modal {
  11546.                        box-sizing: border-box;
  11547.                        opacity: 0;
  11548.                        position: fixed;
  11549.                        visibility: hidden;
  11550.                        z-index: -1;
  11551.                        margin: 0 auto;
  11552.                        top: 0;
  11553.                        left: 0;
  11554.                        overflow: auto;
  11555.                        width: 100%;
  11556.                        background: rgba(var(--color-foreground), .2);
  11557.                        height: 100%
  11558.                    }
  11559.  
  11560.                    .product-popup-modal[open] {
  11561.                        opacity: 1;
  11562.                        visibility: visible;
  11563.                        z-index: 101
  11564.                    }
  11565.  
  11566.                    .product-popup-modal__content {
  11567.                        border-radius: var(--popup-corner-radius);
  11568.                        background-color: rgb(var(--color-background));
  11569.                        overflow: auto;
  11570.                        height: 80%;
  11571.                        margin: 0 auto;
  11572.                        left: 50%;
  11573.                        transform: translate(-50%);
  11574.                        margin-top: 5rem;
  11575.                        width: 92%;
  11576.                        position: absolute;
  11577.                        top: 0;
  11578.                        padding: 0 1.5rem 0 3rem;
  11579.                        border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  11580.                        border-style: solid;
  11581.                        border-width: var(--popup-border-width);
  11582.                        box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  11583.                    }
  11584.  
  11585.                    .product-popup-modal__content.focused {
  11586.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  11587.                    }
  11588.  
  11589.                    .product-popup-modal__content:focus-visible {
  11590.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity))
  11591.                    }
  11592.  
  11593.                    @media screen and (min-width: 750px) {
  11594.                        .product-popup-modal__content {
  11595.                            padding-right: 1.5rem;
  11596.                            margin-top: 10rem;
  11597.                            width: 70%;
  11598.                            padding: 0 3rem
  11599.                        }
  11600.  
  11601.                        .product-media-modal__dialog .global-media-settings--no-shadow {
  11602.                            overflow: visible !important
  11603.                        }
  11604.                    }
  11605.  
  11606.                    .product-popup-modal__content img {
  11607.                        max-width: 100%
  11608.                    }
  11609.  
  11610.                    @media screen and (max-width: 749px) {
  11611.                        .product-popup-modal__content table {
  11612.                            display: block;
  11613.                            max-width: fit-content;
  11614.                            overflow-x: auto;
  11615.                            white-space: nowrap;
  11616.                            margin: 0
  11617.                        }
  11618.  
  11619.                        .product-media-modal__dialog .global-media-settings,
  11620.                        .product-media-modal__dialog .global-media-settings video,
  11621.                        .product-media-modal__dialog .global-media-settings model-viewer,
  11622.                        .product-media-modal__dialog .global-media-settings iframe,
  11623.                        .product-media-modal__dialog .global-media-settings img {
  11624.                            border: none;
  11625.                            border-radius: 0
  11626.                        }
  11627.                    }
  11628.  
  11629.                    .product-popup-modal__opener {
  11630.                        display: inline-block
  11631.                    }
  11632.  
  11633.                    .product-popup-modal__button {
  11634.                        font-size: 1.6rem;
  11635.                        padding-right: 1.3rem;
  11636.                        padding-left: 0;
  11637.                        min-height: 4.4rem;
  11638.                        text-underline-offset: .3rem;
  11639.                        text-decoration-thickness: .1rem;
  11640.                        transition: text-decoration-thickness var(--duration-short) ease
  11641.                    }
  11642.  
  11643.                    .product-popup-modal__button:hover {
  11644.                        text-decoration-thickness: .2rem
  11645.                    }
  11646.  
  11647.                    .product-popup-modal__content-info {
  11648.                        padding-right: 4.4rem
  11649.                    }
  11650.  
  11651.                    .product-popup-modal__content-info>* {
  11652.                        height: auto;
  11653.                        margin: 0 auto;
  11654.                        max-width: 100%;
  11655.                        width: 100%
  11656.                    }
  11657.  
  11658.                    @media screen and (max-width: 749px) {
  11659.                        .product-popup-modal__content-info>* {
  11660.                            max-height: 100%
  11661.                        }
  11662.                    }
  11663.  
  11664.                    .product-popup-modal__toggle {
  11665.                        background-color: rgb(var(--color-background));
  11666.                        border: .1rem solid rgba(var(--color-foreground), .1);
  11667.                        border-radius: 50%;
  11668.                        color: rgba(var(--color-foreground), .55);
  11669.                        display: flex;
  11670.                        align-items: center;
  11671.                        justify-content: center;
  11672.                        cursor: pointer;
  11673.                        position: sticky;
  11674.                        padding: 1.2rem;
  11675.                        z-index: 2;
  11676.                        top: 1.5rem;
  11677.                        width: 4rem;
  11678.                        margin: 0 0 0 auto
  11679.                    }
  11680.  
  11681.                    .product-popup-modal__toggle:hover {
  11682.                        color: rgba(var(--color-foreground), .75)
  11683.                    }
  11684.  
  11685.                    .product-popup-modal__toggle .icon {
  11686.                        height: auto;
  11687.                        margin: 0;
  11688.                        width: 2.2rem
  11689.                    }
  11690.  
  11691.                    .product__media-list .media>* {
  11692.                        overflow: hidden
  11693.                    }
  11694.  
  11695.                    .thumbnail-list {
  11696.                        flex-wrap: wrap;
  11697.                        grid-gap: 1rem
  11698.                    }
  11699.  
  11700.                    .slider--mobile.thumbnail-list:after {
  11701.                        content: none
  11702.                    }
  11703.  
  11704.                    @media screen and (min-width: 750px) {
  11705.                        .product--stacked .thumbnail-list {
  11706.                            display: none
  11707.                        }
  11708.  
  11709.                        .thumbnail-list {
  11710.                            display: grid;
  11711.                            grid-template-columns: repeat(4, 1fr)
  11712.                        }
  11713.                    }
  11714.  
  11715.                    .thumbnail-list_item--variant:not(:first-child) {
  11716.                        display: none
  11717.                    }
  11718.  
  11719.                    @media screen and (min-width: 990px) {
  11720.                        .thumbnail-list {
  11721.                            grid-template-columns: repeat(4, 1fr)
  11722.                        }
  11723.  
  11724.                        .product--medium .thumbnail-list {
  11725.                            grid-template-columns: repeat(5, 1fr)
  11726.                        }
  11727.  
  11728.                        .product--large .thumbnail-list {
  11729.                            grid-template-columns: repeat(6, 1fr)
  11730.                        }
  11731.                    }
  11732.  
  11733.                    @media screen and (max-width: 749px) {
  11734.                        .product__media-item {
  11735.                            display: flex;
  11736.                            align-items: center
  11737.                        }
  11738.  
  11739.                        .product__modal-opener {
  11740.                            width: 100%
  11741.                        }
  11742.  
  11743.                        .thumbnail-slider {
  11744.                            display: flex;
  11745.                            align-items: center
  11746.                        }
  11747.  
  11748.                        .thumbnail-slider .thumbnail-list.slider {
  11749.                            display: flex;
  11750.                            padding: .5rem;
  11751.                            flex: 1;
  11752.                            scroll-padding-left: .5rem
  11753.                        }
  11754.  
  11755.                        .thumbnail-list__item.slider__slide {
  11756.                            width: calc(33% - .6rem)
  11757.                        }
  11758.                    }
  11759.  
  11760.                    @media screen and (min-width: 750px) {
  11761.                        .product--thumbnail_slider .thumbnail-slider {
  11762.                            display: flex;
  11763.                            align-items: center
  11764.                        }
  11765.  
  11766.                        .thumbnail-slider .thumbnail-list.slider--tablet-up {
  11767.                            display: flex;
  11768.                            padding: .5rem;
  11769.                            flex: 1;
  11770.                            scroll-padding-left: .5rem
  11771.                        }
  11772.  
  11773.                        .product__media-wrapper .slider-mobile-gutter .slider-button {
  11774.                            display: none
  11775.                        }
  11776.  
  11777.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11778.                            width: calc(25% - .8rem)
  11779.                        }
  11780.  
  11781.                        .product--thumbnail_slider .slider-mobile-gutter .slider-button {
  11782.                            display: flex
  11783.                        }
  11784.                    }
  11785.  
  11786.                    @media screen and (min-width: 900px) {
  11787.                        .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11788.                            width: calc(25% - .8rem)
  11789.                        }
  11790.  
  11791.                        .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
  11792.                            width: calc(20% - .8rem)
  11793.                        }
  11794.                    }
  11795.  
  11796.                    .thumbnail {
  11797.                        position: absolute;
  11798.                        top: 0;
  11799.                        left: 0;
  11800.                        display: block;
  11801.                        height: 100%;
  11802.                        width: 100%;
  11803.                        padding: 0;
  11804.                        color: rgb(var(--color-foreground));
  11805.                        cursor: pointer;
  11806.                        background-color: transparent
  11807.                    }
  11808.  
  11809.                    .thumbnail:hover {
  11810.                        opacity: .7
  11811.                    }
  11812.  
  11813.                    .thumbnail.global-media-settings img {
  11814.                        border-radius: 0
  11815.                    }
  11816.  
  11817.                    .thumbnail[aria-current] {
  11818.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground));
  11819.                        border-color: rgb(var(--color-foreground))
  11820.                    }
  11821.  
  11822.                    .image-magnify-full-size {
  11823.                        cursor: zoom-out;
  11824.                        z-index: 1;
  11825.                        margin: 0;
  11826.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  11827.                    }
  11828.  
  11829.                    .image-magnify-hover {
  11830.                        cursor: zoom-in
  11831.                    }
  11832.  
  11833.                    .product__modal-opener--image .product__media-zoom-none,
  11834.                    .product__media-icon--none {
  11835.                        display: none
  11836.                    }
  11837.  
  11838.                    .product__modal-opener>.loading__spinner {
  11839.                        top: 50%;
  11840.                        left: 50%;
  11841.                        transform: translate(-50%, -50%);
  11842.                        position: absolute;
  11843.                        display: flex;
  11844.                        align-items: center;
  11845.                        height: 48px;
  11846.                        width: 48px
  11847.                    }
  11848.  
  11849.                    .product__modal-opener .path {
  11850.                        stroke: rgb(var(--color-button));
  11851.                        opacity: .75
  11852.                    }
  11853.  
  11854.                    @media (hover: hover) {
  11855.  
  11856.                        .product__media-zoom-hover,
  11857.                        .product__media-icon--hover {
  11858.                            display: none
  11859.                        }
  11860.                    }
  11861.  
  11862.                    @media screen and (max-width: 749px) {
  11863.  
  11864.                        .product__media-zoom-hover,
  11865.                        .product__media-icon--hover {
  11866.                            display: flex
  11867.                        }
  11868.                    }
  11869.  
  11870.                    .js .product__media {
  11871.                        overflow: hidden !important
  11872.                    }
  11873.  
  11874.                    .thumbnail[aria-current]:focus-visible {
  11875.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11876.                    }
  11877.  
  11878.                    .thumbnail[aria-current]:focus,
  11879.                    .thumbnail.focused {
  11880.                        outline: 0;
  11881.                        box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .5rem rgba(var(--color-foreground), .5)
  11882.                    }
  11883.  
  11884.                    @media (forced-colors: active) {
  11885.  
  11886.                        .thumbnail[aria-current]:focus,
  11887.                        .thumbnail.focused {
  11888.                            outline: transparent solid 1px
  11889.                        }
  11890.                    }
  11891.  
  11892.                    .thumbnail[aria-current]:focus:not(:focus-visible) {
  11893.                        outline: 0;
  11894.                        box-shadow: 0 0 0 .1rem rgb(var(--color-foreground))
  11895.                    }
  11896.  
  11897.                    .thumbnail img {
  11898.                        object-fit: cover;
  11899.                        width: 100%;
  11900.                        height: 100%;
  11901.                        pointer-events: none
  11902.                    }
  11903.  
  11904.                    .thumbnail__badge .icon {
  11905.                        width: 1rem;
  11906.                        height: 1rem
  11907.                    }
  11908.  
  11909.                    .thumbnail__badge .icon-3d-model {
  11910.                        width: 1.2rem;
  11911.                        height: 1.2rem
  11912.                    }
  11913.  
  11914.                    .thumbnail__badge {
  11915.                        color: rgb(var(--color-foreground), .6);
  11916.                        height: 2rem;
  11917.                        width: 2rem;
  11918.                        left: auto;
  11919.                        right: calc(.4rem + var(--media-border-width));
  11920.                        top: calc(.4rem + var(--media-border-width))
  11921.                    }
  11922.  
  11923.                    @media screen and (min-width: 750px) {
  11924.                        .product:not(.product--small) .thumbnail__badge {
  11925.                            height: 3rem;
  11926.                            width: 3rem
  11927.                        }
  11928.  
  11929.                        .product:not(.product--small) .thumbnail__badge .icon {
  11930.                            width: 1.2rem;
  11931.                            height: 1.2rem
  11932.                        }
  11933.  
  11934.                        .product:not(.product--small) .thumbnail__badge .icon-3d-model {
  11935.                            width: 1.4rem;
  11936.                            height: 1.4rem
  11937.                        }
  11938.                    }
  11939.  
  11940.                    .thumbnail-list__item {
  11941.                        position: relative
  11942.                    }
  11943.  
  11944.                    .thumbnail-list__item:before {
  11945.                        content: "";
  11946.                        display: block;
  11947.                        padding-bottom: 100%
  11948.                    }
  11949.  
  11950.                    .product:not(.featured-product) .product__view-details {
  11951.                        display: none
  11952.                    }
  11953.  
  11954.                    .product__view-details {
  11955.                        display: block;
  11956.                        text-decoration: none
  11957.                    }
  11958.  
  11959.                    .product__view-details:hover {
  11960.                        text-decoration: underline;
  11961.                        text-underline-offset: .3rem
  11962.                    }
  11963.  
  11964.                    .product__view-details .icon {
  11965.                        width: 1.2rem;
  11966.                        margin-left: 1.2rem;
  11967.                        flex-shrink: 0
  11968.                    }
  11969.  
  11970.                    .product__inventory {
  11971.                        display: flex;
  11972.                        align-items: center;
  11973.                        gap: .5rem
  11974.                    }
  11975.  
  11976.                    .product--no-media .product__inventory {
  11977.                        justify-content: center
  11978.                    }
  11979.  
  11980.                    .product__inventory.visibility-hidden:empty {
  11981.                        display: block
  11982.                    }
  11983.  
  11984.                    .product__inventory.visibility-hidden:empty:after {
  11985.                        content: "#"
  11986.                    }
  11987.  
  11988.                    .icon-with-text {
  11989.                        --icon-size: calc(var(--font-heading-scale) * 3rem);
  11990.                        --icon-spacing: calc(var(--font-heading-scale) * 1rem)
  11991.                    }
  11992.  
  11993.                    .icon-with-text--horizontal {
  11994.                        display: flex;
  11995.                        justify-content: center;
  11996.                        column-gap: 3rem;
  11997.                        flex-direction: row
  11998.                    }
  11999.  
  12000.                    .icon-with-text--vertical {
  12001.                        --icon-size: calc(var(--font-heading-scale) * 2rem)
  12002.                    }
  12003.  
  12004.                    .icon-with-text .icon {
  12005.                        fill: rgb(var(--color-foreground));
  12006.                        height: var(--icon-size);
  12007.                        width: var(--icon-size)
  12008.                    }
  12009.  
  12010.                    .icon-with-text--horizontal .icon,
  12011.                    .icon-with-text--horizontal img {
  12012.                        margin-bottom: var(--icon-spacing)
  12013.                    }
  12014.  
  12015.                    .icon-with-text--vertical .icon {
  12016.                        min-height: var(--icon-size);
  12017.                        min-width: var(--icon-size);
  12018.                        margin-right: var(--icon-spacing)
  12019.                    }
  12020.  
  12021.                    .icon-with-text img {
  12022.                        height: var(--icon-size);
  12023.                        width: var(--icon-size);
  12024.                        object-fit: contain
  12025.                    }
  12026.  
  12027.                    .icon-with-text--vertical img {
  12028.                        margin-right: var(--icon-spacing)
  12029.                    }
  12030.  
  12031.                    .icon-with-text--horizontal .h4 {
  12032.                        padding-top: calc(var(--icon-size) + var(--icon-spacing));
  12033.                        text-align: center
  12034.                    }
  12035.  
  12036.                    .icon-with-text--horizontal svg+.h4,
  12037.                    .icon-with-text--horizontal img+.h4,
  12038.                    .icon-with-text--horizontal.icon-with-text--text-only .h4 {
  12039.                        padding-top: 0
  12040.                    }
  12041.  
  12042.                    .icon-with-text__item {
  12043.                        display: flex;
  12044.                        align-items: center
  12045.                    }
  12046.  
  12047.                    .icon-with-text--horizontal .icon-with-text__item {
  12048.                        flex-direction: column;
  12049.                        width: 33%
  12050.                    }
  12051.  
  12052.                    .icon-with-text--vertical .icon-with-text__item {
  12053.                        margin-bottom: var(--icon-size)
  12054.                    }
  12055.  
  12056.                    .product__sku.visibility-hidden:after {
  12057.                        content: "#"
  12058.                    }
  12059.  
  12060.                    .product-media-container {
  12061.                        --aspect-ratio: var(--preview-ratio);
  12062.                        --ratio-percent: calc(1 / var(--aspect-ratio) * 100%);
  12063.                        position: relative;
  12064.                        width: 100%;
  12065.                        max-width: calc(100% - calc(var(--media-border-width) * 2))
  12066.                    }
  12067.  
  12068.                    .product-media-container.constrain-height {
  12069.                        --viewport-offset: 400px;
  12070.                        --constrained-min-height: 300px;
  12071.                        --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));
  12072.                        margin-right: auto;
  12073.                        margin-left: auto
  12074.                    }
  12075.  
  12076.                    .product-media-container.constrain-height.media-fit-contain {
  12077.                        --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
  12078.                        width: min(var(--contained-width), 100%)
  12079.                    }
  12080.  
  12081.                    .product-media-container .media {
  12082.                        padding-top: var(--ratio-percent)
  12083.                    }
  12084.  
  12085.                    .product-media-container.constrain-height .media {
  12086.                        padding-top: min(var(--constrained-height), var(--ratio-percent))
  12087.                    }
  12088.  
  12089.                    @media screen and (max-width: 749px) {
  12090.                        .product-media-container.media-fit-cover {
  12091.                            display: flex;
  12092.                            align-self: stretch
  12093.                        }
  12094.  
  12095.                        .product-media-container.media-fit-cover .media {
  12096.                            position: initial
  12097.                        }
  12098.                    }
  12099.  
  12100.                    @media screen and (min-width: 750px) {
  12101.                        .product-media-container {
  12102.                            max-width: 100%
  12103.                        }
  12104.  
  12105.                        .product-media-container:not(.media-type-image) {
  12106.                            --aspect-ratio: var(--ratio)
  12107.                        }
  12108.  
  12109.                        .product-media-container.constrain-height {
  12110.                            --viewport-offset: 170px;
  12111.                            --constrained-min-height: 500px
  12112.                        }
  12113.  
  12114.                        .product-media-container.media-fit-cover,
  12115.                        .product-media-container.media-fit-cover .product__modal-opener,
  12116.                        .product-media-container.media-fit-cover .media {
  12117.                            height: 100%
  12118.                        }
  12119.  
  12120.                        .product-media-container.media-fit-cover .deferred-media__poster img {
  12121.                            object-fit: cover;
  12122.                            width: 100%
  12123.                        }
  12124.                    }
  12125.  
  12126.                    .product-media-container .product__modal-opener {
  12127.                        display: block;
  12128.                        position: relative
  12129.                    }
  12130.  
  12131.                    @media screen and (min-width: 750px) {
  12132.                        .product-media-container .product__modal-opener:not(.product__modal-opener--image) {
  12133.                            display: none
  12134.                        }
  12135.                    }
  12136.  
  12137.                    .recipient-form {
  12138.                        --recipient-checkbox-margin-top: .64rem;
  12139.                        display: block;
  12140.                        position: relative;
  12141.                        max-width: 44rem;
  12142.                        margin-bottom: 2.5rem
  12143.                    }
  12144.  
  12145.                    .recipient-form-field-label {
  12146.                        margin: .6rem 0
  12147.                    }
  12148.  
  12149.                    .recipient-form-field-label--space-between {
  12150.                        display: flex;
  12151.                        justify-content: space-between
  12152.                    }
  12153.  
  12154.                    .recipient-checkbox {
  12155.                        flex-grow: 1;
  12156.                        font-size: 1.6rem;
  12157.                        display: flex;
  12158.                        word-break: break-word;
  12159.                        align-items: flex-start;
  12160.                        max-width: inherit;
  12161.                        position: relative;
  12162.                        cursor: pointer
  12163.                    }
  12164.  
  12165.                    .no-js .recipient-checkbox {
  12166.                        display: none
  12167.                    }
  12168.  
  12169.                    .recipient-form>input[type=checkbox] {
  12170.                        position: absolute;
  12171.                        width: 1.6rem;
  12172.                        height: 1.6rem;
  12173.                        margin: var(--recipient-checkbox-margin-top) 0;
  12174.                        top: 0;
  12175.                        left: 0;
  12176.                        z-index: -1;
  12177.                        appearance: none;
  12178.                        -webkit-appearance: none
  12179.                    }
  12180.  
  12181.                    .recipient-fields__field {
  12182.                        margin: 0 0 2rem
  12183.                    }
  12184.  
  12185.                    .recipient-fields .field__label {
  12186.                        white-space: nowrap;
  12187.                        text-overflow: ellipsis;
  12188.                        max-width: calc(100% - 3.5rem);
  12189.                        overflow: hidden
  12190.                    }
  12191.  
  12192.                    .recipient-checkbox>svg {
  12193.                        margin-top: var(--recipient-checkbox-margin-top);
  12194.                        margin-right: 1.2rem;
  12195.                        flex-shrink: 0
  12196.                    }
  12197.  
  12198.                    .recipient-form .icon-checkmark {
  12199.                        visibility: hidden;
  12200.                        position: absolute;
  12201.                        left: .28rem;
  12202.                        z-index: 5;
  12203.                        top: .4rem
  12204.                    }
  12205.  
  12206.                    .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12207.                        visibility: visible
  12208.                    }
  12209.  
  12210.                    .js .recipient-fields {
  12211.                        display: none
  12212.                    }
  12213.  
  12214.                    .recipient-fields hr {
  12215.                        margin: 1.6rem auto
  12216.                    }
  12217.  
  12218.                    .recipient-form>input[type=checkbox]:checked~.recipient-fields {
  12219.                        display: block;
  12220.                        animation: animateMenuOpen var(--duration-default) ease
  12221.                    }
  12222.  
  12223.                    .recipient-form>input[type=checkbox]:not(:checked, :disabled)~.recipient-fields,
  12224.                    .recipient-email-label {
  12225.                        display: none
  12226.                    }
  12227.  
  12228.                    .js .recipient-email-label.required,
  12229.                    .no-js .recipient-email-label.optional {
  12230.                        display: inline
  12231.                    }
  12232.  
  12233.                    .recipient-form ul {
  12234.                        line-height: calc(1 + .6 / var(--font-body-scale));
  12235.                        padding-left: 4.4rem;
  12236.                        text-align: left
  12237.                    }
  12238.  
  12239.                    .recipient-form ul a {
  12240.                        display: inline
  12241.                    }
  12242.  
  12243.                    .recipient-form .error-message:first-letter {
  12244.                        text-transform: capitalize
  12245.                    }
  12246.  
  12247.                    @media screen and (forced-colors: active) {
  12248.                        .recipient-fields>hr {
  12249.                            border-top: .1rem solid rgb(var(--color-background))
  12250.                        }
  12251.  
  12252.                        .recipient-checkbox>svg {
  12253.                            background-color: inherit;
  12254.                            border: .1rem solid rgb(var(--color-background))
  12255.                        }
  12256.  
  12257.                        .recipient-form>input[type=checkbox]:checked+label .icon-checkmark {
  12258.                            border: none
  12259.                        }
  12260.                    }
  12261.                </style>
  12262.                <style>
  12263.                    .accordion summary {
  12264.                        display: flex;
  12265.                        position: relative;
  12266.                        line-height: 1;
  12267.                        padding: 1.5rem 0
  12268.                    }
  12269.  
  12270.                    .accordion .summary__title {
  12271.                        display: flex;
  12272.                        flex: 1
  12273.                    }
  12274.  
  12275.                    .accordion .summary__title+.icon-caret {
  12276.                        height: calc(var(--font-heading-scale) * .6rem)
  12277.                    }
  12278.  
  12279.                    .accordion+.accordion {
  12280.                        margin-top: 0;
  12281.                        border-top: none
  12282.                    }
  12283.  
  12284.                    .accordion {
  12285.                        margin-top: 2.5rem;
  12286.                        margin-bottom: 0;
  12287.                        border-top: .1rem solid rgba(var(--color-foreground), .08);
  12288.                        border-bottom: .1rem solid rgba(var(--color-foreground), .08)
  12289.                    }
  12290.  
  12291.                    .accordion__title {
  12292.                        display: inline-block;
  12293.                        max-width: calc(100% - 6rem);
  12294.                        min-height: 1.6rem;
  12295.                        margin: 0;
  12296.                        word-break: break-word
  12297.                    }
  12298.  
  12299.                    .accordion .icon-accordion {
  12300.                        align-self: center;
  12301.                        fill: rgb(var(--color-foreground));
  12302.                        height: calc(var(--font-heading-scale) * 2rem);
  12303.                        margin-right: calc(var(--font-heading-scale) * 1rem);
  12304.                        width: calc(var(--font-heading-scale) * 2rem)
  12305.                    }
  12306.  
  12307.                    .accordion details[open]>summary .icon-caret {
  12308.                        transform: rotate(180deg)
  12309.                    }
  12310.  
  12311.                    .accordion__content {
  12312.                        margin-bottom: 1.5rem;
  12313.                        word-break: break-word;
  12314.                        overflow-x: auto;
  12315.                        padding: 0 .6rem
  12316.                    }
  12317.  
  12318.                    .accordion__content img {
  12319.                        max-width: 100%
  12320.                    }
  12321.                </style>
  12322.                <style>
  12323.                    .price {
  12324.                        font-size: 1.6rem;
  12325.                        letter-spacing: .1rem;
  12326.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12327.                        color: rgb(var(--color-foreground))
  12328.                    }
  12329.  
  12330.                    .price>* {
  12331.                        display: inline-block;
  12332.                        vertical-align: top
  12333.                    }
  12334.  
  12335.                    .price.price--unavailable {
  12336.                        visibility: hidden
  12337.                    }
  12338.  
  12339.                    .price--end {
  12340.                        text-align: right
  12341.                    }
  12342.  
  12343.                    .price .price-item {
  12344.                        display: inline-block;
  12345.                        margin: 0 1rem 0 0
  12346.                    }
  12347.  
  12348.                    .price__regular .price-item--regular {
  12349.                        margin-right: 0
  12350.                    }
  12351.  
  12352.                    .price:not(.price--show-badge) .price-item--last:last-of-type {
  12353.                        margin: 0
  12354.                    }
  12355.  
  12356.                    @media screen and (min-width: 750px) {
  12357.                        .price {
  12358.                            margin-bottom: 0
  12359.                        }
  12360.                    }
  12361.  
  12362.                    .price--large {
  12363.                        font-size: 1.6rem;
  12364.                        line-height: calc(1 + .5 / var(--font-body-scale));
  12365.                        letter-spacing: .13rem
  12366.                    }
  12367.  
  12368.                    @media screen and (min-width: 750px) {
  12369.                        .price--large {
  12370.                            font-size: 1.8rem
  12371.                        }
  12372.                    }
  12373.  
  12374.                    .price--sold-out .price__availability,
  12375.                    .price__regular {
  12376.                        display: block
  12377.                    }
  12378.  
  12379.                    .price__sale,
  12380.                    .price__availability,
  12381.                    .price .price__badge-sale,
  12382.                    .price .price__badge-sold-out,
  12383.                    .price--on-sale .price__regular,
  12384.                    .price--on-sale .price__availability {
  12385.                        display: none
  12386.                    }
  12387.  
  12388.                    .price--sold-out .price__badge-sold-out,
  12389.                    .price--on-sale .price__badge-sale,
  12390.                    .volume-pricing--sale-badge .price__badge-sale {
  12391.                        display: inline-block
  12392.                    }
  12393.  
  12394.                    .volume-pricing--sale-badge .price__badge-sale {
  12395.                        margin-left: .5rem
  12396.                    }
  12397.  
  12398.                    .price--on-sale .price__sale {
  12399.                        display: initial;
  12400.                        flex-direction: row;
  12401.                        flex-wrap: wrap
  12402.                    }
  12403.  
  12404.                    .price--center {
  12405.                        display: initial;
  12406.                        justify-content: center
  12407.                    }
  12408.  
  12409.                    .price--on-sale .price-item--regular {
  12410.                        text-decoration: line-through;
  12411.                        color: rgba(var(--color-foreground), .75);
  12412.                        font-size: 1.3rem
  12413.                    }
  12414.  
  12415.                    .unit-price {
  12416.                        display: block;
  12417.                        font-size: 1.1rem;
  12418.                        letter-spacing: .04rem;
  12419.                        line-height: calc(1 + .2 / var(--font-body-scale));
  12420.                        margin-top: .2rem;
  12421.                        text-transform: uppercase;
  12422.                        color: rgba(var(--color-foreground), .7)
  12423.                    }
  12424.                </style>
  12425.                <style>
  12426.                    slider-component {
  12427.                        --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  12428.                        position: relative;
  12429.                        display: block
  12430.                    }
  12431.  
  12432.                    slider-component.slider-component-full-width {
  12433.                        --desktop-margin-left-first-item: 1.5rem
  12434.                    }
  12435.  
  12436.                    @media screen and (max-width: 749px) {
  12437.                        slider-component.page-width {
  12438.                            padding: 0 1.5rem
  12439.                        }
  12440.                    }
  12441.  
  12442.                    @media screen and (min-width: 749px) and (max-width: 990px) {
  12443.                        slider-component.page-width {
  12444.                            padding: 0 5rem
  12445.                        }
  12446.                    }
  12447.  
  12448.                    @media screen and (max-width: 989px) {
  12449.                        .no-js slider-component .slider {
  12450.                            padding-bottom: 3rem
  12451.                        }
  12452.                    }
  12453.  
  12454.                    .slider__slide {
  12455.                        --focus-outline-padding: .5rem;
  12456.                        --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  12457.                        --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  12458.                        scroll-snap-align: start;
  12459.                        flex-shrink: 0;
  12460.                        padding-bottom: 0
  12461.                    }
  12462.  
  12463.                    @media screen and (max-width: 749px) {
  12464.                        .slider.slider--mobile {
  12465.                            position: relative;
  12466.                            flex-wrap: inherit;
  12467.                            overflow-x: auto;
  12468.                            scroll-snap-type: x mandatory;
  12469.                            scroll-behavior: smooth;
  12470.                            scroll-padding-left: 1.5rem;
  12471.                            -webkit-overflow-scrolling: touch;
  12472.                            margin-bottom: 1rem
  12473.                        }
  12474.  
  12475.                        .slider--mobile:after {
  12476.                            content: "";
  12477.                            width: 0;
  12478.                            padding-left: 1.5rem
  12479.                        }
  12480.  
  12481.                        .slider.slider--mobile .slider__slide {
  12482.                            margin-bottom: 0;
  12483.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12484.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12485.                        }
  12486.  
  12487.                        .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12488.                            padding-bottom: var(--focus-outline-padding)
  12489.                        }
  12490.  
  12491.                        .slider.slider--mobile.contains-content-container .slider__slide {
  12492.                            --focus-outline-padding: 0rem
  12493.                        }
  12494.                    }
  12495.  
  12496.                    @media screen and (min-width: 750px) {
  12497.                        .slider.slider--tablet-up {
  12498.                            position: relative;
  12499.                            flex-wrap: inherit;
  12500.                            overflow-x: auto;
  12501.                            scroll-snap-type: x mandatory;
  12502.                            scroll-behavior: smooth;
  12503.                            scroll-padding-left: 1rem;
  12504.                            -webkit-overflow-scrolling: touch
  12505.                        }
  12506.  
  12507.                        .slider.slider--tablet-up .slider__slide {
  12508.                            margin-bottom: 0
  12509.                        }
  12510.                    }
  12511.  
  12512.                    @media screen and (max-width: 989px) {
  12513.                        .slider.slider--tablet {
  12514.                            position: relative;
  12515.                            flex-wrap: inherit;
  12516.                            overflow-x: auto;
  12517.                            scroll-snap-type: x mandatory;
  12518.                            scroll-behavior: smooth;
  12519.                            scroll-padding-left: 1.5rem;
  12520.                            -webkit-overflow-scrolling: touch;
  12521.                            margin-bottom: 1rem
  12522.                        }
  12523.  
  12524.                        .slider--tablet:after {
  12525.                            content: "";
  12526.                            width: 0;
  12527.                            padding-left: 1.5rem;
  12528.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12529.                        }
  12530.  
  12531.                        .slider.slider--tablet .slider__slide {
  12532.                            margin-bottom: 0;
  12533.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12534.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12535.                        }
  12536.  
  12537.                        .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12538.                            padding-bottom: var(--focus-outline-padding)
  12539.                        }
  12540.  
  12541.                        .slider.slider--tablet.contains-content-container .slider__slide {
  12542.                            --focus-outline-padding: 0rem
  12543.                        }
  12544.                    }
  12545.  
  12546.                    .slider--everywhere {
  12547.                        position: relative;
  12548.                        flex-wrap: inherit;
  12549.                        overflow-x: auto;
  12550.                        scroll-snap-type: x mandatory;
  12551.                        scroll-behavior: smooth;
  12552.                        -webkit-overflow-scrolling: touch;
  12553.                        margin-bottom: 1rem
  12554.                    }
  12555.  
  12556.                    .slider.slider--everywhere .slider__slide {
  12557.                        margin-bottom: 0;
  12558.                        scroll-snap-align: center
  12559.                    }
  12560.  
  12561.                    @media screen and (min-width: 990px) {
  12562.                        .slider-component-desktop.page-width {
  12563.                            max-width: none
  12564.                        }
  12565.  
  12566.                        .slider--desktop {
  12567.                            position: relative;
  12568.                            flex-wrap: inherit;
  12569.                            overflow-x: auto;
  12570.                            scroll-snap-type: x mandatory;
  12571.                            scroll-behavior: smooth;
  12572.                            -webkit-overflow-scrolling: touch;
  12573.                            margin-bottom: 1rem;
  12574.                            scroll-padding-left: var(--desktop-margin-left-first-item)
  12575.                        }
  12576.  
  12577.                        .slider--desktop:after {
  12578.                            content: "";
  12579.                            width: 0;
  12580.                            padding-left: 5rem;
  12581.                            margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing))
  12582.                        }
  12583.  
  12584.                        .slider.slider--desktop .slider__slide {
  12585.                            margin-bottom: 0;
  12586.                            padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
  12587.                            padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom))
  12588.                        }
  12589.  
  12590.                        .slider--desktop .slider__slide:first-child {
  12591.                            margin-left: var(--desktop-margin-left-first-item);
  12592.                            scroll-margin-left: var(--desktop-margin-left-first-item)
  12593.                        }
  12594.  
  12595.                        .slider-component-full-width .slider--desktop {
  12596.                            scroll-padding-left: 1.5rem
  12597.                        }
  12598.  
  12599.                        .slider-component-full-width .slider--desktop .slider__slide:first-child {
  12600.                            margin-left: 1.5rem;
  12601.                            scroll-margin-left: 1.5rem
  12602.                        }
  12603.  
  12604.                        .slider-component-full-width .slider--desktop:after {
  12605.                            padding-left: 1.5rem
  12606.                        }
  12607.  
  12608.                        .slider--desktop.grid--5-col-desktop .grid__item {
  12609.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2)
  12610.                        }
  12611.  
  12612.                        .slider--desktop.grid--4-col-desktop .grid__item {
  12613.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)
  12614.                        }
  12615.  
  12616.                        .slider--desktop.grid--3-col-desktop .grid__item {
  12617.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4)
  12618.                        }
  12619.  
  12620.                        .slider--desktop.grid--2-col-desktop .grid__item {
  12621.                            width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5)
  12622.                        }
  12623.  
  12624.                        .slider--desktop.grid--1-col-desktop .grid__item {
  12625.                            width: calc((100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9)
  12626.                        }
  12627.  
  12628.                        .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
  12629.                            padding-bottom: var(--focus-outline-padding)
  12630.                        }
  12631.  
  12632.                        .slider.slider--desktop.contains-content-container .slider__slide {
  12633.                            --focus-outline-padding: 0rem
  12634.                        }
  12635.                    }
  12636.  
  12637.                    @media (prefers-reduced-motion) {
  12638.                        .slider {
  12639.                            scroll-behavior: auto
  12640.                        }
  12641.                    }
  12642.  
  12643.                    .slider {
  12644.                        scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  12645.                        -ms-overflow-style: none;
  12646.                        scrollbar-width: none
  12647.                    }
  12648.  
  12649.                    .slider::-webkit-scrollbar {
  12650.                        height: .4rem;
  12651.                        width: .4rem;
  12652.                        display: none
  12653.                    }
  12654.  
  12655.                    .no-js .slider {
  12656.                        -ms-overflow-style: auto;
  12657.                        scrollbar-width: auto
  12658.                    }
  12659.  
  12660.                    .no-js .slider::-webkit-scrollbar {
  12661.                        display: initial
  12662.                    }
  12663.  
  12664.                    .slider::-webkit-scrollbar-thumb {
  12665.                        background-color: rgb(var(--color-foreground));
  12666.                        border-radius: .4rem;
  12667.                        border: 0
  12668.                    }
  12669.  
  12670.                    .slider::-webkit-scrollbar-track {
  12671.                        background: rgba(var(--color-foreground), .04);
  12672.                        border-radius: .4rem
  12673.                    }
  12674.  
  12675.                    .slider-counter {
  12676.                        display: flex;
  12677.                        justify-content: center;
  12678.                        min-width: 4.4rem
  12679.                    }
  12680.  
  12681.                    @media screen and (min-width: 750px) {
  12682.                        .slider-counter--dots {
  12683.                            margin: 0 1.2rem
  12684.                        }
  12685.                    }
  12686.  
  12687.                    .slider-counter__link {
  12688.                        padding: 1rem
  12689.                    }
  12690.  
  12691.                    @media screen and (max-width: 749px) {
  12692.                        .slider-counter__link {
  12693.                            padding: .7rem
  12694.                        }
  12695.                    }
  12696.  
  12697.                    .slider-counter__link--dots .dot {
  12698.                        width: 1rem;
  12699.                        height: 1rem;
  12700.                        border-radius: 50%;
  12701.                        border: .1rem solid rgba(var(--color-foreground), .5);
  12702.                        padding: 0;
  12703.                        display: block
  12704.                    }
  12705.  
  12706.                    .slider-counter__link--active.slider-counter__link--dots .dot {
  12707.                        background-color: rgb(var(--color-foreground))
  12708.                    }
  12709.  
  12710.                    @media screen and (forced-colors: active) {
  12711.                        .slider-counter__link--active.slider-counter__link--dots .dot {
  12712.                            background-color: CanvasText
  12713.                        }
  12714.                    }
  12715.  
  12716.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  12717.                        border-color: rgb(var(--color-foreground))
  12718.                    }
  12719.  
  12720.                    .slider-counter__link--dots .dot,
  12721.                    .slider-counter__link--numbers {
  12722.                        transition: transform .2s ease-in-out
  12723.                    }
  12724.  
  12725.                    .slider-counter__link--active.slider-counter__link--numbers,
  12726.                    .slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
  12727.                    .slider-counter__link--numbers:hover {
  12728.                        transform: scale(1.1)
  12729.                    }
  12730.  
  12731.                    .slider-counter__link--numbers {
  12732.                        color: rgba(var(--color-foreground), .5);
  12733.                        text-decoration: none
  12734.                    }
  12735.  
  12736.                    .slider-counter__link--numbers:hover {
  12737.                        color: rgb(var(--color-foreground))
  12738.                    }
  12739.  
  12740.                    .slider-counter__link--active.slider-counter__link--numbers {
  12741.                        text-decoration: underline;
  12742.                        color: rgb(var(--color-foreground))
  12743.                    }
  12744.  
  12745.                    .slider-buttons {
  12746.                        display: flex;
  12747.                        align-items: center;
  12748.                        justify-content: center
  12749.                    }
  12750.  
  12751.                    @media screen and (min-width: 990px) {
  12752.                        .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
  12753.                            display: none
  12754.                        }
  12755.                    }
  12756.  
  12757.                    @media screen and (max-width: 989px) {
  12758.                        .slider--desktop:not(.slider--tablet)+.slider-buttons {
  12759.                            display: none
  12760.                        }
  12761.                    }
  12762.  
  12763.                    @media screen and (min-width: 750px) {
  12764.                        .slider--mobile+.slider-buttons {
  12765.                            display: none
  12766.                        }
  12767.                    }
  12768.  
  12769.                    .slider-button {
  12770.                        color: rgba(var(--color-foreground), .75);
  12771.                        background: transparent;
  12772.                        border: none;
  12773.                        cursor: pointer;
  12774.                        width: 44px;
  12775.                        height: 44px;
  12776.                        display: flex;
  12777.                        align-items: center;
  12778.                        justify-content: center
  12779.                    }
  12780.  
  12781.                    .slider-button:not([disabled]):hover {
  12782.                        color: rgb(var(--color-foreground))
  12783.                    }
  12784.  
  12785.                    .slider-button .icon {
  12786.                        height: .6rem
  12787.                    }
  12788.  
  12789.                    .slider-button[disabled] .icon {
  12790.                        color: rgba(var(--color-foreground), .3);
  12791.                        cursor: not-allowed
  12792.                    }
  12793.  
  12794.                    .slider-button--next .icon {
  12795.                        transform: rotate(-90deg)
  12796.                    }
  12797.  
  12798.                    .slider-button--prev .icon {
  12799.                        transform: rotate(90deg)
  12800.                    }
  12801.  
  12802.                    .slider-button--next:not([disabled]):hover .icon {
  12803.                        transform: rotate(-90deg) scale(1.1)
  12804.                    }
  12805.  
  12806.                    .slider-button--prev:not([disabled]):hover .icon {
  12807.                        transform: rotate(90deg) scale(1.1)
  12808.                    }
  12809.                </style>
  12810.                <style>
  12811.                    .rating {
  12812.                        display: inline-block;
  12813.                        margin: 0
  12814.                    }
  12815.  
  12816.                    .product .rating-star {
  12817.                        --letter-spacing: .8;
  12818.                        --font-size: 1.7
  12819.                    }
  12820.  
  12821.                    .card-wrapper .rating-star {
  12822.                        --letter-spacing: .7;
  12823.                        --font-size: 1.4
  12824.                    }
  12825.  
  12826.                    .rating-star {
  12827.                        --color-rating-star: rgb(var(--color-foreground));
  12828.                        --percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);
  12829.                        letter-spacing: calc(var(--letter-spacing) * 1rem);
  12830.                        font-size: calc(var(--font-size) * 1rem);
  12831.                        line-height: 1;
  12832.                        display: inline-block;
  12833.                        font-family: Times;
  12834.                        margin: 0
  12835.                    }
  12836.  
  12837.                    .rating-star:before {
  12838.                        content: "\2605\2605\2605\2605\2605";
  12839.                        background: linear-gradient(90deg, var(--color-rating-star) var(--percent), rgba(var(--color-foreground), .15) var(--percent));
  12840.                        -webkit-background-clip: text;
  12841.                        -webkit-text-fill-color: transparent
  12842.                    }
  12843.  
  12844.                    .rating-text {
  12845.                        display: none
  12846.                    }
  12847.  
  12848.                    .rating-count {
  12849.                        display: inline-block;
  12850.                        margin: 0
  12851.                    }
  12852.  
  12853.                    @media (forced-colors: active) {
  12854.                        .rating {
  12855.                            display: none
  12856.                        }
  12857.  
  12858.                        .rating-text {
  12859.                            display: block
  12860.                        }
  12861.                    }
  12862.                </style>
  12863.                <style>
  12864.                    .deferred-media__poster {
  12865.                        background-color: transparent;
  12866.                        border: none;
  12867.                        cursor: pointer;
  12868.                        margin: 0;
  12869.                        padding: 0;
  12870.                        height: 100%;
  12871.                        width: 100%;
  12872.                        overflow: hidden;
  12873.                        border-radius: calc(var(--border-radius) - var(--border-width))
  12874.                    }
  12875.  
  12876.                    .media>.deferred-media__poster {
  12877.                        display: flex;
  12878.                        align-items: center;
  12879.                        justify-content: center
  12880.                    }
  12881.  
  12882.                    .deferred-media__poster img {
  12883.                        width: auto;
  12884.                        max-width: 100%;
  12885.                        height: 100%
  12886.                    }
  12887.  
  12888.                    .deferred-media {
  12889.                        overflow: hidden
  12890.                    }
  12891.  
  12892.                    .deferred-media:not([loaded]) template {
  12893.                        z-index: -1
  12894.                    }
  12895.  
  12896.                    .deferred-media[loaded]>.deferred-media__poster {
  12897.                        display: none
  12898.                    }
  12899.  
  12900.                    .deferred-media__poster:focus-visible {
  12901.                        outline: none;
  12902.                        box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground), .5);
  12903.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12904.                    }
  12905.  
  12906.                    .deferred-media__poster:focus {
  12907.                        outline: none;
  12908.                        box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)), 0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground), .5);
  12909.                        border-radius: calc(var(--media-radius) - var(--media-border-width))
  12910.                    }
  12911.  
  12912.                    .global-media-settings--full-width .deferred-media__poster,
  12913.                    .global-media-settings--full-width .deferred-media__poster:is(:focus, :focus-visible) {
  12914.                        border-radius: 0
  12915.                    }
  12916.  
  12917.                    @media (forced-colors: active) {
  12918.                        .deferred-media__poster:focus {
  12919.                            outline: transparent solid 1px
  12920.                        }
  12921.                    }
  12922.  
  12923.                    .deferred-media__poster:focus:not(:focus-visible) {
  12924.                        outline: 0;
  12925.                        box-shadow: none
  12926.                    }
  12927.  
  12928.                    .deferred-media__poster-button {
  12929.                        background-color: rgb(var(--color-background));
  12930.                        border: .1rem solid rgba(var(--color-foreground), .1);
  12931.                        border-radius: 50%;
  12932.                        color: rgb(var(--color-foreground));
  12933.                        display: flex;
  12934.                        align-items: center;
  12935.                        justify-content: center;
  12936.                        height: 6.2rem;
  12937.                        width: 6.2rem;
  12938.                        position: absolute;
  12939.                        left: 50%;
  12940.                        top: 50%;
  12941.                        transform: translate(-50%, -50%) scale(1);
  12942.                        transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  12943.                        z-index: 1
  12944.                    }
  12945.  
  12946.                    .deferred-media__poster-button:hover {
  12947.                        transform: translate(-50%, -50%) scale(1.1)
  12948.                    }
  12949.  
  12950.                    .deferred-media__poster-button .icon {
  12951.                        width: 2rem;
  12952.                        height: 2rem
  12953.                    }
  12954.  
  12955.                    .deferred-media__poster-button .icon-play {
  12956.                        margin-left: .2rem
  12957.                    }
  12958.                </style>
  12959.                <style data-shopify>
  12960.                    .section-template--17040648077525__main-padding {
  12961.                        padding-top: 45px;
  12962.                        padding-bottom: 45px;
  12963.                    }
  12964.  
  12965.                    @media screen and (min-width: 750px) {
  12966.                        .section-template--17040648077525__main-padding {
  12967.                            padding-top: 60px;
  12968.                            padding-bottom: 60px;
  12969.                        }
  12970.                    }
  12971.                </style>
  12972.                <script src="cdn/shop/t/4/assets/product-infob121.js?v=81873523020508815201701676179"
  12973.                    defer="defer"></script>
  12974.                <script src="cdn/shop/t/4/assets/product-form5df2.js?v=133081758708377679181701676179"
  12975.                    defer="defer"></script>
  12976.  
  12977.                <div class="page-width">
  12978.                    <div
  12979.                        class="product product--small product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet">
  12980.                        <div class="grid__item product__media-wrapper">
  12981.  
  12982.                            <media-gallery id="MediaGallery-template--17040648077525__main" role="region"
  12983.                                class="product__column-sticky" aria-label="Gallery Viewer"
  12984.                                data-desktop-layout="thumbnail_slider">
  12985.                                <div id="GalleryStatus-template--17040648077525__main" class="visually-hidden"
  12986.                                    role="status"></div>
  12987.                                <slider-component id="GalleryViewer-template--17040648077525__main"
  12988.                                    class="slider-mobile-gutter"><a
  12989.                                        class="skip-to-content-link button visually-hidden quick-add-hidden"
  12990.                                        href="#ProductInfo-template--17040648077525__main">
  12991.                                        Skip to product information
  12992.                                    </a>
  12993.                                    <ul id="Slider-Gallery-template--17040648077525__main"
  12994.                                        class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
  12995.                                        role="list">
  12996.                                        <li id="Slide-template--17040648077525__main-33478743672119"
  12997.                                            class="product__media-item grid__item slider__slide is-active scroll-trigger animate--fade-in"
  12998.                                            data-media-id="template--17040648077525__main-33478743672119">
  12999.  
  13000.                                            <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height"
  13001.                                                style="--ratio: 1.0; --preview-ratio: 1.0;">
  13002.                                                <noscript>
  13003.                                                    <div class="product__media media">
  13004.                                                        <img src="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"
  13005.                                                            alt="KOITOTO"
  13006.                                                            srcset="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 246w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 493w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 600w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 713w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg3 823w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 990w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 1100w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 1206w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 1346w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 1426w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 1646w, https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg 1946w"
  13007.                                                            width="1946" height="1946"
  13008.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13009.                                                    </div>
  13010.                                                </noscript>
  13011.  
  13012.                                                <modal-opener
  13013.                                                    class="product__modal-opener product__modal-opener--image no-js-hidden"
  13014.                                                    data-modal="#ProductModal-template--17040648077525__main">
  13015.                                                    <span
  13016.                                                        class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox"
  13017.                                                        aria-hidden="true"><svg aria-hidden="true" focusable="false"
  13018.                                                            class="icon icon-plus" width="19" height="19"
  13019.                                                            viewBox="0 0 19 19" fill="none"
  13020.                                                            xmlns="http://www.w3.org/2000/svg">
  13021.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13022.                                                                d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z"
  13023.                                                                fill="currentColor" />
  13024.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13025.                                                                d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z"
  13026.                                                                fill="currentColor" />
  13027.                                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13028.                                                                d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z"
  13029.                                                                fill="currentColor" />
  13030.                                                        </svg>
  13031.                                                    </span>
  13032.  
  13033.                                                    <style>
  13034.                                                        .loading__spinner {
  13035.                                                            position: absolute;
  13036.                                                            z-index: 1;
  13037.                                                            width: 1.8rem
  13038.                                                        }
  13039.  
  13040.                                                        .loading__spinner {
  13041.                                                            width: 1.8rem;
  13042.                                                            display: inline-block
  13043.                                                        }
  13044.  
  13045.                                                        .spinner {
  13046.                                                            animation: rotator 1.4s linear infinite
  13047.                                                        }
  13048.  
  13049.                                                        @keyframes rotator {
  13050.                                                            0% {
  13051.                                                                transform: rotate(0)
  13052.                                                            }
  13053.  
  13054.                                                            to {
  13055.                                                                transform: rotate(270deg)
  13056.                                                            }
  13057.                                                        }
  13058.  
  13059.                                                        .path {
  13060.                                                            stroke-dasharray: 280;
  13061.                                                            stroke-dashoffset: 0;
  13062.                                                            transform-origin: center;
  13063.                                                            stroke: rgb(var(--color-foreground));
  13064.                                                            animation: dash 1.4s ease-in-out infinite
  13065.                                                        }
  13066.  
  13067.                                                        @media screen and (forced-colors: active) {
  13068.                                                            .path {
  13069.                                                                stroke: CanvasText
  13070.                                                            }
  13071.                                                        }
  13072.  
  13073.                                                        @keyframes dash {
  13074.                                                            0% {
  13075.                                                                stroke-dashoffset: 280
  13076.                                                            }
  13077.  
  13078.                                                            50% {
  13079.                                                                stroke-dashoffset: 75;
  13080.                                                                transform: rotate(135deg)
  13081.                                                            }
  13082.  
  13083.                                                            to {
  13084.                                                                stroke-dashoffset: 280;
  13085.                                                                transform: rotate(450deg)
  13086.                                                            }
  13087.                                                        }
  13088.  
  13089.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13090.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13091.                                                            opacity: 50%
  13092.                                                        }
  13093.  
  13094.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13095.                                                            pointer-events: none;
  13096.                                                            cursor: default
  13097.                                                        }
  13098.                                                    </style>
  13099.                                                    <div class="loading__spinner hidden">
  13100.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13101.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13102.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13103.                                                                cy="33" r="30"></circle>
  13104.                                                        </svg>
  13105.                                                    </div>
  13106.                                                    <div class="product__media media media--transparent">
  13107.                                                        <img src="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"
  13108.                                                            alt="togel online" width="1000" height="1000"
  13109.                                                            class="image-magnify-lightbox"
  13110.                                                            sizes="(min-width: 1200px) 495px, (min-width: 990px) calc(45.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
  13111.                                                    </div>
  13112.                                                    <button
  13113.                                                        class="product__media-toggle quick-add-hidden product__media-zoom-lightbox"
  13114.                                                        type="button" aria-haspopup="dialog"
  13115.                                                        data-media-id="33478743672119">
  13116.                                                        <span class="visually-hidden">
  13117.                                                            Open media 1 in modal
  13118.                                                        </span>
  13119.                                                    </button>
  13120.                                                </modal-opener>
  13121.                                            </div>
  13122.  
  13123.                                        </li>
  13124.                                    </ul>
  13125.                                    <div class="slider-buttons no-js-hidden quick-add-hidden small-hide">
  13126.                                        <button type="button" class="slider-button slider-button--prev" name="previous"
  13127.                                            aria-label="Slide left">
  13128.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13129.                                                viewBox="0 0 10 6">
  13130.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13131.                                                    d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
  13132.                                                    fill="currentColor">
  13133.                                            </svg>
  13134.  
  13135.                                        </button>
  13136.                                        <div class="slider-counter caption">
  13137.                                            <span class="slider-counter--current">1</span>
  13138.                                            <span aria-hidden="true"> / </span>
  13139.                                            <span class="visually-hidden">of</span>
  13140.                                            <span class="slider-counter--total">1</span>
  13141.                                        </div>
  13142.                                        <button type="button" class="slider-button slider-button--next" name="next"
  13143.                                            aria-label="Slide right">
  13144.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13145.                                                viewBox="0 0 10 6">
  13146.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13147.                                                    d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
  13148.                                                    fill="currentColor">
  13149.                                            </svg>
  13150.  
  13151.                                        </button>
  13152.                                    </div>
  13153.                                </slider-component>
  13154.                            </media-gallery>
  13155.  
  13156.                        </div>
  13157.                        <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in">
  13158.                            <product-info id="ProductInfo-template--17040648077525__main"
  13159.                                data-section="template--17040648077525__main" data-url="https://illuzia.net/"
  13160.                                class="product__info-container product__column-sticky">
  13161.                                <p class="product__text inline-richtext">KOITOTO</p>
  13162.                                <div class="product__title">
  13163.                                    <h1>Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online</h1>
  13164.                                    <a href="https://illuzia.net/" class="product__title">
  13165.                                        <h2 class="h1">Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online</h2>
  13166.                                    </a>
  13167.                                </div>
  13168.                                <div class="no-js-hidden" id="price-template--17040648077525__main" role="status">
  13169.                                    <div class="
  13170.    price price--large price--on-sale price--show-badge">
  13171.                                        <div class="price__container">
  13172.                                            <div class="price__regular"><span
  13173.                                                    class="visually-hidden visually-hidden--inline">Regular
  13174.                                                    price</span>
  13175.                                                <span class="price-item price-item--regular">
  13176.                                                    Rp 10.000,00
  13177.                                                </span>
  13178.                                            </div>
  13179.                                            <div class="price__sale">
  13180.                                                <span class="visually-hidden visually-hidden--inline">Regular
  13181.                                                    price</span>
  13182.                                                <span>
  13183.                                                    <s class="price-item price-item--regular">
  13184.  
  13185.                                                        Rp 100.000,00
  13186.  
  13187.                                                    </s>
  13188.                                                </span><span class="visually-hidden visually-hidden--inline">Sale
  13189.                                                    price</span>
  13190.                                                <span class="price-item price-item--sale price-item--last">
  13191.                                                    Rp 10.000,00
  13192.                                                </span>
  13193.                                            </div>
  13194.                                            <small class="unit-price caption hidden">
  13195.                                                <span class="visually-hidden">Unit price</span>
  13196.                                                <span class="price-item price-item--last">
  13197.                                                    <span></span>
  13198.                                                    <span aria-hidden="true">/</span>
  13199.                                                    <span class="visually-hidden">&nbsp;per&nbsp;</span>
  13200.                                                    <span>
  13201.                                                    </span>
  13202.                                                </span>
  13203.                                            </small>
  13204.                                        </div><span class="badge price__badge-sale color-accent-1">
  13205.                                            TOGEL ONLINE
  13206.                                        </span>
  13207.  
  13208.                                        <span class="badge price__badge-sold-out color-background-1">
  13209.                                            Sold out
  13210.                                        </span>
  13211.                                    </div>
  13212.                                </div>
  13213.                                <div class="product__tax caption rte"></div>
  13214.                                <div>
  13215.                                    <form method="post" action="https://illuzia.net/"
  13216.                                        id="product-form-installment-template--17040648077525__main"
  13217.                                        accept-charset="UTF-8" class="installment caption-large"
  13218.                                        enctype="multipart/form-data"><input type="hidden" name="form_type"
  13219.                                            value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13220.                                            type="hidden" name="id" value="43114192093653">
  13221.  
  13222.                                        <input type="hidden" name="product-id" value="8226828321669" />
  13223.                                    </form>
  13224.                                </div>
  13225.                                <noscript class="product-form__noscript-wrapper-template--17040648077525__main">
  13226.                                    <div class="product-form__input hidden">
  13227.                                        <label class="form__label" for="Variants-template--17040648077525__main">Product
  13228.                                            variants</label>
  13229.                                        <div class="select">
  13230.                                            <select name="id" id="Variants-template--17040648077525__main"
  13231.                                                class="select__select"
  13232.                                                form="product-form-template--17040648077525__main">
  13233.                                                <option selected="selected" value="43114192093653">Default Title - Rp
  13234.                                                    10.000,00</option>
  13235.                                            </select>
  13236.                                            <svg aria-hidden="true" focusable="false" class="icon icon-caret"
  13237.                                                viewBox="0 0 10 6">
  13238.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13239.                                                    d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
  13240.                                                    fill="currentColor">
  13241.                                            </svg>
  13242.  
  13243.                                        </div>
  13244.                                    </div>
  13245.                                </noscript>
  13246.  
  13247.                                <div id="Quantity-Form-template--17040648077525__main"
  13248.                                    class="product-form__input product-form__quantity">
  13249.  
  13250.  
  13251.  
  13252.                                    <label class="quantity__label form__label"
  13253.                                        for="Quantity-template--17040648077525__main">
  13254.                                        Quantity
  13255.                                        <span class="quantity__rules-cart no-js-hidden hidden">
  13256.                                            <style>
  13257.                                                .loading__spinner {
  13258.                                                    position: absolute;
  13259.                                                    z-index: 1;
  13260.                                                    width: 1.8rem
  13261.                                                }
  13262.  
  13263.                                                .loading__spinner {
  13264.                                                    width: 1.8rem;
  13265.                                                    display: inline-block
  13266.                                                }
  13267.  
  13268.                                                .spinner {
  13269.                                                    animation: rotator 1.4s linear infinite
  13270.                                                }
  13271.  
  13272.                                                @keyframes rotator {
  13273.                                                    0% {
  13274.                                                        transform: rotate(0)
  13275.                                                    }
  13276.  
  13277.                                                    to {
  13278.                                                        transform: rotate(270deg)
  13279.                                                    }
  13280.                                                }
  13281.  
  13282.                                                .path {
  13283.                                                    stroke-dasharray: 280;
  13284.                                                    stroke-dashoffset: 0;
  13285.                                                    transform-origin: center;
  13286.                                                    stroke: rgb(var(--color-foreground));
  13287.                                                    animation: dash 1.4s ease-in-out infinite
  13288.                                                }
  13289.  
  13290.                                                @media screen and (forced-colors: active) {
  13291.                                                    .path {
  13292.                                                        stroke: CanvasText
  13293.                                                    }
  13294.                                                }
  13295.  
  13296.                                                @keyframes dash {
  13297.                                                    0% {
  13298.                                                        stroke-dashoffset: 280
  13299.                                                    }
  13300.  
  13301.                                                    50% {
  13302.                                                        stroke-dashoffset: 75;
  13303.                                                        transform: rotate(135deg)
  13304.                                                    }
  13305.  
  13306.                                                    to {
  13307.                                                        stroke-dashoffset: 280;
  13308.                                                        transform: rotate(450deg)
  13309.                                                    }
  13310.                                                }
  13311.  
  13312.                                                .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13313.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13314.                                                    opacity: 50%
  13315.                                                }
  13316.  
  13317.                                                .loading__spinner:not(.hidden)~cart-remove-button {
  13318.                                                    pointer-events: none;
  13319.                                                    cursor: default
  13320.                                                }
  13321.                                            </style>
  13322.  
  13323.                                            <div class="loading__spinner hidden">
  13324.                                                <svg aria-hidden="true" focusable="false" class="spinner"
  13325.                                                    viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13326.                                                    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33"
  13327.                                                        r="30"></circle>
  13328.                                                </svg>
  13329.                                            </div>
  13330.                                            <span>(<span class="quantity-cart">0</span> in cart)</span>
  13331.                                        </span>
  13332.                                    </label>
  13333.                                    <div class="price-per-item__container">
  13334.                                        <quantity-input class="quantity" data-url="https://illuzia.net/"
  13335.                                            data-section="template--17040648077525__main">
  13336.                                            <button class="quantity__button no-js-hidden" name="minus" type="button">
  13337.                                                <span class="visually-hidden">Decrease quantity for Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online</span>
  13338.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13339.                                                    focusable="false" class="icon icon-minus" fill="none"
  13340.                                                    viewBox="0 0 10 2">
  13341.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13342.                                                        d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
  13343.                                                        fill="currentColor">
  13344.                                                </svg>
  13345.  
  13346.                                            </button>
  13347.                                            <input class="quantity__input" type="number" name="quantity"
  13348.                                                id="Quantity-template--17040648077525__main" data-cart-quantity="0"
  13349.                                                data-min="1" min="1" step="1" value="1"
  13350.                                                form="product-form-template--17040648077525__main" />
  13351.                                            <button class="quantity__button no-js-hidden" name="plus" type="button">
  13352.                                                <span class="visually-hidden">Increase quantity for Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online</span>
  13353.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13354.                                                    focusable="false" class="icon icon-plus" fill="none"
  13355.                                                    viewBox="0 0 10 10">
  13356.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13357.                                                        d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
  13358.                                                        fill="currentColor">
  13359.                                                </svg>
  13360.  
  13361.                                            </button>
  13362.                                        </quantity-input>
  13363.                                    </div>
  13364.                                    <div class="quantity__rules caption no-js-hidden"
  13365.                                        id="Quantity-Rules-template--17040648077525__main">
  13366.                                    </div>
  13367.                                </div>
  13368.                                <div><product-form class="product-form" data-hide-errors="false"
  13369.                                        data-section-id="template--17040648077525__main">
  13370.                                        <div class="product-form__error-message-wrapper" role="alert" hidden>
  13371.                                            <svg aria-hidden="true" focusable="false" class="icon icon-error"
  13372.                                                viewBox="0 0 13 13">
  13373.                                                <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2" />
  13374.                                                <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B"
  13375.                                                    stroke-width="0.7" />
  13376.                                                <path
  13377.                                                    d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
  13378.                                                    fill="white" />
  13379.                                                <path
  13380.                                                    d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
  13381.                                                    fill="white" stroke="#EB001B" stroke-width="0.7">
  13382.                                            </svg>
  13383.                                            <span class="product-form__error-message"></span>
  13384.                                        </div>
  13385.                                        <form method="post" action="https://illuzia.net/"
  13386.                                            id="product-form-template--17040648077525__main" accept-charset="UTF-8"
  13387.                                            class="form" enctype="multipart/form-data" novalidate="novalidate"
  13388.                                            data-type="add-to-cart-form"><input type="hidden" name="form_type"
  13389.                                                value="product" /><input type="hidden" name="utf8" value="✓" /><input
  13390.                                                type="hidden" name="id" value="43114192093653"
  13391.                                                class="product-variant-id">
  13392.                                            <div class="product-form__buttons"><button
  13393.                                                    id="ProductSubmitButton-template--17040648077525__main"
  13394.                                                    type="submit" name="add"
  13395.                                                    class="product-form__submit button button--full-width button--secondary">
  13396.                                                    <span>Daftar Sekarang
  13397.                                                    </span>
  13398.  
  13399.                                                    <style>
  13400.                                                        .loading__spinner {
  13401.                                                            position: absolute;
  13402.                                                            z-index: 1;
  13403.                                                            width: 1.8rem
  13404.                                                        }
  13405.  
  13406.                                                        .loading__spinner {
  13407.                                                            width: 1.8rem;
  13408.                                                            display: inline-block
  13409.                                                        }
  13410.  
  13411.                                                        .spinner {
  13412.                                                            animation: rotator 1.4s linear infinite
  13413.                                                        }
  13414.  
  13415.                                                        @keyframes rotator {
  13416.                                                            0% {
  13417.                                                                transform: rotate(0)
  13418.                                                            }
  13419.  
  13420.                                                            to {
  13421.                                                                transform: rotate(270deg)
  13422.                                                            }
  13423.                                                        }
  13424.  
  13425.                                                        .path {
  13426.                                                            stroke-dasharray: 280;
  13427.                                                            stroke-dashoffset: 0;
  13428.                                                            transform-origin: center;
  13429.                                                            stroke: rgb(var(--color-foreground));
  13430.                                                            animation: dash 1.4s ease-in-out infinite
  13431.                                                        }
  13432.  
  13433.                                                        @media screen and (forced-colors: active) {
  13434.                                                            .path {
  13435.                                                                stroke: CanvasText
  13436.                                                            }
  13437.                                                        }
  13438.  
  13439.                                                        @keyframes dash {
  13440.                                                            0% {
  13441.                                                                stroke-dashoffset: 280
  13442.                                                            }
  13443.  
  13444.                                                            50% {
  13445.                                                                stroke-dashoffset: 75;
  13446.                                                                transform: rotate(135deg)
  13447.                                                            }
  13448.  
  13449.                                                            to {
  13450.                                                                stroke-dashoffset: 280;
  13451.                                                                transform: rotate(450deg)
  13452.                                                            }
  13453.                                                        }
  13454.  
  13455.                                                        .loading__spinner:not(.hidden)+.cart-item__price-wrapper,
  13456.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13457.                                                            opacity: 50%
  13458.                                                        }
  13459.  
  13460.                                                        .loading__spinner:not(.hidden)~cart-remove-button {
  13461.                                                            pointer-events: none;
  13462.                                                            cursor: default
  13463.                                                        }
  13464.                                                    </style>
  13465.                                                    <div class="loading__spinner hidden">
  13466.                                                        <svg aria-hidden="true" focusable="false" class="spinner"
  13467.                                                            viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  13468.                                                            <circle class="path" fill="none" stroke-width="6" cx="33"
  13469.                                                                cy="33" r="30"></circle>
  13470.                                                        </svg>
  13471.                                                    </div>
  13472.                                                </button>
  13473.                                                <div data-shopify="payment-button" data-has-selling-plan="false"
  13474.                                                    data-has-fixed-selling-plan="false" class="shopify-payment-button">
  13475.                                                    <button
  13476.                                                        class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden"
  13477.                                                        disabled="disabled" aria-hidden="true"> </button><button
  13478.                                                        class="shopify-payment-button__more-options shopify-payment-button__button--hidden"
  13479.                                                        disabled="disabled" aria-hidden="true"> </button>
  13480.                                                </div>
  13481.                                            </div><input type="hidden" name="product-id" value="8226828321669" />
  13482.                                        </form>
  13483.                                    </product-form>
  13484.                                    <style>
  13485.                                        pickup-availability {
  13486.                                            display: block
  13487.                                        }
  13488.  
  13489.                                        pickup-availability[available] {
  13490.                                            min-height: 8rem
  13491.                                        }
  13492.  
  13493.                                        .pickup-availability-preview {
  13494.                                            align-items: flex-start;
  13495.                                            display: flex;
  13496.                                            gap: .2rem;
  13497.                                            padding: 1rem 2rem 0 0
  13498.                                        }
  13499.  
  13500.                                        .pickup-availability-preview .icon {
  13501.                                            flex-shrink: 0;
  13502.                                            height: 1.8rem
  13503.                                        }
  13504.  
  13505.                                        .pickup-availability-preview .icon-unavailable {
  13506.                                            height: 1.6rem;
  13507.                                            margin-top: .1rem
  13508.                                        }
  13509.  
  13510.                                        .pickup-availability-button {
  13511.                                            background-color: transparent;
  13512.                                            color: rgba(var(--color-foreground), .75);
  13513.                                            letter-spacing: .06rem;
  13514.                                            padding: 0 0 .2rem;
  13515.                                            text-align: left;
  13516.                                            text-decoration: underline
  13517.                                        }
  13518.  
  13519.                                        .pickup-availability-button:hover {
  13520.                                            color: rgb(var(--color-foreground))
  13521.                                        }
  13522.  
  13523.                                        .pickup-availability-info * {
  13524.                                            margin: 0 0 .6rem
  13525.                                        }
  13526.  
  13527.                                        pickup-availability-drawer {
  13528.                                            background-color: rgb(var(--color-background));
  13529.                                            height: 100%;
  13530.                                            opacity: 0;
  13531.                                            overflow-y: auto;
  13532.                                            padding: 2rem;
  13533.                                            position: fixed;
  13534.                                            top: 0;
  13535.                                            right: 0;
  13536.                                            z-index: 4;
  13537.                                            transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
  13538.                                            transform: translate(100%);
  13539.                                            width: 100%;
  13540.                                            border-width: 0 0 0 var(--drawer-border-width);
  13541.                                            border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
  13542.                                            border-style: solid;
  13543.                                            filter: drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow), var(--drawer-shadow-opacity)))
  13544.                                        }
  13545.  
  13546.                                        pickup-availability-drawer[open] {
  13547.                                            transform: translate(0);
  13548.                                            opacity: 1
  13549.                                        }
  13550.  
  13551.                                        @media screen and (min-width: 750px) {
  13552.                                            pickup-availability-drawer {
  13553.                                                transform: translate(100%);
  13554.                                                width: 37.5rem
  13555.                                            }
  13556.  
  13557.                                            pickup-availability-drawer[open] {
  13558.                                                opacity: 1;
  13559.                                                transform: translate(0);
  13560.                                                animation: animateDrawerOpen var(--duration-default) ease
  13561.                                            }
  13562.                                        }
  13563.  
  13564.                                        .pickup-availability-header {
  13565.                                            align-items: flex-start;
  13566.                                            display: flex;
  13567.                                            justify-content: space-between;
  13568.                                            margin-bottom: 1.2rem
  13569.                                        }
  13570.  
  13571.                                        .pickup-availability-drawer-title {
  13572.                                            margin: .5rem 0 0
  13573.                                        }
  13574.  
  13575.                                        .pickup-availability-header .icon {
  13576.                                            width: 2rem
  13577.                                        }
  13578.  
  13579.                                        .pickup-availability-drawer-button {
  13580.                                            background-color: transparent;
  13581.                                            border: none;
  13582.                                            color: rgb(var(--color-foreground));
  13583.                                            cursor: pointer;
  13584.                                            display: block;
  13585.                                            height: 4.4rem;
  13586.                                            padding: 1.2rem;
  13587.                                            width: 4.4rem
  13588.                                        }
  13589.  
  13590.                                        .pickup-availability-drawer-button:hover {
  13591.                                            color: rgba(var(--color-foreground), .75)
  13592.                                        }
  13593.  
  13594.                                        .pickup-availability-variant {
  13595.                                            font-size: 1.3rem;
  13596.                                            line-height: calc(1 + .2 / var(--font-body-scale));
  13597.                                            margin: 0 0 1.2rem;
  13598.                                            text-transform: capitalize
  13599.                                        }
  13600.  
  13601.                                        .pickup-availability-variant>*+strong {
  13602.                                            margin-left: 1rem
  13603.                                        }
  13604.  
  13605.                                        .pickup-availability-list__item {
  13606.                                            border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  13607.                                            padding: 2rem 0
  13608.                                        }
  13609.  
  13610.                                        .pickup-availability-list__item:first-child {
  13611.                                            border-top: .1rem solid rgba(var(--color-foreground), .08)
  13612.                                        }
  13613.  
  13614.                                        .pickup-availability-list__item>* {
  13615.                                            margin: 0
  13616.                                        }
  13617.  
  13618.                                        .pickup-availability-list__item>*+* {
  13619.                                            margin-top: 1rem
  13620.                                        }
  13621.  
  13622.                                        .pickup-availability-address {
  13623.                                            font-style: normal;
  13624.                                            font-size: 1.2rem;
  13625.                                            line-height: calc(1 + .5 / var(--font-body-scale))
  13626.                                        }
  13627.  
  13628.                                        .pickup-availability-address p {
  13629.                                            margin: 0
  13630.                                        }
  13631.  
  13632.                                        @keyframes animateDrawerOpen {
  13633.                                            @media screen and (max-width: 749px) {
  13634.                                                0% {
  13635.                                                    opacity: 0;
  13636.                                                    transform: translateX(100%);
  13637.                                                }
  13638.  
  13639.                                                100% {
  13640.                                                    opacity: 1;
  13641.                                                    transform: translateX(0);
  13642.                                                }
  13643.                                            }
  13644.  
  13645.                                            @media screen and (min-width: 750px) {
  13646.                                                0% {
  13647.                                                    opacity: 0;
  13648.                                                    transform: translateX(100%);
  13649.                                                }
  13650.  
  13651.                                                100% {
  13652.                                                    opacity: 1;
  13653.                                                    transform: translateX(0);
  13654.                                                }
  13655.                                            }
  13656.                                        }
  13657.                                    </style>
  13658.                                    <pickup-availability
  13659.                                        class="product__pickup-availabilities no-js-hidden quick-add-hidden"
  13660.                                        data-root-url="https://illuzia.net/" data-variant-id="43114192093653"
  13661.                                        data-has-only-default-variant="true"
  13662.                                        data-product-page-color-scheme="gradient color-background-1">
  13663.                                        <template>
  13664.                                            <pickup-availability-preview class="pickup-availability-preview">
  13665.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true"
  13666.                                                    focusable="false" class="icon icon-unavailable" fill="none"
  13667.                                                    viewBox="0 0 20 20">
  13668.                                                    <path fill="#DE3618" stroke="#fff"
  13669.                                                        d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z" />
  13670.                                                </svg>
  13671.  
  13672.                                                <div class="pickup-availability-info">
  13673.                                                    <p class="caption-large">Couldn&#39;t load pickup availability</p>
  13674.                                                    <button
  13675.                                                        class="pickup-availability-button link link--text underlined-link">
  13676.                                                        Refresh
  13677.                                                    </button>
  13678.                                                </div>
  13679.                                            </pickup-availability-preview>
  13680.                                        </template>
  13681.                                    </pickup-availability>
  13682.  
  13683.                                    <script>
  13684.                                        /** Shopify CDN: Minification failed
  13685.                                
  13686.                                Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13687.                                Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13688.                                Line 30:23 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13689.                                Line 31:8 Transforming let to the configured target environment ("es5") is not supported yet
  13690.                                Line 35:8 Transforming const to the configured target environment ("es5") is not supported yet
  13691.                                Line 40:12 Transforming const to the configured target environment ("es5") is not supported yet
  13692.                                Line 46:12 Transforming const to the configured target environment ("es5") is not supported yet
  13693.                                Line 52:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13694.                                Line 56:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13695.                                Line 63:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13696.                                ... and 9 more hidden warnings
  13697.                                
  13698.                                **/
  13699.                                        if (!customElements.get('pickup-availability')) {
  13700.                                            customElements.define(
  13701.                                                'pickup-availability',
  13702.                                                class PickupAvailability extends HTMLElement {
  13703.                                                    constructor() {
  13704.                                                        super();
  13705.  
  13706.                                                        if (!this.hasAttribute('available')) return;
  13707.  
  13708.                                                        this.errorHtml = this.querySelector('template').content.firstElementChild.cloneNode(true);
  13709.                                                        this.onClickRefreshList = this.onClickRefreshList.bind(this);
  13710.                                                        this.fetchAvailability(this.dataset.variantId);
  13711.                                                    }
  13712.  
  13713.                                                    fetchAvailability(variantId) {
  13714.                                                        let rootUrl = this.dataset.rootUrl;
  13715.                                                        if (!rootUrl.endsWith('/')) {
  13716.                                                            rootUrl = rootUrl + '/';
  13717.                                                        }
  13718.                                                        const variantSectionUrl = `${rootUrl}variants/${variantId}/?section_id=pickup-availability`;
  13719.  
  13720.                                                        fetch(variantSectionUrl)
  13721.                                                            .then((response) => response.text())
  13722.                                                            .then((text) => {
  13723.                                                                const sectionInnerHTML = new DOMParser()
  13724.                                                                    .parseFromString(text, 'text/html')
  13725.                                                                    .querySelector('.shopify-section');
  13726.                                                                this.renderPreview(sectionInnerHTML);
  13727.                                                            })
  13728.                                                            .catch((e) => {
  13729.                                                                const button = this.querySelector('button');
  13730.                                                                if (button) button.removeEventListener('click', this.onClickRefreshList);
  13731.                                                                this.renderError();
  13732.                                                            });
  13733.                                                    }
  13734.  
  13735.                                                    onClickRefreshList(evt) {
  13736.                                                        this.fetchAvailability(this.dataset.variantId);
  13737.                                                    }
  13738.  
  13739.                                                    renderError() {
  13740.                                                        this.innerHTML = '';
  13741.                                                        this.appendChild(this.errorHtml);
  13742.  
  13743.                                                        this.querySelector('button').addEventListener('click', this.onClickRefreshList);
  13744.                                                    }
  13745.  
  13746.                                                    renderPreview(sectionInnerHTML) {
  13747.                                                        const drawer = document.querySelector('pickup-availability-drawer');
  13748.                                                        if (drawer) drawer.remove();
  13749.                                                        if (!sectionInnerHTML.querySelector('pickup-availability-preview')) {
  13750.                                                            this.innerHTML = '';
  13751.                                                            this.removeAttribute('available');
  13752.                                                            return;
  13753.                                                        }
  13754.  
  13755.                                                        this.innerHTML = sectionInnerHTML.querySelector('pickup-availability-preview').outerHTML;
  13756.                                                        this.setAttribute('available', '');
  13757.  
  13758.                                                        document.body.appendChild(sectionInnerHTML.querySelector('pickup-availability-drawer'));
  13759.                                                        const colorClassesToApply = this.dataset.productPageColorScheme.split(' ');
  13760.                                                        colorClassesToApply.forEach((colorClass) => {
  13761.                                                            document.querySelector('pickup-availability-drawer').classList.add(colorClass);
  13762.                                                        });
  13763.  
  13764.                                                        const button = this.querySelector('button');
  13765.                                                        if (button)
  13766.                                                            button.addEventListener('click', (evt) => {
  13767.                                                                document.querySelector('pickup-availability-drawer').show(evt.target);
  13768.                                                            });
  13769.                                                    }
  13770.                                                }
  13771.                                            );
  13772.                                        }
  13773.  
  13774.                                        if (!customElements.get('pickup-availability-drawer')) {
  13775.                                            customElements.define(
  13776.                                                'pickup-availability-drawer',
  13777.                                                class PickupAvailabilityDrawer extends HTMLElement {
  13778.                                                    constructor() {
  13779.                                                        super();
  13780.  
  13781.                                                        this.onBodyClick = this.handleBodyClick.bind(this);
  13782.  
  13783.                                                        this.querySelector('button').addEventListener('click', () => {
  13784.                                                            this.hide();
  13785.                                                        });
  13786.  
  13787.                                                        this.addEventListener('keyup', (event) => {
  13788.                                                            if (event.code.toUpperCase() === 'ESCAPE') this.hide();
  13789.                                                        });
  13790.                                                    }
  13791.  
  13792.                                                    handleBodyClick(evt) {
  13793.                                                        const target = evt.target;
  13794.                                                        if (
  13795.                                                            target != this &&
  13796.                                                            !target.closest('pickup-availability-drawer') &&
  13797.                                                            target.id != 'ShowPickupAvailabilityDrawer'
  13798.                                                        ) {
  13799.                                                            this.hide();
  13800.                                                        }
  13801.                                                    }
  13802.  
  13803.                                                    hide() {
  13804.                                                        this.removeAttribute('open');
  13805.                                                        document.body.removeEventListener('click', this.onBodyClick);
  13806.                                                        document.body.classList.remove('overflow-hidden');
  13807.                                                        removeTrapFocus(this.focusElement);
  13808.                                                    }
  13809.  
  13810.                                                    show(focusElement) {
  13811.                                                        this.focusElement = focusElement;
  13812.                                                        this.setAttribute('open', '');
  13813.                                                        document.body.addEventListener('click', this.onBodyClick);
  13814.                                                        document.body.classList.add('overflow-hidden');
  13815.                                                        trapFocus(this);
  13816.                                                    }
  13817.                                                }
  13818.                                            );
  13819.                                        }
  13820.                                    </script>
  13821.                                </div>
  13822.                                <style>
  13823.                                    .product__description p {
  13824.                                        text-align: justify;
  13825.                                    }
  13826.  
  13827.                                    .product__description h2 {
  13828.                                        text-align: center;
  13829.                                    }
  13830.  
  13831.                                    .product__description a {
  13832.                                        font-weight: bold;
  13833.                                        text-decoration: none;
  13834.                                        color: #6d0000;
  13835.                                    }
  13836.  
  13837.                                    .site-list li {
  13838.                                        font-weight: bold;
  13839.                                    }
  13840.  
  13841.                                    .centre li {
  13842.                                        font-weight: normal;
  13843.                                        margin-left: -1em;
  13844.                                        text-align: justify;
  13845.                                        list-style-type: decimal;
  13846.                                    }
  13847.                                </style>
  13848.                                <div class="product__description rte quick-add-hidden">
  13849.                                <p><a href="https://illuzia.net/" title="Koitoto Togel"><strong>Koitoto Togel</strong></a> merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya. Dengan berbagai pilihan pasaran togel internasional, Koitoto memberikan kemudahan dalam memasang taruhan secara aman dan cepat. Keunggulan situs ini terletak pada fitur lengkap, mulai dari prediksi akurat hingga bonus menarik yang memanjakan pemain. Koitoto juga dikenal dengan pelayanan pelanggan responsif dan sistem keamanan canggih yang melindungi data pengguna. Nikmati keseruan bermain togel online di Koitoto, pilihan utama bagi pecinta togel yang mengutamakan kenyamanan dan kepercayaan.</p>
  13850.                                </div>
  13851.  
  13852.                                <script>
  13853.                                    /** Shopify CDN: Minification failed
  13854.                                
  13855.                                Line 13:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  13856.                                Line 14:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13857.                                Line 41:19 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13858.                                Line 50:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13859.                                Line 59:15 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  13860.                                
  13861.                                **/
  13862.                                    if (!customElements.get('share-button')) {
  13863.                                        customElements.define(
  13864.                                            'share-button',
  13865.                                            class ShareButton extends DetailsDisclosure {
  13866.                                                constructor() {
  13867.                                                    super();
  13868.  
  13869.                                                    this.elements = {
  13870.                                                        shareButton: this.querySelector('button'),
  13871.                                                        shareSummary: this.querySelector('summary'),
  13872.                                                        closeButton: this.querySelector('.share-button__close'),
  13873.                                                        successMessage: this.querySelector('[id^="ShareMessage"]'),
  13874.                                                        urlInput: this.querySelector('input'),
  13875.                                                    };
  13876.                                                    this.urlToShare = this.elements.urlInput ? this.elements.urlInput.value : document.location.href;
  13877.  
  13878.                                                    if (navigator.share) {
  13879.                                                        this.mainDetailsToggle.setAttribute('hidden', '');
  13880.                                                        this.elements.shareButton.classList.remove('hidden');
  13881.                                                        this.elements.shareButton.addEventListener('click', () => {
  13882.                                                            navigator.share({ url: this.urlToShare, title: document.title });
  13883.                                                        });
  13884.                                                    } else {
  13885.                                                        this.mainDetailsToggle.addEventListener('toggle', this.toggleDetails.bind(this));
  13886.                                                        this.mainDetailsToggle
  13887.                                                            .querySelector('.share-button__copy')
  13888.                                                            .addEventListener('click', this.copyToClipboard.bind(this));
  13889.                                                        this.mainDetailsToggle.querySelector('.share-button__close').addEventListener('click', this.close.bind(this));
  13890.                                                    }
  13891.                                                }
  13892.  
  13893.                                                toggleDetails() {
  13894.                                                    if (!this.mainDetailsToggle.open) {
  13895.                                                        this.elements.successMessage.classList.add('hidden');
  13896.                                                        this.elements.successMessage.textContent = '';
  13897.                                                        this.elements.closeButton.classList.add('hidden');
  13898.                                                        this.elements.shareSummary.focus();
  13899.                                                    }
  13900.                                                }
  13901.  
  13902.                                                copyToClipboard() {
  13903.                                                    navigator.clipboard.writeText(this.elements.urlInput.value).then(() => {
  13904.                                                        this.elements.successMessage.classList.remove('hidden');
  13905.                                                        this.elements.successMessage.textContent = window.accessibilityStrings.shareSuccess;
  13906.                                                        this.elements.closeButton.classList.remove('hidden');
  13907.                                                        this.elements.closeButton.focus();
  13908.                                                    });
  13909.                                                }
  13910.  
  13911.                                                updateUrl(url) {
  13912.                                                    this.urlToShare = url;
  13913.                                                    this.elements.urlInput.value = url;
  13914.                                                }
  13915.                                            }
  13916.                                        );
  13917.                                    }
  13918.                                </script>
  13919.  
  13920.                                <share-button id="Share-template--17040648077525__main"
  13921.                                    class="share-button quick-add-hidden">
  13922.                                    <button class="share-button__button hidden">
  13923.                                        <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  13924.                                            fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13925.                                            focusable="false">
  13926.                                            <path
  13927.                                                d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125"
  13928.                                                stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
  13929.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13930.                                                d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z"
  13931.                                                fill="currentColor" />
  13932.                                            <path fill-rule="evenodd" clip-rule="evenodd"
  13933.                                                d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z"
  13934.                                                fill="currentColor" />
  13935.                                        </svg>
  13936.  
  13937.                                        Share
  13938.                                    </button>
  13939.                                    <details id="Details-share-template--17040648077525__main">
  13940.                                        <summary class="share-button__button">
  13941.                                            <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share"
  13942.                                                fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13943.                                                focusable="false">
  13944.                                                <path
  13945.                                                    d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125"
  13946.                                                    stroke="currentColor" stroke-linecap="round"
  13947.                                                    stroke-linejoin="round" />
  13948.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13949.                                                    d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z"
  13950.                                                    fill="currentColor" />
  13951.                                                <path fill-rule="evenodd" clip-rule="evenodd"
  13952.                                                    d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z"
  13953.                                                    fill="currentColor" />
  13954.                                            </svg>
  13955.  
  13956.                                            Share
  13957.                                        </summary>
  13958.                                        <div class="share-button__fallback motion-reduce">
  13959.                                            <div class="field">
  13960.                                                <span id="ShareMessage-template--17040648077525__main"
  13961.                                                    class="share-button__message hidden" role="status"> </span>
  13962.                                                <input type="text" class="field__input"
  13963.                                                    id="ShareUrl-template--17040648077525__main"
  13964.                                                    value="https://illuzia.net/" placeholder="Link"
  13965.                                                    onclick="this.select();" readonly>
  13966.                                                <label class="field__label"
  13967.                                                    for="ShareUrl-template--17040648077525__main">Link</label>
  13968.                                            </div>
  13969.                                            <button class="share-button__close hidden no-js-hidden">
  13970.                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13971.                                                    focusable="false" class="icon icon-close" fill="none"
  13972.                                                    viewBox="0 0 18 17">
  13973.                                                    <path
  13974.                                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  13975.                                                        fill="currentColor">
  13976.                                                </svg>
  13977.  
  13978.                                                <span class="visually-hidden">Close share</span>
  13979.                                            </button>
  13980.                                            <button class="share-button__copy no-js-hidden">
  13981.                                                <svg class="icon icon-clipboard" width="11" height="13" fill="none"
  13982.                                                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
  13983.                                                    focusable="false" viewBox="0 0 11 13">
  13984.                                                    <path fill-rule="evenodd" clip-rule="evenodd"
  13985.                                                        d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z"
  13986.                                                        fill="currentColor" />
  13987.                                                </svg>
  13988.  
  13989.                                                <span class="visually-hidden">Copy link</span>
  13990.                                            </button>
  13991.                                        </div>
  13992.                                    </details>
  13993.                                </share-button>
  13994.  
  13995.                                <a href="https://illuzia.net/" class="link product__view-details animate-arrow">
  13996.                                    View full details
  13997.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  13998.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  13999.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  14000.                                            d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z"
  14001.                                            fill="currentColor">
  14002.                                    </svg>
  14003.  
  14004.                                </a>
  14005.                            </product-info>
  14006.                        </div>
  14007.                    </div>
  14008.  
  14009.  
  14010.  
  14011.                    <product-modal id="ProductModal-template--17040648077525__main"
  14012.                        class="product-media-modal media-modal">
  14013.                        <div class="product-media-modal__dialog color-background-1 gradient" role="dialog"
  14014.                            aria-label="Media gallery" aria-modal="true" tabindex="-1">
  14015.                            <button id="ModalClose-template--17040648077525__main" type="button"
  14016.                                class="product-media-modal__toggle" aria-label="Close">
  14017.                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"
  14018.                                    class="icon icon-close" fill="none" viewBox="0 0 18 17">
  14019.                                    <path
  14020.                                        d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z"
  14021.                                        fill="currentColor">
  14022.                                </svg>
  14023.  
  14024.                            </button>
  14025.  
  14026.                            <div class="product-media-modal__content color-background-1 gradient" role="document"
  14027.                                aria-label="Media gallery" tabindex="0">
  14028.                                <img class="global-media-settings global-media-settings--no-shadow"
  14029.                                    srcset="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"
  14030.                                    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
  14031.                                    src="https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"
  14032.                                    alt="situs togel online" loading="lazy" width="1100" height="1100"
  14033.                                    data-media-id="33478743672119">
  14034.                            </div>
  14035.                        </div>
  14036.                    </product-modal>
  14037.  
  14038.  
  14039.  
  14040.                    <script>/** Shopify CDN: Minification failed
  14041.  
  14042. Line 17:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14043. Line 18:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14044. Line 22:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14045. Line 26:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14046. Line 31:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14047. Line 37:8 Transforming const to the configured target environment ("es5") is not supported yet
  14048. Line 38:8 Transforming const to the configured target environment ("es5") is not supported yet
  14049. Line 39:8 Transforming const to the configured target environment ("es5") is not supported yet
  14050. Line 43:8 Transforming const to the configured target environment ("es5") is not supported yet
  14052. **/
  14053.                        if (!customElements.get('product-modal')) {
  14054.                            customElements.define(
  14055.                                'product-modal',
  14056.                                class ProductModal extends ModalDialog {
  14057.                                    constructor() {
  14058.                                        super();
  14059.                                    }
  14060.  
  14061.                                    hide() {
  14062.                                        super.hide();
  14063.                                    }
  14064.  
  14065.                                    show(opener) {
  14066.                                        super.show(opener);
  14067.                                        this.showActiveMedia();
  14068.                                    }
  14069.  
  14070.                                    showActiveMedia() {
  14071.                                        this.querySelectorAll(
  14072.                                            `[data-media-id]:not([data-media-id="${this.openedBy.getAttribute('data-media-id')}"])`
  14073.                                        ).forEach((element) => {
  14074.                                            element.classList.remove('active');
  14075.                                        });
  14076.                                        const activeMedia = this.querySelector(`[data-media-id="${this.openedBy.getAttribute('data-media-id')}"]`);
  14077.                                        const activeMediaTemplate = activeMedia.querySelector('template');
  14078.                                        const activeMediaContent = activeMediaTemplate ? activeMediaTemplate.content : null;
  14079.                                        activeMedia.classList.add('active');
  14080.                                        activeMedia.scrollIntoView();
  14081.  
  14082.                                        const container = this.querySelector('[role="document"]');
  14083.                                        container.scrollLeft = (activeMedia.width - container.clientWidth) / 2;
  14084.  
  14085.                                        if (
  14086.                                            activeMedia.nodeName == 'DEFERRED-MEDIA' &&
  14087.                                            activeMediaContent &&
  14088.                                            activeMediaContent.querySelector('.js-youtube')
  14089.                                        )
  14090.                                            activeMedia.loadContent();
  14091.                                    }
  14092.                                }
  14093.                            );
  14094.                        }</script>
  14095.                    <script>/** Shopify CDN: Minification failed
  14096.  
  14097. Line 19:4 Transforming class syntax to the configured target environment ("es5") is not supported yet
  14098. Line 20:17 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14099. Line 39:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14100. Line 40:8 Transforming const to the configured target environment ("es5") is not supported yet
  14101. Line 46:20 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14102. Line 47:8 Transforming const to the configured target environment ("es5") is not supported yet
  14103. Line 56:12 Transforming const to the configured target environment ("es5") is not supported yet
  14104. Line 74:8 Transforming const to the configured target environment ("es5") is not supported yet
  14105. Line 79:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14106. Line 91:24 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  14107. ... and 5 more hidden warnings
  14108.  
  14109. **/
  14110.                        if (!customElements.get('media-gallery')) {
  14111.                            customElements.define(
  14112.                                'media-gallery',
  14113.                                class MediaGallery extends HTMLElement {
  14114.                                    constructor() {
  14115.                                        super();
  14116.                                        this.elements = {
  14117.                                            liveRegion: this.querySelector('[id^="GalleryStatus"]'),
  14118.                                            viewer: this.querySelector('[id^="GalleryViewer"]'),
  14119.                                            thumbnails: this.querySelector('[id^="GalleryThumbnails"]'),
  14120.                                        };
  14121.                                        this.mql = window.matchMedia('(min-width: 750px)');
  14122.                                        if (!this.elements.thumbnails) return;
  14123.  
  14124.                                        this.elements.viewer.addEventListener('slideChanged', debounce(this.onSlideChanged.bind(this), 500));
  14125.                                        this.elements.thumbnails.querySelectorAll('[data-target]').forEach((mediaToSwitch) => {
  14126.                                            mediaToSwitch
  14127.                                                .querySelector('button')
  14128.                                                .addEventListener('click', this.setActiveMedia.bind(this, mediaToSwitch.dataset.target, false));
  14129.                                        });
  14130.                                        if (this.dataset.desktopLayout.includes('thumbnail') && this.mql.matches) this.removeListSemantic();
  14131.                                    }
  14132.  
  14133.                                    onSlideChanged(event) {
  14134.                                        const thumbnail = this.elements.thumbnails.querySelector(
  14135.                                            `[data-target="${event.detail.currentElement.dataset.mediaId}"]`
  14136.                                        );
  14137.                                        this.setActiveThumbnail(thumbnail);
  14138.                                    }
  14139.  
  14140.                                    setActiveMedia(mediaId, prepend) {
  14141.                                        const activeMedia = this.elements.viewer.querySelector(`[data-media-id="${mediaId}"]`);
  14142.                                        this.elements.viewer.querySelectorAll('[data-media-id]').forEach((element) => {
  14143.                                            element.classList.remove('is-active');
  14144.                                        });
  14145.                                        activeMedia.classList.add('is-active');
  14146.  
  14147.                                        if (prepend) {
  14148.                                            activeMedia.parentElement.prepend(activeMedia);
  14149.                                            if (this.elements.thumbnails) {
  14150.                                                const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14151.                                                activeThumbnail.parentElement.prepend(activeThumbnail);
  14152.                                            }
  14153.                                            if (this.elements.viewer.slider) this.elements.viewer.resetPages();
  14154.                                        }
  14155.  
  14156.                                        this.preventStickyHeader();
  14157.                                        window.setTimeout(() => {
  14158.                                            if (this.elements.thumbnails) {
  14159.                                                activeMedia.parentElement.scrollTo({ left: activeMedia.offsetLeft });
  14160.                                            }
  14161.                                            if (!this.elements.thumbnails || this.dataset.desktopLayout === 'stacked') {
  14162.                                                activeMedia.scrollIntoView({ behavior: 'smooth' });
  14163.                                            }
  14164.                                        });
  14165.                                        this.playActiveMedia(activeMedia);
  14166.  
  14167.                                        if (!this.elements.thumbnails) return;
  14168.                                        const activeThumbnail = this.elements.thumbnails.querySelector(`[data-target="${mediaId}"]`);
  14169.                                        this.setActiveThumbnail(activeThumbnail);
  14170.                                        this.announceLiveRegion(activeMedia, activeThumbnail.dataset.mediaPosition);
  14171.                                    }
  14172.  
  14173.                                    setActiveThumbnail(thumbnail) {
  14174.                                        if (!this.elements.thumbnails || !thumbnail) return;
  14175.  
  14176.                                        this.elements.thumbnails
  14177.                                            .querySelectorAll('button')
  14178.                                            .forEach((element) => element.removeAttribute('aria-current'));
  14179.                                        thumbnail.querySelector('button').setAttribute('aria-current', true);
  14180.                                        if (this.elements.thumbnails.isSlideVisible(thumbnail, 10)) return;
  14181.  
  14182.                                        this.elements.thumbnails.slider.scrollTo({ left: thumbnail.offsetLeft });
  14183.                                    }
  14184.  
  14185.                                    announceLiveRegion(activeItem, position) {
  14186.                                        const image = activeItem.querySelector('.product__modal-opener--image img');
  14187.                                        if (!image) return;
  14188.                                        image.onload = () => {
  14189.                                            this.elements.liveRegion.setAttribute('aria-hidden', false);
  14190.                                            this.elements.liveRegion.innerHTML = window.accessibilityStrings.imageAvailable.replace('[index]', position);
  14191.                                            setTimeout(() => {
  14192.                                                this.elements.liveRegion.setAttribute('aria-hidden', true);
  14193.                                            }, 2000);
  14194.                                        };
  14195.                                        image.src = image.src;
  14196.                                    }
  14197.  
  14198.                                    playActiveMedia(activeItem) {
  14199.                                        window.pauseAllMedia();
  14200.                                        const deferredMedia = activeItem.querySelector('.deferred-media');
  14201.                                        if (deferredMedia) deferredMedia.loadContent(false);
  14202.                                    }
  14203.  
  14204.                                    preventStickyHeader() {
  14205.                                        this.stickyHeader = this.stickyHeader || document.querySelector('sticky-header');
  14206.                                        if (!this.stickyHeader) return;
  14207.                                        this.stickyHeader.dispatchEvent(new Event('preventHeaderReveal'));
  14208.                                    }
  14209.  
  14210.                                    removeListSemantic() {
  14211.                                        if (!this.elements.viewer.slider) return;
  14212.                                        this.elements.viewer.slider.setAttribute('role', 'presentation');
  14213.                                        this.elements.viewer.sliderItems.forEach((slide) => slide.setAttribute('role', 'presentation'));
  14214.                                    }
  14215.                                }
  14216.                            );
  14217.                        }
  14218.                    </script>
  14219.                    <script>
  14220.                        document.addEventListener('DOMContentLoaded', function () {
  14221.                            function isIE() {
  14222.                                const ua = window.navigator.userAgent;
  14223.                                const msie = ua.indexOf('MSIE ');
  14224.                                const trident = ua.indexOf('Trident/https://illuzia.net/');
  14225.  
  14226.                                return msie > 0 || trident > 0;
  14227.                            }
  14228.  
  14229.                            if (!isIE()) return;
  14230.                            const hiddenInput = document.querySelector('#product-form-template--17040648077525__main input[name="id"]');
  14231.                            const noScriptInputWrapper = document.createElement('div');
  14232.                            const variantSwitcher =
  14233.                                document.querySelector('variant-radios[data-section="template--17040648077525__main"]') ||
  14234.                                document.querySelector('variant-selects[data-section="template--17040648077525__main"]');
  14235.                            noScriptInputWrapper.innerHTML = document.querySelector(
  14236.                                '.product-form__noscript-wrapper-template--17040648077525__main'
  14237.                            ).textContent;
  14238.                            variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML;
  14239.  
  14240.                            document.querySelector('#Variants-template--17040648077525__main').addEventListener('change', function (event) {
  14241.                                hiddenInput.value = event.currentTarget.value;
  14242.                            });
  14243.                        });
  14244.                    </script>
  14245.                    <script type="application/ld+json">
  14246.  {
  14247.    "@context": "http://schema.org/",
  14248.    "@type": "Product",
  14249.    "name": "Koitoto Togel: Situs Togel Paling Favorit di Mata Pecinta Togel Online",
  14250.    "url": "https://illuzia.net/",
  14251.    "image": ["https://imgstore.io/images/2024/11/04/lprendisitustogelonline5.jpeg"],
  14252.    "description": "Koitoto Togel merupakan situs togel paling favorit di mata pecinta togel online karena menawarkan pengalaman bermain terbaik dan terpercaya.",
  14253.    "brand": {
  14254.      "@type": "Brand",
  14255.      "name": "KOITOTO"
  14256.    },
  14257.    "offers": [{
  14258.      "@type": "Offer",
  14259.      "availability": "http://schema.org/InStock",
  14260.      "price": 10000.0,
  14261.      "priceCurrency": "IDR",
  14262.      "url": "https://illuzia.net/"
  14263.    }]
  14264.  }
  14265. </script>
  14266.                </div>
  14267.            </section>
  14268.  
  14269.  
  14270.        </section>
  14271.        <section id="shopify-section-template--17040648077525__related-products" class="shopify-section section">
  14272.  
  14273.            <style>
  14274.                .card-wrapper {
  14275.                    color: inherit;
  14276.                    height: 100%;
  14277.                    position: relative;
  14278.                    text-decoration: none
  14279.                }
  14280.  
  14281.                .card {
  14282.                    text-decoration: none;
  14283.                    text-align: var(--text-alignment)
  14284.                }
  14285.  
  14286.                .card:not(.ratio) {
  14287.                    display: flex;
  14288.                    flex-direction: column;
  14289.                    height: 100%
  14290.                }
  14291.  
  14292.                .card.card--horizontal {
  14293.                    --text-alignment: left;
  14294.                    --image-padding: 0rem;
  14295.                    flex-direction: row;
  14296.                    align-items: flex-start;
  14297.                    gap: 1.5rem
  14298.                }
  14299.  
  14300.                .card--horizontal.ratio:before {
  14301.                    padding-bottom: 0
  14302.                }
  14303.  
  14304.                .card--card.card--horizontal {
  14305.                    padding: 1.2rem
  14306.                }
  14307.  
  14308.                .card--card.card--horizontal.card--text {
  14309.                    column-gap: 0
  14310.                }
  14311.  
  14312.                .card--card {
  14313.                    height: 100%
  14314.                }
  14315.  
  14316.                .card--card,
  14317.                .card--standard .card__inner {
  14318.                    position: relative;
  14319.                    box-sizing: border-box;
  14320.                    border-radius: var(--border-radius);
  14321.                    border: var(--border-width) solid rgba(var(--color-foreground), var(--border-opacity))
  14322.                }
  14323.  
  14324.                .card--card:after,
  14325.                .card--standard .card__inner:after {
  14326.                    content: "";
  14327.                    position: absolute;
  14328.                    z-index: -1;
  14329.                    width: calc(var(--border-width) * 2 + 100%);
  14330.                    height: calc(var(--border-width) * 2 + 100%);
  14331.                    top: calc(var(--border-width) * -1);
  14332.                    left: calc(var(--border-width) * -1);
  14333.                    border-radius: var(--border-radius);
  14334.                    box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  14335.                }
  14336.  
  14337.                .card--card.gradient,
  14338.                .card__inner.gradient {
  14339.                    transform: perspective(0)
  14340.                }
  14341.  
  14342.                .card__inner.color-background-1 {
  14343.                    background: transparent
  14344.                }
  14345.  
  14346.                .card .card__inner .card__media {
  14347.                    overflow: hidden;
  14348.                    z-index: 0;
  14349.                    border-radius: calc(var(--border-radius) - var(--border-width) - var(--image-padding))
  14350.                }
  14351.  
  14352.                .card--card .card__inner .card__media {
  14353.                    border-bottom-right-radius: 0;
  14354.                    border-bottom-left-radius: 0
  14355.                }
  14356.  
  14357.                .card--standard.card--text {
  14358.                    background-color: transparent
  14359.                }
  14360.  
  14361.                .card-information {
  14362.                    text-align: var(--text-alignment)
  14363.                }
  14364.  
  14365.                .card__media,
  14366.                .card .media {
  14367.                    bottom: 0;
  14368.                    position: absolute;
  14369.                    top: 0
  14370.                }
  14371.  
  14372.                .card .media {
  14373.                    width: 100%
  14374.                }
  14375.  
  14376.                .card__media {
  14377.                    margin: var(--image-padding);
  14378.                    width: calc(100% - 2 * var(--image-padding))
  14379.                }
  14380.  
  14381.                .card--standard .card__media {
  14382.                    margin: var(--image-padding)
  14383.                }
  14384.  
  14385.                .card__inner {
  14386.                    width: 100%
  14387.                }
  14388.  
  14389.                .card--media .card__inner .card__content {
  14390.                    position: relative;
  14391.                    padding: calc(var(--image-padding) + 1rem)
  14392.                }
  14393.  
  14394.                .card__content {
  14395.                    display: grid;
  14396.                    grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  14397.                    padding: 1rem;
  14398.                    width: 100%;
  14399.                    flex-grow: 1
  14400.                }
  14401.  
  14402.                .card__content--auto-margins {
  14403.                    grid-template-rows: minmax(0, auto) max-content minmax(0, auto)
  14404.                }
  14405.  
  14406.                .card__information {
  14407.                    grid-row-start: 2;
  14408.                    padding: 1.3rem 1rem
  14409.                }
  14410.  
  14411.                .card:not(.ratio)>.card__content {
  14412.                    grid-template-rows: max-content minmax(0, 1fr) max-content auto
  14413.                }
  14414.  
  14415.                .card-information .card__information-volume-pricing-note {
  14416.                    margin-top: .6rem;
  14417.                    line-height: calc(.5 + .4 / var(--font-body-scale));
  14418.                    color: rgba(var(--color-foreground), .75)
  14419.                }
  14420.  
  14421.                @media screen and (min-width: 750px) {
  14422.                    .card__information {
  14423.                        padding-bottom: 1.7rem;
  14424.                        padding-top: 1.7rem
  14425.                    }
  14426.                }
  14427.  
  14428.                .card__badge {
  14429.                    align-self: flex-end;
  14430.                    grid-row-start: 3;
  14431.                    justify-self: flex-start
  14432.                }
  14433.  
  14434.                .card__badge.top {
  14435.                    align-self: flex-start;
  14436.                    grid-row-start: 1
  14437.                }
  14438.  
  14439.                .card__badge.right {
  14440.                    justify-self: flex-end
  14441.                }
  14442.  
  14443.                .card:not(.card--horizontal)>.card__content>.card__badge {
  14444.                    margin: 1.3rem
  14445.                }
  14446.  
  14447.                .card__media .media img {
  14448.                    height: 100%;
  14449.                    object-fit: cover;
  14450.                    object-position: center center;
  14451.                    width: 100%
  14452.                }
  14453.  
  14454.                .card__inner:not(.ratio)>.card__content {
  14455.                    height: 100%
  14456.                }
  14457.  
  14458.                .card__heading {
  14459.                    margin-top: 0;
  14460.                    margin-bottom: 0
  14461.                }
  14462.  
  14463.                .card__heading:last-child {
  14464.                    margin-bottom: 0
  14465.                }
  14466.  
  14467.                .card--horizontal .card__heading,
  14468.                .card--horizontal .price__container .price-item,
  14469.                .card--horizontal__quick-add {
  14470.                    font-size: calc(var(--font-heading-scale) * 1.2rem)
  14471.                }
  14472.  
  14473.                .card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14474.                    margin-top: 0
  14475.                }
  14476.  
  14477.                .card--horizontal__quick-add:before {
  14478.                    box-shadow: none
  14479.                }
  14480.  
  14481.                @media only screen and (min-width: 750px) {
  14482.  
  14483.                    .card--horizontal .card__heading,
  14484.                    .card--horizontal .price__container .price-item,
  14485.                    .card--horizontal__quick-add {
  14486.                        font-size: calc(var(--font-heading-scale) * 1.3rem)
  14487.                    }
  14488.                }
  14489.  
  14490.                .card--card.card--media>.card__content {
  14491.                    margin-top: calc(0rem - var(--image-padding))
  14492.                }
  14493.  
  14494.                .card--standard.card--text a:after,
  14495.                .card--card .card__heading a:after {
  14496.                    bottom: calc(var(--border-width) * -1);
  14497.                    left: calc(var(--border-width) * -1);
  14498.                    right: calc(var(--border-width) * -1);
  14499.                    top: calc(var(--border-width) * -1)
  14500.                }
  14501.  
  14502.                .card__heading a:after {
  14503.                    bottom: 0;
  14504.                    content: "";
  14505.                    left: 0;
  14506.                    position: absolute;
  14507.                    right: 0;
  14508.                    top: 0;
  14509.                    z-index: 1
  14510.                }
  14511.  
  14512.                .card__heading a:after {
  14513.                    outline-offset: .3rem
  14514.                }
  14515.  
  14516.                .card__heading a:focus:after {
  14517.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14518.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14519.                }
  14520.  
  14521.                .card__heading a:focus-visible:after {
  14522.                    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);
  14523.                    outline: .2rem solid rgba(var(--color-foreground), .5)
  14524.                }
  14525.  
  14526.                .card__heading a:focus:not(:focus-visible):after {
  14527.                    box-shadow: none;
  14528.                    outline: 0
  14529.                }
  14530.  
  14531.                .card__heading a:focus {
  14532.                    box-shadow: none;
  14533.                    outline: 0
  14534.                }
  14535.  
  14536.                @media screen and (min-width: 990px) {
  14537.  
  14538.                    .card .media.media--hover-effect>img:only-child,
  14539.                    .card-wrapper .media.media--hover-effect>img:only-child {
  14540.                        transition: transform var(--duration-long) ease
  14541.                    }
  14542.  
  14543.                    .card:hover .media.media--hover-effect>img:first-child:only-child,
  14544.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
  14545.                        transform: scale(1.03)
  14546.                    }
  14547.  
  14548.                    .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
  14549.                        opacity: 0
  14550.                    }
  14551.  
  14552.                    .card-wrapper:hover .media.media--hover-effect>img+img {
  14553.                        opacity: 1;
  14554.                        transition: transform var(--duration-long) ease;
  14555.                        transform: scale(1.03)
  14556.                    }
  14557.  
  14558.                    .underline-links-hover:hover a {
  14559.                        text-decoration: underline;
  14560.                        text-underline-offset: .3rem
  14561.                    }
  14562.                }
  14563.  
  14564.                .card--standard.card--media .card__inner .card__information,
  14565.                .card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),
  14566.                .card--standard:not(.card--horizontal)>.card__content .card__badge,
  14567.                .card--standard.card--text.article-card>.card__content .card__information,
  14568.                .card--standard>.card__content .card__caption {
  14569.                    display: none
  14570.                }
  14571.  
  14572.                .card--standard:not(.card--horizontal) .placeholder-svg {
  14573.                    height: auto;
  14574.                    width: 100%
  14575.                }
  14576.  
  14577.                .card--standard>.card__content {
  14578.                    padding: 0
  14579.                }
  14580.  
  14581.                .card--standard>.card__content .card__information {
  14582.                    padding-left: 0;
  14583.                    padding-right: 0
  14584.                }
  14585.  
  14586.                .card--card.card--media .card__inner .card__information,
  14587.                .card--card.card--text .card__inner,
  14588.                .card--card.card--media>.card__content .card__badge {
  14589.                    display: none
  14590.                }
  14591.  
  14592.                .card--horizontal .card__badge,
  14593.                .card--horizontal.card--text .card__inner {
  14594.                    display: none
  14595.                }
  14596.  
  14597.                .card--extend-height {
  14598.                    height: 100%
  14599.                }
  14600.  
  14601.                .card--extend-height.card--standard.card--text,
  14602.                .card--extend-height.card--media {
  14603.                    display: flex;
  14604.                    flex-direction: column
  14605.                }
  14606.  
  14607.                .card--extend-height.card--standard.card--text .card__inner,
  14608.                .card--extend-height.card--media .card__inner {
  14609.                    flex-grow: 1
  14610.                }
  14611.  
  14612.                .card .icon-wrap {
  14613.                    margin-left: .8rem;
  14614.                    white-space: nowrap;
  14615.                    transition: transform var(--duration-short) ease;
  14616.                    overflow: hidden
  14617.                }
  14618.  
  14619.                .card-information>*+* {
  14620.                    margin-top: .5rem
  14621.                }
  14622.  
  14623.                .card-information {
  14624.                    width: 100%
  14625.                }
  14626.  
  14627.                .card-information>* {
  14628.                    line-height: calc(1 + .4 / var(--font-body-scale));
  14629.                    color: rgb(var(--color-foreground))
  14630.                }
  14631.  
  14632.                .card-information>.price {
  14633.                    color: rgb(var(--color-foreground))
  14634.                }
  14635.  
  14636.                .card--horizontal .card-information>.price {
  14637.                    color: rgba(var(--color-foreground), .75)
  14638.                }
  14639.  
  14640.                .card-information>.rating {
  14641.                    margin-top: .4rem
  14642.                }
  14643.  
  14644.                .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  14645.                    margin-top: .7rem
  14646.                }
  14647.  
  14648.                .card-information .caption {
  14649.                    letter-spacing: .07rem
  14650.                }
  14651.  
  14652.                .card-article-info {
  14653.                    margin-top: 1rem
  14654.                }
  14655.  
  14656.                .card--shape .card__content {
  14657.                    padding-top: 0
  14658.                }
  14659.  
  14660.                .card--shape.card--standard:not(.card--text) .card__inner {
  14661.                    border: 0;
  14662.                    background-color: transparent;
  14663.                    filter: drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity)))
  14664.                }
  14665.  
  14666.                .card--shape.card--standard:not(.card--text) .card__inner:after {
  14667.                    display: none
  14668.                }
  14669.  
  14670.                .grid__item:nth-child(2n) .shape--blob {
  14671.                    clip-path: polygon(var(--shape--blob-2))
  14672.                }
  14673.  
  14674.                .grid__item:nth-child(3n) .shape--blob {
  14675.                    clip-path: polygon(var(--shape--blob-3))
  14676.                }
  14677.  
  14678.                .grid__item:nth-child(4n) .shape--blob {
  14679.                    clip-path: polygon(var(--shape--blob-4))
  14680.                }
  14681.  
  14682.                .grid__item:nth-child(5n) .shape--blob {
  14683.                    clip-path: polygon(var(--shape--blob-5))
  14684.                }
  14685.  
  14686.                .grid__item:nth-child(7n) .shape--blob {
  14687.                    clip-path: polygon(var(--shape--blob-6))
  14688.                }
  14689.  
  14690.                .grid__item:nth-child(8n) .shape--blob {
  14691.                    clip-path: polygon(var(--shape--blob-1))
  14692.                }
  14693.  
  14694.                @media (prefers-reduced-motion: no-preference) {
  14695.                    .product-card-wrapper .shape--round {
  14696.                        transition: clip-path var(--duration-long) ease
  14697.                    }
  14698.  
  14699.                    .product-card-wrapper:hover .shape--round {
  14700.                        clip-path: ellipse(47% 47% at 50% 50%)
  14701.                    }
  14702.  
  14703.                    .product-card-wrapper .shape--blob {
  14704.                        transition: clip-path var(--duration-long) ease-in-out
  14705.                    }
  14706.  
  14707.                    .product-card-wrapper:hover .shape--blob {
  14708.                        clip-path: polygon(var(--shape--blob-5))
  14709.                    }
  14710.  
  14711.                    .grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob {
  14712.                        clip-path: polygon(var(--shape--blob-6))
  14713.                    }
  14714.  
  14715.                    .grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob {
  14716.                        clip-path: polygon(var(--shape--blob-1))
  14717.                    }
  14718.  
  14719.                    .grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob {
  14720.                        clip-path: polygon(var(--shape--blob-2))
  14721.                    }
  14722.  
  14723.                    .grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob {
  14724.                        clip-path: polygon(var(--shape--blob-3))
  14725.                    }
  14726.  
  14727.                    .grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob {
  14728.                        clip-path: polygon(var(--shape--blob-4))
  14729.                    }
  14730.  
  14731.                    .grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob {
  14732.                        clip-path: polygon(var(--shape--blob-5))
  14733.                    }
  14734.                }
  14735.            </style>
  14736.            <style>
  14737.                .price {
  14738.                    font-size: 1.6rem;
  14739.                    letter-spacing: .1rem;
  14740.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14741.                    color: rgb(var(--color-foreground))
  14742.                }
  14743.  
  14744.                .price>* {
  14745.                    display: inline-block;
  14746.                    vertical-align: top
  14747.                }
  14748.  
  14749.                .price.price--unavailable {
  14750.                    visibility: hidden
  14751.                }
  14752.  
  14753.                .price--end {
  14754.                    text-align: right
  14755.                }
  14756.  
  14757.                .price .price-item {
  14758.                    display: inline-block;
  14759.                    margin: 0 1rem 0 0
  14760.                }
  14761.  
  14762.                .price__regular .price-item--regular {
  14763.                    margin-right: 0
  14764.                }
  14765.  
  14766.                .price:not(.price--show-badge) .price-item--last:last-of-type {
  14767.                    margin: 0
  14768.                }
  14769.  
  14770.                @media screen and (min-width: 750px) {
  14771.                    .price {
  14772.                        margin-bottom: 0
  14773.                    }
  14774.                }
  14775.  
  14776.                .price--large {
  14777.                    font-size: 1.6rem;
  14778.                    line-height: calc(1 + .5 / var(--font-body-scale));
  14779.                    letter-spacing: .13rem
  14780.                }
  14781.  
  14782.                @media screen and (min-width: 750px) {
  14783.                    .price--large {
  14784.                        font-size: 1.8rem
  14785.                    }
  14786.                }
  14787.  
  14788.                .price--sold-out .price__availability,
  14789.                .price__regular {
  14790.                    display: block
  14791.                }
  14792.  
  14793.                .price__sale,
  14794.                .price__availability,
  14795.                .price .price__badge-sale,
  14796.                .price .price__badge-sold-out,
  14797.                .price--on-sale .price__regular,
  14798.                .price--on-sale .price__availability {
  14799.                    display: none
  14800.                }
  14801.  
  14802.                .price--sold-out .price__badge-sold-out,
  14803.                .price--on-sale .price__badge-sale,
  14804.                .volume-pricing--sale-badge .price__badge-sale {
  14805.                    display: inline-block
  14806.                }
  14807.  
  14808.                .volume-pricing--sale-badge .price__badge-sale {
  14809.                    margin-left: .5rem
  14810.                }
  14811.  
  14812.                .price--on-sale .price__sale {
  14813.                    display: initial;
  14814.                    flex-direction: row;
  14815.                    flex-wrap: wrap
  14816.                }
  14817.  
  14818.                .price--center {
  14819.                    display: initial;
  14820.                    justify-content: center
  14821.                }
  14822.  
  14823.                .price--on-sale .price-item--regular {
  14824.                    text-decoration: line-through;
  14825.                    color: rgba(var(--color-foreground), .75);
  14826.                    font-size: 1.3rem
  14827.                }
  14828.  
  14829.                .unit-price {
  14830.                    display: block;
  14831.                    font-size: 1.1rem;
  14832.                    letter-spacing: .04rem;
  14833.                    line-height: calc(1 + .2 / var(--font-body-scale));
  14834.                    margin-top: .2rem;
  14835.                    text-transform: uppercase;
  14836.                    color: rgba(var(--color-foreground), .7)
  14837.                }
  14838.            </style>
  14839.            <style>
  14840.                .related-products {
  14841.                    display: block;
  14842.                }
  14843.  
  14844.                .related-products__heading {
  14845.                    margin: 0 0 3rem;
  14846.                }
  14847.            </style>
  14848.            <style data-shopify>
  14849.                .section-template--17040648077525__related-products-padding {
  14850.                    padding-top: 0px;
  14851.                    padding-bottom: 45px;
  14852.                }
  14853.  
  14854.                @media screen and (min-width: 750px) {
  14855.                    .section-template--17040648077525__related-products-padding {
  14856.                        padding-top: 0px;
  14857.                        padding-bottom: 60px;
  14858.                    }
  14859.                }
  14860.            </style>
  14861.            <div class="color-background-1 gradient no-js-hidden">
  14862.                <product-recommendations
  14863.                    class="related-products page-width section-template--17040648077525__related-products-padding isolate scroll-trigger animate--slide-in"
  14864.                    data-url="/recommendations/products?section_id=template--17040648077525__related-products&product_id=8226828321669&limit=4">
  14865.  
  14866.                </product-recommendations>
  14867.            </div>
  14868.  
  14869.  
  14870.        </section>
  14871.    </main>
  14872.  
  14873.    <!-- BEGIN sections: footer-group -->
  14874.    <section id="shopify-section-sections--17040648372437__newsletter"
  14875.        class="shopify-section shopify-section-group-footer-group section">
  14876.        <style>
  14877.            .newsletter-form {
  14878.                display: flex;
  14879.                flex-direction: column;
  14880.                justify-content: center;
  14881.                align-items: center;
  14882.                width: 100%;
  14883.                position: relative
  14884.            }
  14885.  
  14886.            @media screen and (min-width: 750px) {
  14887.                .newsletter-form {
  14888.                    align-items: flex-start;
  14889.                    margin: 0 auto;
  14890.                    max-width: 36rem
  14891.                }
  14892.            }
  14893.  
  14894.            .newsletter-form__field-wrapper {
  14895.                width: 100%
  14896.            }
  14897.  
  14898.            .newsletter-form__field-wrapper .field__input {
  14899.                padding-right: 5rem
  14900.            }
  14901.  
  14902.            .newsletter-form__field-wrapper .field {
  14903.                z-index: 0
  14904.            }
  14905.  
  14906.            .newsletter-form__message {
  14907.                justify-content: center;
  14908.                margin-bottom: 0
  14909.            }
  14910.  
  14911.            .newsletter-form__message--success {
  14912.                margin-top: 2rem
  14913.            }
  14914.  
  14915.            @media screen and (min-width: 750px) {
  14916.                .newsletter-form__message {
  14917.                    justify-content: flex-start
  14918.                }
  14919.            }
  14920.  
  14921.            .newsletter-form__button {
  14922.                width: 4.4rem;
  14923.                margin: 0;
  14924.                right: var(--inputs-border-width);
  14925.                top: 0;
  14926.                height: 100%;
  14927.                z-index: 2
  14928.            }
  14929.  
  14930.            .newsletter-form__button:focus-visible {
  14931.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  14932.                background-color: rgb(var(--color-background))
  14933.            }
  14934.  
  14935.            .newsletter-form__button:focus {
  14936.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  14937.                background-color: rgb(var(--color-background))
  14938.            }
  14939.  
  14940.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  14941.                box-shadow: inherit;
  14942.                background-color: inherit
  14943.            }
  14944.  
  14945.            .newsletter-form__button .icon {
  14946.                width: 1.5rem
  14947.            }
  14948.        </style>
  14949.        <style>
  14950.            .newsletter__wrapper {
  14951.                padding-right: calc(4rem / var(--font-body-scale));
  14952.                padding-left: calc(4rem / var(--font-body-scale))
  14953.            }
  14954.  
  14955.            @media screen and (min-width: 750px) {
  14956.                .newsletter__wrapper {
  14957.                    padding-right: 9rem;
  14958.                    padding-left: 9rem
  14959.                }
  14960.            }
  14961.  
  14962.            .newsletter__wrapper>* {
  14963.                margin-top: 0;
  14964.                margin-bottom: 0
  14965.            }
  14966.  
  14967.            .newsletter__wrapper>*+* {
  14968.                margin-top: 2rem
  14969.            }
  14970.  
  14971.            .newsletter__wrapper>*+.newsletter-form {
  14972.                margin-top: 3rem
  14973.            }
  14974.  
  14975.            .newsletter__subheading {
  14976.                max-width: 70rem;
  14977.                margin-left: auto;
  14978.                margin-right: auto
  14979.            }
  14980.  
  14981.            .newsletter__wrapper .newsletter-form__field-wrapper {
  14982.                max-width: 36rem
  14983.            }
  14984.  
  14985.            .newsletter-form__field-wrapper .newsletter-form__message {
  14986.                margin-top: 1.5rem
  14987.            }
  14988.  
  14989.            .newsletter__button {
  14990.                margin-top: 3rem;
  14991.                width: fit-content
  14992.            }
  14993.  
  14994.            @media screen and (min-width: 750px) {
  14995.                .newsletter__button {
  14996.                    flex-shrink: 0;
  14997.                    margin: 0 0 0 1rem
  14998.                }
  14999.            }
  15000.        </style>
  15001.        <style data-shopify>
  15002.            .section-sections--17040648372437__newsletter-padding {
  15003.                padding-top: 21px;
  15004.                padding-bottom: 0px;
  15005.            }
  15006.  
  15007.            @media screen and (min-width: 750px) {
  15008.                .section-sections--17040648372437__newsletter-padding {
  15009.                    padding-top: 28px;
  15010.                    padding-bottom: 0px;
  15011.                }
  15012.            }
  15013.        </style>
  15014.        <div class="newsletter center ">
  15015.            <div
  15016.                class="newsletter__wrapper color-inverse gradient content-container isolate content-container--full-width section-sections--17040648372437__newsletter-padding">
  15017.                <h2 class="inline-richtext h1 scroll-trigger animate--slide-in" data-cascade
  15018.                    style="--animation-order: 1;"><a href="https://illuzia.net/" title="illuzia.net"><strong>illuzia.net</strong></a></h2>
  15019.                <div class="newsletter__subheading rte scroll-trigger animate--slide-in" data-cascade
  15020.                    style="--animation-order: 2;">
  15021.                    <p>KARTEL TOGEL ONLINE TERBESAR</p>
  15022.                </div>
  15023.                <div>
  15024.                    <form method="post" action="contact#contact_form" id="contact_form" accept-charset="UTF-8"
  15025.                        class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input
  15026.                            type="hidden" name="utf8" value="✓" />
  15027.                        <input type="hidden" name="contact[tags]" value="newsletter">
  15028.                        <div class="newsletter-form__field-wrapper scroll-trigger animate--slide-in" data-cascade
  15029.                            style="--animation-order: 3;">
  15030.                            <div class="field">
  15031.                                <input id="NewsletterForm--sections--17040648372437__newsletter" type="email"
  15032.                                    name="contact[email]" class="field__input" value="" aria-required="true"
  15033.                                    autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email"
  15034.                                    required>
  15035.                                <label class="field__label" for="NewsletterForm--sections--17040648372437__newsletter">
  15036.                                    SITUS KOITOTO
  15037.                                </label>
  15038.                                <button type="submit" class="newsletter-form__button field__button" name="commit"
  15039.                                    id="Subscribe" aria-label="Subscribe">
  15040.                                    <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false"
  15041.                                        class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  15042.                                        <path fill-rule="evenodd" clip-rule="evenodd"
  15043.                                            d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z"
  15044.                                            fill="currentColor">
  15045.                                    </svg>
  15046.  
  15047.                                </button>
  15048.                            </div>
  15049.                        </div>
  15050.                    </form>
  15051.                </div>
  15052.            </div>
  15053.        </div>
  15054.  
  15055.  
  15056.    </section>
  15057.    <div id="shopify-section-sections--17040648372437__footer"
  15058.        class="shopify-section shopify-section-group-footer-group">
  15059.        <style>
  15060.            .footer {
  15061.                border-top: .1rem solid rgba(var(--color-foreground), .08)
  15062.            }
  15063.  
  15064.            .footer:not(.color-background-1) {
  15065.                border-top: none
  15066.            }
  15067.  
  15068.            .footer__content-top {
  15069.                padding-bottom: 5rem;
  15070.                display: block
  15071.            }
  15072.  
  15073.            @media screen and (max-width: 749px) {
  15074.                .footer .grid {
  15075.                    display: block
  15076.                }
  15077.  
  15078.                .footer-block.grid__item {
  15079.                    padding: 0;
  15080.                    margin: 4rem 0;
  15081.                    width: 100%
  15082.                }
  15083.  
  15084.                .footer-block.grid__item:first-child {
  15085.                    margin-top: 0
  15086.                }
  15087.  
  15088.                .footer__content-top {
  15089.                    padding-bottom: 3rem;
  15090.                    padding-left: calc(4rem / var(--font-body-scale));
  15091.                    padding-right: calc(4rem / var(--font-body-scale))
  15092.                }
  15093.            }
  15094.  
  15095.            @media screen and (min-width: 750px) {
  15096.                .footer__content-top .grid {
  15097.                    row-gap: 6rem;
  15098.                    margin-bottom: 0
  15099.                }
  15100.            }
  15101.  
  15102.            .footer__content-bottom {
  15103.                border-top: solid .1rem rgba(var(--color-foreground), .08);
  15104.                padding-top: 3rem
  15105.            }
  15106.  
  15107.            .footer__content-bottom:only-child {
  15108.                border-top: 0
  15109.            }
  15110.  
  15111.            .footer__content-bottom-wrapper {
  15112.                display: flex;
  15113.                width: 100%
  15114.            }
  15115.  
  15116.            @media screen and (max-width: 749px) {
  15117.                .footer__content-bottom {
  15118.                    flex-wrap: wrap;
  15119.                    padding-top: 0;
  15120.                    padding-left: 0;
  15121.                    padding-right: 0;
  15122.                    row-gap: 1.5rem
  15123.                }
  15124.  
  15125.                .footer__content-bottom-wrapper {
  15126.                    flex-wrap: wrap;
  15127.                    row-gap: 1.5rem;
  15128.                    justify-content: center
  15129.                }
  15130.            }
  15131.  
  15132.            .footer__localization:empty+.footer__column--info {
  15133.                align-items: center
  15134.            }
  15135.  
  15136.            @media screen and (max-width: 749px) {
  15137.                .footer__localization:empty+.footer__column {
  15138.                    padding-top: 1.5rem
  15139.                }
  15140.            }
  15141.  
  15142.            .footer__column {
  15143.                width: 100%;
  15144.                align-items: flex-end
  15145.            }
  15146.  
  15147.            .footer__column--info {
  15148.                display: flex;
  15149.                flex-direction: column;
  15150.                justify-content: center;
  15151.                align-items: center;
  15152.                padding-left: 2rem;
  15153.                padding-right: 2rem
  15154.            }
  15155.  
  15156.            @media screen and (min-width: 750px) {
  15157.                .footer__column--info {
  15158.                    padding-left: 0;
  15159.                    padding-right: 0;
  15160.                    align-items: flex-end
  15161.                }
  15162.            }
  15163.  
  15164.            .footer-block:only-child:last-child {
  15165.                text-align: center;
  15166.                max-width: 76rem;
  15167.                margin: 0 auto
  15168.            }
  15169.  
  15170.            @media screen and (min-width: 750px) {
  15171.                .footer-block {
  15172.                    display: block;
  15173.                    margin-top: 0
  15174.                }
  15175.            }
  15176.  
  15177.            .footer-block:empty {
  15178.                display: none
  15179.            }
  15180.  
  15181.            .footer-block--newsletter {
  15182.                display: flex;
  15183.                align-items: flex-end;
  15184.                margin-top: 3rem;
  15185.                gap: 1rem
  15186.            }
  15187.  
  15188.            .footer-block--newsletter:only-child {
  15189.                margin-top: 0
  15190.            }
  15191.  
  15192.            @media screen and (max-width: 749px) {
  15193.                .footer-block.footer-block--menu:only-child {
  15194.                    text-align: left
  15195.                }
  15196.            }
  15197.  
  15198.            @media screen and (min-width: 750px) {
  15199.                .footer-block--newsletter {
  15200.                    flex-wrap: nowrap;
  15201.                    justify-content: center
  15202.                }
  15203.            }
  15204.  
  15205.            .footer-block__heading {
  15206.                margin-bottom: 2rem;
  15207.                margin-top: 0;
  15208.                font-size: calc(var(--font-heading-scale) * 1.6rem)
  15209.            }
  15210.  
  15211.            @media screen and (min-width: 990px) {
  15212.                .footer-block__heading {
  15213.                    font-size: calc(var(--font-heading-scale) * 1.8rem)
  15214.                }
  15215.            }
  15216.  
  15217.            .footer__list-social:empty,
  15218.            .footer-block--newsletter:empty {
  15219.                display: none
  15220.            }
  15221.  
  15222.            .footer__follow-on-shop {
  15223.                display: flex;
  15224.                text-align: center
  15225.            }
  15226.  
  15227.            .footer__list-social.list-social:only-child {
  15228.                justify-content: center
  15229.            }
  15230.  
  15231.            .footer-block__newsletter {
  15232.                text-align: center;
  15233.                flex-grow: 1
  15234.            }
  15235.  
  15236.            .newsletter-form__field-wrapper {
  15237.                max-width: 36rem
  15238.            }
  15239.  
  15240.            @media screen and (min-width: 750px) {
  15241.                .footer-block__newsletter:not(:only-child) {
  15242.                    text-align: left;
  15243.                    margin-right: auto
  15244.                }
  15245.  
  15246.                .footer-block__newsletter:not(:only-child) .footer__newsletter {
  15247.                    justify-content: flex-start;
  15248.                    margin: 0
  15249.                }
  15250.  
  15251.                .footer-block__newsletter:not(:only-child) .newsletter-form__message--success {
  15252.                    left: auto
  15253.                }
  15254.  
  15255.                .footer__follow-on-shop {
  15256.                    margin-bottom: .4rem
  15257.                }
  15258.  
  15259.                .footer__follow-on-shop:first-child:not(:last-child) {
  15260.                    justify-content: flex-start;
  15261.                    margin-right: auto;
  15262.                    text-align: left
  15263.                }
  15264.  
  15265.                .footer__follow-on-shop:not(:first-child):not(:last-child) {
  15266.                    justify-content: flex-end;
  15267.                    text-align: right
  15268.                }
  15269.            }
  15270.  
  15271.            @media screen and (max-width: 749px) {
  15272.                .footer-block--newsletter {
  15273.                    display: flex;
  15274.                    flex-direction: column;
  15275.                    flex: 1 1 100%;
  15276.                    align-items: center;
  15277.                    gap: 3rem
  15278.                }
  15279.  
  15280.                .footer__list-social.list-social,
  15281.                .footer__follow-on-shop,
  15282.                .footer-block__newsletter {
  15283.                    display: flex;
  15284.                    justify-content: center
  15285.                }
  15286.  
  15287.                .footer-block__newsletter {
  15288.                    flex-direction: column
  15289.                }
  15290.            }
  15291.  
  15292.            @media screen and (min-width: 750px) {
  15293.                .footer-block__newsletter+.footer__list-social {
  15294.                    margin-top: 0
  15295.                }
  15296.            }
  15297.  
  15298.            .footer__localization {
  15299.                display: flex;
  15300.                flex-direction: row;
  15301.                justify-content: center;
  15302.                align-content: center;
  15303.                flex-wrap: wrap;
  15304.                padding: 1rem 1rem 0
  15305.            }
  15306.  
  15307.            .footer__localization:empty {
  15308.                display: none
  15309.            }
  15310.  
  15311.            .footer__localization h2 {
  15312.                margin: 1rem 1rem .5rem;
  15313.                color: rgba(var(--color-foreground), .75)
  15314.            }
  15315.  
  15316.            @media screen and (min-width: 750px) {
  15317.                .footer__localization {
  15318.                    padding: .4rem 0;
  15319.                    justify-content: flex-start
  15320.                }
  15321.  
  15322.                .footer__localization h2 {
  15323.                    margin: 1rem 0 0
  15324.                }
  15325.            }
  15326.  
  15327.            @media screen and (max-width: 989px) {
  15328.                .footer__localization noscript {
  15329.                    width: 100%
  15330.                }
  15331.            }
  15332.  
  15333.            @media screen and (min-width: 750px) {
  15334.                .footer__payment {
  15335.                    margin-top: 1.5rem
  15336.                }
  15337.            }
  15338.  
  15339.            .footer__content-bottom-wrapper--center {
  15340.                justify-content: center
  15341.            }
  15342.  
  15343.            .footer__copyright {
  15344.                text-align: center;
  15345.                margin-top: 1.5rem
  15346.            }
  15347.  
  15348.            @media screen and (min-width: 750px) {
  15349.                .footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
  15350.                    text-align: right
  15351.                }
  15352.            }
  15353.  
  15354.            @keyframes appear-down {
  15355.                0% {
  15356.                    opacity: 0;
  15357.                    margin-top: -1rem
  15358.                }
  15359.  
  15360.                to {
  15361.                    opacity: 1;
  15362.                    margin-top: 0
  15363.                }
  15364.            }
  15365.  
  15366.            .footer-block__details-content {
  15367.                margin-bottom: 4rem
  15368.            }
  15369.  
  15370.            @media screen and (min-width: 750px) {
  15371.                .footer-block__details-content {
  15372.                    margin-bottom: 0
  15373.                }
  15374.  
  15375.                .footer-block__details-content>p,
  15376.                .footer-block__details-content>li {
  15377.                    padding: 0
  15378.                }
  15379.  
  15380.                .footer-block:only-child li {
  15381.                    display: inline
  15382.                }
  15383.  
  15384.                .footer-block__details-content>li:not(:last-child) {
  15385.                    margin-right: 1.5rem
  15386.                }
  15387.            }
  15388.  
  15389.            .footer-block__details-content .list-menu__item--link,
  15390.            .copyright__content a {
  15391.                color: rgba(var(--color-foreground), .75)
  15392.            }
  15393.  
  15394.            .footer-block__details-content .list-menu__item--active {
  15395.                transition: text-decoration-thickness var(--duration-short) ease;
  15396.                color: rgb(var(--color-foreground))
  15397.            }
  15398.  
  15399.            @media screen and (min-width: 750px) {
  15400.  
  15401.                .footer-block__details-content .list-menu__item--link:hover,
  15402.                .copyright__content a:hover {
  15403.                    color: rgb(var(--color-foreground));
  15404.                    text-decoration: underline;
  15405.                    text-underline-offset: .3rem
  15406.                }
  15407.  
  15408.                .footer-block__details-content .list-menu__item--active:hover {
  15409.                    text-decoration-thickness: .2rem
  15410.                }
  15411.            }
  15412.  
  15413.            @media screen and (max-width: 989px) {
  15414.                .footer-block__details-content .list-menu__item--link {
  15415.                    padding-top: 1rem;
  15416.                    padding-bottom: 1rem
  15417.                }
  15418.            }
  15419.  
  15420.            @media screen and (min-width: 750px) {
  15421.                .footer-block__details-content .list-menu__item--link {
  15422.                    display: inline-block;
  15423.                    font-size: 1.4rem
  15424.                }
  15425.  
  15426.                .footer-block__details-content>:first-child .list-menu__item--link {
  15427.                    padding-top: 0
  15428.                }
  15429.            }
  15430.  
  15431.            .footer-block-image {
  15432.                display: flex
  15433.            }
  15434.  
  15435.            .footer-block-image.left {
  15436.                justify-content: flex-start
  15437.            }
  15438.  
  15439.            .footer-block-image.center {
  15440.                justify-content: center
  15441.            }
  15442.  
  15443.            .footer-block-image.right {
  15444.                justify-content: flex-end
  15445.            }
  15446.  
  15447.            @media screen and (max-width: 749px) {
  15448.  
  15449.                .footer-block-image,
  15450.                .footer-block-image.left,
  15451.                .footer-block-image.center,
  15452.                .footer-block-image.right {
  15453.                    justify-content: center
  15454.                }
  15455.            }
  15456.  
  15457.            .footer-block__image-wrapper {
  15458.                margin-bottom: 2rem;
  15459.                overflow: hidden !important
  15460.            }
  15461.  
  15462.            .footer-block__image-wrapper img {
  15463.                display: block;
  15464.                height: auto;
  15465.                max-width: 100%
  15466.            }
  15467.  
  15468.            .footer-block__brand-info {
  15469.                text-align: left
  15470.            }
  15471.  
  15472.            .footer-block:only-child .footer-block__brand-info {
  15473.                text-align: center
  15474.            }
  15475.  
  15476.            .footer-block:only-child>.footer-block__brand-info>.footer-block__image-wrapper {
  15477.                margin-left: auto;
  15478.                margin-right: auto
  15479.            }
  15480.  
  15481.            .footer-block-image>img,
  15482.            .footer-block__brand-info>img {
  15483.                height: auto
  15484.            }
  15485.  
  15486.            .footer-block:only-child .footer-block__brand-info .footer__list-social.list-social {
  15487.                justify-content: center
  15488.            }
  15489.  
  15490.            .footer-block__brand-info .footer__list-social.list-social {
  15491.                justify-content: flex-start;
  15492.                margin-left: -1.3rem;
  15493.                margin-right: -1.3rem
  15494.            }
  15495.  
  15496.            .footer-block__details-content .placeholder-svg {
  15497.                max-width: 20rem
  15498.            }
  15499.  
  15500.            .copyright__content {
  15501.                font-size: 1.1rem
  15502.            }
  15503.  
  15504.            .copyright__content a {
  15505.                color: currentColor;
  15506.                text-decoration: none
  15507.            }
  15508.  
  15509.            .policies {
  15510.                display: inline
  15511.            }
  15512.  
  15513.            .policies li {
  15514.                display: inline-flex;
  15515.                justify-content: center;
  15516.                align-items: center
  15517.            }
  15518.  
  15519.            .policies li:before {
  15520.                content: "\b7";
  15521.                padding: 0 .8rem
  15522.            }
  15523.  
  15524.            .policies li a {
  15525.                padding: .6rem 0;
  15526.                display: block
  15527.            }
  15528.  
  15529.            @media screen and (min-width: 750px) {
  15530.                .policies li a {
  15531.                    padding: 0
  15532.                }
  15533.            }
  15534.  
  15535.            @keyframes animateLocalization {
  15536.                0% {
  15537.                    opacity: 0;
  15538.                    transform: translateY(0)
  15539.                }
  15540.  
  15541.                to {
  15542.                    opacity: 1;
  15543.                    transform: translateY(-1rem)
  15544.                }
  15545.            }
  15546.  
  15547.            @supports not (inset: 10px) {
  15548.                @media screen and (max-width: 749px) {
  15549.                    .footer .grid {
  15550.                        margin-left: 0
  15551.                    }
  15552.                }
  15553.  
  15554.                @media screen and (min-width: 750px) {
  15555.                    .footer__content-top .grid {
  15556.                        margin-left: -3rem
  15557.                    }
  15558.  
  15559.                    .footer__content-top .grid__item {
  15560.                        padding-left: 3rem
  15561.                    }
  15562.                }
  15563.            }
  15564.        </style>
  15565.        <style>
  15566.            .newsletter-form {
  15567.                display: flex;
  15568.                flex-direction: column;
  15569.                justify-content: center;
  15570.                align-items: center;
  15571.                width: 100%;
  15572.                position: relative
  15573.            }
  15574.  
  15575.            @media screen and (min-width: 750px) {
  15576.                .newsletter-form {
  15577.                    align-items: flex-start;
  15578.                    margin: 0 auto;
  15579.                    max-width: 36rem
  15580.                }
  15581.            }
  15582.  
  15583.            .newsletter-form__field-wrapper {
  15584.                width: 100%
  15585.            }
  15586.  
  15587.            .newsletter-form__field-wrapper .field__input {
  15588.                padding-right: 5rem
  15589.            }
  15590.  
  15591.            .newsletter-form__field-wrapper .field {
  15592.                z-index: 0
  15593.            }
  15594.  
  15595.            .newsletter-form__message {
  15596.                justify-content: center;
  15597.                margin-bottom: 0
  15598.            }
  15599.  
  15600.            .newsletter-form__message--success {
  15601.                margin-top: 2rem
  15602.            }
  15603.  
  15604.            @media screen and (min-width: 750px) {
  15605.                .newsletter-form__message {
  15606.                    justify-content: flex-start
  15607.                }
  15608.            }
  15609.  
  15610.            .newsletter-form__button {
  15611.                width: 4.4rem;
  15612.                margin: 0;
  15613.                right: var(--inputs-border-width);
  15614.                top: 0;
  15615.                height: 100%;
  15616.                z-index: 2
  15617.            }
  15618.  
  15619.            .newsletter-form__button:focus-visible {
  15620.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15621.                background-color: rgb(var(--color-background))
  15622.            }
  15623.  
  15624.            .newsletter-form__button:focus {
  15625.                box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 0 .4rem rgba(var(--color-foreground));
  15626.                background-color: rgb(var(--color-background))
  15627.            }
  15628.  
  15629.            .newsletter-form__button:not(:focus-visible):not(.focused) {
  15630.                box-shadow: inherit;
  15631.                background-color: inherit
  15632.            }
  15633.  
  15634.            .newsletter-form__button .icon {
  15635.                width: 1.5rem
  15636.            }
  15637.        </style>
  15638.        <style>
  15639.            .list-menu--right {
  15640.                right: 0;
  15641.            }
  15642.  
  15643.            .list-menu--disclosure {
  15644.                position: absolute;
  15645.                min-width: 100%;
  15646.                width: 20rem;
  15647.                border: 1px solid rgba(var(--color-foreground), 0.2);
  15648.            }
  15649.  
  15650.            .list-menu--disclosure:focus {
  15651.                outline: none;
  15652.            }
  15653.  
  15654.            .list-menu__item--active {
  15655.                text-decoration: underline;
  15656.                text-underline-offset: 0.3rem;
  15657.            }
  15658.  
  15659.            .list-menu__item--active:hover {
  15660.                text-decoration-thickness: 0.2rem;
  15661.            }
  15662.  
  15663.            .list-menu--disclosure.localization-selector {
  15664.                max-height: 18rem;
  15665.                overflow: auto;
  15666.                width: 10rem;
  15667.                padding: 0.5rem;
  15668.            }
  15669.        </style>
  15670.        <style>
  15671.            .list-payment {
  15672.                display: flex;
  15673.                flex-wrap: wrap;
  15674.                justify-content: center;
  15675.                margin: -0.5rem 0;
  15676.                padding-top: 1rem;
  15677.                padding-left: 0;
  15678.            }
  15679.  
  15680.            @media screen and (min-width: 750px) {
  15681.                .list-payment {
  15682.                    justify-content: flex-end;
  15683.                    margin: -0.5rem;
  15684.                    padding-top: 0;
  15685.                }
  15686.            }
  15687.  
  15688.            .list-payment__item {
  15689.                align-items: center;
  15690.                display: flex;
  15691.                padding: 0.5rem;
  15692.            }
  15693.        </style>
  15694.        <style>
  15695.            .list-social {
  15696.                display: flex;
  15697.                flex-wrap: wrap;
  15698.                justify-content: flex-end;
  15699.            }
  15700.  
  15701.            @media only screen and (max-width: 749px) {
  15702.                .list-social {
  15703.                    justify-content: center;
  15704.                }
  15705.            }
  15706.  
  15707.            .list-social__item .icon {
  15708.                height: 2.2rem;
  15709.                width: 2.2rem;
  15710.            }
  15711.  
  15712.            .list-social__link {
  15713.                align-items: center;
  15714.                display: flex;
  15715.                padding: 1.1rem;
  15716.                color: rgb(var(--color-foreground));
  15717.            }
  15718.  
  15719.            .utility-bar .list-social__link {
  15720.                padding: 0 0.8rem;
  15721.                height: 3.8rem;
  15722.            }
  15723.  
  15724.            .list-social__link:hover .icon {
  15725.                transform: scale(1.07);
  15726.            }
  15727.        </style>
  15728.        <style data-shopify>
  15729.            .footer {
  15730.                margin-top: 0px;
  15731.            }
  15732.  
  15733.            .section-sections--17040648372437__footer-padding {
  15734.                padding-top: 33px;
  15735.                padding-bottom: 45px;
  15736.            }
  15737.  
  15738.            @media screen and (min-width: 750px) {
  15739.                .footer {
  15740.                    margin-top: 0px;
  15741.                }
  15742.  
  15743.                .section-sections--17040648372437__footer-padding {
  15744.                    padding-top: 44px;
  15745.                    padding-bottom: 60px;
  15746.                }
  15747.            }
  15748.        </style>
  15749.        <footer class="footer color-inverse gradient section-sections--17040648372437__footer-padding">
  15750.            <div class="footer__content-top page-width">
  15751.                <div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade></div>
  15752.            </div>
  15753.            <div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade>
  15754.                <div class="footer__content-bottom-wrapper page-width">
  15755.                    <div class="footer__column footer__localization isolate"></div>
  15756.                    <div class="footer__column footer__column--info">
  15757.                        <div class="footer__payment">
  15758.                            <span class="visually-hidden">Payment methods</span>
  15759.                            <ul class="list list-payment" role="list"></ul>
  15760.                        </div>
  15761.                    </div>
  15762.                </div>
  15763.                <div class="footer__content-bottom-wrapper page-width">
  15764.                    <div class="footer__copyright caption">
  15765.                        <small class="copyright__content">&copy; 2024, <a href="https://illuzia.net/" title="KOITOTO">KOITOTO</a></small>
  15766.                        <small class="copyright__content"><a target="_blank" rel="nofollow">Powered by Situs Togel Online</a></small>
  15767.                    </div>
  15768.                </div>
  15769.            </div>
  15770.        </footer>
  15771.         <br>
  15772.        <style>
  15773.            .fixed-footer {
  15774.                display: flex;
  15775.                justify-content: space-around;
  15776.                position: fixed;
  15777.                background: linear-gradient(to bottom, #ff0000 0%, #a30000 50%, #4d0000 100%);
  15778.                padding: 5px 0;
  15779.                box-shadow: 0 0 8px 4px #666;
  15780.                left: 0;
  15781.                right: 0;
  15782.                bottom: 0;
  15783.                z-index: 99
  15784.            }
  15785.  
  15786.            .fixed-footer a {
  15787.                flex-basis: calc((100% - 15px*6)/ 5);
  15788.                text-decoration: none;
  15789.                display: flex;
  15790.                flex-direction: column;
  15791.                justify-content: center;
  15792.                align-items: center;
  15793.                color: #fff;
  15794.                max-width: 75px;
  15795.                font-size: 12px;
  15796.                font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  15797.            }
  15798.  
  15799.            .fixed-footer a:hover {
  15800.                font-weight: bold;
  15801.            }
  15802.  
  15803.            .fixed-footer .center {
  15804.                transform: scale(1.5) translateY(-5px);
  15805.                background: center no-repeat;
  15806.                background-size: contain;
  15807.                background-color: inherit;
  15808.                border-radius: 50%;
  15809.            }
  15810.  
  15811.            .fixed-footer img {
  15812.                max-width: 20px;
  15813.                margin-bottom: 0;
  15814.                max-height: 20px;
  15815.            }
  15816.        </style>
  15817.        <div class="fixed-footer">
  15818.            <a href="https://mikale.me/promo-koi" rel="nofollow noopener" target="_blank">
  15819.                <img layout="intrinsic" height="20px" width="20px"
  15820.                    src="https://imgstore.io/images/2024/09/24/iconpromo.png"
  15821.                    alt="PROMO TOGEL ONLINE">
  15822.                Bonus
  15823.            </a>
  15824.            <a href="https://koipasti.ink" rel="nofollow noopener" target="_blank">
  15825.                <img layout="intrinsic" height="20px" width="20px"
  15826.                    src="https://imgstore.io/images/2024/09/24/iconlogin.png"
  15827.                    alt="LOGIN TOGEL ONLINE">
  15828.                Login
  15829.            </a>
  15830.            <a href="https://mikale.me/renkt" rel="nofollow noopener" target="_blank" class="tada">
  15831.                <img layout="intrinsic" height="50" width="50"
  15832.                    src="https://imgstore.io/images/2024/09/24/icondaftar.png"
  15833.                    alt="DAFTAR TOGEL ONLINE">
  15834.                Daftar
  15835.            </a>
  15836.            <a href="https://koipasti.ink" rel="nofollow noopener" target="_blank">
  15837.                <img layout="intrinsic" height="20px" width="20px"
  15838.                    src="https://imgstore.io/images/2024/11/04/iconlinkalternatif.png"
  15839.                    alt="ALTERNATIF TOGEL ONLINE">
  15840.                Alternatif
  15841.            </a>
  15842.            <a href="https://direct.lc.chat/13532091" rel="nofollow noopener" target="_blank"
  15843.                class="js_live_chat_link live-chat-link">
  15844.                <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px"
  15845.                    src="https://imgstore.io/images/2024/09/24/iconlivechat.png"
  15846.                    alt="CHAT TOGEL ONLINE">
  15847.                Live Chat
  15848.            </a>
  15849.        </div>
  15850.  
  15851.    </div>
  15852.    <!-- END sections: footer-group -->
  15853.  
  15854.    <ul hidden>
  15855.        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
  15856.        <li id="a11y-new-window-message">Opens in a new window.</li>
  15857.    </ul>
  15858.  
  15859.    <script>
  15860.        window.shopUrl = 'https://illuzia.net/';
  15861.        window.routes = {
  15862.            cart_add_url: '/cart/add',
  15863.            cart_change_url: '/cart/change',
  15864.            cart_update_url: '/cart/update',
  15865.            cart_url: '/cart',
  15866.            predictive_search_url: '/search/suggest',
  15867.        };
  15868.  
  15869.        window.cartStrings = {
  15870.            error: `There was an error while updating your cart. Please try again.`,
  15871.            quantityError: `You can only add [quantity] of this item to your cart.`,
  15872.        };
  15873.  
  15874.        window.variantStrings = {
  15875.            addToCart: `Add to cart`,
  15876.            soldOut: `Sold out`,
  15877.            unavailable: `Unavailable`,
  15878.            unavailable_with_option: `[value] - Unavailable`,
  15879.        };
  15880.  
  15881.        window.quickOrderListStrings = {
  15882.            itemsAdded: `[quantity] items added`,
  15883.            itemAdded: `[quantity] item added`,
  15884.            itemsRemoved: `[quantity] items removed`,
  15885.            itemRemoved: `[quantity] item removed`,
  15886.            viewCart: `View cart`,
  15887.            each: `[money]/ea`,
  15888.        };
  15889.  
  15890.        window.accessibilityStrings = {
  15891.            imageAvailable: `Image [index] is now available in gallery view`,
  15892.            shareSuccess: `Link copied to clipboard`,
  15893.            pauseSlideshow: `Pause slideshow`,
  15894.            playSlideshow: `Play slideshow`,
  15895.            recipientFormExpanded: `Gift card recipient form expanded`,
  15896.            recipientFormCollapsed: `Gift card recipient form collapsed`,
  15897.        };
  15898.    </script>
  15899.    <script>
  15900.        /** Shopify CDN: Minification failed
  15901.    
  15902.    Line 16:0 Transforming class syntax to the configured target environment ("es5") is not supported yet
  15903.    Line 17:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15904.    Line 29:21 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15905.    Line 38:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15906.    Line 42:10 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15907.    Line 44:4 Transforming const to the configured target environment ("es5") is not supported yet
  15908.    Line 64:14 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15909.    Line 68:13 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15910.    Line 78:9 Transforming object literal extensions to the configured target environment ("es5") is not supported yet
  15911.    Line 79:4 Transforming const to the configured target environment ("es5") is not supported yet
  15912.    ... and 31 more hidden warnings
  15913.    
  15914.    **/
  15915.        class PredictiveSearch extends SearchForm {
  15916.            constructor() {
  15917.                super();
  15918.                this.cachedResults = {};
  15919.                this.predictiveSearchResults = this.querySelector('[data-predictive-search]');
  15920.                this.allPredictiveSearchInstances = document.querySelectorAll('predictive-search');
  15921.                this.isOpen = false;
  15922.                this.abortController = new AbortController();
  15923.                this.searchTerm = '';
  15924.  
  15925.                this.setupEventListeners();
  15926.            }
  15927.  
  15928.            setupEventListeners() {
  15929.                this.input.form.addEventListener('submit', this.onFormSubmit.bind(this));
  15930.  
  15931.                this.input.addEventListener('focus', this.onFocus.bind(this));
  15932.                this.addEventListener('focusout', this.onFocusOut.bind(this));
  15933.                this.addEventListener('keyup', this.onKeyup.bind(this));
  15934.                this.addEventListener('keydown', this.onKeydown.bind(this));
  15935.            }
  15936.  
  15937.            getQuery() {
  15938.                return this.input.value.trim();
  15939.            }
  15940.  
  15941.            onChange() {
  15942.                super.onChange();
  15943.                const newSearchTerm = this.getQuery();
  15944.                if (!this.searchTerm || !newSearchTerm.startsWith(this.searchTerm)) {
  15945.                    // Remove the results when they are no longer relevant for the new search term
  15946.                    // so they don't show up when the dropdown opens again
  15947.                    this.querySelector('#predictive-search-results-groups-wrapper')?.remove();
  15948.                }
  15949.  
  15950.                // Update the term asap, don't wait for the predictive search query to finish loading
  15951.                this.updateSearchForTerm(this.searchTerm, newSearchTerm);
  15952.  
  15953.                this.searchTerm = newSearchTerm;
  15954.  
  15955.                if (!this.searchTerm.length) {
  15956.                    this.close(true);
  15957.                    return;
  15958.                }
  15959.  
  15960.                this.getSearchResults(this.searchTerm);
  15961.            }
  15962.  
  15963.            onFormSubmit(event) {
  15964.                if (!this.getQuery().length || this.querySelector('[aria-selected="true"] a')) event.preventDefault();
  15965.            }
  15966.  
  15967.            onFormReset(event) {
  15968.                super.onFormReset(event);
  15969.                if (super.shouldResetForm()) {
  15970.                    this.searchTerm = '';
  15971.                    this.abortController.abort();
  15972.                    this.abortController = new AbortController();
  15973.                    this.closeResults(true);
  15974.                }
  15975.            }
  15976.  
  15977.            onFocus() {
  15978.                const currentSearchTerm = this.getQuery();
  15979.  
  15980.                if (!currentSearchTerm.length) return;
  15981.  
  15982.                if (this.searchTerm !== currentSearchTerm) {
  15983.                    // Search term was changed from other search input, treat it as a user change
  15984.                    this.onChange();
  15985.                } else if (this.getAttribute('results') === 'true') {
  15986.                    this.open();
  15987.                } else {
  15988.                    this.getSearchResults(this.searchTerm);
  15989.                }
  15990.            }
  15991.  
  15992.            onFocusOut() {
  15993.                setTimeout(() => {
  15994.                    if (!this.contains(document.activeElement)) this.close();
  15995.                });
  15996.            }
  15997.  
  15998.            onKeyup(event) {
  15999.                if (!this.getQuery().length) this.close(true);
  16000.                event.preventDefault();
  16001.  
  16002.                switch (event.code) {
  16003.                    case 'ArrowUp':
  16004.                        this.switchOption('up');
  16005.                        break;
  16006.                    case 'ArrowDown':
  16007.                        this.switchOption('down');
  16008.                        break;
  16009.                    case 'Enter':
  16010.                        this.selectOption();
  16011.                        break;
  16012.                }
  16013.            }
  16014.  
  16015.            onKeydown(event) {
  16016.                // Prevent the cursor from moving in the input when using the up and down arrow keys
  16017.                if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
  16018.                    event.preventDefault();
  16019.                }
  16020.            }
  16021.  
  16022.            updateSearchForTerm(previousTerm, newTerm) {
  16023.                const searchForTextElement = this.querySelector('[data-predictive-search-search-for-text]');
  16024.                const currentButtonText = searchForTextElement?.innerText;
  16025.                if (currentButtonText) {
  16026.                    if (currentButtonText.match(new RegExp(previousTerm, 'g')).length > 1) {
  16027.                        // The new term matches part of the button text and not just the search term, do not replace to avoid mistakes
  16028.                        return;
  16029.                    }
  16030.                    const newButtonText = currentButtonText.replace(previousTerm, newTerm);
  16031.                    searchForTextElement.innerText = newButtonText;
  16032.                }
  16033.            }
  16034.  
  16035.            switchOption(direction) {
  16036.                if (!this.getAttribute('open')) return;
  16037.  
  16038.                const moveUp = direction === 'up';
  16039.                const selectedElement = this.querySelector('[aria-selected="true"]');
  16040.  
  16041.                // Filter out hidden elements (duplicated page and article resources) thanks
  16042.                // to this https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
  16043.                const allVisibleElements = Array.from(this.querySelectorAll('li, button.predictive-search__item')).filter(
  16044.                    (element) => element.offsetParent !== null
  16045.                );
  16046.                let activeElementIndex = 0;
  16047.  
  16048.                if (moveUp && !selectedElement) return;
  16049.  
  16050.                let selectedElementIndex = -1;
  16051.                let i = 0;
  16052.  
  16053.                while (selectedElementIndex === -1 && i <= allVisibleElements.length) {
  16054.                    if (allVisibleElements[i] === selectedElement) {
  16055.                        selectedElementIndex = i;
  16056.                    }
  16057.                    i++;
  16058.                }
  16059.  
  16060.                this.statusElement.textContent = '';
  16061.  
  16062.                if (!moveUp && selectedElement) {
  16063.                    activeElementIndex = selectedElementIndex === allVisibleElements.length - 1 ? 0 : selectedElementIndex + 1;
  16064.                } else if (moveUp) {
  16065.                    activeElementIndex = selectedElementIndex === 0 ? allVisibleElements.length - 1 : selectedElementIndex - 1;
  16066.                }
  16067.  
  16068.                if (activeElementIndex === selectedElementIndex) return;
  16069.  
  16070.                const activeElement = allVisibleElements[activeElementIndex];
  16071.  
  16072.                activeElement.setAttribute('aria-selected', true);
  16073.                if (selectedElement) selectedElement.setAttribute('aria-selected', false);
  16074.  
  16075.                this.input.setAttribute('aria-activedescendant', activeElement.id);
  16076.            }
  16077.  
  16078.            selectOption() {
  16079.                const selectedOption = this.querySelector('[aria-selected="true"] a, button[aria-selected="true"]');
  16080.  
  16081.                if (selectedOption) selectedOption.click();
  16082.            }
  16083.  
  16084.            getSearchResults(searchTerm) {
  16085.                const queryKey = searchTerm.replace(' ', '-').toLowerCase();
  16086.                this.setLiveRegionLoadingState();
  16087.  
  16088.                if (this.cachedResults[queryKey]) {
  16089.                    this.renderSearchResults(this.cachedResults[queryKey]);
  16090.                    return;
  16091.                }
  16092.  
  16093.                fetch(`${routes.predictive_search_url}?q=${encodeURIComponent(searchTerm)}&section_id=predictive-search`, {
  16094.                    signal: this.abortController.signal,
  16095.                })
  16096.                    .then((response) => {
  16097.                        if (!response.ok) {
  16098.                            var error = new Error(response.status);
  16099.                            this.close();
  16100.                            throw error;
  16101.                        }
  16102.  
  16103.                        return response.text();
  16104.                    })
  16105.                    .then((text) => {
  16106.                        const resultsMarkup = new DOMParser()
  16107.                            .parseFromString(text, 'text/html')
  16108.                            .querySelector('#shopify-section-predictive-search').innerHTML;
  16109.                        // Save bandwidth keeping the cache in all instances synced
  16110.                        this.allPredictiveSearchInstances.forEach((predictiveSearchInstance) => {
  16111.                            predictiveSearchInstance.cachedResults[queryKey] = resultsMarkup;
  16112.                        });
  16113.                        this.renderSearchResults(resultsMarkup);
  16114.                    })
  16115.                    .catch((error) => {
  16116.                        if (error?.code === 20) {
  16117.                            // Code 20 means the call was aborted
  16118.                            return;
  16119.                        }
  16120.                        this.close();
  16121.                        throw error;
  16122.                    });
  16123.            }
  16124.  
  16125.            setLiveRegionLoadingState() {
  16126.                this.statusElement = this.statusElement || this.querySelector('.predictive-search-status');
  16127.                this.loadingText = this.loadingText || this.getAttribute('data-loading-text');
  16128.  
  16129.                this.setLiveRegionText(this.loadingText);
  16130.                this.setAttribute('loading', true);
  16131.            }
  16132.  
  16133.            setLiveRegionText(statusText) {
  16134.                this.statusElement.setAttribute('aria-hidden', 'false');
  16135.                this.statusElement.textContent = statusText;
  16136.  
  16137.                setTimeout(() => {
  16138.                    this.statusElement.setAttribute('aria-hidden', 'true');
  16139.                }, 1000);
  16140.            }
  16141.  
  16142.            renderSearchResults(resultsMarkup) {
  16143.                this.predictiveSearchResults.innerHTML = resultsMarkup;
  16144.                this.setAttribute('results', true);
  16145.  
  16146.                this.setLiveRegionResults();
  16147.                this.open();
  16148.            }
  16149.  
  16150.            setLiveRegionResults() {
  16151.                this.removeAttribute('loading');
  16152.                this.setLiveRegionText(this.querySelector('[data-predictive-search-live-region-count-value]').textContent);
  16153.            }
  16154.  
  16155.            getResultsMaxHeight() {
  16156.                this.resultsMaxHeight =
  16157.                    window.innerHeight - document.querySelector('.section-header').getBoundingClientRect().bottom;
  16158.                return this.resultsMaxHeight;
  16159.            }
  16160.  
  16161.            open() {
  16162.                this.predictiveSearchResults.style.maxHeight = this.resultsMaxHeight || `${this.getResultsMaxHeight()}px`;
  16163.                this.setAttribute('open', true);
  16164.                this.input.setAttribute('aria-expanded', true);
  16165.                this.isOpen = true;
  16166.            }
  16167.  
  16168.            close(clearSearchTerm = false) {
  16169.                this.closeResults(clearSearchTerm);
  16170.                this.isOpen = false;
  16171.            }
  16172.  
  16173.            closeResults(clearSearchTerm = false) {
  16174.                if (clearSearchTerm) {
  16175.                    this.input.value = '';
  16176.                    this.removeAttribute('results');
  16177.                }
  16178.                const selected = this.querySelector('[aria-selected="true"]');
  16179.  
  16180.                if (selected) selected.setAttribute('aria-selected', false);
  16181.  
  16182.                this.input.setAttribute('aria-activedescendant', '');
  16183.                this.removeAttribute('loading');
  16184.                this.removeAttribute('open');
  16185.                this.input.setAttribute('aria-expanded', false);
  16186.                this.resultsMaxHeight = false;
  16187.                this.predictiveSearchResults.removeAttribute('style');
  16188.            }
  16189.        }
  16190.  
  16191.        customElements.define('predictive-search', PredictiveSearch);
  16192.    </script>
  16193. </body>
  16194.  
  16195. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda