.ullu-arrow{--ullu-arrow-size: 48px;--ullu-arrow-radius: 14px;position:relative;width:var(--ullu-arrow-size);height:var(--ullu-arrow-size);margin:0;padding:0;display:grid;place-items:center;border:1px solid rgba(17,17,17,.12);border-radius:var(--ullu-arrow-radius);background:#fffffff5;color:#111;box-shadow:0 8px 28px #0000001a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease}.ullu-arrow__icon{width:24px;height:24px;display:block;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ullu-arrow--prev .ullu-arrow__icon{transform:scaleX(-1)}@media(hover:hover){.ullu-arrow:not(:disabled):hover{background:#111;color:#fff;border-color:#111;box-shadow:0 10px 32px #00000029}.ullu-arrow--next:not(:disabled):hover .ullu-arrow__icon{transform:translate(2.5px)}.ullu-arrow--prev:not(:disabled):hover .ullu-arrow__icon{transform:scaleX(-1) translate(2.5px)}}.ullu-arrow:not(:disabled):active{box-shadow:0 5px 18px #00000021}.ullu-arrow--next:not(:disabled):active .ullu-arrow__icon{transform:translate(1px)}.ullu-arrow--prev:not(:disabled):active .ullu-arrow__icon{transform:scaleX(-1) translate(1px)}.ullu-arrow:disabled{opacity:.28;cursor:default;pointer-events:auto}.ullu-arrow--dark{background:#111111f0;color:#fff;border-color:#ffffff38;box-shadow:0 8px 28px #0003}@media(hover:hover){.ullu-arrow--dark:not(:disabled):hover{background:#fff;color:#111;border-color:#1111111f;box-shadow:0 10px 32px #0000002e}}.ullu-arrow:focus{outline:none}.ullu-arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:749px){.ullu-arrow{--ullu-arrow-size: 42px;--ullu-arrow-radius: 12px}.ullu-arrow__icon{width:21px;height:21px}}@media(prefers-reduced-motion:reduce){.ullu-arrow,.ullu-arrow__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ullu-arrows.css.map */
